@charset "utf-8";
@import url(common.css);

/*栏目页公用样式 s*/
.SubPage{position: relative;background:#fff;z-index: 1;height: auto !important;min-height: 100px;height: 100px;overflow: hidden;padding:105px 0 1.2rem;}

.SubBan{position: relative;overflow: hidden;}
.SubBan .img img{width: 100%;display: block;}
.SubBan .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color:#fff;width: 14.4rem;text-align: center;}
.SubBan .Ti50{margin-bottom: 0.12rem;}
.SubBan .desc span{margin-left: 0.21rem;}
.SubBan.dz .info{text-align: left;top: auto;transform: translate(-50%,0);bottom: 30px;}
.SubBan.dz .info .desc{max-width: 6.3rem;margin-top: -15px;}
.SubBan .play{width: 82px;height: 82px;line-height:82px;text-align:center;border-radius: 50%;background: rgba(255,255,255,0.4);z-index: 10;position: absolute;left: 50%;top: 50%;cursor: pointer;color:#fff;margin:-41px 0 0 -41px;transition: all 0.3s;}
.SubBan .play i{font-size: 28px;}
.SubBan .play:before {content: "";border-radius: 50%;position: absolute;width: 120%;height: 120%;left: -10%;top: -10%;transition: all 0.3s;z-index: 1;background: rgba(255,255,255,0.9);
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.SubBan .play:hover {transform:scale(1.5);}

.SinglePage{ word-wrap:break-word;word-break:normal;text-align:justify;}
.SinglePage p{margin-bottom: 0.3rem;}
.SinglePage .img{display: flex;justify-content: space-between;margin-bottom: 0.3rem;}
.SinglePage .img li{padding-right: 26px;}
.SinglePage .img li span{display:block;text-align:center;margin-top:17px;}
.SinglePage .img li:last-child{padding-right: 0;}

#PageMenu{left: 0.3rem;right: auto;}
#PageMenu li span{right: auto;left: 17px;text-align: left;}
#PageMenu li.active span{right: auto;left: 30px;}
#PageMenu.s6{top: 2.74rem;transform: translateY(0);}
#PageMenu.gray li a:After{content: "";background:#999999;}
#PageMenu.gray li span{color:#999;}
#PageMenu.gray li.active a:After{border:2px solid #d70039;background:transparent;}


/*卫浴重点产品 s*/
.Sec-banner .item{position: relative;height: 100vh;}
.Sec-banner .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.Sec-banner .Info{position: absolute;z-index: 10;color:#fff;left: 55.5%;top: 35%;font-family: harmRegular;}
.Sec-banner .Info .ti{font-weight: normal;font-size: 0.6rem;letter-spacing: 0.1em;line-height: 1.5;}
.Sec-banner .Info .ti i{font-size: 0.4rem;letter-spacing: 0;margin:-0.1rem -0.1rem 0;display: inline-block;vertical-align: middle;}
.Sec-banner .Info .desc{font-weight: normal;font-size: 0.3rem;letter-spacing: 1.56em;line-height: 1.5;}

.Sec-detail{color:#fff;background:#3d3c3b;}
.Sec-detail .imgbox{position: absolute;left: -1.5%;top: -1.5%;width: 103%;height: 103%;}
.Sec-detail .w1440{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.Sec-detail .Info{width: 7.3rem;}
.Sec-detail .Info.auto{margin:0px auto;text-align: center;}
.Sec-detail .Info .Ti40{margin-bottom: 0.15rem;letter-spacing: 0.1em;}
.Sec-detail .Info .desc{font-size: 0.18rem;line-height: 2.2;}
.Sec-detail .Info .desc2{font-size: 0.2rem;line-height: 1.6;margin-top: 0.45rem;}
.Sec-detail.ideal .Info{float: right;padding-left: 0.73rem;position: relative;}
.Sec-detail.ideal .Info:after{position: absolute;left: 0;top: -0.57rem;content: "";width: 1.01rem;height: 1.98rem;background:url(../images/kh1.png) center 0 no-repeat;background-size:contain;}
.Sec-detail.ideal .Info:before{position: absolute;right: 0.05rem;bottom: -0.57rem;content: "";width: 0.74rem;height: 1.5rem;background:url(../images/kh2.png) center bottom no-repeat;background-size:contain;}

.Sec-detail.sell .bigimg,
.Sec-detail.sell .bigimg .item{height: 100vh;position: relative;}
.Sec-detail.sell video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.Sec-detail.sell .Info{top: 35%;left: 12.5%;position: absolute;z-index: 1;}
.Sec-detail.sell .Info .desc{min-height: 2.53rem;}
.Sec-detail.sell .iconnav{position:absolute;left: 12.5%;top: 68%;width: 35%;z-index: 10;}
.Sec-detail.sell .iconnav .item{line-height: 3;cursor: pointer;text-align: center;padding:0.1rem 0;}
.Sec-detail.sell .iconnav .ico{border-radius: 9px;width: 0.73rem;height: 0.73rem;}
.Sec-detail.sell .iconnav li.slick-current{color:#fff6d5;}
.Sec-detail.sell .iconnav li.slick-current .ico .i2 {-webkit-transform: scale(1);transform: scale(1);opacity: 1;filter: alpha(opacity=100);}
.Sec-detail.sell .iconnav li.slick-current .ico .i1 {opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(1.2);transform: scale(1.2);}
.Sec-detail svg{ position:absolute;left: 0;top: 1%;width: 100% !important;height: 100vh !important;z-index: 2;}

.Sec-detail.parameter .Info {width: 7.15rem;float: right;}
.Sec-detail.parameter .Info .sti{line-height: 0.8rem;font-size: 0.18rem;border-bottom: 1px solid rgba(255,255,255,0.1);}
.Sec-detail.parameter .Info .item{padding:0.33rem 0 0.45rem;}
.Sec-detail.parameter .Info .item dd{width: 50%;float: left;margin-bottom: 0.18rem;padding-left: 128px;position: relative;}
.Sec-detail.parameter .Info .item dd:nth-child(2n+1){clear: both;}
.Sec-detail.parameter .Info .item dd span{text-align: right;color:#858585;width: 115px;position: absolute;left: 0;top: 0;}
.Sec-detail.parameter .Info .down{clear: both;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 0.14rem;}
.Sec-detail .Info .down dd{margin-top: 0.19rem;padding:0 80px 0 27px;position: relative;}
.Sec-detail .Info .down dd a{color:#9a9a9a;}
.Sec-detail .Info .down dd a:hover{color:#fff;}
.Sec-detail .Info .down dd .iconwj{position: absolute;left: 0;top: 0;}
.Sec-detail .Info .down dd span{position: absolute;right: 0;top: 0;}
.Sec-detail.tblue{color:#256477;}

.Sec-detail .sell2{width: 5.8rem;float: right;}
.Sec-detail .sell2 .desc2{margin: 0.12rem 0 0.62rem;}
.Sec-detail .sell2 ul{display: flex;justify-content: space-between;}
.Sec-detail .sell2 li{text-align: center;}
.Sec-detail .sell2 li .ico{width: 1.04rem;height: 1.04rem;margin:0px auto;}
.Sec-detail .sell2 li aside{margin-top: 11px;line-height: 0.36rem;font-size: 0.2rem;}

.Sec-detail .gy{width: 81%;margin:0px auto;}
.Sec-detail .gy ul{margin-top: 0.65rem;display: flex;justify-content: space-between;}
.Sec-detail .gy .inner{width: 2.24rem;margin:0px auto;padding:0.49rem 0.15rem 0;font-size: 0.2rem;height: 2.64rem;background:url(../images/kuangbg1.png) center center no-repeat;background-size: contain;transition: all 0.3s;}
.Sec-detail .gy .ico{width: 1.04rem;height: 1.04rem;margin:0px auto 0.27rem;}
.Sec-detail .gy .ico:After{left: 0;top: 0;content: "";transition: all 0.3s;position: absolute;background:url(../images/linebg1.png) center center no-repeat;background-size:cover;width: 100%;height: 100%;}
.Sec-detail .gy .ico:before{left: 50%;top: 50%;content: "";transition: all 0.3s;position: absolute;background:url(../images/linebg1.png) center center no-repeat;background-size:cover;width: 0;height: 0;}
.Sec-detail .gy li:hover .ico{background: transparent;}
.Sec-detail .gy li:hover .ico:after{left: 50%;top: 50%;width: 0;height: 0;}
.Sec-detail .gy li:hover .ico:before{left:0;top: 0;width:100%;height:100%;background:url(../images/linebg2.png) center center no-repeat;background-size:cover;}
.Sec-detail .gy li:hover .inner{background:url(../images/kuangbg2.png) center center no-repeat;background-size: contain;color:#fff;}

.Sec-detail .parameter{width: 5.9rem;}
.Sec-detail .parameter .item dd{width: 55%;float: left;margin-bottom: 0.09rem;position: relative;padding-left: 0.93rem;min-height:0.3rem;}
.Sec-detail .parameter .item dd span{opacity: 0.8;position: absolute;left: 0;top: 0;width: 0.93rem;}
.Sec-detail .parameter .item dd span i{display: inline-block;vertical-align: middle;width: 0.64rem;text-align:justify;text-align-last:justify;}
.Sec-detail .parameter .item dd:nth-child(2n+2){width: 45%;float: right;}
.Sec-detail .parameter .down{clear: both;border-top: 1px solid rgba(37,100,119,0.4);margin-top: 0.24rem;padding: 0.2rem 0 0.38rem;}
.Sec-detail .parameter .down dd{padding-left: 0;margin-top: 0.13rem;}
.Sec-detail .parameter .down .iconxz2{font-size: 18px;margin-left: 5px;}
.Sec-detail .parameter .down dd a{color:#256477;}.Sec-detail .parameter .down dd a:hover{color:#d70039;}
.Sec-detail .parameter .buy{border: 1px solid rgba(37,100,119,0.6);padding:14px 19px;display: inline-block;border-radius: 4px;line-height: 21px;}
.Sec-detail .parameter .buy a{display: inline-block;vertical-align: middle;margin-left: 20px;}

.Tithead{margin-bottom: 0.4rem;}
.letter1{letter-spacing: 0.1em;}
.Ti36{font-size: 0.36rem;font-weight: normal;line-height: 1.5;margin-bottom: 0.2rem;}
.Ti32{font-size: 0.32rem;font-weight: normal;line-height: 1.5;}
.Ti30{font-size: 0.30rem;font-weight: normal;line-height: 1.5;}
.Ti40{font-size: 0.4rem;font-weight: normal;line-height: 1.5;}
.Ti45{font-size: 0.45rem;font-weight: normal;line-height: 1.5;}
.Ti50{font-size: 0.5rem;font-weight: normal;line-height: 1.5;}

.Sec-recommend{color: #fff;background:#383734;}
.Sec-recommend .w1720{position: relative;z-index: 1;}
.Sec-recommend .bg{position: absolute;left: 0%;top: 0%;width: 105%;height: 100%;padding-top: 0;}
.Sec-recommend .slick-list{margin:0 -0.25rem;}
.Sec-recommend .item{padding: 0 0.25rem;}
.Sec-recommend .imgbox{padding-top: 55.6%;}
.Sec-recommend .tit{font-size: 0.22rem;line-height: 1.5;margin-top: 13px;color:#fff;}
.Sec-recommend .desc{color:#999999;}
.Sec-recommend .slick-arrow{top: 40%;}
.Sec-recommend .slick-prev{left: -70px;}
.Sec-recommend .slick-next{right: -70px;}
.Sec-recommend.rec2 .imgbox{padding-top: 74%;}
.Sec-recommend.rec2 .w1720{padding-top: 10%;}
.Sec-recommend.rec2 .slider{margin-top: 0.68rem;}
.Sec-recommend.rec2 .tit{color:#555;font-family: harmRegular;font-size: 0.2rem;}
.Sec-recommend.rec2 .item:hover .tit{color:#d70039;}
.Sec-recommend.rec2 .slick-arrow{border:1px solid #bfbfbf;top: 45%;}
.Sec-recommend.rec2 .slick-arrow:After{border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;}
.Sec-recommend.rec2 .slick-arrow:hover{border:1px solid #666;}
.Sec-recommend.rec2 .slick-arrow:hover:After{border-left: 2px solid #666;border-top: 2px solid #666;}
.Sec-recommend.rec3 {background-color: #626a75;background-position: center center;background-repeat: no-repeat;background-size:cover;}
.Sec-recommend.rec3 .w1720{padding-top: 0.8rem;padding-bottom:0.65rem;}
.Sec-recommend.rec3 .slider{margin-top: 0.33rem;}
.Sec-recommend.rec3 .tit{color:#fff;font-family: harmRegular;font-size: 0.2rem;}
.Sec-recommend.rec3 .item:hover .tit{color:#111111;}
.Sec-recommend.rec3 .imgbox{padding-top: 74%;}
.Sec-recommend.rec3 .slick-arrow{border:1px solid #bfbfbf;top: 45%;}
.Sec-recommend.rec3 .slick-arrow:After{border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;}
.Sec-recommend.rec3 .slick-arrow:hover{border:1px solid #fff;}
.Sec-recommend.rec3 .slick-arrow:hover:After{border-left: 2px solid #fff;border-top: 2px solid #fff;}
.Sec-recommend.rec4 {background:url(../images/recbg.jpg) center bottom repeat-x;}
.Sec-recommend.rec4 .slider{margin-top: 0.33rem;}
.Sec-recommend.rec4 .desc{color:#fff;}

.Sec-recommend.rec5{background: transparent;color:#333;}
.Sec-recommend.rec5 .slider{margin-top: 0.33rem;}
.Sec-recommend.rec5 .tit{color:#333333;}
.Sec-recommend.rec5 .slick-arrow{border:1px solid #bfbfbf;top: 45%;}
.Sec-recommend.rec5 .slick-arrow:After{border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;}
.Sec-recommend.rec5 .slick-arrow:hover{border:1px solid #333;}
.Sec-recommend.rec5 .slick-arrow:hover:After{border-left: 2px solid #333;border-top: 2px solid #333;}
.Sec-recommend.rec5 .item:hover .tit{color:#d70039;}

.Sec-recommend.rec6{background: transparent;}
.Sec-recommend.rec6 .slider{margin-top: 0.33rem;}
.Sec-recommend.rec6 .imgbox{padding-top: 74%;}
.Sec-recommend.rec6 .tit{color:#333;margin:0.25rem 0 0.2rem;}
.Sec-recommend.rec6 .item:hover .tit{color:#d70039;}
.Sec-recommend .tag span{display: inline-block;margin-right: 14px;padding:0 0.2rem;background:#efefef;line-height: 0.34rem;color: #333333;}
.Sec-recommend .tag span:hover{background:#d70039;color: #fff;}

@media(max-width:1440px){
	#PageMenu{left: 10px;}
	.Sec-detail.parameter .Info .item dd{padding-left: 115px;}
	.Sec-detail.sell .iconnav{width: 45%;}
}
@media(max-width:1024px){
	.Sec-banner .item{height: auto;}
	.Sec-banner .imgbox{height: auto;padding-top: 64%;position: relative;}
	.Sec-banner .Info {left: 35%;}

	.Sec-detail .w1440{position: relative;transform: translate(0,0) !important;left: auto;top: auto;}
	.Sec-recommend .slick-prev{left: -45px;}
	.Sec-recommend .slick-next{right: -45px;}
	.Sec-recommend .slick-list{margin:0 -8px;}
	.Sec-recommend .item{padding:0 8px;}
}
@media(max-width:767px){
	.Sec-banner .Info .ti{font-size: 22px;}
	.Sec-banner .Info .desc{font-size: 17px;letter-spacing: 0.58em;}

	.Ti40,.Ti36{font-size: 20px;}
	.Sec-detail .Info,
	.Sec-detail.parameter .Info{width: 65%;}
	.Sec-detail .Info .desc{font-size: 14px;}
	.Sec-detail.sell .Info{width: auto;}
 .Sec-recommend .tit{font-size: 15px;}
	.Sec-recommend .slick-arrow {top: 32%;}
	.Sec-recommend .slick-prev{left: -15px;}
	.Sec-recommend .slick-next{right: -15px;}
}
@media(max-width:640px){
	.Sec-detail .Info,
	.Sec-detail.parameter .Info{width: auto;float: none;}
	.Sec-detail.sell .Info .iconnav{width: auto;flex-wrap: wrap;}
	.Sec-detail.sell .Info .iconnav li{width: 33.333%;}
	.Sec-detail.sell .Info .desc{min-height: auto;margin-bottom: 0.5rem;}
	.Sec-detail.parameter .Info .item dd{width: auto;float: none;}
}

/*瓷砖产品列表 s*/
.SubNav{line-height: 0.6rem;margin-bottom: 0.75rem;}
.SubNav ul{float: left;}
.SubNav li{float: left;padding-right: 0.66rem;position: relative;}
.SubNav li:After{position: absolute;right: 0.33rem;top: 50%;width: 1px;height: 10px;margin-top:-5px;background: #cccccc;content: "";}
.SubNav li:last-child{padding-right: 0;}
.SubNav li:last-child:After{display: none;}
.SubNav li a{display: block;color:#555555;position: relative;}
.SubNav li a:After{left: 50%;width: 0;height: 4px;content: "";transition: all 0.3s;background:#d70039;bottom: -1px;position: absolute;}
.SubNav li:hover a,.SubNav li.onli a{display: block;color:#000000;font-family: harmRegular;}
.SubNav li:hover a:after,.SubNav li.onli a:after{width: 100%;left: 0;}
.SubNav .ul_row{ float:left;}
.SubNav .ul_row .ssub{margin-top: 1%; margin-bottom: 1%; padding-left: 1rem;}
.SubNav .ssubInfo{margin-top: 1%; margin-bottom: 1%; padding-left: 1rem;}
.Searchkey{float: right;width: 3.6rem;padding-right: 34px;position: relative;border-bottom: 1px solid #999999;}
.Searchkey:hover{border-bottom: 1px solid #666;}
.Searchkey input{width: 100%;height: 0.59rem;}
.Searchkey .btn{position: absolute;right: 0;top: 0;height: 100%;width: 34px;background: transparent;}
.Searchkey .btn:hover{color:#d70039;}

.ProList ul{margin-left: -2.8%;}
.ProList li{width: 25%;float: left;padding-left: 2.8%;}
.ProList li a{display: block;position: relative;}
.ProList li .tag_new{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}
.ProList li .tag_star{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}

.ProList li:nth-child(4+1){clear: both;}
.ProList .info{padding: 0.16rem 0 0.3rem;min-height: 0.99rem;transition: all 0.3s;position: relative;}
.ProList .info:After{ background-image: linear-gradient(#e9e7e4, rgba(233,231,228,0));position: absolute;width: 100%;top: 0;content: "";height: 0;left: 0;transition: all 0.5s;z-index: -1;}
.ProList .tit{font-size: 0.2rem;line-height: 0.39rem;color:#555555;font-family: harmRegular;}
.ProList .desc{transform: translateY(0.3rem);color:#999999;transition: all 0.3s;opacity: 0;}
.ProList .imgbox{padding-top: 77.5%;}
.ProList .imgbox .db{position: absolute;left: 0;top: 100%;transition: all 0.3s;}

.ProList li:hover .desc{transform: translateY(0rem);color:#999999;opacity: 1;}
.ProList li:hover .info{padding-left: 0.2rem;padding-right: 0.2rem;}
.ProList li:hover .info:After{height: 0.45rem;}
.ProList li:hover .imgbox .db{top: 0;}

@media(max-width:1024px){
	.SubNav ul,.Searchkey{width:auto;float: none;clear: both;}
	.ProList .desc .fr{float: none;display: block;}
}

/*瓷砖形象产品 s*/
.Sec-video{background:#aad2da;}
.Sec-video .imgbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.Sec-video .w1440{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;}
.Sec-video .Info{width: 6.16rem;text-align: right;}
.Sec-video .ti{color:#2c6c7f;font-size: 0.8rem;line-height: 1.5;font-family: harmBold;font-weight: normal;}
.Sec-video .ti2{color:#2c6c7f;font-size: 0.5rem;line-height: 1.5;font-family: harmMedium;font-weight: normal;margin:0.1rem 0 0.25rem;}
.Sec-video .desc{color:#fff;font-size: 0.3rem;line-height: 1.6;}
.Sec-video .play{width: 82px;height: 82px;line-height:82px;text-align:center;border-radius: 50%;background: rgba(255,255,255,0.2);z-index: 10;position: absolute;left: 50%;top: 50%;cursor: pointer;color:#fff;margin:-41px 0 0 -41px;transition: all 0.3s;}
.Sec-video .play i{font-size: 28px;}
.Sec-video .play:after {content: "";border-radius: 50%;position: absolute;width: 130%;height: 130%;left: -15%;top: -15%;transition: all 0.3s;background: rgba(255,255,255,0.5);z-index: 2;
	-webkit-animation: guang 1s ease-out;
	-moz-animation: guang 1s ease-out;
	animation: guang 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.Sec-video .play:before {content: "";border-radius: 50%;position: absolute;width: 120%;height: 120%;left: -10%;top: -10%;transition: all 0.3s;z-index: 1;background: rgba(255,255,255,0.9);
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.Sec-video .play:hover {transform:scale(1.5);}
.video_files{position: absolute;z-index: 100;width: 100%;height: 100%;}
.video_files .close{position: absolute;right: 95px;top: 95px;z-index: 100;cursor: pointer;background:rgba(255,255,255,0.8);width:35px;height:35px;border-radius: 50%;line-height: 35px;text-align: center;}
.video_files .close i{font-size: 30px;}
.video_files video{position:absolute;width: 100%;height: 100%;object-fit: cover;}


/*瓷砖重点产品 s*/
.secvh100{height: 100vh;position: relative;}
.secvh100 .w1440{height: 100vh;}
.secvh100.fff{color:#fff;}
.secvh100 .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.secvh100 .desc{	margin:10px 0;}
.Infocenter .Info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;text-align: center;}
.Infocenter .Info .Ti40{margin-bottom: 0.3rem;}
.Infoleft .Info{position: absolute;left: 0%;top: 50%;transform: translate(0,-50%);z-index: 10;}
.Inforight .Info{position: absolute;right: 0%;top: 50%;transform: translate(0,-50%);z-index: 10;width: 445px;}
.Inforight2 .Info{position: absolute;right: 0%;top: 50%;transform: translate(0,-50%);z-index: 10;width: 5.5rem;}
.Info.parameter p{margin-bottom: 15px;}
.Info.parameter aside{margin-bottom: 10px;}
.Info.parameter .color{width: 90%;display: flex;justify-content: space-between;}
.Info.parameter .color li{text-align: center;}
.Info.parameter .color .imgbox{height: 150px;width: 100px;margin:0px auto 10px;}

.secvhauto{position: relative;}
.secvhauto .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.secvhauto.w2 .item{width: 50%;padding-top: 7.2rem;position: relative;float: left;}

.imghover .imgbox:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index: 1;content: "";transition: all 0.3s;}
.imghover .imgbox span,
.imghover .imgbox img{transition: all 0.3s;}
.imghover:hover .imgbox:after{background:rgba(0,0,0,0.3);}

.sec_hot1 .bg span{background-position: center bottom;}
.sec_hot1 .Ti50{font-family: harmBold;}
.sec_hot1 .img{width: 55%;position: absolute;left: 0;bottom: 0;}
.sec_hot1 .Info{width: 44%;position: absolute;right: 0;top: 37%;}

.sec_hot2{background:#1f2836;}
.sec_hot2 .bg span{background-position: center top;}
.sec_hot2 .Info{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.sec_hot2 ul {margin: 43px 0 0 4px;}
.sec_hot2 li {line-height: 42px;width: 80px;display: inline-block;margin-right: 57px;text-align: center;position: relative;}
.sec_hot2 li .imgbox{padding-top: 160px;border-radius: 40px;border:1px solid #fff;box-shadow: 0 5px 20px rgba(8,18,48,0.16);}
.sec_hot2 li aside {position: relative;}
.sec_hot2 li aside:After {position: absolute;width: 100%;height: 28px;left: 0;top: -14px;z-index: -1;background:url(../images/shadow.png) center center no-repeat;content: "";}
.sec_hot2 li a {color:#fff;}

#particles-js canvas{position: absolute;left: 0;top: 50%;width: 100%;height: 100vh;z-index: 1;}

.sec_hot3 .Info{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.sec_hot3 .Info .txt{position: absolute;top: 43%;right: 0;width: 36vw;transform: translateY(-50%);z-index: 10;}
.sec_hot3 .Info .st{position: absolute;width: 119px;height: 90px;top: 5%;right: 32.5%;}
.sec_hot3 .Info li{position: relative;width: 15vw;margin-right: 1.3vw;float: left;}
.sec_hot3 .Info li:nth-child(2){margin-top: 0.9rem;}
.sec_hot3 .Info .inner{position: absolute;left: 0;text-align: center;bottom: 0.3rem;width: 100%;padding:0 10px;transition: all 0.3s;}
.sec_hot3 .Info .inner .ico{border-radius: 5px;margin:0px auto;width: 60px;height: 60px;border:1px solid rgba(255,255,255,0.4);}
.sec_hot3 .Info .inner aside{font-size: 0.2rem;margin-top: 13px;}
.sec_hot3 .Info .inner p{color:#9fa7b5;}
.sec_hot3 .Info li:hover .inner{bottom: 0.6rem;}

.sec_hot4{overflow: hidden;}
.sec_hot4 .Info{position: absolute;left: 0;top: 45%;transform: translateY(-50%);width: 30vw;}
.sec_hot4 .shan{position: absolute;left: 0;bottom: 0;z-index: 10;width: 100%;height: 18vw;background-position: center top;background-repeat: no-repeat;background-size:cover;}
.sec_hot4 .detail{position: absolute;right: -0.58rem;bottom: 15%;width: 25vw;}
.sec_hot4 .detail p{color:#c5ccdb;}
.sec_hot4 .detail ul{position: relative;z-index: 100;}
.sec_hot4 .detail .img{position: relative;z-index: 0;}
.sec_hot4 li{position: absolute;z-index: 10;}
.sec_hot4 li:nth-child(1){width: 39.5vw;left: -3.16rem;top: 4vw;}
.sec_hot4 li:nth-child(2){width: 36vw;left: -3.16rem;top: 8vw;}
.sec_hot4 li:nth-child(3){width: 31vw;left: -3.16rem;top: 14vw;}
.sec_hot4 li:nth-child(4){width: 21.5vw;left: -3.16rem;top: 20vw;}
.sec_hot4 aside{display: flex;font-size: 0.18rem;align-items: center;}
.sec_hot4 aside em{margin-left: 0.4rem;border-bottom: 1px dashed rgba(255,255,255,0.5);height: 6px;margin-bottom: 6px;flex:10;position: relative;}
.sec_hot4 aside em:after{content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;left: -13px;position: absolute;}
.sec_hot4 aside em:before{content: "";top:-1px;width: 14px;height: 14px;border:2px solid #fff;border-radius: 50%;right: -17px;position: absolute;}
.sec_hot4 .bg span{background-position: center bottom;}

.sec_hot5 .Info{width: 30vw;right: 0;position: absolute;top: 50%;transform: translateY(-50%);}
.sec_hot5 .Info ul{display: flex;justify-content: space-between;text-align: center;margin: 0.58rem 0.5rem 0 0;}
.sec_hot5 .Info .ico{border-radius: 5px;margin:0px auto;width: 65px;height: 65px;border:1px solid rgba(255,255,255,0.4);}
.sec_hot5 .Info aside{font-size: 0.18rem;margin-top: 12px;}
.sec_hot5 .img{position: absolute;bottom: 3.5%;left: -3%;width: 56vw;z-index: 10;}
.sec_hot5 .bg span{background-position: center bottom;}

.sec_hot6{background:#777e89;padding:0.68rem 0 1.49rem;position: relative;height: auto;overflow: hidden;}
.sec_hot6 .w1440{height: auto;}
.sec_hot6 .imgsroll{width:32.2vw;background:url(../images/cz_probg.png) center top no-repeat;float: left;}
.sec_hot6 .slider{width: 18.2vw;margin:0px auto;}
.sec_hot6 .slider .imgbox{padding-top: 6.84rem;}
.sec_hot6 .slider .slick-dots{bottom: -0.5rem;}
.sec_hot6 .slider .slick-dots li{margin:0 6px;}
.sec_hot6 .slider .slick-dots li.slick-active button{width: 12px;height: 12px;}
.sec_hot6 .parameter{width: 37.3vw;float: right;padding-top: 0.3rem;}
.sec_hot6 .parameter .sti{padding-bottom: 0.25rem;border-bottom: 1px solid rgba(255,255,255,0.1);margin-bottom: 0.15rem;font-size: 0.18rem;}
.sec_hot6 .parameter .item dd{width: 50%;padding-top: 0.18rem;float: left;}
.sec_hot6 .parameter .item dd.auto{width: auto;float: none;}
.sec_hot6 .parameter .item dd span{color:#a6afc1;}
.sec_hot6 .parameter .item dd.size ul{margin: 13px 0 16px;}
.sec_hot6 .parameter .item dd.size li{display: inline-block;vertical-align: middle;margin-right: 0.5rem;}
.sec_hot6 .parameter .item dd.size .img{border:1px solid #fff;margin-bottom: 6px;width: 150px;height: 70px;background:url(../images/size.gif);display: block;}
.sec_hot6 .parameter .item dd.size .img.img2{width: 120px;height: 60px;}
.sec_hot6 .parameter .btn{border-top: 1px solid rgba(255,255,255,0.1);padding-top: 0.5rem;margin-top: 0.44rem;}
.sec_hot6 .parameter .btn a{line-height: 0.49rem;border-radius: 0;margin-right: 0.35rem;}
.sec_hot6 .parameter .btn a:last-child{margin-right: 0;}
.sec_hot6 .bg span{background-position: center top;}

@media(max-width:1024px){
	.sec_hot6 .parameter {width: 52.3vw;}
}

/*定制列表 s*/
.CustomList ul{margin-left: -2.5%;}
.CustomList li{width: 33.333%;float: left;padding: 0 0 2% 2.5%;}
.CustomList .tit{margin:0.2rem 0 4px;font-size: 0.2rem;}
.CustomList .style{color:#999999;min-height: 0.6rem;padding-right: 125px;position: relative;}
.CustomList .more{position: absolute;right: -100%;opacity: 0;transition: all 0.3s;color:#d70039;}
.CustomList li:hover .more{right: 0;opacity: 1;}
.CustomList .imgbox{padding-top: 57%;}
.CustomList li a{position: relative;display: block;}
.CustomList li .tag_new{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}
.CustomList li .tag_star{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}


/*定制普通产品 s*/
.ProDetail{background:#f7f7f7;position: relative;z-index: 1;}
.ProDetail .ImgScroll{padding-bottom: 0.64rem;width: 65.27%;float: left;}
.ProDetail .ImgScroll .imgbox{padding-top: 5.29rem;}
.ProDetail .ImgScroll .slick-arrow{border:0;background-color:rgba(0,0,0,0.2);}
.ProDetail .ImgScroll .slick-arrow:hover{border:0;background-color:rgba(0,0,0,0.5);}
.ProDetail .ImgScroll .slick-prev{left: 30px;}
.ProDetail .ImgScroll .slick-next{right: 30px;}
.ProDetail .ImgScroll .slick-dots{bottom: -0.6rem;}
.ProDetail .ImgScroll .slick-dots li button{background:#e1e1e1;}
.ProDetail .ImgScroll .slick-dots li.slick-active button{border:3px solid #333333;}

.ProDetail .Info{width: 27.77%;float: right;background:url(../images/design.gif) right 40px no-repeat;min-height: 200px;line-height: 0.34rem;margin-top: -9px;}
.ProDetail .Info aside{margin-bottom: 0.12rem;}

.ProTwzy .info{padding:0 5% 0 6%;width: 35%;}
.ProTwzy .info aside{position: relative;}
.ProTwzy .info aside:After{position: absolute;content: "";left: 0;top: -0.5rem;width: 39px;height: 32px;background:url(../images/kh3.png);}
.ProTwzy .info .desc{position: relative;z-index: 10;}
.ProTwzy .info .en{line-height: 1;font-size: 0.8rem; background-image: linear-gradient(rgba(255,255,255,0),#f6f6f6);
	background-clip:text;-webkit-background-clip:text;text-transform: uppercase;color: transparent;margin-top: -12%;}

	.ProTwfd .w1720{position: relative;}
	.ProTwfd .info{top: 50%;right: 5%;transform: translateY(-50%);z-index: 10;position: absolute;width: 4.4rem;}
	.ProTwfd .info aside{display: inline-block;}
	.ProTwfd .info aside .en{display: flex;line-height: 26px;font-size: 0.16rem;opacity: 0.2;text-transform: uppercase;align-items: center;}
	.ProTwfd .info aside .en:before{content: "";width: 26px;height: 26px;background:url(../images/kh4.png);}
	.ProTwfd .info aside .en em{height: 1px;background:#fff;margin:0 12px;flex:10;}

	.ProParameter .Info{width: 33%;float: left;}
	.ProParameter .Info aside{margin:32px 0 10px;}
	.ProParameter .Info .desc{max-height: 1.35rem;overflow-y: auto;}
	.ProParameter .Info .color li{display: inline-block;padding-left:15px;position: relative;margin-right: 0.22rem;}
	.ProParameter .Info .color li:last-child{margin-right: 0;}
	.ProParameter .Info .color li:After{position: absolute;left: 0;top: 50%;width: 4px;height: 4px;background:#333333;content: "";margin-top: -2px;}
	.ProParameter .ImgScroll{width: 59.51%;float: right;}
	.ProParameter .ImgScroll li{position: relative;}
	.ProParameter .ImgScroll .imgbox{padding-top: 4.8rem;}
	.ProParameter .ImgScroll .imgbox:After{content: "";left: 0;bottom: 0;width: 100%;height: 30%;z-index: 10;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));position: absolute;}
	.ProParameter .ImgScroll .color{position: absolute;right: 23px;bottom: 23px;line-height: 24px;z-index: 11;color:#fff;}
	.ProParameter .ImgScroll .color img{padding:6px;width: 100px;height: 100px;display: inline-block;vertical-align: bottom;margin-left: 21px;background:rgba(255,255,255,0.8)}
	.ProParameter .ImgScroll .slick-slider{position: static;}
	.ProParameter .ImgScroll .slick-dots{width: 31%;text-align: right;bottom: 20px;}
	.ProParameter .ImgScroll .slick-dots:after{position: absolute;height: 1px;background:#bfbfbf;right: 42px;content: "";width: calc(100% - 168px);top: 22px;}
	.ProParameter .ImgScroll .slick-dots li{display: none;margin:0;}
	.ProParameter .ImgScroll .slick-dots li.slick-active {display: inline-block;}
	.ProParameter .ImgScroll .slick-dots li.slick-active button{font-size: 0.18rem;height: 42px;line-height: 42px;width: 30px;font-family: harmRegular;}
	.ProParameter .ImgScroll .slick-arrow{border:1px solid #bfbfbf;opacity: 1;top: auto;transform: translateY(0);bottom: 20px;}
	.ProParameter .ImgScroll .slick-arrow:After{border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;}
	.ProParameter .ImgScroll .slick-arrow:hover{border:1px solid #333333;}
	.ProParameter .ImgScroll .slick-arrow:hover:After{border-left: 2px solid #333333;border-top: 2px solid #333333;}
	.ProParameter .ImgScroll .slick-next{right: auto;left: 60px;}
	.ProParameter .total{position: absolute;bottom: 20px;width: 20%;left: 13%;text-align: right;line-height: 35px;}
	.ProParameter .total span{margin-left: 5px;}
 @media(max-width:1366px){
		.ProTwzy .info{padding:0 3% 0 5%;}
		.ProParameter .ImgScroll .slick-arrow,.ProParameter .ImgScroll .slick-dots,.ProParameter .total{bottom: 0;}
	}


/*定制重点产品 s*/
.ProCus .item{padding-top: 7.2rem;position: relative;}
.ProCus.w2 .item{width: 50%;float: left;}

.ProCusTw{overflow: hidden;}
.ProCusTw .info{width: 41.666%;padding:0 10% 0 6%;background:url(../images/twbg.jpg);background-size:cover;}
.ProCusTw .desc{margin:0.17rem 0 0.7rem;}
.ProCusTw .more{width: 42px;height: 22px;background:url(../images/more.png);margin-top: 0.52rem;}
.ProCusTw .kh{position: relative;}
.ProCusTw .kh:after{position: absolute;right: -15px;width: 40px;height: 32px;background:url(../images/kh5.png);content: "";top: 50%;margin-top: -16px;}
.ProCusTw .yuan{position: relative;display: inline-block;}
.ProCusTw .yuan:After{position: absolute;width: 0.64rem;height: 0.64rem;border-radius: 50%;content: "";background:#a55e5c;z-index: -1;left: -0.22rem;top: -0.08rem;}
.ProCusTw .yuan i{color:#fff;}
.ProCusTw .en{color:#fff;font-size: 14px;color:#999999;line-height: 26px;text-transform: uppercase;word-spacing: 0;display: block;margin-bottom: 0.3rem;}
.ProCusTw.parameter .desc{margin-bottom: 0.25rem;}
.ProCusTw.parameter .item{margin-bottom: 0.25rem;}
.ProCusTw.parameter .color{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 12px;}
.ProCusTw.parameter .color li{width: 230px;margin-bottom: 0.3rem;padding: 4px 0 0 76px;position: relative;min-height: 60px;line-height: 24px;}
.ProCusTw.parameter .color li .imgbox{position: absolute;left: 0;top: 0;border-radius: 50%;border:6px solid #fff;box-shadow: 0 6px 10px rgba(0,0,0,0.1);width: 60px;height: 60px;}


/*工程中心 s*/
.SubNavCenter{line-height: 1rem;text-align: center;position: relative;background:#fff;}
.SubNavCenter.fix{position: fixed;width:100%;left:0;top:90px;z-index:999;box-shadow: 0 0 10px rgba(0,0,0,0.1);background: rgba(255,255,255,1);line-height: 0.6rem;}
.SubNavCenter li{display:inline-block;padding: 0 0.45rem;position: relative;}
.SubNavCenter li a{display: block;color:#555555;position: relative;font-size: 0.18rem;cursor: pointer;}
.SubNavCenter li a:After{left: 50%;width: 0;height: 4px;content: "";transition: all 0.3s;background:#d70039;bottom: -1px;position: absolute;}
.SubNavCenter li:hover a,.SubNavCenter li.onli a{display: block;color:#000000;font-family: harmRegular;}
.SubNavCenter li:hover a:after,.SubNavCenter li.onli a:after{width: 100%;left: 0;}
.graybg{background:#f7f7f7;}
.SearchSel{float: left;margin-left: -0.3rem;}
.SearchSel .item{float: left;margin-left: 0.3rem;width: 3.2rem;}
.select_box {position: relative;padding: 0;z-index: 500;height: 0.65rem;line-height: 0.65em;}
.select_box i{position: absolute;right: 0.18rem;font-size: 20px;color:#919191;top: 41%;z-index: -1;}
.select_box input {cursor: pointer;width: 100%;padding:0 35px 0 20px;height: 0.65rem;overflow: hidden;border: 0px;color: #666;border:1px solid #bfbfbf;}
.select_box input:hover {border:1px solid #999;}
.select_box ul {width: 100%;position: absolute;left: 0;top: 0.64rem;display: none;background: #fff;z-index: 99999;border:1px solid #bfbfbf;;box-shadow: 0 10px 10px rgba(0,0,0,0.1);padding:10px;}
.select_box ul li {cursor: pointer;padding:0 10px;line-height: 30px;}
.select_box li:hover {background: #ddd;}

.CaseList ul{margin-left: -2.5%;}
.CaseList li{width: 33.333%;float: left;padding:0 0 2.5% 2.5%;}
.CaseList a{display: block;position: relative;color:#fff;overflow: hidden;}
.CaseList .imgbox{padding-top: 74.72%;}
.CaseList .imgbox:After{position: absolute;left: 0;bottom: 0;z-index: 2;content: "";height: 25%;width:100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));transition: all 0.3s;}
.CaseList .tit{position: absolute;z-index: 3;padding:0.25rem;font-size: 0.2rem;bottom: 0;transition: all 0.3s;}
.CaseList .info{position: absolute;left: 0;bottom: -100%;padding:0.3rem 0.3rem 0.25rem;z-index: 3;transition: all 0.5s;opacity: 0;max-height:100%;overflow: auto;}
.CaseList .info .tit{padding:0;position: static;}
.CaseList .info .tag{margin:12px 0 20px;}
.CaseList .info .tag span{background:#d70039;display: inline-block;vertical-align: top;padding:0 11px;margin-right: 14px;}
.CaseList li:hover .imgbox:after{height: 100%;background:rgba(0,0,0,0.4);}
.CaseList li:hover .info{bottom: 0;opacity: 1;}
.CaseList li:hover .tit{bottom: -100%;}

.CaseTit{padding:0.49rem 0 0.36rem;border-bottom: 1px solid #dedede;position: relative;margin-bottom: 0.73rem;}
.CaseTit:After{position: absolute;left: 0;bottom: -1px;width: 76px;height: 2px;content: "";background:#000000}
.CaseTit .Ti36{margin-bottom: 0;line-height: 1.2;}
.CaseDetail{margin-bottom: 0.65rem;}
.CaseDetail .Desc{width: 47%;float: left;}
.CaseDetail .Info{width: 34%;float: right;}
.CaseDetail aside{margin-bottom: 14px;}

.CaseImg{margin-bottom: 1.4rem;}
.CaseImg .imgbox {padding-top: 56.25%;}
.CaseImg .imgbox img{width: auto;height: auto;max-height: 100%;}
.CaseImg .slick-dots{bottom: -60px;}

.greyarr .slick-arrow{border:1px solid #bfbfbf;}
.greyarr .slick-arrow:after{border-left: 2px solid #bfbfbf;border-top: 2px solid #bfbfbf;}
.greyarr .slick-prev{left: -85px;}
.greyarr .slick-next{right: -85px;}
.greyarr .slick-arrowr:hover{border:1px solid #333;}
.greyarr .slick-arrow:hover:after{border-left: 2px solid #333;border-top: 2px solid #333;}
.greyarr .slick-dots li button{background:#e1e1e1;}
.greyarr .slick-dots li.slick-active button{border:3px solid #333333;}

.ParnerScroll{margin-bottom: 1rem;}
.ParnerScroll .slick-list{margin: 0 -0.15rem;}
.ParnerScroll .item{padding: 0.15rem;}
.ParnerScroll .item a{display: block;border:1px solid #fff;}
.ParnerScroll .imgbox{padding-top: 60.6%;background-image: linear-gradient(-60deg, #f6f6f6, #fff);}
.ParnerScroll .imgbox:after,
.ParnerScroll .imgbox:before{width: 0;height: 0;content: "";position: absolute;transition: all 0.3s;opacity: 0;z-index: 1;}
.ParnerScroll .imgbox:after{border-top: 1px solid #bfbfbf;border-left: 1px solid #bfbfbf;top: 0;left: 0;z-index: 10;}
.ParnerScroll .imgbox:before{border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;bottom: 0;right: 0;z-index: 10;}
.ParnerScroll .item:hover .imgbox:before,
.ParnerScroll .item:hover .imgbox:After{width: 100%;height: 100%;opacity: 1;}

.HbInfo{width: 68.4%;}
.Hbbg{background: #f7f7f7 url(../images/hbbg1.jpg) center bottom no-repeat;}
.ParnterBox{/*background:url(../images/hbbg.png) center center no-repeat;background-size:cover;*/margin:0.6rem 0 0.85rem 0;position: relative;}
.ParnterBox .item{position: relative;padding-top: 26vw;z-index: 100;}
.ParnterBox .aitem{position: absolute;}
.ParnterBox .aitem:nth-child(1){width: 9%;top: 11.5%;left: 4%;}
.ParnterBox .aitem:nth-child(1) .imgbox{padding-top: 44%;}
.ParnterBox .aitem:nth-child(2){width: 10.5%;top: 7.4%;left: 19.2%;}
.ParnterBox .aitem:nth-child(2) .imgbox{padding-top: 45.2%}
.ParnterBox .aitem:nth-child(3){width: 12.2%;top: 40%;left:7%;}
.ParnterBox .aitem:nth-child(3) .imgbox{padding-top: 46.2%;}
.ParnterBox .aitem:nth-child(4){width: 14.5%;top: 31.5%;left: 27.5%;}
.ParnterBox .aitem:nth-child(4) .imgbox{padding-top: 47.5%;}
.ParnterBox .aitem:nth-child(5){width: 10.65%;top: 70%;left: 19.9%;}
.ParnterBox .aitem:nth-child(5) .imgbox{padding-top: 50%;}
.ParnterBox .aitem:nth-child(6){width: 9%;top: 84%;left: 7%;}
.ParnterBox .aitem:nth-child(6) .imgbox{padding-top: 49%;}
.ParnterBox .aitem:nth-child(7){width: 18.3%;top: 5.1%;left: 51.2%;}
.ParnterBox .aitem:nth-child(7) .imgbox{padding-top: 45.8%;}
.ParnterBox .aitem:nth-child(8){width: 18.4%;bottom: 4.2%;left: 40.5%;}
.ParnterBox .aitem:nth-child(8) .imgbox{padding-top: 44.9%;}
.ParnterBox .aitem:nth-child(9){width: 12.25%;top: 42.3%;left: 62.5%;}
.ParnterBox .aitem:nth-child(9) .imgbox{padding-top: 45.2%;}
.ParnterBox .aitem:nth-child(10){width: 10.8%;top: 68.5%;left: 71.5%;}
.ParnterBox .aitem:nth-child(10) .imgbox{padding-top: 49%;}
.ParnterBox .aitem:nth-child(11){width: 9.5%;top: 9.8%;right: 10%;}
.ParnterBox .aitem:nth-child(11) .imgbox{padding-top: 41.7%;}
.ParnterBox .aitem:nth-child(12){width: 13.6%;top: 38%;right: 4.5%;}
.ParnterBox .aitem:nth-child(12) .imgbox{padding-top: 46%;}
.ParnterBox .aitem:nth-child(13){width: 8.9%;bottom: 3%;right: 6%;}
.ParnterBox .aitem:nth-child(13) .imgbox{padding-top: 49.3%;}
.ParnterBox .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ParnterBox .bg img{width: 100%;height: 100%;}
.ParnterBox .slick-dots{bottom: -0.79rem;}

@media(max-width:1024px){
	.SearchSel{margin-left: -3%;float: none;}
	.SearchSel .item{width: 30.333%;margin-left: 3%;}
}

/* 品牌视频 */
.VideoList ul,.VideoList ol{margin-left: -3.3%;clear: both;}
.VideoList li{width: 33.333%;float: left;padding:0 0 3% 3%;}
.VideoList ol li:nth-child(1){width: 66.6666%;}
.VideoList ol li .imgbox{padding-top: 6rem;}
.VideoList li a{display: block;background:#fff;}
.VideoList li .imgbox{padding-top: 56%;border-radius: 3px;}
.VideoList li .imgbox:After{content: "";left: 0;bottom: 0;width: 100%;z-index: 10;height: 38%;position: absolute;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));opacity: 0.6;}
.VideoList li .info{padding:0.28rem 0.3rem 0.24rem;}
.VideoList li .tit{font-size: 0.2rem;}
.VideoList li p{font-size: 0.18rem;color:#999999;margin-top: 2px;}
.VideoList .play{width: 65px;height: 35px;line-height:35px;text-align:center;border-radius: 17px;z-index: 10;position: absolute;left: 31px;bottom: 26px;cursor: pointer;color:#fff;transition: all 0.3s;border:1px solid rgba(255,255,255,0.8);}
.VideoList .play i{font-size: 15px;}
.VideoList li:hover .play {transform:scale(1.1);border:1px solid #fff;}

/* 弹窗 */
.mfp-close{width: 0.74rem !important;height: 0.74rem !important;border:3px solid #fff !important;color:#fff;border-radius: 50%;opacity: 1 !important;margin:0.1rem 0.1rem 0 0;background:rgba(0,0,0,0.8) !important;font-size: 0.7rem !important;font-family: harmLight !important;}
.mfp-close-btn-in .mfp-close{color: #fff !important;}
.PopBox{width: 13.18rem;z-index: 1000;padding:0.4rem;margin:0px auto;position: relative;max-height: 50%;overflow-y: auto;border-radius: 15px;}
.PopBox .Content{padding:0.3rem;overflow: hidden;background:#fff;}
.PopBox .video{position: relative;}
.PopBox .video .play{position: absolute;left: 50%;top: 50%;z-index: 100;background:rgba(255,255,255,0.4);width: 68px;height: 68px;line-height: 68px;color:#fff;transform: translate(-50%,-50%);text-align: center;border-radius: 50%;cursor: pointer;}
.PopBox .video video{width: 100%;object-fit: cover;background:#000;}
.PopBox .vinfo{padding-top: 0.34rem;}
.PopBox .vinfo .tit{font-size: 0.24rem;color:#000000;margin-bottom: 11px;}

@media(max-width:1024px){
	.TeamPop{width: 94%;}
}

/* 品牌新闻 */
.NewsFocus{margin-bottom: 4.5%;overflow: hidden;}
.NewsFocus .item{position: relative;}
.NewsFocus .info{position: absolute;top:6%;width: 38.5%;z-index: 10;right: 0;height: calc(100% - 12%);background:#fff;padding:6% 4% 0 4%;}
.NewsFocus .info .date{font-size: 0.2rem;font-family: harmRegular;color:#333;}
.NewsFocus .info .tit{white-space: break-spaces;font-size: 0.32rem;margin:0.16rem 0 0.26rem;line-height: 0.46rem;}
.NewsFocus .info .desc{color:#666666;min-height: 0.9rem;margin-bottom: 11%;}
.NewsFocus .imgbox{width: 65.5%;padding-top: 37.4%;}
.NewsFocus .detail {color:#333333;}
.NewsFocus .detail i{font-size: 24px;vertical-align: middle;margin-top: -2px;transition: all 0.3s;}
.NewsFocus .item:hover .detail i{margin-left: 10px;}
.NewsFocus .slick-prev{left: 2%;opacity: 0;}
.NewsFocus .slick-next{right: 40%;opacity: 0;}
.NewsFocus:hover .slick-arrow{opacity: 1 !important;}
.NewsFocus .slick-dots{position: absolute;left: auto;right: 0;text-align: right;bottom: 11%;right: 3%;}
.NewsFocus .slick-dots li {margin:0 9px;}
.NewsFocus .slick-dots li button{width: 10px;height: 10px;}
.NewsFocus .slick-dots li.slick-active button{width: 12px;height: 12px;}

.NewsList ul{margin-left: -3.1%;clear: both;}
.NewsList ul li{width: 33.333%;padding:0 0 2.5% 3%;float: left;}
.NewsList ul li a:hover{-webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
}
.NewsList ul li .imgbox{padding-top: 64%;margin-bottom: 0.26rem;}
.NewsList ul li .date{font-size: 0.18rem;font-family: harmRegular;color:#333;}
.NewsList ul li .info{min-height: 1.68rem;}
.NewsList ul li .tit{font-size: 0.2rem;margin:0.05rem 0 0.13rem;white-space: break-spaces;}
.NewsList ul li .desc{color: #999999;min-height: 0.6rem;}

.Place{position: relative;z-index: 1;background:#fff;padding:0.35rem 0;}
.Place a{position: relative;margin-right: 30px;}
.Place a:after{position: absolute;content: "";right: -17px;top: 50%;border-top: 1px solid #b2b2b2;border-right: 1px solid #b2b2b2;width: 8px;height: 8px;transform: rotate(45deg) translateY(-50%);}

.NewsCon{width: calc(100% - 4.2rem);float: left;}
.NewsCon_100{width:100%;}
.TitleInfo {border-bottom: 1px solid #d2d2d2;margin-bottom: 0.53rem;padding-bottom: 0.32rem;}
.TitleInfo .other span{margin-right: 0.6rem;}
.NewsRec{width: 2.8rem;float: right;}
.NewsRec .tithead{font-size: 0.24rem;line-height: 1.5;margin-bottom:0.15rem;}
.NewsRec li{padding-bottom: 0.36rem;line-height: 24px;}
.NewsRec .imgbox{padding-top: 64.6%;}
.NewsRec .date{margin:13px 0 4px;color:#999999;}
.NewsRec .tit{white-space: break-spaces;}

.NewsPage{padding-top:0.34rem;border-top:1px solid #d2d2d2;margin-top:0.3rem;clear: both;position: relative;padding-right: 1.6rem;}
.NewsPage dl dd{margin-top: 0.16rem;}
.NewsPage .goback{width:1.4rem;height:0.6rem;line-height: 0.6rem;border-radius: 0.6rem;text-align: center;background: #005fe1;position: absolute;right:0;top:0.6rem;}
.NewsPage .goback a{color:#fff;}
.NewsPage .goback:hover {background:#111111;}

@media(max-width:1560px){
	.NewsFocus .info{padding-top: 4%;}
}

/* 线上授权门店 */
.BuyTi{line-height: 0.65rem;text-align: center;margin-bottom: 0.63rem;}
.BuyTi h2{display: inline-block;position: relative;background:#fff;}
.BuyTi h2:after,.BuyTi h2:before{content: "";position: absolute;width: 1.82rem;height: 0.65rem;background-repeat: no-repeat;background-size: contain;}
.BuyTi h2:after{left: 0;background-image: url(../images/tit_left.png);left: -1.82rem;}
.BuyTi h2:before{right: 0;background-image: url(../images/tit_right.png);right: -1.82rem;}

.ShopList ul{float: left;width: 48.5%;}
.ShopList ul:nth-child(2n+2){float: right;}
.ShopList .item{margin:0 0 0.4rem 0;background:#fff;height: 2.88rem;padding-bottom: 0.28rem;transition: all 0.3s;display: inline-block;vertical-align: top;}
.ShopList .item .tithead{border-bottom: 2px solid #f7f7f7;padding:3px 0 0 0.4rem;font-size: 0.2rem;line-height: 0.77rem;margin-bottom: 0.18rem;position: relative;cursor: pointer;}
.ShopList .item .tithead .ico{position: absolute;right: 0.41rem;width: 24px;height: 24px;top: 50%;margin-top: -12px;}
.ShopList .item .tithead .ico:After,.ShopList .item .tithead .ico:before{content: "";width: 100%;height: 1px;background:#858585;position: absolute;}
.ShopList .item .tithead .ico:After{top: 50%;}
.ShopList .item .tithead .ico:before{left: 50%;width: 1px;height: 100%;top: 0;transition: all 0.3s;}
.ShopList .item .tithead img{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;}
.ShopList .item .tithead:hover .ico:After,
.ShopList .item .tithead:hover .ico:before{background:#d70039;}
.ShopList .item .info{line-height: 0.4rem;margin:0 0.22rem 0 8.8%;height: 1.6rem;overflow: hidden;transition: all 0.3s;}
.ShopList .item .info dd{width: 50%;display: inline-block;vertical-align: top;}
.ShopList .item:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ShopList .item.on{height: 6.16rem;box-shadow: 0 0 15px rgba(0,0,0,0.1);}
.ShopList .item.on .tithead .ico:before{height: 0;top: 50%;}
.ShopList .item.on .info{height: 4.68rem;overflow-y:scroll;}

/* 线下门店 */
.SearchShop{max-width: 6rem;margin:0px auto 0.38rem;background:#fff;position: relative;padding:0 0.6rem 0 0.3rem;}
.SearchShop input{width: 100%;height: 0.66rem;}
.SearchShop button{position: absolute;right: 0;height: 100%;width: 0.6rem;background: transparent;}
.SearchShop button:hover{color:#d70039;}
.ShopNav{line-height: 0.63rem;border-bottom: 1px solid #cdcdcd;margin-bottom: 0.6rem;position: relative;z-index: 10;}
.ShopNav ul{float: left;}
.ShopNav li{display: inline-block;margin-right: 0.66rem;position: relative;}
.ShopNav li:After{left: 50%;bottom: -1px;height: 4px;background:#d70039;content: "";position: absolute;transition: all 0.3s;width: 0;}
.ShopNav li a{color:#555555;font-size: 0.18rem;}
.ShopNav li:hover a,.ShopNav li.on a{font-family: harmRegular;}
.ShopNav li:hover:after,.ShopNav li.on:after{left: 0;width: 100%;}
.ShopNav .selectCity{float: right;}

.selectCity{position: relative;z-index: 100;}
.selectCity .select{position: relative;text-align: center;width: 2.1rem;cursor: pointer;}
.selectCity .select i{position: absolute;right: 0;}
.selectCity .tab{padding:10px 10px 0;display:flex;}
.selectCity .tab dd{width: 50%;text-align: center;border:1px solid #f1f1f1;background:#f1f1f1;line-height: 0.4rem;cursor: pointer;}
.selectCity .tab dd.cur{background:#fff;font-family: harmRegular;}
.selectCity .pullbox{width: 3.2rem;position: absolute;right: 0;top: 100%;box-shadow: 0 2px 10px rgba(0,2,10,0.06);background:#fff;z-index: 100;padding:0 0 25px;display: none;}
.selectCity .pullbox .item{max-height: 3.68rem;overflow-y: auto;line-height: 0.46rem;margin:0 18px 0 30px;display: none;}
.selectCity .pullbox .item dd{cursor: pointer;color: #999999;font-family: harmRegular;}
.selectCity .pullbox .item dd.on,.selectCity .pullbox .item dd:hover{color: #333333;}

.ShopItem{margin:0 0 0 -2%;}
.ShopItem ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.ShopItem .item{width: 48%;margin:0 0 2% 2%;background:#fff;min-height: 1.94rem;padding: 0.46rem 0.4rem 0.2rem;position: relative;transition: all 0.3s;}
.ShopItem .item .near{position: absolute;background:#555555;color:#fff;line-height: 0.32rem;font-size: 14px;padding:0 18px 0 28px;left: 0;top: 0;}
.ShopItem .item .near:before{position: absolute;left: 8px;top: 6px;background:#fff;border-radius: 50%;width: 4px;height: 4px;content: "";}
.ShopItem .item .near:after{position: absolute;right: -18px;top: 0;width: 18px;height: 100%;content: "";background: url(../images/point.png);}
.ShopItem .item .tit{font-size: 0.22rem;margin-bottom: 0.2rem;white-space: break-spaces;padding-right: 74px;}
.ShopItem .item .wz{position: absolute;right: 0.4rem;top: 0.46rem;color:#999999;}
.ShopItem .item dl{position: relative;padding-right: 140px;}
.ShopItem .item dl dt{position: absolute;right: 0;top: 0.15rem;}
.ShopItem .item .btnam{width: 1.26rem;line-height: 0.42rem;border:1px solid #999999;color:#333333;}
.ShopItem .item .btnam:hover{width: 1.26rem;line-height: 0.42rem;border:1px solid #d70039;color:#fff;}
.ShopItem .item dd{position: relative;padding-left: 29px;min-height: 0.3rem;margin-bottom: 4px;}
.ShopItem .item dd:last-child{margin-bottom: 0;}
.ShopItem .item dd i{position: absolute;left: 0;top: 0;}
.ShopItem .item:hover{box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
@media(max-width:1024px){
.ShopItem .item{width: 100%;margin:2% 0;}	
}

/* 泽计划专题页 */
.zjh_Homeban{background:#aad2da;}
.zjh_Homeban .item{position: relative;}
.zjh_Homeban .Info{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 10;text-align: center;color:#fff;}
.zjh_Homeban .ti{font-size: 0.6rem;line-height: 1.5;font-family: harmBold;font-weight: normal;margin:0.2rem 0 0.45rem;letter-spacing: 0.1em;}
.zjh_Homeban .desc{color:#fff;font-size: 0.3rem;line-height: 1.6;}
.zjh_Homeban .play{width: 70px;height: 70px;line-height:70px;text-align:center;border-radius: 50%;z-index: 10;cursor: pointer;color:#fff;margin:0 auto;transition: all 0.3s;position: relative;background-image: linear-gradient( rgba(0,0,0,0.4),rgba(0,0,0,0));display: block;}
.zjh_Homeban .play i{font-size: 15px;}
.zjh_Homeban .play:after {content: "";border-radius: 50%;position: absolute;width: 170%;height: 170%;left: -35%;top: -35%;transition: all 0.3s;background-image: linear-gradient( rgba(0,0,0,0.4),rgba(0,0,0,0));z-index: -1;opacity: 0.3;}
.zjh_Homeban .play:before {content: "";border-radius: 50%;position: absolute;width: 120%;height: 120%;left: -10%;top: -10%;transition: all 0.3s;z-index: 1;background-image: linear-gradient( rgba(0,0,0,0.4),rgba(0,0,0,0));
	-webkit-animation: guang 1.5s ease-out;
	-moz-animation: guang 1.5s ease-out;
	animation: guang 1.5s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;}
.zjh_Homeban .play:hover {transform:scale(1.5);}

.Zjh-About .w1440{height: 100vh;}
.Zjh-About .info{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 5.95rem;}
.Zjh-About .logo img{height:0.78rem;}
.Zjh-About .desc{font-size: 0.18rem;line-height: 0.38rem;margin:0.7rem 0;}
.Zjh-About .imgbox .point{position: absolute;left: 0;top: 0;width: 1.6rem;height: 100%;background:url(../images/zjh_shadow.png) right center no-repeat;background-size:cover;z-index: 10;}
.Zjh-About .imgbox{width: 51.04%;position: absolute;right: 0;top: 0;height: 100%;transform:translateX(350px);-webkit-transform:translateX(350px);opacity:0;transition:all 1s 0.1s;}
.Zjh-About.active .imgbox{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}

.Zjh-News {background:#fafafa;}
.Zjh-News .w1720{padding-top: 7vw;position: relative;z-index: 1;}
.Zjh-News .Tithead{line-height: 1.2vw;margin-bottom: 3.2vw;}
.Zjh-News .Tithead p{line-height: 1.3vw;}
.Zjh-News .bg{position: absolute;width: 100%;height: 28.1vw;left: 0;top: 0;background-position: center center;background-repeat: no-repeat;background-size: cover;z-index: 0;}
.Zjh-News .slider{width: 91%;margin-top: -0.4vw;transform:translateY(350px);-webkit-transform:translateY(350px);opacity:0;transition:all 1s 0.1s;}
.Zjh-News .slick-list{width: 120%;padding-right: 20%;}
.Zjh-News .item{padding: 0.4vw 5vw 3.8vw 0;}
.Zjh-News .imgbox{padding-top: 13.5vw;}
.Zjh-News .imgbox:After{width: 100%;left: 0;top: 0;border:1px solid rgba(255,255,255,0);content: "";position: absolute;z-index: 1;height: 100%;opacity: 0;transition: all 0.3s;}
.Zjh-News .imgbox img{transition: all 0.3s;}
.Zjh-News .tit{white-space: break-spaces;font-size: 0.24rem;line-height: 0.36rem;min-height: 0.72rem;}
.Zjh-News .desc{font-size: 0.18rem;min-height: 0.6rem;margin:0.15rem 0 0.27rem;color:#333333;}
.Zjh-News .info{padding:2.8vw 2.5vw;background:#fff;}
.Zjh-News .item a{display: block;}
.Zjh-News .item:hover a{margin-top: -8px;}
.Zjh-News .item:hover .imgbox:after{opacity: 1;border: 8px solid rgba(255,255,255,1);}
.Zjh-News .item:hover .imgbox img{width: calc(100% - 16px);height: calc(100% - 16px);}
.Zjh-News .item:hover .info{box-shadow: 0 14px 50px rgba(0,0,0,0.12);}
.Zjh-News .slick-arrow{top: -100px;transform: translateY(0);width: 0.5rem;height: 0.5rem;line-height: 0.5rem;}
.Zjh-News .slick-arrow:hover{background: #d70039;border:1px solid #d70039;}
.Zjh-News .slick-prev{left: auto;right: -0.65rem;}
.Zjh-News .slick-next{right: -1.5rem;}
.Zjh-News.active .slider{transform:translate(0,0);-webkit-transform:translate(0,0);opacity:1;}
@media(max-width:1800px){
	.Zjh-News .bg{height: 28.4vw;}
}
@media(max-width:1720px){
	.Zjh-News .bg{height: 28.75vw;}
}
@media(max-width:1024px){
	.Zjh-News .bg{height: 29.2vw;}
}

.Zjh-Activity .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;width: 105%;height: 105%;left: -2.5%;top: -2.5%;position: absolute;}
.Zjh-Activity .w1720{height: 100vh;position: relative;z-index: 1;/*display: flex;align-items: center;height: 100vh;*/}
.Zjh-Activity .Tithead{margin: 0 0 6vw 4vw;position: absolute;left: 5%;top: 39%;}
.Zjh-Activity .slider{padding-left: 34%;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.Zjh-Activity .slider .item{overflow: hidden;padding:10px;position: relative;display: inline-block;vertical-align: top;}
.Zjh-Activity .aitem{width: 47%;margin:0 0 3% 3%;display: inline-block;vertical-align: middle;}
.Zjh-Activity .aitem:nth-child(1){margin-top: 1.6rem;}
.Zjh-Activity .aitem:nth-child(4){margin-top: -1.6rem;}
.Zjh-Activity .imgbox{padding-top: 15vw;border:8px solid #fff;box-shadow: 0 10px 10px rgba(0,0,0,0.12);}
.Zjh-Activity .slick-arrow{border:1px solid #e0e0e0;width: 0.5rem;height: 0.5rem;top: auto;}
.Zjh-Activity .slick-arrow:After{border-left: 2px solid #555555;border-top: 2px solid #555555;}
.Zjh-Activity .slick-arrow:hover{border: 1px solid #d70039;background:#d70039;}
.Zjh-Activity .slick-arrow:hover:After{border-left: 2px solid #fff;border-top: 2px solid #fff;}
.Zjh-Activity .slick-prev{left: 0;}
.Zjh-Activity .slick-next{right: 0;}
.Zjh-Activity .slick-dots{position: static;}
.Zjh-Activity .slick-dots li{display: none;margin:0;}
.Zjh-Activity .slick-dots li button{background: none;border:0 !important;border-radius: 0 !important;}
.Zjh-Activity .slick-dots li.slick-active {display: inline-block;}
.Zjh-Activity .slick-dots li.slick-active button{font-size: 0.18rem;font-family: harmRegular;height: 0.3rem;line-height: 0.3rem;}
.Zjh-Activity .controls{position: absolute;left: 9.5%;bottom: 36.9%;z-index: 10;width: 165px;text-align: center;}
.Zjh-Activity .controls dt{display: inline-block;vertical-align: middle;}
.Zjh-Activity.active .slider .aitem:nth-child(1){
	animation:zoomIn 1s .2s ease both;
		-webkit-animation:zoomIn 1s .2s ease both;
		-moz-animation:zoomIn 1s .2s ease both;
}
.Zjh-Activity.active .slider .aitem:nth-child(2){
	animation:zoomIn 1s .3s ease both;
		-webkit-animation:zoomIn 1s .3s ease both;
		-moz-animation:zoomIn 1s .3s ease both;
}
.Zjh-Activity.active .slider .aitem:nth-child(3){
	animation:zoomIn 1s .4s ease both;
		-webkit-animation:zoomIn 1s .4s ease both;
		-moz-animation:zoomIn 1s .4s ease both;
}
.Zjh-Activity.active .slider .aitem:nth-child(4){
	animation:zoomIn 1s .5s ease both;
		-webkit-animation:zoomIn 1s .5s ease both;
		-moz-animation:zoomIn 1s .5s ease both;
}

.Zjh-Project .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;width: 105%;height: 105%;left: -2.5%;top: -2.5%;position: absolute;}
.Zjh-Project .w1440{padding-top: 11vw;}
.Zjh-Project .slick-list{margin:0 -1.3%;}
.Zjh-Project .Tithead{margin-bottom: 0.55rem;}
.Zjh-Project a{display: block;position: relative;color:#fff;float: left;margin:0 1.3% 0.4rem;width: 30.633%;overflow: hidden;box-shadow:0 10px 25px rgba(0,0,0,0.15);}
.Zjh-Project .imgbox{padding-top: 74.72%;}
.Zjh-Project .imgbox:After{position: absolute;left: 0;bottom: 0;z-index: 2;content: "";height: 25%;width:100%;background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));transition: all 0.3s;}
.Zjh-Project .tit{position: absolute;z-index: 3;padding:0.25rem;font-size: 0.2rem;bottom: 0;transition: all 0.3s;}
.Zjh-Project .info{position: absolute;left: 0;bottom: -100%;padding:0.3rem 0.3rem 0.25rem;z-index: 3;transition: all 0.5s;opacity: 0;}
.Zjh-Project .info .tit{padding:0;position: static;}
.Zjh-Project .info .tag{margin:12px 0 20px;}
.Zjh-Project .info .tag span{background:#d70039;display: inline-block;vertical-align: top;padding:0 11px;margin-right: 14px;}
.Zjh-Project a:hover .imgbox:after{height: 100%;background:rgba(0,0,0,0.4);}
.Zjh-Project a:hover .info{bottom: 0;opacity: 1;}
.Zjh-Project a:hover .tit{bottom: -100%;}
.Zjh-Project .slick-arrow{border:1px solid #e0e0e0;width: 0.5rem;height: 0.5rem;top: auto;}
.Zjh-Project .slick-arrow:After{border-left: 2px solid #555555;border-top: 2px solid #555555;}
.Zjh-Project .slick-arrow:hover{border: 1px solid #d70039;background:#d70039;}
.Zjh-Project .slick-arrow:hover:After{border-left: 2px solid #fff;border-top: 2px solid #fff;}
.Zjh-Project .slick-prev{left: 0;}
.Zjh-Project .slick-next{right: 0;}
.Zjh-Project .slick-dots{position: static;}
.Zjh-Project .slick-dots li{display: none;margin:0;}
.Zjh-Project .slick-dots li button{background: none;border:0 !important;border-radius: 0 !important;}
.Zjh-Project .slick-dots li.slick-active {display: inline-block;}
.Zjh-Project .slick-dots li.slick-active button{font-size: 0.18rem;font-family: harmRegular;height: 0.3rem;line-height: 0.3rem;}
.Zjh-Project .controls{width: 165px;text-align: center;margin:0.16rem auto 0;position: relative;height: 0.5rem;}
.Zjh-Project .controls dt{display: inline-block;vertical-align: middle;}

.Zjh-Parnter .joinbtn{position: absolute;left: 50%;bottom: 24%;z-index: 5;margin-left: -0.9rem;}
.Zjh-Parnter .w1720{height: 100%;}
.Zjh-Parnter .w1720:before,.Zjh-Parnter .w1720:after{position: absolute;left: 50%;width: 1px;height: 24%;background:#e0e0e0;content: "";}
.Zjh-Parnter .w1720:before{top: 0;}
.Zjh-Parnter .w1720:after{bottom: 0;}
.Zjh-Parnter .Tithead{position: absolute;left: 50%;top: 36%;transform: translate(-50%,-50%);}
.Zjh-Parnter ul{padding-top: 5vw;}
.Zjh-Parnter li{width: 16.7vw;float: left;}
.Zjh-Parnter li:nth-child(4n+3){float: right;}
.Zjh-Parnter li:nth-child(4n+4){float: right;}
.Zjh-Parnter li:nth-child(4n+1){clear: both;}
.Zjh-Parnter .imgbox{padding-top: 8.4vw;transition: all 0.3s;}
.Zjh-Parnter .imgbox img{position: absolute;top: 0;transition: all 0.3s;}
.Zjh-Parnter .imgbox .hover{bottom: -100%;transition: all 0.3s;top: auto;}
.Zjh-Parnter li:hover .imgbox{background:#d70039;}
.Zjh-Parnter li:hover .p1{top: -100%;}
.Zjh-Parnter li:hover .hover{bottom: 0;}
.Zjh-Parnter.active li{
	animation:zoomIn 3s .5s ease both;
		-webkit-animation:zoomIn 1s .5s ease both;
		-moz-animation:zoomIn 1s .5s ease both;
}

.Zjh-Contact{background-position: center center;background-repeat: no-repeat;background-size: cover;}
.Zjh-Contact:after{position: absolute;left: 0;bottom: 0;height: 100%;width: 50%;background:rgba(0,0,0,0.1);border-radius: 0 0 1rem 0;content: "";}
.Zjh-Contact .tel{display: inline-block;line-height: 0.5rem;color:#fff;background:#d70039;border-radius: 3px;padding:0 0.32rem;}
.Zjh-Contact .w1440{padding:9% 0;}

.Zjh-honor{background-position: bottom center;background-repeat: no-repeat;background-size: 100% auto;background-color: #f8f8f8;}
.Zjh-honor .w1720{padding-top:9vw;}
.Zjh-honor .slider .item{height:60vh;position: relative;}
.Zjh-honor .slider .item a{position: absolute;}
.Zjh-honor .slider .item a .img{padding:8px;background:url(../images/zjh_honor_box.png) no-repeat  center center;background-size: 100% 100%;display: inline-block;position: relative;}
.Zjh-honor .slider .item a .img::before{content:"";display: block;width:100%;height:100%;background: url(../images/zjh_honor_yy.png) no-repeat center left;background-size: auto 100%;position: absolute;left:-0.15rem;bottom:0;z-index:0;}
.Zjh-honor .slider .item a .img img{max-height:25vh;position: relative;}
.Zjh-honor .slider .item a:nth-child(1){left:11vw;bottom:20vh;}
.Zjh-honor .slider .item a:nth-child(2){left:30vw;bottom:31vh;}
.Zjh-honor .slider .item a:nth-child(3){left:50vw;bottom:19vh;}
.Zjh-honor .slider .item a:nth-child(4){left:68vw;bottom:24vh;}
.Zjh-honor .slider .item a:nth-child(5){left:33.5vw;bottom:3.5vh;}
.Zjh-honor .slider .item a:nth-child(5) .img img{max-height:22vh;}

.Zjh-honor .slick-arrow{border:1px solid #e0e0e0;width: 0.5rem;height: 0.5rem;top: auto;}
.Zjh-honor .slick-arrow:After{border-left: 2px solid #555555;border-top: 2px solid #555555;}
.Zjh-honor .slick-arrow:hover{border: 1px solid #d70039;background:#d70039;}
.Zjh-honor .slick-arrow:hover:After{border-left: 2px solid #fff;border-top: 2px solid #fff;}
.Zjh-honor .slick-prev{left: 0;}
.Zjh-honor .slick-next{right: 0;}
.Zjh-honor .slick-dots{position: static;}
.Zjh-honor .slick-dots li{display: none;margin:0;}
.Zjh-honor .slick-dots li button{background: none;border:0 !important;border-radius: 0 !important;}
.Zjh-honor .slick-dots li.slick-active {display: inline-block;}
.Zjh-honor .slick-dots li.slick-active button{font-size: 0.18rem;font-family: harmRegular;height: 0.3rem;line-height: 0.3rem;}
.Zjh-honor .controls{width: 165px;text-align: center;margin:0.16rem auto 0;position: absolute;height: 0.5rem;right:1.8rem;bottom:15vh;}
.Zjh-honor .controls dt{display: inline-block;vertical-align: middle;}

@media(max-width:1760px){
	.Zjh-honor .slider .item{height:59vh;}
}

@media(max-width:1680px){
	.Zjh-honor .slider .item{height:58vh;}
	.Zjh-honor .slider .item a:nth-child(5){left:31vw;}
}


@media(max-width:1440px){
	.Zjh-honor .slider .item a:nth-child(2){bottom:28.5vh;}
	.Zjh-honor .slider .item a:nth-child(5){left:31vw;bottom:2.5vh;}
	.Zjh-honor .slider .item a .img img{max-height:25vh;}
	.Zjh-honor .slider .item a:nth-child(5) .img img{max-height:22vh;}
}

.Zjh-honor.active .slider .aitem:nth-child(1){
	animation:zoomIn 1s .2s ease both;
		-webkit-animation:zoomIn 1s .2s ease both;
		-moz-animation:zoomIn 1s .2s ease both;
}
.Zjh-honor.active .slider .aitem:nth-child(2){
	animation:zoomIn 1s .3s ease both;
		-webkit-animation:zoomIn 1s .3s ease both;
		-moz-animation:zoomIn 1s .3s ease both;
}
.Zjh-honor.active .slider .aitem:nth-child(3){
	animation:zoomIn 1s .4s ease both;
		-webkit-animation:zoomIn 1s .4s ease both;
		-moz-animation:zoomIn 1s .4s ease both;
}
.Zjh-honor.active .slider .aitem:nth-child(4){
	animation:zoomIn 1s .5s ease both;
		-webkit-animation:zoomIn 1s .5s ease both;
		-moz-animation:zoomIn 1s .5s ease both;
}
.Zjh-honor.active .slider .aitem:nth-child(5){
	animation:zoomIn 1s .5s ease both;
		-webkit-animation:zoomIn 1s .6s ease both;
		-moz-animation:zoomIn 1s .6s ease both;
}



.HomeBan{height: 100vh;overflow: hidden;}
.HomeBan .item{position:relative;height: 100vh;}
.HomeBan video{position:absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 10;}
.HomeBan .imgbox{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.HomeBan .imgbox img{width: 100%;height: 100%;}
.HomeBan .slick-arrow{border-radius: 0;border:0;}
.HomeBan .slick-arrow:After{width: 100%;height: 100%;border-left: 3px solid #fff;border-top: 3px solid #fff;}
.HomeBan .slick-prev{ left:-100px;}
.HomeBan .slick-next{ right:-100px;}
.HomeBan:hover .slick-prev{left: 5%;}
.HomeBan:hover .slick-next{right: 5%;}
.HomeBan .slick-arrow:hover:After{opacity: 1;}



.HomeBan .open-video{ cursor: pointer; width:60px; height: 60px; position: absolute;  left: 0; right: 0; z-index:12; background:url(../images/icon-video.png) no-repeat center center;}
.HomeBan .open-video,
.HomeBan .open-video:before,
.HomeBan .open-video:after{border: solid 1px #fff; border-radius: 100%;margin: auto;top: 0; bottom: 0; }
.HomeBan .open-video:before,
.HomeBan .open-video:after{content: '';position: absolute;left: -100%; right: -100%;}
.HomeBan .open-video:before{width: 136%; height: 136%; opacity: 0.5; animation: yuan1 1s linear infinite;}
.HomeBan .open-video:after{width: 166%; height: 166%; opacity: 0.2; animation: yuan2 1.2s linear infinite;}

@keyframes yuan1{
0{width: 136%; height: 136%;}
100%{width: 160%; height: 160%; opacity: 0}
}
@keyframes yuan2{
0{width: 166%; height: 166%;}
100%{width: 200%; height: 200%; opacity: 0}
}
.zjh_Homeban .item video,
.zjh_Homeban .item.video-show .open-video{opacity: 0;}
.zjh_Homeban .item.video-show video{opacity: 1;}


.SubBan{overflow: hidden;}
.SubBan .item{position:relative;}
.SubBan video{position:absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 10;}
.SubBan .imgbox{padding-top:42%; /*padding-top:46.862%*/}
.SubBan .imgbox img{width: 100%;height: 100%;}
.SubBan .slick-arrow{border-radius: 0;border:0;}
.SubBan .slick-arrow:After{width: 100%;height: 100%;border-left: 3px solid #fff;border-top: 3px solid #fff;}
.SubBan .slick-prev{ left:-100px;}
.SubBan .slick-next{ right:-100px;}
.SubBan:hover .slick-prev{left: 5%;}
.SubBan:hover .slick-next{right: 5%;}
.SubBan .slick-arrow:hover:After{opacity: 1;}


.SubBan_1 .imgbox{padding-top:100vh;}

.ProBanner{overflow: hidden;}
.ProBanner .item{position:relative;height: 100vh;}
.ProBanner video{position:absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;z-index: 10;}
.ProBanner .imgbox{position:absolute;width: 100%;height: 100%;left: 0;top: 0;}
.ProBanner .imgbox img{width: 100%;height: 100%;}
.ProBanner .slick-arrow{border-radius: 0;border:0;}
.ProBanner .slick-arrow:After{width: 100%;height: 100%;border-left: 3px solid #fff;border-top: 3px solid #fff;}
.ProBanner .slick-prev{ left:-100px;}
.ProBanner .slick-next{ right:-100px;}
.ProBanner:hover .slick-prev{left: 5%;}
.ProBanner:hover .slick-next{right: 5%;}
.ProBanner .slick-arrow:hover:After{opacity: 1;}


















/* 卫浴产品列表 */
.wycplb{border-bottom: 0.01rem solid #e6e6e6;}
.wycplb li{padding: 0;border-left: 0.01rem solid #e6e6e6;width: 10%;}
.wycplb li:nth-of-type(1){border: none;}
.wycplb li a{width: 100%;height: 1.8rem;}
.wycplb li a div{width: 68%;height: 1.3rem;display: inline-block;margin: 16% 0.3rem;}
.wycplb li a:hover{background: url('images/wycb_nav.png') repeat;}
.wycplb li a span{width: 100%;float: left;text-align: center;line-height: 0.2rem;font-size: 0.18rem;}
.wycpList{position: relative;}
.wycpList ul{display: inline-block;width: 100%;}
.wycpList ul li{width: 23%;margin: 0.35rem 1%;position: relative;overflow: hidden;float: left;cursor: pointer;}
.wycpList ul li .imgbox{padding-top:100%}
.wycpList ul li .wycp_pic1{width: 100% !important;}
.wycpList ul li .wycp_pic2{display: none;}
.wycpList ul li .wycp_new{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}
.wycpList ul li .wycp_star{position: absolute;top: 0.24rem;left: 0.25rem;width: 0.6rem;height: 0.3rem;line-height: 0.3rem;text-align: center;background-color: #d70039;border-radius: 0.04rem;color: white;font-size: 0.18rem;}
.wycpList ul li:hover .wycp_pic1{display: none;}
.wycpList ul li:hover .wycp_pic2{display: block;}
.wycpList ul li:hover .imgbox img,.wycpList ul li:hover .imgbox span{transform: scale(1);-webkit-transform: scale(1s);}

.wycpList ul li .wycp_cont{position: absolute;top: 0.24rem;right: 0.25rem;width: 0.75rem;height: 0.3rem;background-color: rgba(0, 0, 0, 0.2);color: white;border-radius: 0.04rem;z-index:999;}
.wycpList ul li .wycp_cont div{width: 0.2rem;height: 0.2rem;margin: 0.05rem;float: left;font-size: 0.24rem;text-align: center;line-height: 0.2rem;font-weight: 200;border-radius: 0.04rem;background: url('images/wycb_nav.png') repeat;}
.wycpList ul li .wycp_cont span{font-size: 0.16rem;}
.wycpList ul li .wycp_cont:hover{background-color: rgba(0, 0, 0, 0.4);}
.wycpList ul li .wycp_title{position: relative;left: auto;bottom: auto;height: 0.65rem; box-sizing: border-box;padding-left:0; margin-top: 0.2rem; display: flex; flex-flow: column wrap;}
.wycpList ul li .wycp_name{float: left;line-height: 0.3rem;text-align: left;font-size: 0.16rem;width: 100%;}
.wycpList ul li .wycp_model{float: left;line-height: 0.2rem;text-align: left;font-size: 0.12rem;width: 100%; order: 2;}
.wycp_contrast{width: 2.4rem;display: inline-block;position: fixed;bottom: 0;right: -2.4rem;top:0;background-color: white;z-index: 1001;transition: all 0.5s ease 0s;}
.wycp_contrast.open{right: 0;}
.wycp_contrast_top{padding: 0.2rem 0.4rem;border-bottom: 0.01rem solid rgb(230, 230, 230);font-size: 0.2rem;font-weight: bold;height: 0.7rem;}
.wycp_contrast_content{height: calc(100% - 1.3rem);overflow-y:auto;overflow-x: hidden;}
.wycp_contrast_content ul{width:2.4rem;float: left;}
.wycp_contrast_content ul li{position: relative;float: left;cursor:pointer;margin: 0.1rem 0.2rem;
    border: 1px solid #eee;
}
.wycp_contrast_content ul li .contrast_list_pic1{width: 100%;float: left;margin-bottom:.1rem;}
.wycp_contrast_content ul li .contrast_list_close{cursor:pointer;position: absolute;right: 0;top: 0;background-color: rgba(0, 0, 0, 0.4);height: 0.2rem;width: 0.2rem;font-size: 0.2rem;text-align: center;line-height: 0.2rem;color: white;}
.wycp_contrast_content ul li .contrast_list_close:hover{background-color: rgba(0,0,0,0.6);}

.wycp_contrast_content ul li .contrast_list_model{font-size: 0.16rem;line-height: 0.2rem;padding:0  0.2rem;}
.wycp_contrast_content ul li .contrast_list_name{font-size: 0.10rem;line-height: 0.15rem;padding:0 0.2rem .1rem .2rem;}
.wycp_contrast_bottom{border-top: 0.01rem solid rgb(230, 230, 230);}
.wycp_contrast_bottom a{width: 1.4rem;height: 0.4rem;line-height: 0.4rem;border-radius:0.04rem;text-align:center;background-color: #d70039;color:white;float:left;font-size: 0.16rem;margin: 0.1rem 0.5rem;}
.wycp_contrast_bottom a:hover{background-color: #b30035;}
.contrast_close{width: 0.6rem;height: 0.6rem;background-color: rgba(0, 0, 0, 0.4);border-radius: 50%;cursor: pointer;position: absolute;right: 2.5rem;top: 75%;margin-top:-0.2rem;color:white;}
.contrast_close i{display: none;}
.contrast_close div{float: left;width: 0.6rem;height: 0.6rem;border-radius: 50%;text-align: center;line-height: 0.6rem;font-size: 0.18rem;color:white}
.contrast_close span{display:none;font-size: 0.12rem;color: white;background-color: #d70039;border-radius: 50%;width: 0.2rem;height: 0.2rem;line-height: 0.2rem;text-align: center;position: absolute;left:0;top:0;}
.contrast_close:hover{background-color: rgba(0, 0, 0, 0.6);}
.open .contrast_close{width: 0.25rem;height: 0.6rem;background-color: rgba(0, 0, 0, 0.4);border-radius: 0.04rem 0 0 0.04rem;cursor: pointer;position: absolute;right: 2.4rem;top: 50%;margin-top:-0.3rem;color:white;}
.open .contrast_close i{width: 0.25rem;height: 0.6rem;text-align: center;line-height: 0.65rem;display: block;}
.open .contrast_close div{display: none;}
.open .contrast_close span{display: none;}
.open .contrast_close:hover{background-color: rgba(0, 0, 0, 0.6);}

/* 卫浴产品对比结果 */
.wydbjg_db{margin-top: 0.9rem;}
.wydbjg_wydb{text-align: center;}
.contrast_title{font-size: 0.32rem;font-weight: bold;width: 100%;margin-bottom: 0.6rem;text-align: center;}
.wydbjg_wydb .contrast_select{width: 20%;float: left;margin: 0 2.5%;position: relative;z-index:99;}
.wydbjg_wydb .wycp_contrast_product{width: 20%;margin: 0 2.5%;float:left;position: relative;}
.wydbjg_wydb .SearchSel{width: 100%;margin-left: 0;margin-bottom: 0.4rem;}
.wydbjg_wydb .SearchSel .item{margin: 0;width: 100%;}
.wydbjg_wydb .wycpdb_img{width: 100%;float: left;position: relative;cursor: pointer;}
.wydbjg_wydb .wycpdb_img .imgbox{padding-top: 100%;}
.wydbjg_wydb .wycpdb_img .wycp_pic2{display: none;}
.wydbjg_wydb .wycpdb_img:hover .wycp_pic2{display: block;}
.wydbjg_wydb .wycpdb_img:hover .wycp_pic1{display: none;}
.wydbjg_wydb .wycpdb_img .wycp_title{width:100%;position: absolute;left: 0;bottom: 0.15rem;height: 0.65rem;color: white;}
.wydbjg_wydb .wycpdb_img .wycp_name{float: left;line-height: 0.3rem;text-align: center;font-size: 0.16rem;width: 100%;}
.wydbjg_wydb .wycpdb_img .wycp_model{float: left;line-height: 0.3rem;text-align: center;font-size: 0.18rem;width: 100%;}
.wydbjg_wydb .wycpdb_add{background-color: #f7f7f7;cursor: pointer;}
.wydbjg_wydb .wycpdb_add .imgbox{width: 0.5rem;padding-top:0.5rem;position: absolute;top: 1.2rem;left: 50%;transform: translateX(-50%);}
.wydbjg_wydb .wycpdb_add .wycpdb_txt{position: absolute;top: 1.8rem;left: 0;width: 100%;text-align: center;}
.parameters{margin-top: 1.2rem;}
.parameters .main_fun{width: 100%;border-top: 0.01rem solid #cdcdcd;}
.parameters .parameters_title{height: 1rem;float: left;font-size: 0.24rem;border-top: 0.05rem solid #d70039;font-weight: bold;line-height: 1rem;}
.parameters .main_content{width: 100%;float: left;display: flex;}
.parameters .main_content li{width: 33.33%;float: left;background-color: #fbfbfb;box-sizing: border-box;padding:0.3rem 0.5rem 0.3rem 0.7rem;position: relative;}
.parameters .main_content li:nth-of-type(odd){background-color: #f7f7f7;}
.parameters .main_num{height: 100%;float: left;text-align: center;font-size: 0.36rem;color: #c0c0c0;font-weight: 100;position: absolute;left:0.2rem;top:0.3rem;}
.parameters .main_content li p{vertical-align: middle;width: 3.55rem;max-height:3rem;overflow: auto;padding-right:0.1rem;}
.comparison_btn{margin-top: 0.25rem;width: 100%;padding: 0.15rem 0;float: left;border-bottom: 0.01rem solid #cdcdcd;}
.comparison_btn div{float: right;padding: 0.05rem 0.15rem;font-size: 0.15rem;border: 0.01rem solid #cdcdcd;border-radius: 0.04rem;overflow: hidden;margin-left: 0.2rem;cursor: pointer;}
.comparison_btn .active{border: 0.01rem solid #d70039;color:#d70039;background: url("images/selected.png") no-repeat right top;}
.specifications_table{width: 100%;float: left;}
.specifications_table .parameters_title{height: 1rem;line-height: 1rem;font-size: 0.24rem;border-top: 0.05rem solid #d70039;font-weight: bold;}
.specifications_label{float: left;width: 12.8%;}
.specifications_label ul{float: left;width: 100%;}
.specifications_table ul li{float: left;width: 100%;height: 0.75rem;line-height: 0.75rem;text-align: right;background-color: #f7f7f7;}
.specifications_table ul li:nth-of-type(odd){background-color: #ffffff;}
.specifications_value{width: 87.2%;float: left;display: flex;}
.specifications_value ul{float: left;flex: 1;}
.specifications_value ul li{text-align: center;}

/* 维修服务/安装服务 */
.installNav{height: 0.7rem;margin: 0 1rem;margin-top: 40px;border-bottom: 0.01rem solid #e4e4e4;}
.installNav ul{float: left;height: 0.7rem;width: 2.6rem;}
.installNav ul li{float: left;height: 0.7rem;line-height: 0.7rem;margin-right: 0.1rem;color: #a7a7a7;}
.installNav ul li a{color: #a7a7a7;}
.installNav div{float: right;}
.installNav div a{height: 0.7rem;float: left;color: #a7a7a7;line-height: 0.7rem;}
.install{padding: 0 0.8rem;}
.install_title{width: 100%;text-align: center;font-size: 0.36rem;font-weight: normal;position: relative;height: 0.4rem;line-height: 0.4rem;margin-top: 1rem;margin-bottom:0.5rem;}
.install_title .xcxyy{position: absolute;right: 0;bottom: 0;width: 1.1rem;color: #a7a7a7;font-size: 0.16rem;font-weight: 400;cursor: pointer;}
.install_title .xcxyy .xcxyy_box{position: absolute;z-index:10;top:110%;padding:0.15rem;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);line-height: 0.5rem;visibility: hidden;opacity: 0;transform: translateY(50px);-webkit-transform: translateY(50px);transition: all .5s;-webkit-transition: all .5s;}
.install_title .xcxyy .xcxyy_box span{display: block;}
.install_title .xcxyy .xcxyy_box img{max-width:1.6rem;}
.install_title .xcxyy:hover .xcxyy_box{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;visibility: visible;}
.install_title span img{margin-right: 0.05rem;}
.time{position: relative;}
.schedule{position: absolute;top: 1rem;left: 0;display: none;width: 6.1rem;margin: 0 auto;padding: 0.35rem;background-color: white;z-index: 5;}
#install_form{float: left;width: 100%;margin-top: 0.4rem;}
.install_tr{width: 100%;float: left;}
.install_td .select_box{z-index: unset;}
.install_tr .SearchSel{width: 100%;}
.install_tr .install_td{width: 47.6%;float: left;position: relative;}
.install_tr .install_td:nth-child(even){float: right;}
.install_tr label{display: block;height: 0.4rem;line-height: 0.4rem;color: #000;position: relative;padding-right: 0.2rem;}
.install_tr .import::after{content: "*";color: #dc2253;}
#install_form .SearchSel .item{width: 100%;}
#install_form input{width: 100%;padding: 0 35px 0 20px;height: 0.65rem;overflow: hidden;border: 0px;color: #666;border: 1px solid #bfbfbf;}
.install_table_title{font-size: 0.24rem;font-weight: bold;margin-top: 0.4rem;line-height: 0.6rem;height: 0.6rem;float: left;}
.upload_voucher{padding: 0.1rem;width: 100%;border: 0.01rem dashed #bfbfbf;background-color: #f5f5f5;display: inline-block;}
.upload_list{float: left;}
.upload_list li{width: 1.6rem;height: 1.6rem;float: left;margin: 0.1rem;position: relative;overflow: hidden;cursor: pointer;}
.upload_list li .imgbox{width: 100%;height: 100%;position: absolute;}
.upload_list li .imgbox img{object-fit: contain;width:auto;height:auto;max-width:100%;max-height:100%;}
.upload_list li .upload_del{position: absolute;left:5px;top:5px;font-size: 13px;line-height: 20px;padding:0 10px;border-radius: 3px;background: #d70039;color:#fff;z-index:99;}
.upload_list li .lookbox{width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);z-index: 2;display: none;}
.upload_list li:hover .lookbox{display: block;}
.upload_list li .lookbox img{position: absolute;left: 50%;top: 0.6rem;transform: translateX(-50%);}
.upload_list li .lookbox p{width: 100%;text-align: center;color: white;position: absolute;left: 0;top: 0.9rem;}
.install_upload{margin: 0.1rem;width: 1.6rem;height: 1.6rem;float: left;position: relative;cursor: pointer;background-color: white;}
.install_upload span{width: 100%;text-align: center;font-size: 0.6rem;position: absolute;top: 0.6rem;color: #999999;}
.install_upload p{width: 100%;text-align: center;position: absolute;top: 1rem;color: #999999;}
.install_tr textarea{border: 0.01rem solid #bfbfbf;padding: 0.2rem;width: 100%;height: 2.2rem;}
.install_tr #notesNum{position: absolute;bottom: 0.2rem;right: 0.2rem;}
.install_pic{padding: 0.2rem;width: 100%;border: 0.01rem dashed #bfbfbf;background-color: #f5f5f5;display: inline-block;height: 2.2rem;}
#install_form .install_submit{padding: 0 0.4rem;height: 0.6rem;line-height: 0.6rem;border-radius: 0.04rem;color: white;background-color: #d70039;float: left;cursor: pointer;transition: all .3s;}
#install_form .install_submit:hover{background-color: #b30035;}

.install_pic{display: flex;}
.install_pic li{width: 1.6rem;height: 1.6rem;float: left;margin: 0.1rem;position: relative;overflow: hidden;cursor: pointer;}
.install_pic li .imgbox{width: 100%;height: 100%;position: absolute;}
.install_pic li .imgbox img{object-fit: contain;width:auto;height:auto;max-width:100%;max-height:100%;}
.install_pic li .upload_del{position: absolute;left:5px;top:5px;font-size: 13px;line-height: 20px;padding:0 10px;border-radius: 3px;background: #d70039;color:#fff;z-index:99;}

/* 日期选择器 */
.schedule-hd {display: flex;justify-content: space-between;padding: 0 15px;}
.today {flex: 1;text-align: center;}
.ul-box {overflow: hidden;}
.ul-box>li {float: left;width: 14.28%;text-align: center;padding: 5px 0;}
.current-month {color: #000;}
.arrow {cursor: pointer;}
.other-month {cursor:not-allowed;color: #b9b9b9;}
.other-month .dayStyle{cursor:not-allowed;}
.dayStyle {display: inline-block;width: 35px;height: 35px;border-radius: 50%;text-align: center;line-height: 35px;cursor: pointer;}
.current-month>.dayStyle:hover {background: #d70039;color: #ffffff;}
.boxshaw {box-shadow: 2px 2px 15px 2px #e3e3e3;}
.active-style {background: #d70039;color: #ffffff;}
.today {text-align: center;color: #8ac6d1;padding: 5px 0 0;font-weight: bold;cursor: pointer;font-size: 15px;}
.ministerTime{width: 100%;display: none;}
.ministerTime p{text-align: left;color: #000;font-weight: bold;}
.ministerTime ul{width: 100%;float: left;}
.ministerTime ul li{float: left;cursor: pointer;background-color: #f8f8f8;border-radius: 0.04rem;width: 20%;margin: 0.1rem 2.5%;text-align: center;}
.ministerTime ul li:hover{color: white;background-color: #d70039;}

/* 服务中心 */
.employ_title{width: 100%;text-align: center;position: relative;margin-bottom: 0.7rem;}
.employ_title h1{display: inline-block;margin: 0 auto;padding: 0 0.2rem;box-shadow: 0 0.1rem 0.1rem -0.1rem #7e7e7e;font-size: 0.4rem;}
.employ_title p{position: relative;padding: 0.1rem;}
.employ_title p::before{content: "";border-bottom: 0.05rem solid black;border-left: 0.05rem solid transparent;border-top: 0.05rem solid transparent;border-right: 0.05rem solid transparent;position: absolute;left: -0.025rem;top:  -0.025rem;transform: rotate(-45deg);}
.employ_h{position: relative;width: 100%;height: 0.8rem;}
.employ_h>img{width: 0.6rem;position: absolute;bottom: 20%;left: 50%;transform: translateX(-50%);}
.employ_h span{text-align: center;font-size: 0.36rem;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);font-weight: 600;box-shadow: 0 0 0.1rem 0.1rem #fff;line-height: 0.15rem;height: 0.2rem;background-color: #fff;}
.standard .employ_h{margin-top:1.1rem}
.services{margin-bottom: 0.6rem;}
.services_list{width: 100%;margin-bottom: 1.3rem;float: left;}
.services_list li{width: 29.33%;float: left;margin: 0 2%;position: relative;overflow: hidden;margin-bottom:2%;}
.services_list li .services_list_mb{position: absolute;top: 100%;left: 0;background-color: rgba(0, 0, 0, 0.6);transition: all 0.3s ease 0s;}
.services_list .services_list_title{width: 100%;position: absolute;bottom: 0.1rem;left: 0;color: white;padding: 0.1rem 0.2rem;transition: all 0.3s ease 0s;}
.services_list .services_list_title img{width: 0.36rem;height: 0.36rem;margin-right: 0.1rem;margin-top: -0.08rem;float: left;}
.services_list .services_list_title p{line-height: 0.25rem;float: left;font-size: 0.28rem;font-weight: bold;}
.services_list li:hover .services_list_mb{top: 0;}
.services_list li:hover .services_list_title{bottom: 100%;}
.services_list li .services_con{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 75%;color: white;text-align: center;max-height:100%;overflow: auto;padding:0.3rem;}

.services_list li .services_con_tit{width: 100%;float: left;text-align: center;position: relative;margin-bottom: 0.3rem;}
.services_list .services_con_tit img{width: 0.36rem;height: 0.36rem;margin-right: 0.05rem;margin-top: -0.1rem;}
.services_list .services_con_tit p{line-height: 0.25rem;display: inline-block;font-size: 0.28rem;font-weight: bold;}
.services_list .services_con>p{line-height: 0.25rem;font-size: 0.16rem;}
.policy{width: 100%;float: left;}
.policy_con.cell{width: 50%;}
.policy .policy_con{padding: 0 0.8rem;vertical-align: middle;}
.policy .policy_tit{width: 100%;font-weight: 600;margin-bottom: 0.4rem;margin-top:0.5rem;font-size: 0.28rem;}
.policy ul{float: left;width: 100%;}
.policy ul li{margin-right: 7.5%;width: 25.83%;float:left;height: 2.6rem;text-align: left;}
.policy ul .policy_fir{width:32.75%;}
.policy ul .policy_sec{width:24.25%;}
.policy ul .policy_thi{width:28%;margin-right: 0;}
.policy ul li img{width: 0.6rem;}
.policy ul li>p{width: 100%;font-size: 0.20rem;font-weight: 600;margin: 0.1rem 0;}
.policy ul li>span{display: inline-block;width: 100%;font-weight: 400;font-size: 0.16rem;line-height: 0.3rem;color: #a0a0a0;}

.policy ul li .policy_con_t{font-size: 0.2rem;position: relative;font-weight: 600;position: relative;line-height: 0.5rem;display: inline-block;text-align: center;vertical-align: top;}
.policy ul li .policy_con_t *{display: inline-block;vertical-align: middle;}
.policy ul li .policy_con_t img{height: 45px;display: block;margin:0px auto;width: 45px;}
/* .policy ul li .policy_con_t>p{font-size: 0.2rem;float: right;line-height: 0.12rem;position: absolute;bottom: 0.15rem;width: 0.4rem;left: 0.4rem;} */
.propriety{background-color: #fff;}
.smart_con{width: 100%;height: 1rem;padding-top:0.2rem}
.smart_con p{font-weight: 600;font-size:0.24rem;}
.smart_con span{font-size: 0.18rem;color:#999999;}
.smart_services{background-color: #fff;}
.smart_l{width: 54%;float: left;margin-right: 1%;}
.smart_l .imgbox{padding-top: 6.9rem;}
.imgbox .ewmbox{background:#fff; position:absolute; left:0; top:0; width:100%; height:100%; display:flex; opacity:0; justify-content:center; align-items:center; transition:all 0.5s;}
.imgbox .ewmbox img{ max-height:90%;height: auto; object-fit: contain;-webkit-object-fit: contain; width: 290px;}
.Scale-img:hover .imgbox .ewmbox{ opacity:1;}
.smart_r{width: 44%;margin-left: 1%;float: left;}
.smart_t{width: 100%;height: 4.1rem;float: left;}
.smart_t .imgbox{padding-top: 3.2rem;}
.smart_b{margin-top: 0.4rem;width: 100%;height: 3.4rem;float: left;}
.smart_bl{width: 49%;margin-right: 2%;float: left;}
.smart_bl .imgbox,.smart_br .imgbox{padding-top: 2.4rem;}
.smart_br{width: 49%;float: left;}
.standard .fees_standard{width: 100%;height: 7.8rem;position: relative;}
.standard .fees_standard .imgbox{width: 100%;padding-top: 7.8rem;position: absolute;top: 0;left: 0;}
.standard {padding: 0;}
.employ_services{padding-bottom:0;}
.fees_content{width: 100%;height: 7.8rem;background-color: rgba(0, 0, 0, 0.6);position: absolute;left: 0;top: 0;z-index: 2;}
.fees_content .employ_h {color:rgba(255, 255, 255, 0.4);}
.fees_content .employ_h span{color: rgba(255, 255, 255, 0.9);box-shadow: none;background-color: transparent;}
.fees_list{display:inline-block;width: 14.7rem;position: absolute;left: 50%;bottom: 0.9rem;transform: translateX(-50%);z-index: 3;}
.fees_list li{width:4.5rem;height: 4.5rem;margin: 0 0.2rem;text-align: center;color: #fff;float: left;cursor: pointer;transition:all 0.3s}
.fees_list li div{width:4.5rem;height: 4.5rem;display: table-cell;vertical-align: middle;}
.fees_list li img{width: 0.8rem;}
.fees_list li p{font-size: 0.24rem;font-weight: 600;margin:0.1rem 0;color:#fff;}
.fees_list li span{font-size: 0.16rem;display: block;color:#fff;}
.fees_list li .more{padding: 0.1rem 0.4rem;border-radius: 0.04rem;border: 0.01rem solid #fff;color: white;margin-top: 0.2rem;display: none;}
.fees_list li:hover{background: url("../images/feer_bg.png") no-repeat;background-size:100% 100%;transform:scale(1.1)}
.fees_list li:hover .more{display: inline-block;font-size:0.16rem;}
.fees_list li .more:hover{background-color: white;color: black;}
.climb{width: 100%;float: left;}
.climb li{width: 29.33%;margin: 0 2%;float: left;}
.climb li .imgbox{padding-top: 4.05rem;}
.climb li p{width: 100%;font-size: 0.24rem;font-weight: 600;margin: 0.1rem 0;float: left;font-weight: 600;}
.climb li span{display: inline-block;width: 100%;font-weight: 400;font-size: 0.16rem;line-height: 0.2rem;color: #a0a0a0;float: left;}
.employ_about{padding-bottom: 0;}
.employ_contact{width: 100%;height: 7rem;position: relative;}
.employ_contact .imgbox{width: 100%;padding-top: 7rem;position: absolute;top: 0;left: 0;}
.employ_contact .fees_content .services{margin-top: 0.6rem;}
.fees_content ul{width: 14.4rem;margin: 0 auto;height: 2.5rem;}
.fees_content ul li{width: 4.4rem;margin: 0 0.2rem;float: left;height: 2.5rem;text-align: center;}
.fees_content ul li div{width: 4.4rem;height: 2.5rem;display: table-cell;vertical-align: middle;}
.fees_content ul li img{width: 0.4rem;}
.fees_content ul li span{display: inline-block;width: 100%;color: #fff;margin-top: 0.2rem;font-size:0.18rem;}
.fees_content ul .employ_tel{font-size:0.36rem;}
.employ_about_btn{width: 100%;text-align: center;}
.employ_about_btn a{margin: 0 0.2rem;padding: 0.1rem 0.4rem;border-radius: 0.04rem;color: #fff;}
.employ_online{background-color: #d70039;}
.employ_online:hover{background-color: #b30035;}
.employ_more{border: 0.01rem solid white;}
.employ_more:hover{background-color: white;color: black;}


/*2023-08-17*/
.item_flex dd{padding-left:0!important}
.item_flex .dd_box{display:flex; }
.item_flex .dd_1{color: #858585; min-width:100px; text-align:right; white-space: normal;}