@charset "UTF-8";
/* CSS reset by Jarvis,2019-05-27*/
.wrapper{min-height:100%;}


.h100{height:100%;}
.w100{width:100%;}

.fl{float:left}
.fr{float:right}

.dsNone{display:none}
.dsBlock{display:block}
.dsRelative{position:relative;}
.dsAbsolute{position:absolute;}


.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.transition{transition:all 0.5s ease}
.opacity{opacity:0}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}

.bgImg{background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bgImg img{display:none!important;}
.mNoBgImg{background:none!important;}
.mNoBgImg img{display:inline-block;}
.overflowHide{overflow:hidden;position:relative;z-index:0}
.scaleImg .bgImg{transition:all 0.5s ease-in-out;position:absolute;height:100%;width:100%;left:0;top:0}
.scaleImg:hover .bgImg{transform:scale(1.1);}
.scaleImg img{transition:all 0.5s ease;}
.scaleImg:hover img{ transform:scale(1.1);}
.scaleImg:hover img.iOpacity,.scaleImg:hover img.noScaleImg{ transform:scale(1);}
.bd_weixin_popup{box-sizing:content-box;}
#platform *{box-sizing:content-box;}
.coverBg{ background-size:cover!important;}



.iOpacity{opacity:0; transition:all 0.5s ease-in-out}
.pubRow{}
.hvrIopacity{}
.hvrIopacity:hover .iOpacity{opacity:1;}
.vhCenter{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.txtBox-wp,.picBox-wp{ display:flex; align-items:center;}
.picBox-wp img{max-width:100%; height:auto;}


/* container */
@media (min-width:768px){.container{width:750px}}
@media (min-width:993px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:1230px){.container{width:1230px}}
@media (min-width:1700px){.container{width:1260px}}

.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
.dsPadPhone,.dsPhone{display:block}
.dsPad,.dsPc,.dsPcPad{display:none}

@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
.dsPad,.dsPadPhone,.dsPcPad{display:block}
.dsPc,.dsPhone{display:none}
}

@media (min-width:993px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
.dsPc,.dsPcPad{display:block}
.dsPad,.dsPadPhone,.dsPhone{display:none}
}
 
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}




body{transition:all 0.2s ease-in-out; overflow-x:hidden}

/********搜索框**********/
.serLayerBg{ width:100%; height:100%; background:rgba(0, 0, 0, 0.6); position:fixed; z-index:888; left:0; top:0}
.serLayer{ width:80%; position:fixed; top:50%; transform:translate(-50%,-50%); max-width:1000px; left:50%; z-index:900}
.serIntBox{height:60px; position:relative;}
.serLayer button {position: absolute;right: 0;top: 0;width: 80px;height: 60px;background-color: transparent;background-position: center;background-repeat: no-repeat;background-image: url(../images/icon10.png);cursor: pointer;}
.serLayer input {display: block;width: 100%;height: 60px;padding: 0 20px;font-size: 16px; border-radius:1.8em;}
.serTnm {font-size: 36px;color: #fff;text-align: center;line-height:36px; margin-bottom:36px;}
.serClose {position: absolute;top:5px;right: 10px;width: 24px;height: 24px;background-position: center;background-repeat: no-repeat;background-image: url(../images/close.png);cursor: pointer;}


.header{ height: 100px; padding: 0px; width: 100%; position: fixed; z-index: 60; transition: all 0.5s ease-out; }
.headerShow,.header:hover{visibility:visible!important; opacity:1!important; background: #FFF; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);}

.headerwirte{visibility:visible!important; opacity:1!important; background: #FFF; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);position: relative;}


.logo{ float: left; margin-top: 10px; position:relative; transition:all 0.5s ease-out; }
.logo img{ transition:all 0.5s ease-in-out; height:80px; width:auto}

.logo img.iOpacity{position:absolute; left:0; top:0;}

.pcNav{ float: left; padding-left: 45px; white-space:nowrap;}

.pcNav ul li{float:left; position:relative;}
.pcNav ul li:nth-child(4),.pcNav ul li:nth-child(5){ display:none;}
.pcNav ul li img{ max-height:14px;vertical-align: baseline;}

.nav_a{ display: inline-block; padding: 0px 20px; line-height: 100px; color: #FFF; font-size: 16px; }

.navRx{ float:right;}

.nav_a2{ color: #FFF; font-size: 16px; margin-right: 38px; float:left;background: #3dc3b0;border-radius: 20px; margin-top:35px;padding: 8px 20px;}

.navSerBox{ background: url(../images/top_i2.png) no-repeat center center; float: left; width: 24px; cursor: pointer; height: 100px; transition:all 0.5s ease-out }

.lanBox{ background: url(../images/top_i1.png) no-repeat center center; height: 100px; width: 22px; float: left; margin-right: 38px; transition:all 0.5s ease-out; position:relative; cursor:pointer }

.lanBox:after{content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #fff; position:absolute; right:-18px; top:50%; transform:translateY(-50%); transition:all 0.5s ease-out;}

.lanBox.on:after{ transform:translateY(-50%) rotate(180deg);}

.headerFixed .lanBox:after,.header:hover .lanBox:after,.headerwirte .lanBox:after{ border-top:5px solid #333;}

.lanList:before{content:""; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #3dc3b0; position:absolute; left:50%; top:-8px; margin-left:-8px;}

.lanList{ position:absolute; width:112px; top:81px; left:50%; transform:translateX(-50%); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}

.lanList.on{visibility:visible; opacity:1;}

.lan_a,.lan_a:hover{ height:30px; display:block; text-align:center; background:#3dc3b0; margin-bottom:1px; color:#fff!important; line-height:30px;}

.navLayer{width: 100%;/* padding:9.25vh 0; */background: #fff;border-top:1px solid #DBDCDE;position:absolute;left:0;top:100px;transition:all 0.5s ease-out;opacity: 0;visibility:hidden;transform:translateY(30px);}

.pcNav ul li:last-child  .navLayer{width: 160%;}


.navLayCon{/* max-width:1410px; *//* padding:0 15px; *//* width:100%; *//* margin:0 auto; */}

.navImgNm{ float:left; padding-right:150px;}

.navImgNm strong{ font-size:24px; line-height:46px; display:block; margin-top:16px;}

.navSubmenu{width: 100%;float:left;/* margin-top:-10px; */}

.navSubmenu dd{width: 100%;/* height: 36px; */line-height: 36px;/* padding-left: 75px; *//* float:left; */text-align: center;padding:5px 0;}

.subNav_a{background-position:left center;/* padding-left: 40px; */font-size: 14px;line-height: 36px;display: inline-block;height: 36px;transition:all 0.2s ease-in-out;}
 
.subNav_a:hover{ background: url(../images/menu_icon.png) no-repeat left center;}
 
.pcNav li:hover .navLayer{opacity:1; visibility:visible; transform:translate(0,0);}

.headerFixed{ height:80px;}

.headerFixed .logo{margin-top:5px;}

.headerFixed .logo img{height:72px; width:auto;}

.headerFixed .nav_a{line-height:80px;}

.headerFixed .nav_a2{margin-top: 21.5px; color: #fff;}

.headerFixed .navSerBox{height:80px;}

.headerFixed .navLayer{top:80px;}

.headerFixed .lanBox{height:80px;}



.headerShow .logo img,.header:hover .logo img,.headerwirte .logo img{opacity:0}

.headerShow .logo img.iOpacity,.header:hover .logo img.iOpacity,.headerwirte .logo img.iOpacity{opacity:1;}


.headerShow a, .header:hover a, .headerwirte a { color: #333;}

.headerShow a.nav_a2,.header:hover a.nav_a2,.headerwirte a.nav_a2{ color: #fff; }

.headerShow a:hover,.header:hover a:hover,.headerwirte a:hover{ color: #3dc3b0!important; }

.headerShow a.nav_a2:hover,.header:hover a.nav_a2:hover,.headerwirte a.nav_a2:hover{color: #fff!important}


.headerShow .navSerBox,.header:hover .navSerBox,.headerwirte .navSerBox{ background: url(../images/top_i2a.png) no-repeat center center; }

.headerShow .lanBox,.header:hover .lanBox,.headerwirte .lanBox{ background: url(../images/top_i1a.png) no-repeat center center; }

.rightTools{ width: 70px; position: fixed; z-index: 30; top: 50%; right:0; transform:translateY(-50%)}

.rightTools li{ margin-bottom: 2px; height:70px; position:relative }

.rightTools_mes{ background: #073C7C url(../images/tools_1.svg) no-repeat center 12px; display: block; padding-top:43px; text-align:center; height: 70px; width: 70px; color:#fff; background-size:28px auto; }

.rightTools_tel{ background: #073C7C url(../images/tools_2.svg) no-repeat center 12px; display: block; padding-top:43px; text-align:center; height: 70px; width: 70px; position:relative; z-index:2; color:#3dc3b0; background-size:28px auto; color:#fff; }

.backTop{ background: #073C7C url(../images/ri3a.png) no-repeat center center; display: block; height: 70px; width: 70px; }

.rightTools_mes:hover{ background: #3dc3b0 url(../images/tools_1.svg) no-repeat center 12px; background-size:28px auto; }

.rightTools_tel:hover{ background: #3dc3b0 url(../images/tools_2.svg) no-repeat center 12px; background-size:28px auto; }

.backTop:hover{ background: #3dc3b0 url(../images/ri3a.png) no-repeat center center; }

.rightTel{ color: #FFF; background: #3dc3b0; white-space: nowrap; padding: 0px 20px; position: absolute; right: 70px; top: 0px; letter-spacing: 2px; transition: all 0.5s ease-out; opacity: 0; transform: translateX(100%); visibility: hidden; font: 20px/70px din; }

.rightTools li:nth-child(2):hover .rightTel{transform:translateX(0); opacity:1; visibility:visible}

.rightTools li a:hover{color:#fff;}

@media (max-width:1799px){
.nav_a{line-height:80px;}

.nav_a2{margin-top: 21.5px;}

.navSerBox{height:80px;}

.navLayer{top:80px;}

.lanBox{height:80px;}

.header{ height:80px;}

.logo{ margin-top:12px;}

.logo img{height:54px; width:auto;}

.logo_text{margin-top:3px; font-size:20px;}

.logo_text span{font-size:15px;}

.pcNav li{line-height:80px;}

.nav_a,.serBox,.headwx,.nav_a3{font-size:16px;}

.nav_a{padding:0 16px;}

.serTnm{font-size:28px;}

.serClose{top:10px;}

.serLayer input{height:50px;}

}



@media (max-width:767px){
.rightTools{ width: 40px;}

.rightTools li{ margin-bottom: 1px; height:40px; }

.rightTools_mes{ height: 40px; width: 40px; background-size:20px auto!important; }

.rightTools_tel{ height: 40px; width: 40px; background-size:20px auto!important;}

.backTop{height: 40px; width: 40px; background-size:20px auto!important; }

.rightTel{ font-size:16px; line-height: 40px; padding: 0px 15px; right: 40px;}

.rightTools li:last-child{display:none;}

.rightTel{display:none!important;}

.rightTools{width:100%; left:0; right:0; overflow:hidden; bottom:0; top:auto; transform:translateY(0)}

.rightTools li{width:50%; text-align:center; float:left; height:62px; margin-bottom:0}

.rightTools_mes,.rightTools_tel{ display:block; width:auto; height:62px; padding-top:36px;}

.rightTools_mes,.rightTools_mes:hover{ background-color: #163a79; }

.rightTools_tel,.rightTools_tel:hover{ background-color: #3dc3b0; }

}


/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}

.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}

@media (max-width:1199px){
.header{display:none;}

.mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:888; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}


.mLan_a { font-size: 18px;line-height: 30px;height: 30px; width: 30px; color: #00c0b3; display: inline-block; position: absolute; top: 13px;right: 95px;}
.mOpenBtn{ width:26px; height:18px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}

.mOpenBtn i{width:30px; height:2px; margin-bottom:6px; background:#3dc3b0; display:block}



.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:#000; background-size:cover; }

.mMmenuLay{ position: fixed; height: 100%; left: 70px; top: 0px; right: 0px; bottom: 0px; z-index: 950; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #3dc3b0; background-size: cover; }

.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; height: 26px; width: 26px; position: fixed; left: 15px; top: 15px; cursor: pointer; z-index: 950; background-size:22px 22px; transition:all 0.5s ease-in-out; opacity:0; display:block; }

.mLogo{float:left;}

.mLogo img{height:58px; width:auto; margin-top:0px;}

.mLogo span{font-size:16px; line-height:38px; display:inline-block; position:relative; left:8px; top:4px;}

.mLogo span,.mLogo img{vertical-align:middle;}

.mMmenuLay dt{position:relative; position:relative;}
.mMmenuLay dt img{ max-height:14px; vertical-align:baseline;}

.mMmenuLay dl:nth-child(4),.mMmenuLay dl:nth-child(5){ display:none;}

.mMenu_a1{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.3);}

.mMenu_a2{font-size:14px; color:#fff; line-height:36px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:15px;}

.mToggle{ height: 47px; width: 47px; position: absolute; top: 0px; right: 0px; background: url(../images/mhead_i1.png) no-repeat center center; cursor: pointer; display:none }

.mToggle2{ background: url(../images/reduce.jpg) no-repeat center center; }

.mMmenuLay dd{display:none;}

.mMenu_a1:hover,.mMenu_a2:hover{color:#fff; opacity:0.8}

.mMenu_icon1{ background: url(../images/hd_i1.png) no-repeat center center; display: inline-block; height: 20px; width: 20px; margin-right: 8px; }

.mMenu_a1 text,.mMenu_a1 i{vertical-align:middle;}

.mMenuLayBg.on{opacity:0.3; transform:translateX(0%); transition-delay:0.2s}

.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}

.mCloseBtn.on{opacity:1; transform:rotate(360deg);}

}

/* end */


@media (width:414px){
.wrapper{width:414px; overflow:hidden;}

}

@media (width:375px){
.wrapper{width:375px; overflow:hidden;}

}

@media (width:360px){
.wrapper{width:360px; overflow:hidden;}

}





/*************底部********************/

/*************底部********************/
.footer{ color: #FFF; background: #1F2022; background-size:cover;position:relative; padding: 3.64vw 0px 0;  }

/*.footer:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%; z-index:0;    background:#1F2022;}*/


.footRmx{overflow: hidden;}
.footMx{ float:left;}
.footMx dl{ float:left; margin-right:2.2vw; color:#fff;}
.footMx dl dt{ line-height: 50px; height: 50px; position: relative; font-size: 18px; }
.footMx dl dt img{vertical-align: baseline;max-height: 16px;}
.footMx dl dd{ line-height: 38px; height: 38px; font-size: 14px; }
.footMx dl:nth-child(3){ display:none;}
.footMx dl:nth-child(4){ display:none;}
.foot_ma1{ color:#fff;}
.foot_ma2{ color:rgba(255, 255, 255, 0.9);}


.footD2{float: left;width: 20vw;}
.footD2 dt{line-height: 45px;height: 45px;/* margin-bottom: 10px; */font-size: 18px;color: #FFF;position: relative;}
.footD2 dt:after{content: "";/* background: #0166b3; */height: 3px;width: 24px;position: absolute;left: 0px;bottom: -14px;}
.footD2 dd{font-size: 14px;line-height: 2.5;color: rgb(255, 255, 255);}




.foot_ma1:hover,.foot_ma2:hover,.copy_right .fr a:hover{ color:#3dc3b0;}
.footRx{float: right;text-align:center;padding-top: 15px;}
.footRx p{font-size: 14px;line-height: 20px;margin-top: 20px;color: rgba(255, 255, 255, 0.9);}

.footNav{ padding: 20px 0px; margin-top:20px; border-top: 1px solid rgba(255, 255, 255, 0.3); }
.footNav_a{ display:inline-block; position:relative; font-size:16px; margin-right:46px; padding-left:16px; line-height:36px; color:#fff;}
.footNav_a:before{ content: ""; background: #fff; height: 6px; width: 6px; margin-top: -3px; position: absolute; left: 0px; top: 50%; border-radius:50%;}
.foot_share{float:right;}
.foot_s1{ background:#fff  url(../images/foot_si1.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}
.foot_s2{ background:#fff url(../images/foot_si2.png) no-repeat center center; height: 36px; width: 36px; margin-left: 3px; display: inline-block; border-radius:50%;}
.foot_s3{ background:#fff url(../images/foot_si3.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}
.foot_s4{ background:#fff url(../images/foot_si4.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block; border-radius:50%;}
.foot_s5{ background:#fff url(../images/foot_si5.png) no-repeat center center; height: 36px; width: 36px; margin-left: 0px; display: inline-block; border-radius:50%;}



.copy_right{ position:relative; z-index:4; font-size: 14px; line-height:1.7; color:#fff;background:#1F2022; padding: 1vw 0px; }
.copy_right p img{ max-height:12px;vertical-align: baseline; margin:0px 2px;}
.copy_right a{ color:#fff;}
.copy_b a{ color:#fff;}

.copy_right .fr span{ display: inline-block; color: #3dc3b0; margin: 0px 13px; font-size:12px; }
.foot_aimg{ position:relative;}
.foot_aimg span{background:#fff; width:120px; height:120px; padding:1px; position:absolute; left:50%; margin-left:-60px; bottom:48px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden;}
.foot_aimg span img{ max-width:100%;}
.foot_aimg:hover span{visibility:visible; opacity:1; bottom:42px;}

.foot_aimg span:before{content:""; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid #fff; position:absolute; left:50%; margin-left:-6px; bottom:-8px;}
@media (max-width:1799px){
.footMx dl{margin-right:55px;}
}
@media (max-width:1379px){
.footNav_a{font-size:15px;}
.copy_right{font-size:12px;}
.footNav{padding:15px 0;}
.footNav{margin-top:2.5vw;}
.footDy{width:340px; height:52px;}
.footDy input{height:48px; line-height:48px}
.footDybtn{font-size:15px; line-height:46px; height:46px;}
}
@media (max-width:1199px){
.footMx dl{margin-right:30px;}
.footRx img{width:120px; height:auto;}
.footDy{width:320px;}
.copy_right .fl{max-width:620px; line-height:22px;}
.foot_select{margin-top:5px;}
.footMx dl dt{font-size:16px;}
}
@media (max-width:993px){
.footLx{width:100%; text-align:center; float:none;}
.footDy{margin:30px auto; width:100%;}
.footNav_a{margin-right:35px;}
.copy_right .fl{width:450px;}
}
@media (max-width:767px){
.footer{padding-top:30px;}
.foot_logo img{height:50px;} 
.footMx{display:none;}
.footRmx{width:100%; float:none;}
.footD2{float: none;width:100%;}
.footRx{float:none; padding-bottom:20px;}
.footNav_a{font-size:12px; margin-right:15px;}
.copy_right .fl{width:100%; text-align:center; margin-bottom:12px; float:none; line-height:22px; font-size:12px; display:block;}
.foot_select{width:100%; float:none;}
.copy_right{ padding:20px 0 30px;}
.footDy{margin:30px auto 10px;}
.foot_share{ display:none;}
}