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

.topWpr{line-height: 36px;height: 36px;font-size: 14px;color: #FFF;background: #003da6 ;padding: 0px 30px;position:relative;z-index:12;width: 100%;}
.topWpr .fl div{ display:inline-block;}
.topWpr .fl div:nth-child(1){ background: url(../images/top_i1.png) no-repeat left center; padding-left: 24px; }
.topWpr .fl div:nth-child(3){ background: url(../images/top_i1.png) no-repeat left center; padding-left: 24px; }
.topWpr .fl div:nth-child(5){ background: url(../images/top_i1.png) no-repeat left center; padding-left: 24px; }

.topWpr .fl span{font-size:12px;display:inline-block;position:relative;top:-1px;opacity:0.7;margin:0 20px;}

.headerWpr{position: fixed;/* height:100px; */z-index:10;transition:all 0.5s ease-in-out;width: 100%;}
.headerWpr2{/* height:80px; */}



.header{ height: 100px; padding: 0px; width: 100%; position: fixed; z-index: 11;border-bottom: solid 1px rgba(255 ,255, 255, 0.3); 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: 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;}
.nav_a{display: inline-block;padding: 0px 20px;line-height: 100px;color: #FFF;font-size: 18px;}
.navRx{ float:right;}
.nav_a2{ color: #FFF; line-height: 100px; font-size: 16px; margin-right: 38px; float:left }
.navSerBox{background: url(../images/top_i2.png) no-repeat center center;float: right;width: 24px;cursor: pointer;height: 36px;transition:all 0.5s ease-out;margin-right: 40px;}
.lanBox{background: url(../images/yy.gif) no-repeat left center;height: 36px;width: 100px;float: right;margin-right: 25px;transition:all 0.5s ease-out;position:relative;cursor:pointer;background-size: auto 50%;padding-left: 30px;font-size: 14px;}
.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: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:30px; display:block; text-align:center; background:#515151; margin-bottom:1px; color:#fff!important; line-height:30px;}
.navLayer{width:100%;/* padding:9.25vh 0; */background: rgb(255 255 255);border-top:1px solid #DBDCDE;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;}
.navImgNm{ float:left; padding-right:150px;}
.navImgNm strong{ font-size:24px; line-height:46px; display:block; margin-top:16px;}
.navSubmenu{/* width:600px; *//* float:left; *//* margin-top:-10px; */}
.navSubmenu dd{/* width: 50%; */height: 36px;line-height: 36px;/* padding-left: 75px; *//* float:left; */text-align: center;}
.subNav_a{background-position:left center;/* padding-left: 40px; */font-size: 12px;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{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: #c61731!important; }
.headerShow .navSerBox,.header:hover .navSerBox{ background: url(../images/top_i2a.png) no-repeat center center; }
.headerShow .lanBox,.header:hover .lanBox{ background: url(../images/top_i1a.png) no-repeat center center; }



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

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

.navLayer{top: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;}
}




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


@media (max-width:993px){
.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:7px; background:#c89812; display:block}
.mOpenBtn i:nth-child(2){ width:21px}
.mOpenBtn i:nth-child(3){ width:25px}


.mMenuLayBg{ opacity: 0; position: fixed; z-index: 90; 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:rgba(0,0,0,0.6); 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: #c89812; background-size: cover; }
.mCloseBtn{ background: url(../images/mclose.png) no-repeat center center; 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 }
.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 0px 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; }

.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:1; transform:translateX(0%); transition-delay:0.2s}
.mMmenuLay.on{opacity:0.8; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.on{opacity:1; transform:rotate(180deg);visibility:visible; opacity:1;}



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

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

.mToggle,.mToggle_a{ 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,.mToggle2_a{ background: url(../images/reduce.jpg) no-repeat center center; }

.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(../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;}


.mHeader .topSerBtn{ background: url(../images/serBtn2.png) no-repeat center center; display: inline-block; position: absolute; margin-top: -15px; top: 50%; right: 60px; height: 30px; width: 30px; background-size:22px; }

.mMenu_dd3{display:none}

.mLan_a{ font-size: 18px; text-transform: uppercase; line-height: 36px; height: 36px; width: 36px; color: #a48f68; display: inline-block; position: absolute; top: 11px; right: 50px; }

.mHead_tel{ background: url(../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;}


}