@charset "UTF-8";
/* CSS reset by */


/*******搜索************/
.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;}


/********pc头部*************/
.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);}
.logo{float: left;margin-top: 20px;position:relative;transition:all 0.5s ease-out;}
.logo img{transition:all 0.5s ease-in-out;height: 60px;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;}
.nav_a{ display: inline-block; padding: 0px 30px; line-height: 100px; color: #FFF; font-size: 16px; }
.navRx{ float:right;}
.nav_a2{color: #FFF;line-height: 100px;font-size: 28px;font-family: Impact;margin-right: 38px;float:left;background: url(../images/top_i1.png) no-repeat left center;padding-left:35px;}
.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{ 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 #515151; 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:#515151; margin-bottom:1px; color:#fff!important; line-height:30px;}
.navLayer{width:100%;background: #fffc;position:absolute;left:0;top:100px;transition:all 0.5s ease-out;opacity:0;visibility:hidden;transform:translateY(30px);}
.navLayCon{ max-width:1410px; padding:0 15px; width:100%; margin:0 auto;}

.navSubmenu{width: 100%;text-align: center;}
.navSubmenu dd{height: 40px;line-height: 40px;display: inline-block;}
.subNav_a{background-position:left center;padding-left: 40px;font-size: 16px;line-height: 40px;display: inline-block;height: 40px;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: 10px;}
.headerFixed .logo img{height: 60px;width:auto;}
.headerFixed .nav_a{line-height:80px;}
.headerFixed .nav_a2{line-height:80px;}
.headerFixed .navSerBox{height:80px;}
.headerFixed .navLayer{top:80px;}
.headerFixed .lanBox{height:80px;}

.headerShow .logo img,.header:hover .logo img{opacity:0}
.headerShow .logo img.iOpacity,.header:hover .logo img.iOpacity{opacity:1;}
.headerShow a,.header:hover a{ color: #333; }
.headerShow a:hover,.header:hover a:hover{ color: #151ca9!important; }
.headerShow .navSerBox,.header:hover .navSerBox{ background: url(../images/top_i2a.png) no-repeat center center; }
.headerShow .nav_a2,.header:hover .nav_a2{ background: url(../images/top_i1a.png) no-repeat left center; }
.headerShow .lanBox,.header:hover .lanBox{ background: url(../images/top_i1a.png) no-repeat center center; }






.footer {background: #323232;padding-top: 11.57vh;position: relative;color: #FFF;}
.footer a{color: #fff;white-space: nowrap;}
.footer a:hover{ color: #ddd; }

.footerTop{ padding-bottom: 8vh; }
.footerLeft{ width:65%;}

.footTop{border-bottom: 1px solid rgb(255 255 255 / 37%);padding-bottom: 8vh;}
.footLx {float: left;width: 20vw;}
.footLx h3{ font-size:0.48rem; line-height:1.5; margin-bottom:0.2rem;}
.footLx p{ font-size:0.16rem; line-height:1.5; color:rgba(255, 255 ,255, 0.62); margin-bottom:0.3rem;}
.footShare{margin-top:26px;}
.foot_aimg{position:relative;height: 50px;width: 50px;border: 1px solid #c4c4c4;border-radius: 5px;margin-right: 10px;display: inline-block;}
.foot_aimg span{background:#fff;width:120px;height:120px;padding:1px;position:absolute;left:50%;margin-left:-60px;top: 60px;transition:all 0.5s ease-in-out;opacity:0;  visibility:hidden; }
.foot_aimg span img{ 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-bottom: 8px solid #fff;position:absolute;left:50%;margin-left:-6px;top: -8px;}
.foot_s1{background: url(../images/foot_si1.png) no-repeat center center;}
.foot_s2{ background: url(../images/foot_si2.png) no-repeat center center; }
.foot_s3{ background: url(../images/foot_si3.png) no-repeat center center;}
.foot_s4{ background: url(../images/foot_si4.png) no-repeat center center;}

.footerTop dl dt{line-height: 50px;height: 50px;margin-bottom: 15px;font-size: 20px;color: #FFF;position: relative;}
.footerTop dl dt:after{content: "";background: #151ca9;height: 3px;width: 24px;position: absolute;left: 0px;bottom: -5px;}
.footerTop dl dd{font-size: 18px;line-height: 30px;float: left;width: 50%;}
.footDl{float: left;overflow: hidden;}
.footD2{float:left;max-width: 250px;}
.footD2 a{color: #bdbfc1;font-size: 16px;}

.footBottom{padding-top: 6vh;}
.footRx {float: left; width: 22vw; }
.footRx h3{line-height: 50px;height: 50px;margin-bottom: 15px;font-size:0.24rem;color: #FFF;position: relative;}
.footRx h3:after{content: "";background: #151ca9;height: 3px;width: 24px;position: absolute;left: 0px;bottom: -5px;}
.footRx p{ font-size: 16px; line-height: 30px; color:rgba(255, 255 ,255, 0.79);}

.footWx{text-align: center;float: right;}
.footWx p{font-size: 14px;line-height: 2;margin-top: 5px;}


.footerRight{width:30%;}

.footmassage{ background: #222; border-radius:10px; padding:0.3rem;}
.footmassage h2{font-size: 0.24rem;line-height:1.5;}

.footmassage .footinput{margin:10px 0px;}
.footmassage .input{ border-bottom:1px solid #565656; padding-left:5px; width:100%; background: none;color: #fff;height:42px; line-height:42px; outline:none;}
.footmassage textarea{border-bottom:1px solid #565656; padding-left:5px; width:100%;background: none;color: #fff;line-height:42px;outline:none; resize:none;}
.footmassage .button{border:1px solid #525252; border-radius:5px;width:100%; height:42px; line-height:42px; color:#fff; background:#525252;outline:none; cursor:pointer;}


.footerBottom{font-size: 14px;line-height: 28px;color: #fff;padding: 20px 0px;border-top: 1px solid rgb(255 255 255 / 37%);overflow: hidden;}
.footerBottom .fr span{display:inline-block; margin:0 6px;}
@media (max-width:1799px){
.nav_a{line-height:80px;}
.nav_a2{line-height:80px;}
.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;}
.footer{padding-top:40px;}
.footerTop{padding-bottom:45px;}
.footer .backTop{right:30px;}
.serTnm{font-size:28px;}
.serClose{top:10px;}
.serLayer input{height:50px;}
}
@media (max-width:1799px){
.footerTop dl dd{font-size:14px;}
}
@media (max-width:1199px){
.footLx{display:none;}
.footDl{width:46vw;}
.footerBottom span.fl,.footerBottom span.fr{width:100%; text-align:center;}
}
@media (max-width:993px){
.footerBottom{padding:30px 0;}
.footDl{width:100%; overflow:hidden}
.footerTop dl dt{height:40px; line-height:40px; margin-bottom:15px;}
.footerTop dl dt:after{bottom:-8px;}
.footerTop dl dd{float:left; width:auto!important; display:inline-block; margin-right:25px; white-space:nowrap}
.footD2{ margin-top:18px;}
}
@media (max-width:767px){
.footerBottom{padding:15px 0;}

}

/*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;}
.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: #151ca9;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: #151ca9;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: 50px;width:auto;margin-top: 3px;}
.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;}
.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:46px; display:block; border-bottom:1px solid rgba(255,255,255,0.3); padding-left:25px;}
.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 (max-width: 1199px){
.wrapper { width: 100%;overflow: hidden;  padding-top: 56px;}
}
@media (width:414px){
.wrapper{width:414px; overflow:hidden;}
}
@media (width:375px){
.wrapper{width:375px; overflow:hidden;}
}
@media (width:360px){
.wrapper{width:360px; overflow:hidden;}
}