*{margin:0;padding:0}
html,body{width:100%;font-size:15px;color:#fff;height: 100%;overflow: hidden;font-family: "微软雅黑";}
.box{width:100%;height: 100%;margin:0 auto;position: relative;}
.top{width:100%;height:60px;background:#006cb8;position:fixed;z-index: 999;margin:0 auto;}
.logo{width:145px;height:37px;position:absolute;left: 6%;top:11px;}

.none{display: none;}

ul,li{list-style:none}
a{text-decoration: none;color:#fff}

.triangle-left{
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-right: 22px solid white;
    border-bottom: 21px solid transparent;
    position: absolute;
    left: -21px;
    top:50%;
    margin-top: -21px;
}
.triangle-right{
    width: 0;
    height: 0;
    border-top: 21px solid transparent;
    border-left: 22px solid white;
    border-bottom: 21px solid transparent;
    position: absolute;
    right: -21px;
    top:50%;
    margin-top: -21px;
    z-index: 2;
}
.triangle-top{
    width: 0;
    height: 0;
    border-left: 21px solid transparent;
    border-top: 22px solid #006cb8;
    border-right: 21px solid transparent;
    position: absolute;
    left:50%;
    top:100%;
    margin-left: -21px;
    z-index: 2;
}
.top2{width:100%;height: 7px;position:fixed;left: 0;top:-30px;background:#006cb8;z-index: 999;}

.swiper-wrapper img{width:100%}
.swiper-wrapper,.swiper-container{height:100%}
.page{width:100%;height: 100%;}

.menu_ul{/*width: 976px;*/position: absolute;right: 13%;top:0;font-size:13px;text-align: center;line-height:60px}
.menu_ul li{width: 120px;float: left;position: relative;cursor: pointer;}
.menu_ul li:hover ul{display: block;}
.menu_ul ul{position: absolute;left:0;top:100%;background: rgba(0,108,184,0.7);display: none;}
.menu_ul ul li{float: none;line-height:38px;}
.menu_ul ul a{display: block;}
.menu_ul ul li:hover{background:rgba(0,122,255,0.7)}
.s1_mask{width:100%;height: 100%;background:rgba(0,108,184,0.5);position: absolute;left: 0;top: 0;z-index: 12;}
.s1_mask_t{width:333px;position: absolute;left:50%;top:50%;margin-top:-93px;margin-left:-166px;}
.s1_mask_t ul{width: 330px;height: 94px;margin: 30px auto 0;}
.s1_mask_t li{float: left;margin: 0 7px;}
.s2_mask{ width:100%;height: 100%;background:rgba(0,108,184,0.5);position: absolute;left: 0;top: 0;z-index: 12;}
.s2_mask_t{ width: 100%; height: 100px; position: absolute; left: 0; top: 50%; margin-top: -50px;}
.s2_mask_t p.title{ font-size: 55px; text-align: center}
.s2_mask_t p.desc{ font-size: 31px; text-align: center;}


.main_context{width:100%;height: 100%;overflow: hidden;}
/*.swiper-container{height:800px}*/
.arr1{width:65px;position: absolute;right:0;top:40%;z-index: 111;}
.arr1 img{ width: 100%;}
.arr1 .slide-forward{ width: 60px; height: 60px; position: absolute; top: 14px; left: 14px;}
.arr1 .slide-backward{ width: 60px; height: 60px; position: absolute; bottom: 14px; left: 14px;}
.item2_box{width:100%;overflow: hidden;}
.item2_ul{width:100%;overflow: hidden;height: 100%;}
.item2_ul li{width: 25%;float:left;overflow: hidden;position: relative;font-size:0;}
.swiper-container2{margin-top:10px;position: relative;}
.b_item_box{width:100%;position:relative}
.b_item_box_bg{width:100%;}
.b_item{width:100%;height:100%;position: absolute;left:0;top:0}
.b_item_floot{width:100%;height:7px;background:#036eb4;position: absolute;left:0;bottom:0}
.title1{width:578px;margin: 4% auto 2%;}
.swiper-container3{width: 58%;/* height:480px; */margin:0 auto;overflow: hidden;position:relative;}
.swiper-container3 ul{width:100%; overflow: hidden; display: block;}
.swiper-container3 li{width: 25%;height:240px;float:left;position: relative; overflow: hidden;}
.swiper-container3 .s3_t1_01{width: 100%;height:100%;background:#fff;position: absolute;left: 0;top: 0;}
.swiper-container3 .s3_t1_01 .time{ position: absolute; bottom: 6%; color: #006cb8; left: 10%; font-size: 12px;}
.swiper-container3 .p1{margin-top:55px;color:#036eb4;font-size:13px;}
.swiper-container3 .p2{margin-top:20px;color:#333333;font-size:12px;}
.swiper-container3 .more{width: 45px;display: block;position: absolute;left: 73%;bottom: 5%;}
.s3_t1_text{width: 80%;display: block;margin: 10% auto 0;font-size:17px;color:#036eb4;font-weight: bold;}
.s3_t1_text1{width: 80%;display: block;margin:5% auto 0;font-size: 12px;color:#4e4e4e;font-weight: bold;height: 35%;overflow: hidden;line-height: 17px;}
.item2_ul_mask{width:100%;height:38%;font-size:14px;text-align: center;color:#fff;background:rgba(0,108,184,0.5);padding-top:18px;position: absolute;left:0;top:100%}
.b_pic{width: 360px;position: absolute;left: 50%;bottom: 1.5%;margin-left: -180px;}
.b_pic img{width:100%}
.swiper-pagination3{width:100%}
.swiper-pagination3 span{margin: 0 5px;}
.item2_ul_pic img{width:100%}

.hand{cursor: pointer;}
.s1_mask_t li,.item2_ul li{cursor: pointer;}

.yw_ul{width:130%;left: -15% !important;}
.yw_ul li,.jx_ul li{width:100%}
.jx_ul{width:120%;left: -10% !important;}

.chen{position:absolute;right:5%;top:0;height:60px;line-height:60px;font-size:13px;color:#fff;}
.chen_s2{margin-left:20px;}
.chen_pic{width: 48px;position:absolute;left: -9px;top: 13px;}
.chen_s2{-moz-opacity:0.6;opacity: 0.6;filter:alpha(opacity=40);}


.swiper-pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}
.top-ellipse{ position: absolute; height: 60px; width: 120px; top: 0; display: none; }
.top-ellipse div{ border: 1px solid white; height: 20px; top: 19px; border-radius: 10px; width: 70px; position: absolute; left: 23px; }

.s1_mask_t_txt{position: relative;}
.s1_mask_t_txt li{ position: relative; }
.s1_mask_t_txt li a{ width: 100%; height: 100%; display: block; z-index: 1000; }
.s1_mask_t_txt .link-span{position: absolute; line-height: 96px; top: 0; left: 0; width: 95px; font-size: 12px;text-align: center; z-index: 10; }
.s1_mask_t_txt .link-span.active{color: #006cb8;}