@charset "utf-8";
/* CSS Document */


.headerWpr { height: 131px; position: relative; z-index: 10; width: 100%; transition: all 0.5s ease-in-out; }

.header { position: fixed; width: 100%; background: #fff; left: 0; top: 0; z-index: 20;  box-shadow: 0 3px 5px rgba(0,0,0,0.06); }




.topWpr{position:relative;line-height:44px;height:44px;font-size: 14px;z-index: 20;border-bottom:1px solid #e0e0e0;}
.navSerBox{background: url(/i/images/top_search.png) no-repeat center center;float: right;width: 24px;cursor: pointer;height: 44px;transition:all 0.5s ease-out;}

.topWpr .navline{ float: right;  display:inline-block; position:relative; margin:8px 20px; background:#e0e0e0; width:1px; height:29px;}

.lanBox{float: right;background: url(/i/images/top_i1.png) no-repeat left center;height: 44px;transition:all 0.5s ease-out;position:relative;cursor:pointer;line-height: 44px;color: #333;padding-left: 26px;padding-right: 30px;z-index: 20;}
.lanBox:after{content:"";width: 30px;height:44px;background: url(/i/images/top_i2.png) no-repeat center center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.5s ease-out;}
.lanBox.on:after{ transform:translateY(-50%) rotate(180deg);}

.lanList:before{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #8bca1d;position:absolute;left:50%;top:-8px;margin-left:-8px;}
.lanList{position:absolute;width:112px;top: 44px;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: 42px;display:block;text-align:center;background: #8bca1d;margin-bottom:1px;color:#fff!important;line-height: 42px;}



.header_con{  position:relative;line-height:86px; height:86px; z-index:18; clear:both; width:100%;}

.logo { float: left; margin-top: 16px; position: relative; }
.logo img { height: 54px; width: auto; }


.nav { float: right;text-align:center;}
.nav li{ display:inline-block; padding:0 1.25vw;}

.nav_a{ display: inline-block; line-height: 86px; font-size: 18px; position:relative; }
.nav_a:after{content:""; width:0%; height:2px; background:#8bca1d; position:absolute; left:50%; bottom:20px; transition:all 0.3s ease-in-out;}
.nav_a.on:after,.nav_a:hover:after{width:100%; left:0;}

.subMenu{ position:absolute; left:0; width:100%; top:86px; text-align:center; background:#f7f7f7; opacity:0; visibility:hidden;}
.nav_a2{position:relative; display: inline-block; line-height:45px; font-size: 16px; color:#333333; margin: 0px 1.3vw; }
.nav_a2:after{content:""; width:0%; height:2px; background:#8bca1d; position:absolute; left:50%; bottom:5px; transition:all 0.3s ease-in-out;}
.nav_a2:hover:after{width:100%; left:0;}
.nav li:hover .nav_a,.nav_a.on{ color:#8bca1d; font-weight:bold;}
.nav li:hover .subMenu{ transition:all 0.3s ease-in-out; opacity:1; visibility:visible;}
.nav_a2:hover{ color:#333;}

.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(/i/images/serBtn2.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(/i/images/close.png);cursor: pointer;}




/*mobile header*/
.mHeader,.mMenuLayBg,.mCloseBtn,.mMmenuLay{display:none;}
.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}
@media (max-width:1199px){
.mEmpty{height:56px;}
.header{display:none!important;}
.mHeader{ height:56px; background:rgba(255,255,255,0.9); position:fixed; left:0; top:0; width:100%; padding:0 15px; z-index:20; box-shadow:0 1px 3px 2px rgba(0,0,0,0.06); display:block;}
.mOpenBtn{ width:26px; height:20px; position:absolute; right:15px; top:50%; margin-top:-9px; overflow:hidden; cursor:pointer}
.mOpenBtn i{width:30px; height:2px; margin-bottom:4px; background:#000; display:block}
.mOpenBtn i:nth-child(2){ width:21px}
.mOpenBtn i:nth-child(3){ width:25px}
.mOpenBtn i:nth-child(4){ width:10px}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 900; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:rgba(0,0,0,0.6); background-size:cover; visibility:hidden;}
.mMmenuLay{ position: fixed; height: 100%; left: 25%; 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: #000; background-size: cover; }
.mCloseBtn{height: 26px;width: 26px;position: fixed;right: 15px;top: 15px;cursor: pointer;z-index: 950;background-size:22px 22px;transition:all 0.5s ease-in-out;opacity:0;display:block;z-index:955;visibility:hidden;background: url(/i/images/mclose.png) no-repeat center center;}
.mLogo{float:left;margin-top: 10px;}
.mLogo img{height:42px;width:auto;/* margin-top:8px; */}
.mLogo svg{fill:#000; width:26px; height:auto;}
.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 dd {display: none;}
.mMenu_a1{ font-size: 15px; color: #fff; padding: 0 0px 0 6px; display: block; line-height: 46px; border-bottom: 1px solid rgba(255,255,255,0.2); text-transform: uppercase; }
.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,.mToggle_a{height: 47px;width: 47px;position: absolute;top: 0px;right: 0px;background: url(/i/images/mm_jh.svg) no-repeat center center;cursor: pointer;display:none;background-size:30px auto;background: url(/i/images/mhead_i1.png) no-repeat center center;}
.mToggle2,.mToggle2_a{background: url(/i/images/reduce.jpg) no-repeat center center;background-size:19px auto;}
.mToggle_a{display:block}
.mMmenuLay dd.mMenu_dd2{ transition:all 0.5s ease-in-out; height:0; overflow:hidden; position:relative;}
.mMmenuLay dl.on dd.mMenu_dd2{height:47px;}
.mMenu_a1:hover,.mMenu_a2:hover,.mMenu_a3:hover{color:#fff; opacity:0.8}
.mMenu_icon1{ background: url(/i/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:1; visibility:visible; transition-delay:0.2s}
.mMmenuLay.on{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(180deg);visibility:visible; opacity:1;}
.mHeader .topSerBtn{ background: url(/i/images/top_ser2a.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 60px; height: 30px; width: 30px; }
.mMenu_dd3{display:none}
.mLan_a{ font-size: 18px; text-transform: uppercase; line-height: 36px; height: 36px; width: 36px; color: #000; display: inline-block; position: absolute; top: 11px; right: 50px; }
.mHead_tel{ background: url(/i/images/top_tel_m.png) no-repeat center center; height: 36px; width: 36px; position: absolute; top: 11px; right: 100px; }
.headerWpr {display:none;}
.mMenu_bm{ line-height:60px;}
.mMenu_bm span{margin-right:20px; padding-left:6px;}
.topWpr{display:none;}

.hmFocus{padding-top:0!important;}
.mpro_test{color:#fff; background:#000; width:90px; line-height:36px; position:absolute; text-align:center; right:110px; top:10px; font-size:14px;}
}

/* end */





/******µ×²¿*********/
.footer { position:relative; width:100%;background-color: #252525;}
.footer .top-block {position:relative; padding:0.9rem 0 0.6rem;}
.footer .top-block .flex { position: relative; display: flex;flex-wrap:wrap; align-items: flex-start; justify-content: space-between;}


.footer  .left-box{ width:calc(100% - 260px - 2.8rem);}
.footer .left-nav{ display: flex;}
.footer .box { margin-right: 2vw;}
.footer .box:last-child{margin-right: 0;}
.footer .box h3 { position:relative;font-size:20px; line-height:2.5;color: #fff;}
.footer .box h3 a{ position:relative;font-size:20px; line-height:2.5;color: #fff;}

.footer .box h3::before {position: absolute;content: "";bottom: 0;left: 0;height: 5px;width:100%;background-color: #252525;}
.footer .box h3:hover::before {background-color: #8bca1d;}



.footer .box .link {margin-top: 20px;}
.footer .box a {display: block;font-size: 14px;color: rgba(255, 255, 255, 0.5);transition: color .3s ease;}
.footer .box a:nth-of-type(1) {margin-left: 0;}
.footer .box a:hover {color: #fff;}

.footer .left-p{ position:relative; margin-top:0.7rem;}
.footer .left-p p{font-size:14px; line-height:2; color: #a3a3a3;}


.footer  .right-box{ width:260px;}
.footer .f_logo { max-width:2.55rem;}

.footShare{margin:0.4rem 0px 0.2rem;}
.footShare_email{ background:#8bca1d url(../images/foot_si1.png) no-repeat center center; height: 38px; width: 38px; display: inline-block;  border-radius:50%;}
.footShare_wx{ background:#8bca1d url(../images/foot_si2.png) no-repeat center center; height: 38px; width: 38px; display: inline-block;  border-radius:50%;}
.footShare_sina{ background:#8bca1d url(../images/foot_si3.png) no-repeat center center; height: 38px; width: 38px; display: inline-block; border-radius:50%;}
.footShare_in{ background:#8bca1d url(../images/foot_si4.png) no-repeat center center; height: 38px; width: 38px; display: inline-block; border-radius:50%;}
.footShare a:hover{ background-color:#cd0606;}

.footer  .right-box .info{font-size:14px; line-height:2.6;color: #a3a3a3;}



/*******banquan*********/
.footer .bot-block { padding:0.3rem 0; border-top: 1px solid rgba(197 ,196 ,196 ,0.3); display: flex;align-items: center; justify-content: space-between;font-size: 0;}
.footer .bot-block p { text-align: center; line-height:1.8;}
.footer .bot-block p span, .footer .bot-block p a { display: inline-block; vertical-align: middle; font-size: 14px; color: #a4a4a4;}
.footer .bot-block p a { margin-left: 0.6rem;}
.footer .bot-block p a:hover { color: #fff;}


.footer_backTop{position:absolute; right:5%; bottom:5vw;}
.footer_backTop>a {background:#1d1d1f;color: #fff;display: block;text-align: center;width: 0.8rem;height:0.8rem;line-height: 1.1rem; border-radius:8px; font-size:0.24rem;text-transform: uppercase;-webkit-transition: cubic-bezier(.4,.4,0,1) 0.6s;transition: cubic-bezier(.4,.4,0,1) 0.6s;}
.footer_backTop>a:before {content: '';position: absolute;height: 26px;bottom: 65%;z-index: 2;width: 2px;background-color: #fff;left: 50%;}
.footer_backTop>a:after {content: '';position: absolute;height: 26px;bottom: 100%;z-index: 1;width: 2px;background-color: #1d1d1f;left: 50%;}
.footer_backTop>a:hover{border-radius:50%;-webkit-border-radius:50%;}




@media (max-width:769px){
	
.footer .left-box {width:100%;}
.footer .left-nav{ display: flex;justify-content: flex-start;}	
}



/*Ðü¸¡´°¿Ú*/
.hang{position: fixed;z-index: 50;top: 50%;right: 0px;transform: translateY(-50%);}
.hang ._list{background-color: rgba(255, 255, 255, 0.75);width: 65px;line-height: 1;
border-bottom-left-radius: 24px;border-top-left-radius: 24px;box-shadow:0 0 15px rgba(22,98,183,0.2);}
.hang ._list ._item{position: relative;}
.hang ._list ._item>a{display: block;width: 100%;padding: .14rem 0;text-align: center;color:#5c8ec5;font-size: .28rem;transition: color .3s ease;}
.hang ._list ._item ._info{position: absolute;top:50%;right:65px;opacity:0;visibility:hidden; border-radius:15px;
box-shadow: 0 0 3px 3px rgba(22,98,183,0.1);transform:translate(-25px,-50%);
background-color:#fff;transition:all .3s ease-in-out;}
.hang ._list ._item ._info::before{content: ""; position: absolute;right:-5px; top:50%;bottom:0;
 width:10px; height: 10px; transform:translateY(-50%) rotate(45deg); background: #fff;box-shadow:3px -3px 3px rgba(22,98,183,0.1);}
.hang ._list ._item ._info.tel{display: flex;height:100%;white-space: nowrap;align-items: center;padding: 0 .2rem;}
.hang ._list ._item ._info.tel a{color:#4283DB;}
.hang ._list ._item ._info.code{width:1.5rem;}
.hang ._list ._item ._info.code>img{width:100%;}
.hang ._list ._item:hover ._info{transform: translate(-20px,-50%);opacity: 1;visibility: visible;}
.hang ._list ._item:hover>a{color:#2381c3;}


<!--ºÄʱ1758362717.0247Ãë-->