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


.header{ height: 100px; padding: 0px; width: 100%; position:relative; z-index: 60; transition: all 0.5s ease-out; }

.headerShow,.header:hover{ background: #FFF; box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);}

.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; white-space:nowrap;}

.pcNav ul li{float:left; position:relative;}
.pcNav ul li:nth-child(4),.pcNav ul li:nth-child(5){ display:none;}

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

.navRx{ float:right;}

.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 left center;height: 100px;/* width: 63px; */float: left;margin-right: 30px;transition:all 0.5s ease-out;position:relative;cursor:pointer;line-height: 100px;color: #fff;padding-left: 30px;}
.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);}
.headerShow .lanBox:after,.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 #0068b7;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: 42px;display:block;text-align:center;background: #0068b7;margin-bottom:1px;color:#fff!important;line-height: 42px;}

.navLayer{ width:100%; padding:10px 0; background:rgba(255,255,255,0.95); position:absolute; left:0; top:100px; transition:all 0.5s ease-out; opacity:0; visibility:hidden; transform:translateY(30px);}
.navLayCon{ 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{ }
.navSubmenu dd{ width: 100%; text-align: center;height: 36px; line-height: 36px; }
.subNav_a{  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);}
.pcNav ul li .item{width:50%;display:block; margin:10px 20px 20px;}
.pcNav ul li .item a.nav_pro_t{height:36px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.pcNav ul li .item a.nav_pro_t svg{width:20px;height:20px;color:#005aac;margin-right:10px}
.pcNav ul li .item a.nav_pro_t span{font-size:16px;color:#005aac}
.pcNav ul li .item .nav_pro_list{margin-top:5px}
.pcNav ul li .item .nav_pro_list>ul{margin:0 -10px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.pcNav ul li .item .nav_pro_list>ul>li{list-style:none;padding:0 10px;width:100%;line-height: 36px;}
.pcNav ul li .item .nav_pro_list>ul>li a{font-size:14px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.5s;transition:all 0.5s}
.pcNav ul li .item .nav_pro_list>ul>li a span{white-space:nowrap}
.pcNav ul li .item .nav_pro_list>ul>li a svg{width:10px;height:10px;color:#666;-webkit-transition:all 0.5s;transition:all 0.5s}
.pcNav ul li .item .nav_pro_list>ul>li a:hover{color:#005aac}
.pcNav ul li .item .nav_pro_list>ul>li a:hover svg{color:#005aac}

.navLayCon1 {max-width: 1300px;padding: 0 5px;width: 100%;margin: 0 auto;}


.headerFixed{ position:fixed;height:80px;}
.headerFixed .logo{margin-top:5px;}
.headerFixed .logo img{height:72px; width:auto;}
.headerFixed .nav_a{line-height: 80px;}

.headerFixed .navSerBox{height:80px;}
.headerFixed .navLayer{top:80px;}
.headerFixed .lanBox{height:80px;line-height: 80px;color: #333;}

.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: #005aac!important; }
.headerShow .navSerBox,.header:hover .navSerBox{ background: url(../images/top_i2a.png) no-repeat center center; }
.headerShow .lanBox,.header:hover .lanBox{color: #333;background: url(../images/top_i1a.png) no-repeat left center;}



/*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:#0166b3; display:block}


.mnavRx{position: absolute;right: 50px;top: 50%;margin-top: -28px;}
.mlanBox{background: url(../images/top_i1a.png) no-repeat left center;height: 56px;padding-right: 30px;transition:all 0.5s ease-out;position:relative;cursor:pointer;line-height: 56px;color: #333;padding-left: 30px;background-size: contain;}
.mlanBox:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid #333;position:absolute;right: 8px;top:50%;transform:translateY(-50%);transition:all 0.5s ease-out;}
.mlanBox.on:after{ transform:translateY(-50%) rotate(180deg);}
.mlanList:before{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid #0068b7;position:absolute;left:50%;top:-8px;margin-left:-8px;}
.mlanList{position:absolute;width: 102px;top: 38px;left:50%;transform:translateX(-50%);transition:all 0.5s ease-in-out;opacity:0;visibility:hidden;}
.mlanList.on{visibility:visible; opacity:1;}
.mlan_a,.mlan_a:hover{height: 42px;display:block;text-align:center;background: #0068b7;margin-bottom:1px;color:#fff!important;line-height: 42px;}




.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: #0166b3; 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;}

.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);}

}



.footer { background:#474747; padding-top:50px; position: relative;color:#8f8f8f; }
.footer a{ color: #fff; white-space: nowrap; }
.footer a:hover{ color: #ddd; }

.footerTop{ padding-bottom:40px; }

.footLx {width:150px; }
.footWx{ text-align: center;margin:15px 0px 12px;}
.footWx p{ display:none; font-size: 14px; line-height:1.5; margin-top:10px; }
.footlogo{text-align: center;}
.footlogo img{ max-width:100%;}

.ft-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.ft-nav a{color:rgba(255,255,255,.5);line-height:1.75;display:inline-block;}
.ft-nav dt{line-height: 2;margin-bottom: 10px;font-size: 18px;color: #FFF;position: relative;}
/*.ft-nav dt:after{content: "";background: #0166b3;height: 3px;width: 24px;position: absolute;left: 0px;bottom: 0;}*/
.ft-nav dt a{color:#fff;line-height: 1;}
.ft-nav dd{font-size: 14px;line-height: 2.5;color:#fff;}
.ft-nav dd a{color:#fff;font-size: 14px;line-height: 2.5;}

.ft-item{margin-bottom:30px;padding: 0px 30px;}
.ft-item:last-child { width: auto; padding: 0px 5px 0px 30px; max-width: 338px;
}

.footerBottom{overflow:hidden;font-size: 14px;line-height: 1.5;color: #fff;padding: 3vh 0px;border-top: 1px solid rgba(255, 255, 255, 0.21);}
.footerBottom .fr span{display:inline-block; margin:0 6px;}



@media (max-width:993px){	
.footLx {width:150px; margin-left:30px;}
.footerBottom{padding:30px 0;}
.footDl{width:100%;}
.footerBottom .fr{width:100%;}

}

@media (max-width:767px){
.footLx {width:150px;margin: 0 auto;}	
.footerTop{ padding-bottom:20px; }
	
.footerBottom{padding:15px 0;font-size: 12px;}
.ft-item{ width:100%;margin-bottom: 10px;padding: 0px 0px;}
.ft-item:last-child{width:auto;padding: 0px 0px 0px 0px;}
.ft-nav dd{ display:inline-block; margin-right:10px;line-height: 2;}

.ft-nav dt { margin-bottom: 0px; line-height:1.5;}
}

/* end */