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


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


.header .container{display: flex; align-items: center; justify-content: space-between;}


.logo{ float: left; position:relative; transition:all 0.5s ease-out; }

.logo img{ transition:all 0.5s ease-in-out; height:65px; 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 30px;line-height: 100px;color: #FFF;font-size: 18px;}

.navRx{ float:right;}

.nav_a2{color: #e3bf3d;font-size: 16px;float:left;background: #fff;border-radius: 50px;padding: 13px 34px;}
.headerShow .nav_a2,.header:hover .nav_a2{background: #dfdfdf;color: #e3be3d!important;}
.headerShow .nav_a2:hover,.header:hover .nav_a2:hover{ background:#e3bf3d;color: #fff!important;}

.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 #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: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; }
.navSubmenu dd:first-child{ margin-top:10px;}
.navSubmenu dd:last-child{ margin-bottom:10px;}
.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:14px;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 .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: #c61731!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;}



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

.navSerBox{height:80px;}
.navLayer{top:80px;}
.lanBox{height:80px;}

.header{ height:80px;}
.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,.mCloseBtn,.mMmenuLay{display:none;}

.mMenuLayBg,.mMmenuLay,.mCloseBtn{display:none;}

@media (max-width:1025px){
.wrapper{ padding-top:56px;}	
	
.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:#e3bf3d; 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: #e3bf3d; 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: 26px;width:auto;margin-top: 15px;}

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

}

.lh-14 {line-height: 1.8;}
.fs-60{font-size:45px}
.fs-56{font-size:42px}
.fs-48{font-size:36px}
.fs-40{font-size:30px}
.fs-36{font-size:28px}
.fs-30{font-size:24px}
.fs-24{font-size:18px}
.fs-20{font-size:16px}
.fs-16{font-size:14px}
.fs-14{font-size:13px}
.c-white{color: #000;}
.opa-5{opacity:.5}
.pt-100 {padding-top: 100px;}
.svg-bg{display:none}
.svg-bg path{fill:#e3bf3d}
.btn-hover{position:relative;overflow:hidden}
.btn-hover span{position:relative;z-index:10;font-family:"MontserratSemiBold"}
.btn-hover .svg-bg{position:absolute;left:0;bottom:0;width:100%;height:100%;visibility:hidden;pointer-events:none;z-index:1}

.back-top{font-size: 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-44px;z-index:100}
.back-top-btn{width:2.5em;height:2.5em;background-color:#fff;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;left:50%;top:0.8em;margin-left:-1.25em;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);cursor:pointer}
.back-top-btn .svg-arr{position:relative;z-index:10;margin-top:-2px;margin-bottom:-2px}
.back-top-btn .svg-bg{-webkit-transform:scale(1.8) rotate(90deg);transform:scale(1.8) rotate(90deg)}
.back-top-btn .svg-bg path{fill:#1c1c1c}
.footer{position:relative;background-color: #dfdfdf;/*border-top-left-radius:40px;border-top-right-radius:40px*/color: #333;}
.footer-top{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.ft-left{width:26%}
.footer-logo{display:block;max-width:254px}
.ft-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.ft-nav a{color: rgba(0,0,0,.7);line-height:1.7142857143;display:inline-block;max-width:132px;}
.ft-nav dt{margin-bottom:1em}
.ft-nav dt a{color: #000;line-height:1.5;}
.ft-nav dd{margin-bottom:0.7142857143em}
.ft-item{width:166px;margin-bottom:30px;padding-right:20px}
.ft-item:last-child{width:auto}
.fc-other{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fc-title{margin-right:2.1428571429em}
.fc-other-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.fc-other-list li{width:180px}
.fc-other-list .item-pic::before{padding-top:20%}

.footer-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top: 40px;padding: 20px 0px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.fb-code{width:60px;margin-right:20px}
.fb-code::before{padding-top:100%}
.fb-left,.fb-right{max-width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.fb-share{display:-webkit-box;display:-ms-flexbox;display:flex}
.fb-share a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;border: 1px solid rgba(0,0,0,.5);color:rgba(255,255,255,.5);border-radius:50%;font-size:0.9em;margin-left:0.5em;position:relative;color: #000;}
.fb-share img{position:absolute;left:50%;top:-130px;width:120px;max-width:120px;margin-left:-60px;opacity:0;-webkit-transform:translateY(4px) scale(0.9);transform:translateY(4px) scale(0.9);-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);pointer-events:none}
.fb-share a:hover img{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}
.fb-txt{margin-left:1.0714285714em}
.fb-txt p a{color: #000;}
@media(min-width: 1025px){.ft-nav dt span,.ft-nav dd span{position:relative;background:-webkit-gradient(linear, left bottom, left top, from(#fff), to(#fff)) no-repeat right bottom;background:linear-gradient(0deg, #fff, #fff) no-repeat right bottom;background-size:0% 2px;-webkit-transition:background-size .5s cubic-bezier(0.19, 1, 0.22, 1);transition:background-size .5s cubic-bezier(0.19, 1, 0.22, 1);}
.ft-nav dt a,.ft-nav dd a{display:block;padding-bottom:1px}
.ft-nav dt a:hover span,.ft-nav dd a:hover span{background-position-x:left;background-size:100% 2px}
.back-top-btn{overflow:hidden}
.back-top-btn:hover .svg-arr{-webkit-animation:moveRightIn .8s 1;animation:moveRightIn .8s 1}
.fb-share .svg-bg{-webkit-transform:scale(1.7);transform:scale(1.7);-webkit-transform-origin:bottom center;transform-origin:bottom center}
.fb-share .svg-bg path{fill:#e3bf3d}
.fb-share a{-webkit-transition:all .5s cubic-bezier(0.19, 1, 0.22, 1);transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}
.fb-share a:hover{border-color:#fff;background-color:#fff;color:#e3bf3d}
.fb-share i{position:relative;z-index:10}
}
@media(max-width: 1024px){.ft-left{width:260px}
.ft-right{width:100%}
}
@media(max-width: 1800px){.ft-item{width:150px}
}
@media(max-width: 1600px){.ft-item{width:120px}
.fb-share a{width:46px;height:46px}
}
@media(max-width: 1440px){.fc-other-list li{width:150px}
.fb-share a{width:42px;height:42px}
.fb-share img{width:100px;top:-110px;margin-left:-50px}
.back-top>div{-webkit-transform:scale(0.8);transform:scale(0.8)}
}
@media(max-width: 1200px){.ft-right{width:100%;margin-top:30px}
.ft-item{width:20%}
}
@media(max-width: 1024px){.footer-logo{width:200px}
}
@media(max-width: 750px){.footer-bottom{-ms-flex-wrap:wrap;flex-wrap:wrap}
.fb-left,.fb-right{max-width:100%;width:100%}
.fb-right{margin-top:20px}
.fb-copyright{max-width:calc(100% - 90px)}
.fb-share img{left:0;margin-left:-20px}
}
@media(max-width: 650px){.ft-item{width:25%}
.fc-title{margin-right:10px}
.fc-other-list{width:calc(100% - 72px)}
.fc-other-list li{width:33.33%}
.back-top>div{-webkit-transform:scale(0.7);transform:scale(0.7)}
}
@media(max-width: 500px){.footer-top{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.ft-left{width:auto}
.footer-logo{width:140px}
.ft-right{display:none}
.fb-share a{width:34px;height:34px;font-size:12px}
}
@-webkit-keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
@keyframes moveRightIn{50%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}
51%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}
}
/* end */