*{margin:0;padding:0}
html,body{width:100%;font-size:15px;color:#fff;overflow: hidden;background:#036eb4;font-family: "微软雅黑";}
html{overflow-y: auto;}
img{width:100%;display: block;}
a{color:#fff;text-decoration: none;}
.none{display: none;}

.triangle-bottom{
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-bottom: 15px solid white;
    border-right: 15px solid transparent;
    margin:5px auto;
    z-index: 2;
}

.top{width:100%;height:60px;background:#006cb8;position:fixed;z-index: 999;margin:0 auto;}
.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;}
.logo{width:145px;height:37px;position:absolute;left: 6%;top:11px;}
.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;list-style: none;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;cursor: pointer;}
.menu_ul ul li:hover{background:rgba(0,122,255,0.7)}

.box,.s1_box{width:100%;position:relative}
.s1_box .swiper-container{height:100%;overflow:hidden}

.s1_text_box{width: 600px;position:absolute;left: 9%;bottom:36%;z-index: 3;/*overflow: hidden;*/}
.s1_text_box .s1_mask_t{width: 330px;
    height: 94px;
    position: absolute;
    top: -114px;
    left: 0;
}
.s1_text_box .s1_mask_t li{cursor: pointer; float: left; margin: 0 7px; list-style: none;}
.s1_text_box .s1_mask_t li img{width: auto;}
.s1_text_p1{font-size: 55px;}
.s1_text_p2{font-size: 31px;line-height: 40px;border-bottom: 5px solid #036eb4;padding-bottom: 10px;letter-spacing: 4px;}
.s1_text_p3{font-size:13px;line-height: 25px;margin-top: 20px;width: 90%;height: 145px;overflow: hidden;position:relative}
.s2_box{margin-top:10px}
.s2_box_pic{position:relative}
.s2_text_box{width: 450px;position:absolute;left: 65%;top: 50%;z-index: 3;overflow: hidden;margin-top: -125px;}
.s2_text_box_about{width: 851px; height: 338px; position: absolute; right: 20px; top: 50%; z-index: 3; margin-top: -169px;background: rgba(231,245,252,0.62)}
.s2_text_box_top{ position: absolute; background: rgba(6,103,167,0.62); width: 845px; height: 56px; left: 4px; top: 2px;}
.s2_text_box_body{ position: absolute; top: 64px; left: 35px; width: 800px; height: 258px; }
.s2_text_box_body .input_group,.s2_text_box_body .textarea_group{ float: left; margin-right: 30px;}
.s2_text_box_body .input_group .title,.s2_text_box_body .textarea_group .title{ height: 22px; line-height: 22px; color: rgba(6,103,167,0.62);}
.s2_text_box_body .input_group .input{ position: relative; }
.s2_text_box_body .input_group input,.s2_text_box_body .textarea_group textarea{ width: 100%; height: 100%; position: absolute; background: none; border: none;resize: none; }
.s2_text_box_body .textarea_group .textarea{position: relative; width: 473px; height: 78px; background: url("../images/textarea.png")}
.s2_text_box_body .submit{ position: absolute; right: 44px; bottom: 17px;}
.s2_text_box_body .submit img{ width: 55px; height: 22px;}
.s2_text_box_body #province { border: none; background: none; position: absolute; width: 100%; height: 100%; z-index: 20;}

.input_center{ background: url("../images/input_center.png"); height: 28px; margin-left: 7px; margin-right: 10px;}
.input_left{ background: url("../images/input_left.png"); float: left; width: 7px; height: 28px;}
.input_right{ background: url("../images/input_right.png"); width: 10px; height: 28px; right: 0; top: 0; position: absolute}
.s2_text_p1{font-size: 42px;}
.s2_text_p2{font-size: 36px;line-height: 40px;border-bottom: 5px solid #036eb4;padding-bottom: 10px;letter-spacing: 4.3px;}
.s2_item_box{width:100%;padding-top:28px;padding-bottom:52px;position:relative}
.swiper-container2,.swiper-container02{width:77%;margin:0 auto;font-size:0px;position:relative;overflow: hidden;}
/*.swiper-container2,.swiper-container02{width:960px;margin:0 auto;font-size:0px;position:relative;overflow: hidden;}*/
.s2_items{width:239px; height:240px;display: inline-block;vertical-align: middle;overflow: hidden;}
.s2_items_text{width:237px; height:238px;border:1px solid #fff;overflow: hidden;position:relative; }
.s2_items_text span{display: inline-block;font-size:13px;line-height: 16px;}
.s2_text_c{width:80%;height:96%;margin-left:3%;margin-top:3%;overflow: hidden;}
.s2_items_title{margin-top:10%;cursor:pointer}
.s2_text{margin-top:1.5%;line-height:19px !important;}
.sc_box2{width:4.5%;position:absolute;right:5%;top:43%;border:1px solid #fff;border-radius: 50%;overflow: hidden;}
.sc_box2_s02{width: 80%;height: 98.5%;position:absolute;left: 7%;top: 1%;background:#fff;border-radius: 50%;}
.swiper-container2{position:relative;overflow: hidden;}
.swiper-pagination2,.swiper-pagination02,.swiper-pagination3{width:100%;text-align: center;}
.swiper-pagination2 span{margin-left:15px}
.swiper-pagination02 span{margin-left:15px}
.swiper-pagination3 span{margin-left:15px}
.b_pic_box{width:100%;border-top:8px solid #fff;padding:60px 0;}
.b_pic{width:239px;margin:0 auto}
.sc_box1{width:2%;height:80%;position:absolute;right: 0%;top:33%; border:1px solid #fff;border-radius: 50%;overflow: hidden;}
.sc_box1_s01{width:75%;height:97%;position:absolute;left:50%;top:1%;background:#fff;border-radius: 50%;}
.sc_box01{width:3%;position:absolute;right: 0%;top: 55%;}
.float_box{width:100%;height:100%;background:url(../images/bgop.png);overflow: hidden;position:absolute;left:0;top:0;z-index: 100;}

/*.float_context_box{width:845px;height:335px;left:50%;top:50%;margin-top:-167px;margin-left:-422px;position:absolute;background:#006cb4;}
.float_context_box ul{width: 744px;height:216px;margin:59px auto 0;}
.float_context_box li{width:216px;height:216px;margin: 0 16px;background:#003279;float:left;list-style: none;overflow: hidden;}*/
.float_box_p1{font-size:25px;margin-top: 10%;padding: 0 5%;}
.float_box_p2{font-size:40px;text-align: center;padding: 0 5%;}
.float_box_p3{font-size:12px;padding: 0 5%;line-height: 28px;}

.float_context_box{width:66%;height:335px;left:17%;top:50%;position:absolute;background:#006cb4;}
.swiper-container3{width:88%;margin: 0 auto;}
.float_context_box ul{width:100%;height:100%;}
.float_context_box li{width:29%;height:100%;margin: 0 2.1%;background:#003279;float:left;list-style: none;overflow: hidden;}


.hand{cursor: pointer;}

.fengdian_s1_text_box{left: 26%;bottom: 20%;}
.fengdian_s2_text_box{left: 69%;top: 67%;}
.fengdian_box .s_t{margin-top:6%;font-size:14px;border-radius: 150px;border:1px solid #fff;padding: 2px 17px;line-height:15px; cursor: pointer;}
/*.fengdian_box .s2_t1{width:94px;}
.fengdian_box .s2_t2{width:174px}*/
.fengdian_float_box p,.fengdian_float_box .float_div{padding: 25px 21px;line-height: 26px;font-size:12px}

.menu_ul ul.yw_ul{width:130%; left: -15%;}
.yw_ul li,.jx_ul li{width:100%}
.menu_ul ul.jx_ul{width:120%; left: -10%;}
.float_box li span{font-size:15px;margin:0;display: inline-block;}
table{width:98%;border-top:1px solid #006CB4;border-bottom:1px solid #006CB4;border-left:1px dashed #ccc;border-right:none;font-size:12px;color: #222;}
.td_1{width:29%;border-bottom:1px dashed #ccc;border-right:1px dashed #ccc;}
.td_2{width:69%;border-bottom:1px dashed #ccc;border-right:1px dashed #ccc;}
.last_td{border-bottom:none}
.tr_d{background: #c0dcef;}
.tr_x{background: #fff;}

.float_context_box .swiper-container{width:96%;}

.s2_box .swiper-wrapper{display: block;}
.s2_box .swiper-wrapper .swiper-slide{margin-top:20px;padding:1px 0;}

.s2_text_box2{width: 450px;position:absolute;left:2%;top:15%;z-index: 3;overflow: hidden;}

.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);}
.call_select{width:100%;height:100%;border:none;margin:0;padding:0;background:transparent;position:absolute;left:0;top:0;z-index: 11;}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    margin: 0 auto !important;
    padding: 0 !important;
    display: block !important;
}
.li_p_c{padding:0 21px !important;overflow: hidden;margin-top:10px}
.title1{font-size:17px !important;text-align: left;padding: 25px 21px 10px !important;display: block !important;}
.title2{font-size: 20px !important;;text-align: left;padding: 0 21px !important;line-height: 30px !important;display: block !important;}

.swiper-slide{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.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;
}
.s1_mask_t li{ position: relative; }
.s1_mask_t li a{ width: 100%; height: 100%; display: block; z-index: 1000; }
.s1_mask_t .link-span{position: absolute; line-height: 96px; top: 0; left: 0; width: 95px; font-size: 12px;text-align: center; z-index: 10;border-radius: 48px;}
.s1_mask_t .link-span.active{color: #006cb8;}
/*.s1_mask_t .link-span.active2{background-color: #006cb8;opacity: 0.5;}*/
.s1_mask_t .link-span.active2{background-image: url(../images/blue_5.png);}

.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; }
.lellipse{border: 1px solid white; height: 20px; border-radius: 10px; width: 70px; text-align: center; line-height: 20px;}

