.header{padding: 0 5%;}
.navli span{background: #fff;width: 0px;height: 2px;display: inline-block;}
.navli:hover span,.navli span.active{width: 30px;}
.navli:hover a{color: #fff}
.mobiletap .mobileTerminal{top:70px;}
.mobiletap .mobileTerminal:after{width: 0;content:"";
position: absolute;top: -6px;right: 30px;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 8px solid #fff;}
/* .mobiletap:hover .mobileTerminal{
    top:70px;opacity: 1;
} */

.w368{width: 368px;}
.w230{width: 230px;}
.w334{width: 334px;}
.w304{width: 304px;}
.w348{width: 348px;}
.w390{width: 390px;width: 334px\0;}
.h232{height: 232px;}
.h220{height: 220px;}
.h224{height: 224px;}
.h492{height: 492px;}

.banner .swiper-button-next,.banner .swiper-button-prev{width: 80px;height: 80px;border-radius: 80px;background-color: rgba(0,0,0,0.4);}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;color: #fff;}
.banner .swiper-button-next{right: 100px;}
.banner .swiper-button-prev{left:100px;}
.banner .swiper-slide:hover .vimg{transform:scale(1.1,1.1);}
.banner .layui-carousel-arrow{width: 80px;height: 80px; font-size: 36px;}
.banner.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:0;}
.banner.layui-carousel[lay-arrow=always]:hover .layui-carousel-arrow{opacity:1;}
.updwon{width:36px;height:80px;background:rgba(255,255,255,1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.05);border-radius:3px;}
.updwon a:hover{color: #FDB300}
.w110h36{width: 110px; height: 36px;}
.bgright{background-image: url(../images/TULE.png);background-repeat: no-repeat;background-position: right;}

.aboutbutton:hover{border:solid 1px #fdb300;}
.aboutbutton:hover a{color:#fff;}
.aboutbutton:after{content:'';background:#fdb300;width:0%;height: 100%;position: absolute;z-index: 0;top:0;left: 0;
transition: width 0.5s;
-moz-transition: width 0.5s;	/* Firefox 4 */
-webkit-transition: width 0.5s;	/* Safari 和 Chrome */
-o-transition: width 0.5s,;	/* Opera */
}
.aboutbutton:hover:after{content:'';width: 100%;height: 100%;position: absolute;z-index: 0;top:0;left: 0;}

.hcalc320q2{height: calc(100vw / 6*260/320)}
.hcalc320{height: calc(100vw / 6*520/320)}
.serviceli{background:#F8F8F8;width: 16.66%}
.serviceli .whcalc300{height: calc(100vw / 6*260/320 - 24px);width: calc(100vw / 6 - 24px)}
.serviceli:hover .whcalc300{height: calc(100vw / 6*520/320 - 24px);width: calc(100vw / 6 - 24px)}
.serviceli .servicelipos{height: 50%}
.serviceli:hover .servicelipos{height: 100%;height:initial\0;}
.serviceli .bgcolfff086{background-color: rgba(255,255,255,0);background-color: rgba(255,255,255,0.86)\0;}
.serviceli:hover .bgcolfff086{background-color: rgba(255,255,255,0.86);}
/* .serviceli:hover img{transform:scale(1.1,1.1);} */

.theme .theme-button{width: 80px;height: 80px;border-radius: 80px;border:solid 1px #cdcdcd;display:block;font-size: 30px;color: #ccc}
.theme .swiper-slide:hover .vimg{transform:scale(1.1,1.1);}
.bgcolfff094{background-color: rgba(255,255,255,0.94);}
.theme .themelist .whb100z20{width:calc(100% - 20px);height:0;}
.theme .themelist:hover .whb100z20{height:calc(100% - 20px);height:480px\0;}
.theme .themelist{color: #fff}
.theme .themelist .text{color: #fff}
.theme .themelist:hover .tit{color: #333}
.theme .themelist:hover .text{color: #666}
.theme .themeli .test-1{overflow-y: hidden;}
.theme .themeli:hover .test-1{overflow-y: auto;}

.recruitbg{background-image: url(../images/partner_bg.jpg); background-size: cover; background-position: center;}
.w670{width: 670px;}
.recruitli{background-image: url(../images/icon_lbx.png);width: 213px;height: 243px;}
.recruitli .tit{color: #FDB300}
.recruitli .text{color: #999}
.recruitli:hover{background-image: url(../images/icon_lbx2.png);}
.recruitli:hover .tit{color: #fff}
.recruitli:hover .text{color: #fff}

.w370{width: 370px;}
.footer .zwm{padding: 5px; height:130px;}
.footerb{border-top: solid 1px rgba(255,255,255,0.1)}
.w72{width: 72px;}
.boxShadow10EEE{box-shadow: 0 0 10px #eee}
.boxShadow10_000_10{box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.phoneBookingtap{border-radius: 0 80px 80px 0}
.phoneBookingtap .iconimg{border-radius: 30px;}
.phoneBookingfixed{background-repeat: no-repeat;background-position: center;}
.pl480{padding-left: 480px;}
.vopacity5:hover{opacity: 0.5}


/*关于我们*/
.w560{width: 560px;}
.w640{width: 640px;}
.w900{width: 900px;}
.h590{height: 590px;}
.h670{height: 670px;}
.abouttopbg{background-image:url(../images/about/abouttopbg.jpg);background-position: center;}
.abouttopbor{border-left: solid 1px #C5BBA1;border-top: solid 1px #C5BBA1;border-bottom: solid 1px #C5BBA1}

.h614{height: 614px;}
.storybg{background-image: url(../images/about/storybg.jpg); background-size: cover; background-position: center;}
.w300{width: 300px}
.h316{height: 316px;}
.mlw62{margin-left: -62px;}
.mlw70{margin-left: -70px;}
.storybor{width:1px;height:265px;background:rgba(210,204,184,1);}
.storybor:after{content:''; width:11px;height:11px;background:rgba(221,221,221,0);border:1px solid rgba(210,204,184,1);border-radius:50%;position: absolute;bottom: -12px; left: -6px;z-index: 1}
.storybor:before{content:'';width:5px;height:5px;background:rgba(210,204,184,1);border-radius:50%;position: absolute;bottom: -8px; left: -2px;z-index: 1}

.culturebor{border:solid 1px #C5BBA1; width: 224px;height: 300px;border:1px solid rgba(197, 187, 161, 1);box-shadow:6px 6px 0 rgba(207,203,194,0.15)}

.w380{width: 380px;}
.h500{height: 500px;}
.h800{height: 800px;}
.letterPatentbg{background-image: url(../images/about/letterPatentbg.jpg); background-size: cover; background-position: center;}
.h470{height: 470px;}
.h330{height: 330px;}
.recruitment .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 20px;}
.recruitment .swiper-scrollbar-drag{background-color: #FDB300}
.recruitment .swiper-pagination-bullet{width: 100px;height: 100px;background: #fff;border:solid 1px #DDDDDD;box-sizing: border-box;font-size: 16px;color: #666;opacity: 1;}
.recruitment .swiper-pagination-bullet-active{background-color: #FDB300;color: #fff;font-size: 16px;}
.pb160{padding-bottom: 160px;}

.recruitmentnav ul li.active,.recruitmentnav ul li:hover{background-color: #FDB300; color: #fff;border:solid 1px #FDB300;}

.cultureli:hover .tit{color: #fdb300}



/*招商加盟*/
.joinbg{ background-size: cover; background-position: center;}
.w790{width: 790px;}
.w360{width: 360px;}
.w420{width: 420px;}
.w440{width: 440px;}
.w540{width: 540px;}
.h260{height: 260px;}
.h290{height: 290px;}
.h600{height: 600px;}
.borFDB300_3{border:solid 3px #FDB300;}
.fade-enter-active {
  transition: opacity .5s;
}
.fade-leave-active{opacity: 1}
.fade-enter, .fade-leave-to {
  opacity: 0;
}
.joinusAddressli{overflow-y: auto;height: 420px;}
.citynavli.active{font-weight:bold;color:#FDB300;}
.citynavli.active:after{content: '';width: 6px; height: 6px; border-left: solid 1px #ddd; border-top: solid 1px #ddd;text-align: center;
display: block;margin: 10px auto;
transform: rotate(45deg);
-ms-transform: rotate(45deg);		/* IE 9 */
-webkit-transform: rotate(45deg);	/* Safari and Chrome */
-o-transform: rotate(45deg);		/* Opera */
-moz-transform: rotate(45deg);}

/*联系我们*/
.h480{height: 480px;}
 .BMapLabel,.anchorBL/* ,.BMap_stdMpCtrl */{display:none !important;}/*,.BMap_pop,.BMap_shadow */

/*新闻资讯*/
.w250{width:250px;}
.w600_9{width: 600px\9;}
.h240{height: 240px;}
.pb3{padding-bottom: 3px;}
.borb666{border-bottom: solid 1px #666; }

@media (max-width: 768px) {
	.vbgF5F5F5:active{background-color: #f5f5f5}
	.header{padding: 0 0 0 10px;}
	.header.h70,.header .h70{height: 50px;}
	.header a.pt15{padding-top: 0}
	.header a.pb15{padding-bottom: 0}
	.topping{}
	.wapnav{display:none;}

	.aboutswiper .swiper-button-prev:after,.aboutswiper .swiper-button-next:after{font-size: 20px;color: #fff;}
	.wapthemeswiper .swiper-button-prev:after,.wapthemeswiper .swiper-button-next:after{font-size: 20px;color: #fff;}
	.wapserviceli{width: 100%}

	.recruitbg .w670{}
	.recruititem{margin-top: 20px;}
	.recruititem .j-flex-item{flex: initial;width: 33.33%;}
	.recruitli{
		padding:calc(100vw*46/750) 5px 0px;
		background-repeat: no-repeat;
		width: 90%;
		height: calc((100vw/3.3) * 243 / 213);
		background-size: 100%;
	}
	.recruitli .tit{font-size:calc(100vw*28/750);}
	.recruitli .text{font-size:calc(100vw*18/750); line-height: calc(100vw*36/750); margin-top: calc(100vw*10/750);}
	.footer{padding: 20px 15px 0;}
	.footer .w370{width: 100%;}
	.footer .j-flex-item{width: 100%;flex: initial;}
	.footer .list{width: 25%;margin: 0;text-align: center}
	.footer .j-FRight{width: 100%; padding-top: 20px;}
	.topping{width: 60px;height: 60px;right: 10px;}
}