@charset "UTF-8";
/* css reset */
/*@font-face {
    font-family: 'RTW';
    src: url('../font/RTWSShangGoG0v1-Regular.eot');
    src:  url('../font/RTWSShangGoG0v1-Regular.ttf')  format('truetype'),
    url('../font/RTWSShangGoG0v1-Regular.woff') format('woff'),
    url('../font/RTWSShangGoG0v1-Regular.svg#RTWSShangGoG0v1-Regular') format('svg');
}*/
*,body,html,div,p,h1,h2,h3,h4,h5,h6,span,i,strong,small,ul,li,dl,dt,dd,ol,table,tr,td,th,a,input,textarea,label,img,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,p{font-weight:normal;line-height: 1.5;}
a{text-decoration: none;outline:none;display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;color:#333}
img{border:0;vertical-align: middle;max-width: 100%;}
span{display:inline-block;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;transition: .3s;}
i{font-style: normal;}
ul,li{list-style: none;}
input,textarea{font-family:"Source Han Sans CN Regular","Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;}
input:focus,textarea:focus,select:focus{outline:none; }
body{font-family:"Source Han Sans CN Regular","Microsoft YaHei", "WenQuanYi Micro Hei", Arial, sans-serif;font-weight:300;font-size:16px;color:#333;overflow-x: hidden;}
.clear{clear:both;zoom:1;}
.clear:after,.clear:before{content:""; display:table; height:0; clear: both;}
.wrap{width:1200px;max-width:94%;margin:0 auto;}
.fl,li{float:left}
.fr{float:right}
.zz{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);z-index: 1000;display:none;}

/* header */
.header{width:100%;-webkit-transition: .3s;transition: .3s;height:85px;background:#FFF}
.header.on{background:#FFF;}
.logo{line-height: 85px;}
.header_search{padding-left: 25px;line-height: 85px;}
.header_search_div{display:none;}
.header_search input{border:none;background:none;width:77px;padding-left: 10px;height:24px;line-height: 25px;}
.header_search a img{margin-top: -2px;}
.lang{font-size: 16px;color:#535353;line-height: 85px;margin-left: 30px;}
.lang:hover{color:#1d4587;}
.header .wrap{position:relative}
/*.sub_nav_bg{position:absolute;top:120px;left:0;width:100%;height:280px;background:rgba(16,100,176,0.95);background:#1064b0\9;z-index: 1;display:none;}*/
.nav{}
.nav li{position:relative}
.nav li>a{font-size: 17px;color:#333;padding:0 28px;line-height:85px;position:relative;}
/*.nav li>a:after{position:absolute;content:'';height:0;width:100%;left:0;bottom:0;-webkit-transition: .2s;transition: .2s;background:#1064b0;z-index: -1}*/
.nav li:hover>a,.nav li.on>a{color:#1d4587;}
.nav li:hover>a:after,.nav li.on>a:after{height:100%}
.nav li dl{position:absolute;width:130%;left:-25%;padding:5px 10%;top:85px;z-index: 2;color:#333;text-align: center;display:none;background:#FFF;line-height:3;}
.nav li dd{font-size: 15px;position:relative;border-bottom: 1px dashed #eee;/*float:left;margin-right: 2em;*/}
.nav li dd:last-child{border:0}
.nav li dd a{display:block;color:#555;opacity:0.85}
.nav li dd a:hover{color:#1d4587}


/* footer */
.footer{background:#f8f8f8;color:#666}
.footer a{color:#666;}
.footer_t{padding:108px 0 30px;border-bottom:1px solid #dcdcdc}
.footer_about{width:33%;padding-right: 4%;border-right:1px solid #e9e9e9}
.footer_nav{width:62%;}
.footer_logo{margin-bottom:28px;}
.footer_about p{font-size: 15px;line-height: 28px;text-align: justify}
.footer_about p a{color:#1d4587;}
.footer_about p a:hover{color: #123a8c;}
.footer_nav li{padding-left:5%;margin-right: 9%}
.footer_nav li:last-child{margin-right:0}
.footer_nav li dt{position:relative;font-size: 18px;line-height:2;margin-bottom: 15px;color:#333}
.footer_nav li dd{font-size: 16px;line-height:1.875;}
.footer_nav li dd a{}
.footer_nav li dd a:hover{color:#1d4587}
.footer_b{padding:35px 0 90px;}
.footer_contact{width:33%;padding-right: 4%;}
.footer_contact_title{margin-bottom:15px;}
.footer_contact_title h2{font-size: 24px;line-height: 1.5;color:#333;font-weight:bold;}
.footer_contact_title h3{font-size: 18px;line-height: 1.5;color:#333;font-weight:bold;}
.footer_contact p{font-size: 17px;line-height: 30px;}
.footer_contact .copy{font-size: 15px;line-height: 1.5;padding-top: 2.5em;}
.footer_form{width:59%}
.footer_form div.fl{width:30%;margin-right: 5%;border-bottom:1px solid #bfbfbf;-webkit-transition: .3s;transition: .3s}
.footer_form div.fl.on,.footer_form div.clear.on{border-color:#1d4587}
.footer_form div.fl:nth-child(3){margin-right: 0}
.footer_form div.fl span{line-height: 48px;float:left;font-size: 16px;width:25%}
.footer_form div.fl input{border:none;background:none;height:48px;line-height: 48px;float:right;font-size: 16px;color:#666;width:75%;}
.footer_form div.clear{width:100%;border-bottom:1px solid #bfbfbf;-webkit-transition: .3s;transition: .3s}
.footer_form div.clear span{line-height: 48px;display:block;margin:10px 0 0}
.footer_form div.clear textarea{border:none;background:none;height:4.5em;padding-bottom:0.5em;line-height: 1.5;float:right;font-size: 16px;color:#666;width:100%;resize: none;}
.footer_form input[type='button']{font-size: 16px;color:#FFF;width:75px;height:30px;background:#666;margin-top: 2em;border:0;-webkit-transition: .3s;transition: .3s;cursor: pointer}
.footer_form input[type='button']:hover{background:#1d4587}

/*float*/
.float{position:fixed;top:50%;right:10px;margin-top:-121px;height:242px;}
.float a{width:120px;height:120px;background-color:#0956ad;display:block;position:relative}
.float a span{position:absolute;top:0;left:0;width:100%;height:100%;background-position: center;background-repeat: no-repeat;z-index: 1;background-color:#0956ad;-webkit-transition: .3s;transition: .3s;}
.float a p{position:absolute;top:0;left:0;width:180px;text-align:center;opacity:0;color:#FFF;-webkit-transition: .3s;transition: .3s;line-height: 120px;background:#0956ad;font-size: 18px;}
.float .qq{margin-bottom:2px;}
.float .qq span{background-image:url(../images/float_01.png)}
.float .tel span{background-image:url(../images/float_02.png)}
.float a:hover p{left:-165px;opacity:1;background-color:#1d4587}
.float a:hover span{background-color:#1d4587}
/* banner */
.banner{height:350px;background-position: center;background-size:cover;background-repeat: no-repeat}

/* main */
.main{margin-top: 68px;padding-bottom: 60px;}
.index_main{margin-top:0;padding-bottom: 0;background:#f0f9ff;}
.main_wrap{width:81.5%}

/* aside */
.aside{width:16%;padding-right: 2.5%}
.aside_nav li{float:none;}
.aside_nav li>a{display:block;font-size: 18px;line-height:1.5;padding:0.55em 0 0.55em 1.125em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position:relative}
.aside_nav li>a:after{position:absolute;content:'';width:4px;height:1em;left:0;top:0.8em;background:#00a0e9;opacity:0;-webkit-transition: .3s;transition: .3s}
.aside_nav li.active>a:after,.aside_nav li:hover>a:after{opacity:1}

.aside_nav li dd a{display:block;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height:2.875;color:#666;padding:0 0 0 2.3em;background:url(../images/dot.png) no-repeat 1.4em center;}
.aside_nav li dl{padding-bottom: 0.8em;display:none;}
.aside_nav li dl.on{display:block;}
.aside_nav li dd.active>a,.aside_nav li dd:hover>a{color:#0079cb}


/* index */
.index{}
.index_banner{position:relative;overflow:hidden;height:598px;}
.index_banner .bd li{height:598px;background-repeat: no-repeat;background-size:cover;background-position: center;width:100%;color:#FFF;}
.index_banner .bd li .txt{float:left;width:40%;padding-top: 18%}
.index_banner .bd li .txt h3{font-size: 30px;line-height: 1.5}
.index_banner .bd li .txt h2{font-size: 36px;font-weight:bold;line-height: 1.5}
.index_banner .bd li .txt a{font-size: 18px;line-height: 36px;width:140px;border:1px solid #FFF;color:#FFF;text-align: center;border-radius: 3px;margin-top: 2em;}
.index_banner .bd li .txt a:hover{background-color:#FFF;color:#1d4587}
.index_banner .bd li .img{float:right;width:60%;text-align: center;line-height: 500px;}
.index_banner .bd li .img img{width:80%;max-width: 90%;max-height: 80%;vertical-align: bottom}


.index_banner .hd{width:100%;position:absolute;bottom:6%;left:0;text-align: center;}
.index_banner .hd ul{display:inline-block}
.index_banner .hd ul li{width:10px;height:10px;border-radius: 50%;margin:0 5px;border:1px solid #fff;font-size: 0;text-indent: 10000px;cursor:pointer;-webkit-transition:.3s;transition:.3s}
.index_banner .hd ul li.on{background:#fff}

.index_pro{padding:65px 0 108px;}
.index_pro li{width:26%;margin-right: 3.5%;background:#fff;padding:32px 2.5%;border-radius: 5px;-webkit-transition: .3s;transition: .3s}
.index_pro li:last-child{margin-right:0}
.index_pro li .img{text-align: center;height:150px;line-height: 150px;}
.index_pro li .img img{max-width: 90%;max-height: 92%}
.index_pro li dl{padding-top: 5px;}
.index_pro li dd a{font-size:18px;line-height: 3.333;color:#2ca8ff;border-bottom: 1px solid #ebebeb;display:block;padding-left:2%}
.index_pro li dd:last-child a{border-bottom: 0}
.index_pro li dd a:hover{color:#1d4587}
.index_pro_btn{font-size: 18px;color:#FFF;background:#2ca8ff;line-height: 2.5;border-radius: 5px;text-align: center;display:block;width:96%;margin:10px auto 0}
.index_pro_btn:hover{background:#1d4587}
.index_pro li:hover{-webkit-box-shadow: 6px 6px 20px 1px #ddd;box-shadow: 6px 6px 20px 1px #ddd;-webkit-transform:translate(-3px,-3px);transform:translate(-3px,-3px)}

/* about */
.about_info p{font-size: 14px;line-height:2.85;padding-bottom: 2.85em; }
/*about_wh*/
.about_wh{padding-bottom: 50px;}
.about_wh_t{background:#f0f0f0}
.about_wh_t .img{width:33.3333%;float:left}
.about_wh_t .txt{width:56.6666%;padding:5%}
.about_wh .img{overflow: hidden;}
.about_wh .img img{width:100%;-webkit-transition: .5s;transition: .5s}
.about_wh h2{font-size: 20px;font-weight:bold;line-height: 2.25;position:relative;color:#0079cb;margin-bottom: 20px;}
.about_wh h2:after{position:absolute;content:'';left:0;bottom:0;width:18px;height:2px;background:#0079cb}
.about_wh p{font-size: 14px;line-height: 2.125;}
.about_wh_b{background:#0079cb;color:#FFF;}
.about_wh_b h2{color:#FFF;}
.about_wh_b h2:after{background:#FFF;}
.about_wh_b li{padding:3%;width:27.3333%;}
.about_wh_b li.img{padding:0;width:33.3333%;}
.about_wh_t:hover .img img,.about_wh_b:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)}

.about_jg{background:#fbfbfb;padding:7% 6% 7% 9%}
.about_fc{padding:3% 2%;background:#fbfbfb;}
.about_fc li{width:32%;margin-right: 2%;margin-bottom: 18px;text-align: center;}
.about_fc li a{display:block;width:100%;height:100%;}
.about_fc li.three{margin-right: 0}
.about_fc li .img{overflow: hidden;height:196px;line-height: 192px;}
.about_fc li .img img{-webkit-transition: 1s;transition: 1s;max-height: 100%;max-width: 100%;height:100%}
.about_fc li p{font-size: 16px;line-height: 1.5;padding:0.8em 0}
.about_fc li .img:hover img{-webkit-transform: scale(1.05);transform: scale(1.05)}
.about_fc li:hover p{color:#0a61b0}
.about_fc_detail{padding:3% 5% 0;background:#fbfbfb;}
.about_fc_detail .news_detail_m img{display:block;margin:0 auto;}
.about_ry_list li{width:30%;margin-right:5%;margin-bottom:25px;text-align: center;}
.about_ry_list li a{display:block;}
.about_ry_list li:nth-child(3n){margin-right: 0}
.about_ry_list li .img{width:100%;height:340px;line-height: 337px;position:relative;background:#eee}
.about_ry_list li .img img{max-width: 100%;height:90%}
.about_ry_list li p{font-size: 15px;padding-top:1em;height:3em;}
.about_ry_list li .img:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition: .3s;transition: .3s;background:rgba(0,102,204,0.5) url(../images/pdf.png) no-repeat center;opacity:0}
.about_ry_list li .img:hover:after{opacity:1}
.about_ry_list li:hover p {color:#0a61b0}
.about_ry_tc{}
.about_ry_tc img{max-width: 70%;max-height: 80%;position:fixed;;top:50%;left:50%;opacity:0;z-index: -1;}
.about_ry_tc.on img{opacity:1;z-index: 1001}



/* news */
.news_list{}
.news_item{border-bottom:1px solid #e9e9e9}
.news_item:last-child{border-bottom: 0}
.news_item a{display:block;padding:35px 3%;}
.news_item .img{width:188px;margin-right: 4%;float:left;overflow: hidden;}
.news_item .img img{-webkit-transition: .5s;transition: .5s}
.news_item .txt h2{font-size: 16px;line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom:0.875em;-webkit-transition: .5s;transition: .5s}
.news_item .txt p{font-size: 13px;line-height:24px;height:48px;color:#666;margin-bottom:0.5em;-webkit-display:box;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news_item .txt span{font-size: 13px;line-height:1;;color:#666;}
.news_item a:hover{background:#f9f9f9}
.news_item a:hover .img img{scale(1.1);transform: scale(1.1)}
.news_item a:hover .txt h2{color:#0079cb}
/*page*/
.page{text-align: center;padding:50px 0}
.page ul{display:inline-block}
.page ul li{width:34px;height:34px;line-height: 34px;border:1px solid #c9c9c9;margin:0 3px;cursor:pointer;-webkit-transition: .3s;transition: .3s}
.page ul li:hover,.page ul li.active{color:#FFF;border-color:#666;background-color:#666}
.page ul li.next{background:url(../images/next_01.png) no-repeat center;}
.page ul li.next:hover{background:#666 url(../images/next_02.png) no-repeat center;}
.page div{display:inline-block}
/*news_detail*/
.news_detail{padding-right: 4%;padding-bottom: 50px;}
.news_detail_t{text-align: center;padding:15px;}
.news_detail_t h2{font-size: 18px;font-weight:bold;color:#333;margin-bottom: 0.4em;}
.news_detail_t span{font-size: 17px;line-height:1}
.news_detail_m{font-size: 15px;line-height: 2.25;padding-top: 1em;}
.news_detail_m p{}
.news_detail_m *{padding-bottom: 3em;line-height: 2.125}
.news_detail_m img{max-width: 100%;height:auto;}

/* contact */
.contact{padding-bottom: 50px;}
.contact_t{margin-bottom: 60px;}
.contact_t p{font-size: 17px;color:#666;line-height: 3.52em;}
/*contact_jr*/
.contact_jr_list{}
.contact_jr_list li{float:none;font-size: 15px;line-height: 1.5;margin-bottom: 6px;}
.contact_jr_list li.first dt{background:#0956ad;color:#FFF;}
.contact_jr_list li dt{font-size: 17px;background:#d6d6d6;}
.contact_jr_list li dd{color:#666;padding:2% 5% 5%;line-height: 1.9;display:none;background:#fafafa}
.contact_jr_list li dd.on{display:block;}
.contact_jr_list li dd p{line-height: 1.9}
.join_zp_btn{font-size: 17px;width:8.75em;line-height:2.75em;text-align: center;color:#FFF;background:#0098ff;border-radius: 3px;margin-top: 1.5em;}
.join_zp_btn:hover{background:#0a61b0}
.contact_jr_list li dt span{float:left;line-height: 52px;width:20%;text-align: center;}
.contact_jr_list li dt span.h_n{padding-left: 5%;text-align: left}
.contact_jr_list li dt span.h_d{width:25%}
.contact_jr_list li dt span.h_x{width:10%}
.contact_jr_list li dt span.h_x a{width:100%;height:54px;background:url(../images/bottom.png) no-repeat center;display:block;-webkit-transition: .2s;transition: .2s}
.contact_jr_list li dt.on .h_x a{-webkit-transform: rotate(180deg);transform: rotate(180deg)}
/*contact_zx*/
.contact_zx{padding-bottom: 120px;}
.contact_zx form{background:#f4f4f4;padding:16px 4.8% 84px;}
.contact_zx_title{margin-bottom: 24px;}
.contact_zx_title h2{font-size: 30px;line-height: 77px;}
.contact_zx_title p{font-size: 14px;line-height: 34px;color:#9c9c9c;}
.contact_zx_title p span,.form_item label span{color:#ff0000}
.form_item{margin-bottom:27px;width:47.5%;}
.form_text{width:100%}
.form_item label{display:block;line-height:55px;font-size: 16px;}
.form_item input{width:96%;border:none;background:#FFF;line-height: 48px;height:48px;font-size: 14px;padding:0 2%}
.form_item textarea{width:98%;border:none;background:#FFF;font-size: 14px;line-height: 2;padding:0.5em 1%;resize: none;height:20em;}
.contact_zx_btn{font-size: 16px;width:108px;height:40px;line-height: 40px;background:#666;color:#FFF;-webkit-transition: .3s;transition: .3s;border:none;cursor:pointer}
.contact_zx_btn:hover{background-color:#0a61b0}





/* product */
.product h2{font-size: 24px;font-weight:bold;line-height: 2;color:#0079cb;margin-bottom: 1.5em;}
.product_t{margin-bottom: 33px;}
.product_t .img{width:48%}
.product_t .txt{width:48%;padding-top: 1em;}
.product_t .txt h3{font-size: 17px;line-height:1.875;padding-bottom: 0.5em;font-weight:bold;}
.product_t .txt p{font-size: 15px;line-height: 2.125em;padding-bottom: 1.5em;}
.product_t .txt a{font-size: 14px;color:#FFF;background:#0079cb;padding:0 2.25em;line-height: 2.25em;border-radius: 5px;}
.product_t .txt a:hover{background: #0a61b0 }
.product_wrap .hd{border-bottom: 1px solid #bfbfbf;}
.product_wrap .hd li{font-size: 16px;padding:0 2em;line-height: 3.375;position:relative;cursor:pointer}
.product_wrap .hd li:after{content:'';position:absolute;height:4px;background:#0079cb;bottom:-2px;left:0;width:0;-webkit-transition: .3s;transition: .3s}
.product_wrap .hd li.on:after{width:100%}
.product_wrap .bd{padding-left: 50px;}
.product_wrap .bd li{line-height:2;padding:2em 0;font-size: 14px;width:100%}
.product_wrap .bd li p{line-height:2;}



@media screen and (max-width: 1440px){
    .banner{height:310px;}
}
@media screen and (max-width: 1280px){
    .nav li>a{padding:0 20px;}
    .nav li dl{padding-left: 20px;}
    .footer_t li{margin-right: 50px;}
    .product_wrap .hd li{padding:0 1.5em;}

}
@media screen and (max-width: 1200px){
    .footer_t li{margin-right: 40px;}
}
@media screen and (max-width: 1140px){
    .nav li>a{padding:0 10px;}
    .nav li dl{padding-left: 10px;}
    .footer_t li{margin-right: 24px;}

}