@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;top: 0; 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;}
.pcNav ul li:nth-child(3){ display:none;}
.pcNav ul li:nth-child(4) .navLayer,.pcNav ul li:nth-child(5) .navLayer,.pcNav ul li:nth-child(6) .navLayer,.pcNav ul li:nth-child(7) .navLayer{opacity: 0;visibility: hidden;transform: translateY(30px);}


.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);padding: 46px 0;}
.navLayCon{max-width:1410px;/* padding:0 15px; */width:100%;margin:0 auto;/* padding: 0 18%; */width: 100%;margin: 0 auto;/* min-width: 1024px; */display: flex;justify-content: space-between;}

.navSubmenu{width: 100%;display: flex;flex-wrap: wrap;margin: 0 -0.2rem;}
.navSubmenu dd{height: 40px;line-height: 40px;display: inline-block;width: 25%;padding: 0 0.2rem;margin-bottom: 0.4rem;}
.subNav_a{padding-left: 40px;font-size: 16px;line-height: 40px;display: inline-block;height: 40px;transition:all 0.2s ease-in-out;display: block;width: 100%;padding-bottom: 0.2rem;font-size: 24px;line-height: 1;margin-bottom: 0.3rem;border-bottom: 1px solid #ddd;} 
.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);}


.xialaer{width:100%;background: #fffc;position:absolute;left:0;top:100px;transition:all 0.5s ease-out;opacity:0;visibility:hidden;transform:translateY(30px);}
.xialaCon{max-width:1410px;width:100%;margin:0 auto;width: 100%;margin: 0 auto;display: flex;justify-content: space-between;}

.xiamenu{width: 100%;}
.xiamenu dd{height: 40px;line-height: 40px;display: block;text-align: center;}
.xiamenu .subm_a{font-size: 16px;line-height: 40px;display: inline-block;transition:all 0.2s ease-in-out;display: block;width: 100%;font-size: 14px;border-bottom: 1px solid #ddd;} 

.pcNav li:hover .xialaer{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: #1276ba!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: 11vh;position: relative;color: rgb(255 255 255 / 75%);}
.footer a{color: #fff;white-space: nowrap;}
.footer a:hover{ color: #036eb8; }

.footerTop{ padding-bottom: 6vh; }
.footTop{text-align: center;}

.foot_aimg{position:relative;height: 45px;width: 45px;border-radius: 50%;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:#5d5d5d url(../images/foot_si1.png) no-repeat center center;}
.foot_s2{ background:#5d5d5d url(../images/foot_si2.png) no-repeat center center; }
.foot_s3{ background:#5d5d5d url(../images/foot_si3.png) no-repeat center center;}
.foot_s4{ background:#5d5d5d url(../images/foot_si4.png) no-repeat center center;}

.footBottom{padding-top: 6vh;text-align: center;}
.footBottom span{ margin:0px 10px;}
.footerBottom{font-size: 14px;text-align: center;line-height: 28px;color: #fff;padding: 20px 0px;border-top: 1px solid rgb(255 255 255 / 37%);overflow: hidden;}

@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: #1276ba;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: #1276ba;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 */
body{ padding-top:100px;}
@media (max-width:1799px){
body{ padding-top:80px;}
}
@media (max-width: 1199px){
body{ padding-top:0px;}	
.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;}
}