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


.headerWpr{width:100%;padding:15px 0px;position:fixed;left:0;top:0;z-index:30;transition:all 0.5s ease-in-out;border-bottom:1px solid rgba(255,255,255,0);}
.headerWpr_w,.headerWprDown{ background:rgba(255 ,255 ,255, 0.8); padding:10px 0px;/*box-shadow: 0 2px 5px 3px rgba(0,0,0,0.06);*/}
.header{height:60px;}

.logo{ float: left;position:relative; transition:all 0.5s ease-out; }
.logo img{ transition:all 0.5s ease-in-out; height:40px; width:auto; margin-top:10px;}
.logo img.iOpacity{position:absolute; left:0; top:0;}

.pcNav{white-space:nowrap;}
.pcNav ul li{float:left; position:relative;}
.nav_a{display: inline-block;padding: 0px 20px;line-height: 60px;color: #fff;font-size: 14px;}
.nav_a span { font-size: 12px; transform: rotate(90deg);display: inline-block;}
.pcNav ul li:hover .nav_a{color: #C61634; outline: 0;}


.navLayer{width:100%;/* background: rgb(255 255 255); *//* border-top: 3px solid #c61634; */position:absolute;left:0;top: 65px;transition:all 0.5s ease-out;opacity:0;visibility:hidden;transform:translateY(30px);/* min-width: 250px; */}

.navSubmenu{}
.navSubmenu dd{text-align: center;}
.subNav_a{background-position:left center;font-size: 13px;line-height: 32px;height: 32px;transition:all 0.2s ease-in-out;color: #fff;} 
.subNav_a:hover{ color:#fff;}

.pcNav li:hover .navLayer{opacity:1; visibility:visible; transform:translate(0,0);}

.headRx{float: right;/* padding-top: 10px; */}
.headLan{float:left;cursor:pointer;position:relative;padding-left:25px;background: url(/i/images/lan_ico.png) no-repeat left center;height: 60px;margin-right: 20px;}
.headLan_v{display: inline-block;height: 60px;background: url(/i/images/lan_ar.png) no-repeat right center;padding-right: 15px;font-size: 14px;line-height: 60px;color:#fff;transition:all 0.5s ease-in-out;}
.headLan_option{ width:120px; margin-left:-60px; position:absolute; left:50%; top:40px; padding-top:8px; opacity:0; visibility:hidden; transform:translateY(10px);}
.headLan_option dl{background: #C61634;border-radius:0.3em;padding:14px 0;box-shadow:0 5px 12px rgba(0,0,0,0.1);position:relative;}
.headLan_option dl:after{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom: 6px solid #C61634;position:absolute;left:50%;top:-6px;margin-left:-6px;}
.headLan_a{ display:block; line-height:30px; height:30px; color:#fff; text-align:center}
.headLan_a:hover{ background:#C61634; color:#574c37;}
.headLan:hover .headLan_option{opacity:1; visibility:visible; transition:all 0.5s ease-in-out; transform:translateY(0);}


.nav_a2{color: #c61634;line-height: 60px;font-size: 14px;margin-right: 20px;float:left;}
.nav_a2 i{color:#c61634;line-height: 60px;font-size: 28px;float:left;}

.head_pser{background: url(/i/images/ser_i1.png) no-repeat center center;float: left;height: 60px;width: 20px;margin-right: 20px;}

.headMenuBtn{/* background: #fff; */line-height: 60px;float: left;height: 60px;/* width: 100px; */padding-left: 15px;font-size: 12px;color: #fff;border-radius: 30px;display: flex;align-items: center;}
.headMenuBtn:hover{ color: #574c37; }
.headMenuBtn span{float: right;width: 30px;margin: 10px 5px 0px 0px;}
.headMenuBtn span i{background: #fff;height: 1px;margin-bottom: 8px;display:block;}

.headerWpr_join .headLan{ background: url(/i/images/top_i1.png) no-repeat left center;}
.headerWpr_join .headLan_v{ color:#574c37; background: url(/i/images/top_i2.png) no-repeat right center;}
.headerWpr_join .head_pser{background: url(/i/images/top_i3.png) no-repeat center center;}
.headerWpr_w .headLan,.headerWprDown .headLan{ background: url(/i/images/lan_ico2.png) no-repeat left center!important;}
.headerWpr_w .headLan_v,.headerWprDown .headLan_v{color: #C61634!important;background: url(/i/images/lan_ar2.png) no-repeat right center!important;}
.headerWpr_w .head_pser,.headerWprDown .head_pser{ background: url(/i/images/ser_i1a.png) no-repeat center center!important;}




/*.headerWprDown .logo img,.header:hover .logo img{opacity:0}
.headerWprDown .logo img.iOpacity,.header:hover .logo img.iOpacity{opacity:1;}
*/
.headerWprDown .logo img{opacity:0}
.headerWprDown .logo img.iOpacity{opacity:1;}

.headerWpr_w .nav_a, .headerWprDown .nav_a {color: #333;}
.headerWpr_w .headMenuBtn, .headerWprDown .headMenuBtn {/* background: rgba(0, 0, 0, 0.2); *//* color: #000000; */}
.headerWpr_w .headMenuBtn span i,.headerWprDown .headMenuBtn span i{background: #000;}

.hanghight{ position: relative; height:90px;}

@media (max-width: 1799px){
.headerWpr{padding:10px 0px;}
.nav_a {padding: 0px 12px;}
.headerWpr_w,.headerWprDown{padding:10px 0px;}
.hanghight{ position: relative; height:80px;}

}

@media (max-width: 1024px){
.hanghight{ position: relative; height:0px;}

}



.menuLayer{width: 100%;height:100vh;position:fixed;left: 0%;/* margin-left:-60vw; */top:0;z-index:36;background: rgb(255, 255, 255);transition:all 0.6s ease;}
.menuTop{height:0vw; width:100%; position:absolute; left:0; top:0; right:0;z-index:8;}


.menuLayer .menu2 {
	font-size: 0;
	margin-top: 30px;
	/*border-bottom: 1px solid #d8d8d8;*/
}

.menuLayer .menu2 dl {
	display: inline-block;
	vertical-align: top;
}


.menuLayer .menu2 dt {
	padding-bottom:5px;
	position: relative;
	margin-bottom: 5px;
}

.menuLayer .menu2 dt:before {
	content: " ";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 2px;
	background: #C61634;
}

.menuLayer .menu2 dd {
	margin-bottom: 18px;
	display:inline-block;
	font-size: 16px;
    line-height: 38px;
    margin-right: 32px;
}

.menuLayer .menu2 dt a {
	font-size: 16px;
	font-weight:bold;
	transition: .5s;
}

.menuLayer .menu2 dd a {
	font-size: 16px;
	transition: .5s;
}

.menuLayer .menu2 dt a:hover,
.menuLayer .menu2 dd a:hover {
	color: #C61634;
}

.menuLayer .menu3 {font-size: 0; border-bottom:1px solid #d8d8d8; padding-top:100px;}

.menuLayer .menu3  .site-menu li {
    margin-right: 48px; display: inline-block;vertical-align: top;
    line-height: 130px;font-weight: 600;letter-spacing: 0.4px;
    text-transform: uppercase;
}

.site-menu li a{color: #333; font-size:16px; font-weight:bold;}
.site-menu li.active a{color: #C61634;}
.site-menu li a:hover{color: #C61634;}      




.menuLogo{height: 56px;position: absolute;z-index: 10;top: 20px;left: 0px;cursor: pointer;transition:all 0.5s ease-in-out;}
.menuClose{background: url(/i/images/menu_close.png) no-repeat center center;height: 30px;width: 30px;position: absolute;z-index: 10;top: 20px;right: 10px;cursor: pointer;transition:all 0.5s ease-in-out;}
.menuClose:hover{ transform:rotate(180deg);}
.menuLayerOut{opacity:0;transform: translateY(-100%);visibility:hidden;}
@media (max-width:1799px){
.menuClose{background-size:32px auto;top:25px;/* right:calc(10vw + 25px); */}
.menuLtnm span{ font-size:180px; left:-55px; top:-85px;}
.menuLtnm strong{ font: 28px/32px LEMONMILK;}
.menuLtnm p{ font-size: 22px; line-height: 28px; }
.menuLul li.on .menuLtnm strong{ transform:translateY(38px);}
.menuLul li.on .menuLtnm p{ transform:translateY(-38px); font-size:38px;}
.menuLul .bgImg img{ width:800px; margin-left:-250px;}
}






/**********底部****************/

footer { position:relative; overflow:hidden; z-index:2}
footer .bg { position:absolute; width:100%;height:100%; top:0;left:0; pointer-events:none}
footer .bg:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;z-index: 1;background: rgba(0, 0, 0, 1);}
footer .bg .pic { position:absolute; width:100%;height:100%;top:0;left:0; background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}


footer .mid { width:100vw; position:relative; z-index:10; display:flex; flex-direction:column; align-items:center; justify-content:space-between}
footer .mid .inner { width:100%; pointer-events:none}
footer .mid .inner .box {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;/* height:1.5rem; */padding: 0.6rem 0px;}
footer .mid .inner .box>img { max-width:100px;}
footer .mid .inner .box p{ width: 100%; text-align: center;  color: #fff; font-size: 14px;line-height: 2;}

footer .mid .items {display:flex;justify-content:space-between;align-items:center;width:100%;padding: 0.4rem 0px 0.5rem;}
footer .mid .items>li { width:19%;position:relative;padding-bottom:10px;padding-top:.1rem}
footer .mid .items>li>a { color:rgba(255,255,255,.5);display:block;position:relative;z-index:10;}
footer .mid .items>li .line { position:absolute; left:0;bottom:0;height:20px; width:94%; border-bottom-right-radius:10px; border-bottom:1px solid rgba(255,255,255,.5)}
footer .mid .items>li>ol { position:absolute; width:100%;bottom:100%;left:0;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-end}
footer .mid .items>li>ol>li {height:30px; line-height:30px; width:100%}
footer .mid .items>li>ol>li>a { display:block}
footer .mid .items>li>ol>li>a>span { color:rgba(255,255,255,.5); font-size:14px; display:block; transition:color .5s ease-in-out}
footer .mid .items>li>ol>li>a:hover>span {color:#fff}
footer .mid .items>li:hover>ol {display:flex}


footer .mid .btm {width:100%;padding:0.2rem 0px;align-items:center;}
footer .mid .btm .copyright {display:block; font-size: 14px;color: #fff;}

footer .mid .btm .lx_box i {display:inline-block;color: #c61634;font-size:24px;vertical-align: middle;}
footer .mid .btm .lx_box span {white-space:nowrap;margin-left: 0.05rem;font-size:15px;color:#fff;}

footer .mid .btm ol {display:flex;justify-content:flex-end;align-items:center;}
footer .mid .btm ol>li { display:flex;align-items:center;justify-content:center}
footer .mid .btm ol>li a{color:#fff; font-size:14px;}
footer .mid .btm ol>li a:hover{ color:#fff;}
footer .mid .btm ol>li>.iconfont { color:rgba(255,255,255,.5)}
footer .mid .btm ol>li svg {width: 10px;margin: 0px 0.1rem;color: #fff;}
footer .mid .btm ol>li svg path {stroke:rgba(255,255,255,.95)}
footer .mid .copyright.mobile{ display:none;}
@media (max-width:993px){
  footer .mid .btm {flex-direction: column;justify-content: flex-end;}
  footer .mid .copyright.pc{ display:none;}
  footer .mid .copyright.mobile{ display:block;}
  footer .mid .items {display: none;}
  footer .mid .btm .lx_box{display:block; width: 100%; text-align: center;transform: translateY(-0.3rem);}
  footer .mid .btm .lx_box:nth-child(1){transform: translateY(-0.75rem);}
  footer .mid .btm p {width: 100%; text-align: center; line-height: 1.5; padding-bottom: 10px;font-size: 12px;}
  footer .mid .btm ol {width: 100%;justify-content: space-between;padding-bottom: 0.2rem;}
}
<!--0.00031018257141113-->