@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {margin:0;padding:0;}
fieldset, img {border:none;}
/* remember to define focus styles! */
:focus {outline:0;}
address, caption, cite, code, dfn,
em, th, var, optgroup {font-style:normal;font-weight:normal !important;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:none;font-variant:normal;}

input, button, textarea,
select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;*font-family:"Microsoft YaHei",Arial;resize: none;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;outline:none;font-family: "microsoft yahei"; font-weight: 200;}
body {line-height: 1.5; font-family:Arial; font-size:14px; color:#666666;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:collapse;border-spacing:0;
/*表格自动换行*/
table-layout:fixed;word-wrap:break-word;}
caption, th{text-align:center;}
/*caption, th {text-align: left;}*/
/*sup, sub {font-size: 100%;vertical-align: baseline;}*/
/* remember to highlight anchors and inserts somehow! */
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
a{transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
/*------------浮动-----------------*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clear10{ clear:both; height:10px; overflow:hidden;}
.clear15{ clear:both; height:15px; overflow:hidden;}
.clear20{ clear:both; height:20px; overflow:hidden;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.mt20{margin-top:20px;}

.textover{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;filter:alpha(opacity=50);}
a{color: #666666;}
a:hover{ color: #00418e;}
.ft84{font-size:84px;}
.ft70{font-size:70px;}
.ft60{font-size:60px;}
.ft48{font-size: 48px;}
.ft40{font-size: 40px;}
.ft36{font-size: 36px;}
.ft34{font-size: 34px;}
.ft30{font-size: 30px;}
.ft28{font-size: 28px;}
.ft26{font-size: 26px;}
.ft24{font-size: 24px;}
.ft20{font-size: 20px;}
.ft18{font-size: 18px;}
.ft16{font-size: 16px;}
.ft44{font-size: 44px;}
.ptb100{padding: 100px 0;}
.ptb150{padding: 100px 0 150px; }
.ptb40{padding: 40px 0;}
.pt80{padding: 80px;}
.ptb70{padding: 68px 0 68px;}
.ptb80{padding: 80px 0 80px;}
.ptb50{padding: 50px 0;}

.animation,.banner .swiper-slide .text{-moz-transform: translate(0,80px); -o-transform: translate(0,80px); -webkit-transform: translate(0,80px); transform: translate(0,80px);  opacity: 0;}
.animation.srcospcur{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s; -webkit-transition:1.3s; -moz-transition:1.3s; -ms-transition:1.3s; -o-transition:1.3s;}
.banner .swiper-slide.swiper-slide-active .text{-moz-transform: translate(0,0px); -o-transform: translate(0,0px); -webkit-transform: translate(0,0px); transform: translate(0,0px); opacity: 1; transition:1.3s 0.5s; -webkit-transition:1.3s 0.5s; -moz-transition:1.3s 0.5s; -ms-transition:1.3s 0.5s; -o-transition:1.3s 0.5s;}


img{display: block; }
.img{overflow: hidden; position: relative;}
.img img{display: block;transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transform:scale(1);transform:scale(1);}
.img:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.whbfb{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.table{ height:100%; display:table; margin: 0 auto; width: 100%;}
.table-cell{ display:table-cell; vertical-align:middle;}

.wap{width: 90%; max-width: 1600px; margin: 0 auto;}
.waps{width: 90%; max-width: 1400px; margin: 0 auto;}
:lang(zh-hk) body,body{font-family: "microsoft yahei", "Arial", sans-serif;}
body{color: #666666;background: #fff; font-size: 14px;  width: 100%;  position: relative;overflow-x:hidden ; }
/*:first-child  filter:alpha(opacity=50);*/
/*img{display: block;}*/
img{max-width: 100%;}
html{ position: relative; width: 100%;}
input.but{cursor: pointer;}
.main{position: relative; overflow: hidden;min-height: 100vh;}
.sj{display: none;}
.pc{display: block;}

.head{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.headtop{line-height:38px; background: #fafafa; position: relative; z-index: 10;}
.headtop img{display: inline-block; vertical-align: middle; }
.language{float: right; position: relative; font-family: arial; padding-left: 20px;}
.language h3{font-weight: bold; font-size: 16px;}
.language h3 span{display: inline-block; vertical-align: middle; padding: 0 6px; color: #00418E;}
.language ul{position: absolute; top: 100%; left: 0; width: 105%; background: #fff; box-shadow:0 5px 20px rgba(0,0,0,0.1); display: none; font-size: 14px;}
.language:hover ul{display: block;}
.language ul li a{display: block; padding-left: 20px; line-height: 30px;}
.language ul li a span{padding-left: 6px; color: #00418E;}
.language ul li a:hover{background: #FAFAFA;}
.iph{float: right; position: relative; padding:  0 20px; font-size: 18px; color: #666; font-family: arial;}
.iph a{/*color: #666;*/display: flex;align-items: center;}
.iph img{padding-right: 8px;}
.iph:before,.iph:after{content: ''; position: absolute; width: 1px; height: 24px; top: 50%; margin-top: -12px; left: 0; background: #ededed;}
.iph:after{left: auto; right: 0; display: none;}
.fuz{float: right; position: relative; font-family: arial; padding:0 20px;}
.fuz h3{font-weight: bold; font-size: 16px;}
.fuz h3 span{display: inline-block; vertical-align: middle; padding: 0 6px; color: #646464;}
.fuz ul{position: absolute; top: 100%; left: 0; width: 105%; background: #fff; box-shadow:0 5px 20px rgba(0,0,0,0.1); display: none; font-size: 14px;}
.fuz:hover ul{display: block;}
.fuz ul li a{display: block; padding-left: 20px; line-height: 34px;}
.fuz ul li a span{padding-left: 6px; color: #00418E;}
.fuz ul li a:hover{background: #FAFAFA;}

.headcon{}
.headcon .logo{float: left; padding: 30px 0;}
.headcon .sous{float: right; width: 365px; padding: 25px 0;}
.headcon .sous input{float: left; height: 38px; line-height: 38px;}
.headcon .sous input.txt{width: calc(100% - 61px); padding: 0 10px; border: 1px solid #e0e0e0; border-right: 0;}
.headcon .sous input.but{float: right; width: 40px; height: 40px; background: url(../images/hdico5.png) no-repeat center #00418E; border: 1px solid #00418E;}
.nav{float: left; margin-left: 40px; width: calc(100% - 665px);}
.nav .erj{display: none;}
.nav ul li{float: left; width: 20%; text-align: center; position: relative;} 
.nav ul li .yj{ line-height: 90px; font-size: 20px; color: #333333; display: block;}
.nav ul li:hover .yj,.nav ul li.cur .yj{color: #00418E;}
.nav ul li .yj img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em; padding-left: 0.4em;}
.nav ul li .yj .ico2{display: none;}
.nav ul li:hover .yj .ico2,.nav ul li.cur .yj .ico2{display: inline-block;}
.nav ul li:hover .yj .ico1,.nav ul li.cur .yj .ico1{display: none;}
.nav ul li .erj{display: block; position: absolute; top: 100%; left: 0; border: 1px solid #00418E; background: #fff; border-radius: 0 0 5px 5px; line-height: 40px; width: 100%; overflow: hidden; display: none;}
.nav ul li:first-child .erj{ width: 120%; left: calc(-10% - 1px);}
.nav ul li .erj a{display: block;}
.nav ul li .erj a:hover{background: #00418E; color: #fff;}
.navlin,.ssan{display: none;}
.headH{height: 129px;}

.head .right{float: right; padding-top: 31px;display: none;}

.headcon .sous{}
.head .right img{display: inline-block; vertical-align: middle; padding-bottom: 0.2em;}
.head .right .iph:before{display: none;}
.head .right .iph{padding: 0 10px; position: relative;}
.head .right .iph .txt{position: absolute; right: 0; width: 7em; line-height: 30px; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.08); text-align: right; padding: 0 10px; display: none;}
.head .right .iph a:hover .txt{display: block;}
.head .right .iph img{padding: 0; display: block;}
.head .right .iph a{padding: 5px 0; display: block;}
.head .right .language span{padding-left: 0;}
.head .right .language h3{font-size: 16px; line-height: 25px;}
.head .right .language{padding-left: 10px; display: none;}
.head .right .iph:after{height: 16px; margin-top: -8px;}
.head .right .language ul li a{padding-left: 10px;}


.hbanner{color: #fff; text-align: right; position: relative;}
.hbanner .swiper-slide{padding: 19% 0;}
.hbanner .cons{padding: 7% 0; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.hbanner .cons h3{line-height: 1.4em; font-weight: bold;}
.hbanner .cons h4{padding: 2.5% 0 5%;}
.hbanner .cons .ann{padding-bottom: 32px;}
.hbanner .cons .ann a{display: inline-block; text-align: center; padding: 0 1.5em; color: #fff; border-radius: 1.1em; border: 1px solid #fff; font-size: 20px; line-height: 2.2em;}
.hbanner .cons .ann a:nth-child(2){background: #00418E; border-color: #00418E; margin-left: 15px;}
.hbanner .cons .ann a:hover{opacity: 0.9;}
.hbanner .cons .anns{}
.hbanner .cons .anns a{display: inline-block; text-align: center; color: #fff; font-size: 16px; line-height: 2.2em;}
.hbanner .cons .anns a img{display: inline-block; vertical-align: middle; padding-right: 0.5em; padding-bottom: 0.2em;}
.hbanner .cons .anns a:last-child{margin-left: 15px;}

.bannerpage{position: absolute; bottom: 6%; z-index: 3; left: 50%; text-align: center; -moz-transform: translate(-50%,-0%); -o-transform: translate(-50%,-0%); -webkit-transform: translate(-50%,-0%); transform: translate(-50%,-0%);}
.bannerpage span{/*display: block;*/ width: 8px !important; margin: 0 3px;  height: 8px !important;; border-radius: 50%; background: #fff; opacity: 0.5; transition:.3s; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s;}
.bannerpage span:first-child{margin-top: 0;}
.bannerpage span.swiper-pagination-bullet-active{opacity: 1; width: 26px;}

.pt58{padding: 58px 0;}
.hmtit{text-align: center; font-weight: bold; color: #666; padding-bottom: 30px;}
.hmlsd{}
.hmlsd ul li{float: left; width: 11.11%; text-align: center; font-size: 18px;}
.hmlsd ul li a{color: #666;}
.hmlsd ul li a .ico{width: 64px; margin: 0 auto 22px;}

.hproduct{background: url(../images/bg1.jpg) no-repeat center; background-size: cover;}
.nericon{position: relative; padding:30px 100px;}
.proqh{position: relative; max-width: 1200px; margin: 0 auto; text-align: center; overflow: hidden;}
.proqh a{display: block; font-size: 18px; color: #666;}
.proqh .imgs{max-width: 321px; margin: 0 auto;}
.proqh .imgs img{width: 100%;}
.proqh .txt{padding-top: 15px; color: #666;}
.proqh .txt span{display: block; padding-top: 1.2em; color: #00418E;}
.proqh .txt span:hover{text-decoration: underline;}
.cpqh{position: absolute; top: 50%; margin-top: -31px;}
.cpqh1{left: 0;}
.cpqh2{right: 0;}
.cpqh.swiper-button-disabled{opacity: 0.1; cursor: auto;}
.cption{text-align: center;}
.cption span{margin: 0 3px; background: #959595; opacity: 1; border-radius: 4px;}
.cption span.swiper-pagination-bullet-active{background: #00418E; width: 21px;}

.chxsb{position: relative; overflow: hidden;}
.chxsb .con{padding: 8% 7%; color: #fff;}
.chxsb .con h3{font-weight: bold;}
.chxsb .con .ann{padding:1.2em 0 1.7em; font-size: 20px;}
.chxsb .con .ann a{display: inline-block; text-align: center; padding: 0 1.5em; color: #fff; border-radius: 1.1em; border: 1px solid #fff; font-size: 20px; line-height: 2.2em; margin-left: 15px;}
.chxsb .con .ann a:first-child{background: #00418E; border-color: #00418E; margin-left:0px;}
.chxsb .con .rhxz a{color: #fff; font-size: 16px;} 
.chxsb .con .rhxz a img{display: inline-block; padding-left: 0.5em; vertical-align: middle; padding-bottom: 0.2em;}
.chxpage{position: absolute; bottom: 3%; left: 0; width: 100%; text-align: center; z-index: 3;}
.chxpage span{margin: 0 3px; background: #959595; opacity: 0.5; border-radius: 4px;}
.chxpage span.swiper-pagination-bullet-active{background: #fff; width: 21px; opacity: 1;}
.chxsb_{position: relative;}

.jjfan{background: #f7f7f7;}
.jjfan .hmtit{padding-bottom: 0;}
.jjfan ul li{float: left; width: calc(33.33% - 32px); margin-left: 48px; margin-top: 30px;}
.jjfan ul li:nth-child(3n+1){margin-left: 0;}
.jjfan ul li a{color: #666;}
.jjfan ul li p{padding-top: 0.5em;}
.jjfan ul li a:hover p{color: #00418E;}

.yfenx{background: #fff;}
.yfenx .hmtit{padding-bottom: 0;}
.yfenx ul li{float: left; width: calc(33.33% - 32px); margin-left: 48px; margin-top: 30px;}
.yfenx ul li:nth-child(3n+1){margin-left: 0;}
.yfenx ul li a{color: #666;}
.yfenx ul li .txt{padding-top:15px;}
.yfenx ul li span{display: block; font-size: 18px; color: #999;}
.yfenx ul li h3{padding: 0.4em 0 0.5em; font-weight: bold; width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yfenx ul li p{font-size: 16px; color: #666; height: 3em; overflow: hidden;}
.yfenx ul li .txt a.mor{display: inline-block; margin-top: 1.2em; font-size: 18px; color: #00418E;}
.yfenx ul li h3 a:hover{color: #00418E;}
.yfenx ul li .txt a.mor:hover{text-decoration: underline;}
.yfenx ul li .img img{width: 100%;}
.yfenx ul li .img a{display: block; position: relative;}
.yfenx ul li .img span{width: 42px; position: absolute; left: 10px; bottom: 10px;}

.htmore{display: block; width: 9em; margin: 40px auto 0; line-height: 2.4em; border-radius: 1.2em; border: 1px solid #e6e6e6; color: #666; font-size: 20px; text-align: center;}
.htmore:hover{border-color: #00418E; background: #00418E; color: #fff;}

.xgljs{background: #363636;}
.xgljs ul li{float: left; width: 25%; text-align: center;}
.xgljs ul li .ico{width: 55px; margin: 0 auto;}
.xgljs ul li .txt{padding: 14% 0 3%; margin-top: 10px; position: relative;}
.xgljs ul li .txt:before{content: ''; position: absolute; left: 0; width: 1px; height: 100%; background: #fff; opacity: 0.1; top: 0;}
.xgljs ul li:first-child .txt:before{display: none;}
.xgljs ul li p{color: #fff; padding-bottom: 0.8em; font-weight: bold;}
.xgljs ul li span{display: block; width: 33px; border: 1px solid rgba(250,250,250,0.1); border-radius: 50%; margin: 0 auto;}
.xgljs ul li span:hover{background: #00418E;}

.foot{}
.fotcon{padding: 6% 0;}
.fotnav{float: left; width: calc(100% - 380px);}
.fotnav ul li{float: left; width: 20%;}
.fotnav ul li .yj{font-size: 22px; color: #666; font-weight: bold;}
.fotnav ul li .yj img{display: none;}
.fotnav ul li .erj{padding-top: 22px;}
.fotnav ul li .erj a{display: block; line-height: 40px; color: #666; font-size: 16px;}
.fotnav ul li a:hover{color: #00418E;}

.fotcon .right{float: right; text-align: right;}
.fotcon .right .tit{font-size: 22px; font-weight: bold; color: #666;}
.fotcon .right .ewm{float: right; padding: 25px 0;}
.fotcon .right .ftlx{font-size: 20px; color: #666; line-height: 1.3em;}
.fotcon .right .ftdz{font-size: 16px; padding: 25px 0;}
.fotcon .right .bdsharebuttonbox{float: right; font-size: 16px;}
.fotcon .right .bdsharebuttonbox span{float: left; color: #666; padding-right: 0.5em; line-height: 33px;}
.fotcon .right .bdsharebuttonbox a{padding: 0 !important; margin: 0 !important; margin-left: 8px !important; width: 33px !important; height: 33px !important; border-radius: 50% !important;display: inline-block;}
.fotcon .right .bdsharebuttonbox a.bds_weixin{background: url(../images/fxico1.png) no-repeat center !important; background-size: 100% !important;}
.fotcon .right .bdsharebuttonbox a.bds_tsina{background: url(../images/fxico2.png) no-repeat center !important; background-size: 100% !important;}
.fotcon .right .bdsharebuttonbox a.bds_sqq{background: url(../images/fxico3.png) no-repeat center !important; background-size: 100% !important;}

.footbt{padding: 32px 0; background: url(../images/ftbg1.jpg) no-repeat center; background-size: 100% 100%; color: #6886a9; line-height: 27px;}
.footbt .left{float: left;}
.footbt .left a{display: inline-block; padding: 0 8px; position: relative; color: #fff;}
.footbt .left a:before{position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; content: ''; background: #fff;}
.footbt .left a:first-child{padding-left: 0;}
.footbt .left a:first-child:before{display: none; padding-left: 0;}
.footbt .right{float: right;}
.footbt .left a:hover{text-decoration: underline;}

.yfenx ul li h3 a{color: #00418E;}

.tcbga{position: fixed; z-index: 98; background: #000000; opacity: 0.56; display: block; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.tanc1 .close{position: absolute; right: -0px; top: -40px;}
.tanc1{position:fixed;_position:absolute;left:50%;top:50%;width:334px;height:363px;margin:-181px 0 0 -167px;background:url(/images/bck07.jpg);z-index:100; background-size: 100% 100%; display: none;}
.tanc1 .tel{position:relative;margin:30px;}
.tanc1 .tel input{border:1px solid #e1e1e1;line-height:36px;height:36px;font-size:14px;color:#323232;width:252px;padding:0 10px;}
.tanc1 .input a{display:block;right:5px;position:absolute;line-height:29px;top:4px;width:110px;height:29px;background:url(/images/bck06.gif);text-align:center;color:#fff;z-index:2; background-size: 100% 100%;}
.tanc1 .input{position:relative;}
.tanc1 .wz{padding:6px 0 2px;font-size:14px;line-height:24px;color:#323232;}
.tanc1 .btn{text-align:center;margin-top:15px;font-size:16px;color:#fff;width:100%;line-height:36px;height:36px;display:block;background:#023f98;}
.tanc1 h2{color:#323232;padding-bottom:10px; text-align: center;}
.tanc1 p{line-height:18px;text-align:center;color:#646464;padding-bottom:4px;}
.tanc1 .hr{margin:8px 0 22px;}


@media screen and (min-width:960px) {
	
}
@media screen and (max-width:1644px) {
	.nav ul li .yj{font-size: 16px;}
	
	
}
@media screen and (max-width:1520px) {
	.headcon .sous{width: 300px;}
	.nav{width: calc(100% - 600px);}
	.fotnav{float: left; width: calc(100% - 320px);}
	.fotnav ul li{width: 19%;}
	.fotnav ul li:first-child{width: 24%;}
	.nav ul li:first-child .erj{width: 134%; left: calc(-17% - 1px);}
	
	
	.ft84{font-size:76px;}
	.ft70{font-size:64px;}
	.ft60{font-size:54px;}
	.ft48{font-size: 42px;}
	.ft40{font-size: 37px;}
	.ft36{font-size: 33px;}
	.ft34{font-size: 30px;}
	.ft30{font-size: 27px;}
	.ft28{font-size: 25px;}
	.ft26{font-size: 24px;}
	.ft24{font-size: 23px;}
	.ft44{font-size: 40px;}
	
}
@media screen and (max-width:1400px) {
	.headcon .sous{width: 260px;}
	.nav{width: calc(100% - 600px); margin-left: 40px;}
	.nav ul li .yj{font-size: 17px; line-height: 70px;}
	.fuz h3{font-size: 15px;}
	.headcon .logo{padding: 20px 0;}
	.headcon .sous{padding: 15px 0;}
	.headH{height: 109px;}
	.fotnav ul li{width: 19%;}
	.fotnav ul li:first-child{width: 26%;}
	.fotnav ul li:last-child{width: 17%;}
	.nav ul li:first-child .erj{width: 150%; left: calc(-25% - 1px);}
	.head .right{padding-top: 22px;}
	
	.ft20{font-size: 18px;}
	.ft18{font-size: 16px;}
	.ft16{font-size: 15px;}
	
}
@media screen and (max-width:1300px) {
	.footbt .right{width: 100%;}
	.footbt a{margin-bottom: 5px;}
	.footbt{font-size: 12px; line-height: 18px; padding: 15px 0;}
	.footbt{background-size: cover;}
}
.hmtit,.hmtit h3{color: #00418E;}
.pgtit,.pgtit h3{color: #00418E;}
@media screen and (min-width:1240px) {
	/*.hmtit{font-size: 21pt;}*/
	.jjfan ul li p{font-size: 14pt;}
	.yfenx ul li h3{font-size: 14pt;}
	.htmore,.chxsb .con .ann a,.chxsb .con .rhxz a{font-size: 12pt;}
	.ft26{font-size: 15pt;}
	.ft24{font-size: 14pt;}
	.ft48{font-size: 24pt;}
	.ft40{font-size: 22pt;}
	.ft36{font-size: 18pt;}
	.ft20{font-size: 13pt;}
	.ft18{font-size: 12pt;}
	.ft16{font-size: 11pt;}
	.ft30{font-size: 16pt;}
	.hmlsd ul li{font-size: 12pt;}
	.hbanner .cons .ann a{font-size: 13pt;}
	.xgljs ul li .txt{padding-top: 8%;}
	.yfenx ul li p{font-size: 14px;}
	.yfenx ul li .txt a.mor,.proqh a{font-size: 12pt;}
}

@media screen and (max-width:1240px) {
	.nav{position: fixed; top: 42px; left: 0 !important; width: 100%; z-index: 99; height: calc(100% - 42px); background: rgba(250,250,250,0.98); margin-left: 0 !important; display: none;}
	.nav ul li .erj{display: block !important; height: auto !important; position: relative; left: 0 !important; border: 0; background: none; width: auto !important;}
	.nav ul li{width: 100%; text-align: left; padding-bottom: 12px;}
	.nav ul li .yj{line-height: 40px;}
	.navs{position: absolute; left: 0; top: 10px; width: 90%; padding: 0 5%; height: calc(100% - 20px); overflow-y: auto;}
	.nav ul li .erj a{float: left; margin-right: 15px; line-height: 30px;}
	.headcon .logo{width: 160px; padding: 10px 0;}
	.headcon .sous{position: fixed; top: 42px; left: 0; width: 90%; padding: 10px 5%; background: #FAFAFA; display: none;}
	.headcon .sous input{float: left; height: 34px; line-height: 34px;}
	.headcon .sous input.but{height: 36px;}
	.head .navlin{ width: 22px; height: 20px; margin-left: 5px; float: right; margin-top: 14px; display: block; }
	.head .navlin span{display: block; width: 100%; height: 2px; background: #00418E; position: relative; transition:.3s; -webkit-transition:.3s;}
	.head .navlin span:nth-child(2),.head .navlin span:nth-child(3){margin-top: 5px;}
	.head .navlin.cur span:nth-child(3){display: none;}
	.head .navlin.cur span:nth-child(1){transform:rotate(45deg); -webkit-transform:rotate(45deg); top: 7px;}
	.head .navlin.cur span:nth-child(2){transform:rotate(-45deg); -webkit-transform:rotate(-45deg); top: 0px;}
	.ssan{float: right; width: 24px; height: 24px; background: url(../images/hdico5.png) no-repeat center  #00418E; background-size: 50%; display: block; border-radius: 50%; margin-left: 10px; margin-top: 10px;}
	.headH{height: 42px;}
	
	.head .right{display: block; padding-top: 10px; padding-left: 3px;}
	.headtop{display: none;}
	.head .right .iph a{display: block; padding: 5px 0;}
	.head .right .iph{padding: 0 6px;}
	.head .right .language h3{font-size: 14px; line-height: 25px;}
	.head .right .language{padding-left: 6px;}
	
	.pt58{padding: 38px 0;}
	.hmlsd ul li a .ico{width: 45px; margin-bottom: 15px;}
	.hmlsd ul li{font-size: 14px;}
	.jjfan ul li p{font-size: 18px;}
	.yfenx ul li span{font-size: 14px;}
	.yfenx ul li h3{font-size: 18px;}
	.yfenx ul li p,.yfenx ul li .txt a.mor{font-size: 14px;}
	.fotnav{display: none;}
	.fotcon .right{text-align: center; width: 100%;}
	.fotcon .right .ewm{width: 150px; margin: 0 auto; padding: 12px 0; float: none;}
	.fotcon .right .bdsharebuttonbox{float: none; margin: 0 auto; width: 168px;}
	.fotcon .right .ftdz{padding: 12px 0;}
	.fotcon{padding: 25px 0;}
	
	
	
	
	/*公用*/
	.ft20{font-size: 16px;}
	.ft18{font-size: 15px;}
	.ft16{font-size: 14px;}
	.ptb150{padding: 60px 0 90px;}
	.ptb100{padding: 60px 0;}
	.ptb40{padding: 36px 0;}
	.pt80{padding: 55px;}
	.ptb70{padding: 50px 0 50px;}
	.ptb80{padding: 55px 0 55px;}
	.ft60{font-size: 46px;}
	.ft70{font-size:50px;}
	.ft84{font-size:60px;}
	.ft48{font-size: 40px;}
	.ft44{font-size: 38px;}
	.ft40{font-size: 30px;}
	.ft36{font-size: 28px;}
	.ft34{font-size: 28px;}
	.ft30{font-size: 26px;}
	.ft24{font-size: 22px;}
	.ft26{font-size: 23px;}
	.ft28{font-size: 24px;}
}
@media screen and (max-width:960px) {
	.hbanner .cons .ann a,.chxsb .con .ann a{font-size: 14px;}
	.hbanner .cons h3,.chxsb .con h3{font-size: 24px;}
	.hbanner .cons h4,.chxsb .con h4{font-size: 17px; padding: 10px 0 25px;}
	.hbanner .cons .anns a,.chxsb .con .rhxz a{font-size: 13px;}
	.hbanner .cons .ann{padding-bottom: 10px;}
	.chxsb .con .rhxz a img{width: 17px;}
	.chxsb .con h4{padding: 0;}
	.chxsb .con .ann{padding: 10px 0 15px;}
	
	.hmtit{padding-bottom: 20px;}
	.hmlsd .hmtit{padding-bottom: 8px;}
	.hmlsd ul{text-align: center;}
	.hmlsd ul li{float: none; display: inline-block; width: 19%; padding-top: 20px; vertical-align: top;}
	.hmlsd ul li .txt{height: 3em;}
	.proqh a{font-size: 16px;}
	.jjfan ul li{width: calc(33.33% - 16px); margin-left:24px; margin-top: 20px;}
	.jjfan ul li:nth-child(3n+1){margin-left: 0;}
	.jjfan ul li p{font-size: 16px;}
	.htmore{font-size: 15px; margin-top: 18px;}
	.yfenx ul li{width: calc(33.33% - 16px); margin-left:24px; margin-top: 20px;}
	.yfenx ul li:nth-child(3n+1){margin-left: 0;}
	.yfenx ul li span{font-size: 12px;}
	.xgljs ul li{font-size: 18px;}
	.xgljs ul li .txt{padding-top: 8%;}
	
	.htmore{margin-top: 20px;}
}

@media screen and (max-width:768px) {
	.iph{font-size: 0px; padding: 0 12px;}
	.language,.language ul li a,.fuz ul li a{padding-left: 12px;}
	.fuz{padding: 0 12px;}
	.iph img{padding-right: 0;}
	.fuz h3{font-size: 14px;}
	.headtop{line-height: 30px;}
	.language h3{font-size: 14px;}
	.nericon{padding: 10px 50px 15px;}
	.cpqh{width: 20px; margin-top: -18px;}
	
	.xgljs ul li .ico{width: 40px;}
	.xgljs ul li span{width: 28px;}
	.xgljs ul li{width: 50%;}
	.xgljs ul li:nth-child(3),.xgljs ul li:nth-child(4){border: 0; margin-top: 20px;}
	.xgljs ul li:nth-child(3) .txt:before{display: none;}
	.xgljs ul li .txt{padding: 10px 0;}
	.fotcon .right .ftlx{font-size: 16px;}
	.fotcon .right .ftdz{font-size: 13px;}
	.fotcon .right .bdsharebuttonbox{font-size: 14px;}
	.fotcon .right .ewm{padding: 6px 0;}
	.fotcon .right .ftdz{padding: 8px 0;}
	
	/*公用*/
	.ptb150{padding: 50px 0 80px;}
	.ptb100{padding: 50px 0;}
	.ptb40{padding: 30px 0;}
	.pt80{padding:45px;}
	.ptb80{padding: 45px 0 45px;}
	.ptb70{padding: 40px 0 40px;}
	.ft60{font-size: 36px;}
	.ft70{font-size:42px;}
	.ft84{font-size:50px;}
	.ft40{font-size: 26px;}
	.ft48{font-size: 30px;}
	.ft44{font-size: 28px;}
	.ft36{font-size: 25px;}
	.ft34{font-size: 25px;}
	.ft30{font-size: 24px;}
	.ft24{font-size: 20px;}
	.ft26{font-size: 21px;}
	.ft28{font-size: 22px;}
	
	.ft40{font-size: 21px;}
	.ft36{font-size: 20px;}
}

@media screen and (max-width:640px) {
	.hmlsd ul li{float: left; width: 33.33%;}
	.pt58{padding: 25px 0;}
	.hmtit{font-size: 20px !important;}
	.proqh a{font-size: 14px;}
	.jjfan ul li{width: calc(50% - 7px); margin-left: 0; margin-top: 15px;}
	.jjfan ul li:nth-child(2n){float: right;}
	.jjfan ul li p{font-size: 15px;}
	.htmore{font-size: 14px;}
	
	.yfenx ul li{width: calc(50% - 7px); margin-left: 0; margin-top: 15px;}
	.yfenx ul li:nth-child(2n){float: right;}
	.yfenx ul li h3{font-size: 15px; padding: 0.2em 0 0.3em;}
	.yfenx ul li p{font-size: 13px;}
	.yfenx ul li .txt a.mor{margin-top: 6px;}
	.xgljs ul li{font-size: 14px;}
	.xgljs ul li .txt{padding: 5px 0; margin-top: 5px;}
	.xgljs ul li .ico{width: 36px;}
}

@media screen and (max-width:480px) {
	.tanc1{width: 300px; margin-left: -150px;}
	.tanc1 .tel input{width: 242px;}
	.tanc1 .tel{margin: 0; padding: 18px;}
	
	.chxsb .con .ann a{}
	.chxsb .con .ann a:nth-child(2){margin-top: 8px; margin-left: 0; margin-right: 20px;}
	
	.yfenx ul li{width: 100%;}
	
	/*公用*/
	.ptb150{padding: 40px 0 60px;}
	.ptb100{padding: 40px 0;}
	.ptb80{padding: 30px 0 30px;}
	.pt80{padding: 40px;}
	.ft60{font-size: 32px;}
	.ft70{font-size:36px;}
	.ft84{font-size:40px;}
	.ft40{font-size: 24px;}
	.ft48{font-size: 26px;}
	.ft44{font-size: 25px;}
	.ft36{font-size: 23px;}
	.ft34{font-size: 23px;}
	.ft30{font-size: 20px;}
	.ft24{font-size: 18px;}
	.ft26{font-size: 19px;}
	.ft28{font-size: 20px;}
	
	.ft40{font-size: 21px;}
	.ft36{font-size: 20px;}
}

@media screen and (max-width:378px) {
	
	
}
@media screen and (max-width:338px) {
	.headcon .logo{width: 144px; padding: 11px 0;}
}

@media screen and (max-height:570px) {
	
}

















