/* ========== */
/* = NY = */
/* ========== */
body{ background: #f8f8f8;}

.ny-banner{ position: relative;}
.ny-banner>img{ width: 100%;}
.ny-banner .text{ position: absolute; top:50%; left:0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #FFFFFF; text-align: center;}
.ny-banner .text img{ max-width: 20%;}
.ny-banner .text p{ margin-top: 25px; font-size:20px;}

.ny-menu .line{ border-bottom: 1px solid #dfdfdf;}
.bread{ float: right; padding: 35px 0; font-size: 16px; background:url(../images/ico_bread.png) no-repeat left; padding-left: 45px;}
.bread a{ margin: 0 5px; line-height: 30px;}
.bread a.cur{ color: #b60000; display: inline-block;  border-bottom: 1px solid #b60000;}

.ny-sub{ float: left; padding: 35px 0;}
.ny-sub a{ font-size: 18px; line-height: 30px; display: inline-block; vertical-align: middle;}
.ny-sub i{ margin: 0 26px; display: inline-block; vertical-align: middle; width: 1px; height: 10px; background: #afafaf;}
.ny-sub a.current{ color: #e60012;}

.sub-menu{ text-align: center;}
.sub-menu a{ margin: 0 7px; display: inline-block; padding: 0 60px; font-size: 16px; line-height: 46px; border: 1px solid #cccccc; background: #FFFFFF;}
.sub-menu a.active{ border: 1px solid #b60000; background: #b60000; color: #FFFFFF;}
.sub-menu a:hover{ color: #e60012;}

.page{ text-align: center; font-size: 0;}
.page a,
.page span{ margin: 0 5px 5px; display: inline-block; border: 1px solid #cccccc; color: #b6bbbf; line-height: 38px; padding: 0 20px; font-size: 14px;}
.page a:hover{ color: #e60012;  border: 1px solid #e60012;}
.page a.current,
.page span.current{ background: #b60000; border: 1px solid #b60000; color: #FFFFFF; }


.ny-more{display:inline-block; border-radius: 3px; background: #e60012; color: #FFFFFF; line-height:36px; width: 40%; width: 170px; text-align: center; position:relative; overflow: hidden;}
.ny-more:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -25px; width:50px; height: 50px; background-image:url(../images/home_about_ico.png); background-size: cover; }

.ny-theme{ text-align: center; font-size:40px; font-weight:bold;  background:url(../images/yellow_bg.png);  background-size: cover; background-position:4% 10%; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}

@media (max-width:999px){
	.ny-banner .text p{ margin-top: 0.2rem; font-size:0.24rem;}

	.ny-sub{ width: 100%; padding: 0.53333333rem 0; text-align: center;}
	.ny-sub a{ font-size: 0.32rem; margin: 0 0.14rem;}
	.ny-sub i{ display: none;}

	.sub-menu a{ margin: 0 0.01rem; padding: 0 0.2rem; font-size: 0.3rem; line-height: 0.8rem;}

	.page a,
	.page span{ margin:0 2px 4px; line-height:0.8rem; padding:0 0.3rem; font-size: 0.28rem;}

	.ny-more{ width: 3.2rem; font-size: 0.32rem;}

	.ny-theme{ font-size: 0.53333333rem;}
}



/* ========== */
/* = ABOUT = */
/* ========== */
.about-tit .des{ margin-top: 30px; font-size: 24px; color: #333333; }
.about-tit .des span{ color: #ff0000;}

.about-box{ padding:8% 0 10%; background-image: url(../images/about_box_bg.jpg); position:relative;}
.about-box .text{ width:57%;}
.about-box .text .tit img{ display:inline-block; vertical-align: middle; }
.about-box .text .tit span{ margin-left: 25px; display:inline-block; vertical-align: middle; font-size: 40px; color: #333333; font-weight: bold;}
.about-box .text .des{ margin-top: 40px; font-size: 20px; line-height: 50px; color: #333333; text-align: justify;}
.about-box .text .tip{ margin-top: 13%; border-top: 1px solid #c6c6c6; padding-top: 20px;}
.about-box .text .tip div{ padding-top: 30px; float: left;  width:48%; }
.about-box .text .tip div p{ font-size: 30px; font-weight:bold; background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top; display: inline-block; vertical-align: middle;}
.about-box .text .tip div span{ margin-left: 10px; font-size: 20px; display: inline-block; vertical-align: middle;}
.about-box .text .tip div:nth-child(2n-1){ width: 52%;}
.about-box .text .tip div:nth-child(2n-1) i{ width: 178px;}
.about-box .text .tip div:nth-child(2n+1){ clear:both;}
.about-box .img{ position: absolute; top:50%; right:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-top: -20px; max-width: 40%;}

.about-choose{ padding: 75px 0 155px; background-image: url(../images/about_choose_bg.jpg); color: #FFFFFF;}
.about-choose .ny-theme{ text-align: left;}
.about-choose .about-tit .des{  color: #FFFFFF; opacity: .5;}
.about-choose ul{ max-width: 1160px; margin: 0 auto;}
.about-choose li{ margin-top: 35px; float: left; width: 33.3333%; padding: 0 40px; position:relative;}
.about-choose li:after{ content: ""; position: absolute; top:20px; right:0; width: 1px; height: 10px; background: #717171;}
.about-choose li:nth-child(3n+1){ clear: both;}
.about-choose li:nth-child(3n):after{ display: none;}
.about-choose li .tit img{ display: inline-block; vertical-align: middle;}
.about-choose li .tit span{ margin-left: 12px; display: inline-block; vertical-align: middle; font-size: 24px; color: #ffffff; font-weight:bold;}
.about-choose li .des{ margin-top: 15px; padding-left: 57px; opacity: .5; font-size: 16px;}

.about-history .ny-theme{ text-align: left;}
.about-history .left{ float: left; position: relative; width: 440px;}
.about-history .left .about-tit{ position: absolute; top:85px; left:0;}
.about-history .time img{ margin: 0 0 0 70px;}
.about-history .year{ position: absolute; top:255px; left:0;}
.about-history .swiper-button-prev,
.about-history .swiper-button-next{ margin-top: 0; right:auto; left:70px; width: 30px; height: 30px; background: none;}
.about-history .swiper-button-prev{ top:0;}
.about-history .swiper-button-next{ top:455px;}
.about-history-year{  margin-top: 78px; height:336px; overflow: hidden;}
.about-history-year .swiper-slide{ height: 84px; line-height: 84px; padding-left: 150px; font-size: 24px; color: #333333; position: relative;}
.about-history-year .swiper-slide:before{ display: none; content: ""; position: absolute; top:27px; left:76px; width: 20px; height: 20px;background-image: url(../images/about_history_dot.png);}
.about-history-year .swiper-slide-thumb-active{ color: #e7b143;}
.about-history-year .swiper-slide-thumb-active:after{ display: block;}
.about-history .right{ margin-left: 440px; padding-top:200px;  }
.about-history-content { overflow:hidden;}
.about-history-content .box{ display: flex; align-items:flex-end; justify-content: space-between; -webkit-justify-content: space-between;}
.about-history-content .box .img{  width: 36%;}
.about-history-content .box .con{ width: 51%;}
.about-history-content .box .con .time{ font-size:30px; position: relative; padding-bottom: 25px; color: #333333;}
.about-history-content .box .con .time:after{ content: ""; position: absolute; bottom: 0; left:0; width:30px; height: 1px; background: #c6c6c6;}
.about-history-content .box .con .text{ margin-top: 30px; font-size: 16px; line-height: 34px; text-align: justify;}
.about-history-content .box .con .more{ margin-top: 70px; display: inline-block; text-align: center; padding: 0 60px; background: #b60000; color: #FFFFFF; line-height: 44px; border-radius:4px;position: relative; font-size: 16px; overflow: hidden;}
.about-history-content .box .con .more span{ display: inline-block; vertical-align: middle;}
.about-history-content .box .con .more i{ margin-left: 10px; display:inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../images/ico_down_jt.png); background-size: cover;}
.about-history-content .box .con .more:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -36px; width: 72px; height: 72px; background-image:url(../images/home_about_ico.png); background-size: cover; }

.about-honor{ padding: 85px 0 82px; text-align: center; position:relative; background: #FFFFFF;}
.about-honor:after{ content: ""; position: absolute; z-index: 0; left:0; bottom: 82px; width: 100%; height: 100px; background-image: url(../images/about_honor_bg.jpg); background-size: cover;}
.about-honor .w1400{ position: relative; z-index: 1;}
.about-honor img{ margin:0 auto;}
.about-honor .content{ margin-top: 35px; position: relative;}
.about-honor .swiper-button-next,
.about-honor .swiper-button-prev{ width: 50px; height: 50px; margin-top: -25px;}
.about-honor .swiper-button-next{ right:-80px; background-image: url(../images/honor_next.png);}
.about-honor .swiper-button-prev{ left:-80px; background-image: url(../images/honor_prev.png);}
.about-honor .swiper-pagination{ display: none;}
.swiper-honor{ padding: 65px 0;}
.swiper-honor .box{ border: 1px solid #eeeeee; background: #f6f6f6; padding:7px; -webkit-box-shadow:0 7px 7px #bcbcbc;  box-shadow:0 7px 7px #bcbcbc; }
.swiper-honor .box img{ width: 100%;}


/* ========== */
/* = ORGANIZATION = */
/* ========== */
.organization-bg{ background-image: url(../images/organization_bg.jpg);}
.organization{ padding: 90px 0 100px;}


/* ========== */
/* = PARTY = */
/* ========== */
.party{ margin-top:50px; padding: 80px 0 125px; background-image: url(../images/party_bg.jpg);}
.party .content{ background: #FFFFFF; padding:50px 0;}
.party-tit{ position: relative;}
.party-tit:after{ content: ""; position: absolute; top:30px; left:0; width: 100%; height: 2px; background: #e5e5e5;}
.party-tit span{ display: inline-block; position: relative; z-index: 1; background: #FFFFFF; width: 320px;}
.party-tit span img{ margin-left: -22px;}
.party-box{ float: left; width: 70%;}
.party-box .con{ padding: 30px 5% 30px 30px;}
.party-box .box{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.party-box .box .img{ width:46%;}
.party-box .box .text{ width: 50%;}
.party-box .box .text .date { position: relative;}
.party-box .box .text .date span{ display: block; font-size: 26px; color: #c9c9c9;}
.party-box .box .text .date p{ margin-top: 10px; font-size: 16px;}
.party-box .box .text .date i{ position: absolute; top:15px; right:0; background-image: url(../images/party_moreh.png); background-size:cover; width: 30px; height: 14px; }
.party-box .box .text .tit{ margin-top: 30px; font-size: 24px; color: #b60000;}
.party-box .box .text .des{ margin-top: 15px; font-size: 18px; line-height: 32px; height: 64px; overflow: hidden;}
.party-box ul{ margin-top: 30px;}
.party-box li{ padding: 40px 0; border-bottom: 1px solid #f0f0f0;}
.party-box li:last-child{ border-bottom: none;}
.party-box li a{ display: block;}
.party-box li .tit{ position: relative; padding-right: 180px; font-size: 20px; color: #333333; padding-left: 20px;}
.party-box li .tit:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -3px; width: 6px; height: 6px; border-radius: 100%; background: #b60000;}
.party-box li .tit span{ position: absolute; top:0; right:0; padding-right: 60px; color: #999999; font-size: 16px;}
.party-box li .tit span:after{ content: ""; position: absolute; top:50%; right:0; background-image: url(../images/party_more.png); background-size:cover; width: 30px; height: 14px; margin-top: -7px;}
.party-box li .des{ margin-top: 15px; font-size: 16px; padding-left: 20px;}
.party-box li a:hover .tit{ color: #b60000;}
.party-box li a:hover .tit span:after{background-image: url(../images/party_moreh.png); }
.party-box .more{ display: block; margin: 30px auto 0; width: 170px; text-align: center; border: 1px solid #b60000; font-size: 16px; border: 1px solid #b60000; line-height: 36px; color: #b60000;}
.party-box .more:hover{ background: #b60000; color: #FFFFFF;}

.party-team { float:right; width: 30%; }
.party-team .con{ border-left:1px solid #e5e5e5; padding: 17px 30px 50px;}
.party-team .con li{ margin-bottom: 20px; float: left; width: 50%; padding: 0 10px;}
.party-team .con li:first-child{ width:100%;}
.party-team .con li .box{ background: #f7f7f7; text-align: center;}
.party-team .con li .box .tit{  padding: 10px;}

.party-knowlage{ margin-top: -30px;}
.party-knowlage ul{ padding: 0 12px;}
.party-knowlage li{ float: left; margin-top: 35px; width: 33.3333%; padding: 0 18px;}


/* ========== */
/* = CHARITY = */
/* ========== */
.charity-box{ padding-top: 50px;}
.charity-box .content{ padding: 40px 40px 120px 50px; background: #FFFFFF; border-radius:20px; display: flex; align-items:flex-start; justify-content: space-between; -webkit-justify-content: space-between;}
.charity-box .content .text{ width:54%; padding-bottom: 30px;}
.charity-box .content .text .ico img{ margin: 0;}
.charity-box .content .text .tit{ padding: 30px 0; position: relative; font-weight: bold; font-size:34px; color: #b60000;}
.charity-box .content .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 60px; height: 1px; background: #cccccc;}
.charity-box .content .text .des{ margin-top: 30px; font-size: 20px; line-height: 50px;}
.charity-box .content .img{ width: 43%; border-radius:10px; overflow: hidden;}
.charity-box .content .img img{ width: 100%;}
.charity-box .charity-img{ margin-top: -140px;}

.charity-tit{ position: relative;z-index: 1;}
.charity-tit img{ display: inline-block; vertical-align: middle;}
.charity-tit span{ margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 34px;  color: #c29639;  background: url(../images/yellow_bg.png); background-size: cover;  background-position: 4% 10%;-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: bold;}
.charity-tit i{ margin-left: 10px; display: inline-block; vertical-align: middle; font-style: normal; font-size: 26px; color: #333333;}

.charity-foundation { margin-top: -28%;}
.charity-foundation .img{ margin-top: 40px;}
.charity-purpose{ margin-top: 105px; position: relative;}
.charity-purpose .content{position: relative; padding: 60px 40px 40px 0;}
.charity-purpose .content:before{ content: ""; position: absolute; z-index: 0; top:0; right:0;  width: 160%; background: #FFFFFF; height: 100%;}
.charity-purpose .img{ margin-top:50px; position: relative; z-index:1;}
.charity-purpose .des{ margin-top: 40px; padding-right: 70px; position: relative; z-index:1; line-height: 40px; font-size: 20px; text-align: justify;}
.charity-purpose .ico{  margin-top: -30px; position: relative; z-index:1; text-align:right;}
.charity-purpose .ico img{ max-width:10%; margin: auto; display: inline-block;}
.charity-community{ padding: 98px 0 118px;}
.charity-community .content{ padding: 45px 50px; background: #FFFFFF;}

@media (max-width:1620px){
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.charity-tit i{ font-size: 22px;}
}

@media (max-width:1440px){
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box .text .tit span{ font-size: 30px;}
	.about-box .text .des{ font-size:16px; line-height: 36px;}
	.about-box .text .tip div p{ font-size:26px;}
	.about-box .text .tip div span{ font-size:16px;}
	.about-box .text .tip div:nth-child(2n-1) i{ width: 130px;}
	.about-choose li .tit span{ font-size: 20px;}

	/* ========== */
	/* = CHARITY = */
	/* ========== */
	.charity-box .content .text .des{ font-size: 16px; line-height: 36px;}
	.charity-tit img{ width: 35px;}
	.charity-tit span{ font-size: 28px;}

}

@media (max-width:999px){

	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-tit{ text-align: center;}
	.about-tit img{ margin: 0 auto; height: 0.53333333rem;}
	.about-tit .des{ margin-top:0.26666666rem; font-size:0.32rem;}

	.about-box{padding:1rem 0;}
	.about-box .text{ width:100%;}
	.about-box .text .tit img{ width: 1rem;}
	.about-box .text .tit span{ margin-left: 0.26666666rem; font-size:0.42rem;}
	.about-box .text .des{ margin-top: 0.66666666rem; font-size:0.34rem; line-height:0.68rem; }
	.about-box .text .tip { margin-top: 0.66666666rem;}
	.about-box .text .tip div{ padding-top:0.4rem; text-align: center;}
	.about-box .text .tip div p{ display: block; font-size: 0.4rem; }
	.about-box .text .tip div span{ margin-left: 0; font-size: 0.34rem; line-height:0.68rem;}
	.about-box .img{ margin-top: 0.7rem; position: relative; top:auto; right:auto; transform: translateY(0%); -webkit-transform: translateY(0%); max-width:100%;}

	.about-choose{ padding:1rem 0;}
	.about-choose .ny-theme{ text-align: center;}
	.about-choose li{ margin-top: 0.8rem; width: 50%; padding: 0;}
	.about-choose li:after{ display: none;}
	.about-choose li:first-child{ display: none;}
	.about-choose li:nth-child(3n+1){ clear: initial;}
	.about-choose li .tit img{ width: 0.5rem;}
	.about-choose li .tit span{ margin-left: 0.12rem; font-size: 0.36rem;}
	.about-choose li .des{ margin-top: 0.26666666rem; padding-left:0.62rem; font-size:0.32rem;}

	.about-history{ padding:1rem 0;}
	.about-history .ny-theme{ text-align: center;}
	.about-history .left{ float:none; width: 100%;}
	.about-history .left .about-tit{ position: relative; top:auto;}
	.about-history .time img{display: none;}
	.about-history .year{ position: relative; top:auto; left:0; padding: 0 0.66666666rem;}
	.about-history .swiper-button-prev,
	.about-history .swiper-button-next{ top:0.2rem; width: 0.6rem; height: 0.6rem; background-size: cover;}
	.about-history .swiper-button-prev{ left:0; background-image: url(../images/prev_hover.png);}
	.about-history .swiper-button-next{ right:0; left:auto; background-image: url(../images/next_hover.png);}
	.about-history-year{ margin-top:0.66666666rem; height:auto; }
	.about-history-year .swiper-slide{ height: 1rem; line-height: 1rem; padding-left: 0; font-size:0.34rem; text-align: center;}
	.about-history-year .swiper-slide-thumb-active:after{ display:none;}
	.about-history .right{ margin-left: 0; padding-top:0.8rem; }
	.about-history-content .box{ display: block;}
	.about-history-content .box .img{  width: 100%;}
	.about-history-content .box .img img{ width: 100%;}
	.about-history-content .box .con{ margin-top: 0.66666666rem; width: 100%;}
	.about-history-content .box .con .time{ font-size:0.5rem; padding-bottom: 0.4rem;}
	.about-history-content .box .con .text{ margin-top: 0.53333333rem; font-size: 0.34rem; line-height: 0.68rem;}
	.about-history-content .box .con .more{ margin-top: 0.66666666rem; padding: 0 0.8rem; line-height:0.8rem; font-size:0.34rem;}
	.about-history-content .box .con .more i{ margin-left:0.13333333rem; width: 0.26666666rem; height: 0.26666666rem;}
	.about-history-content .box .con .more:after{ margin-top: -0.6rem; width: 1.2rem; height: 1.2rem;}

	.about-honor{ padding:1rem 0;}
	.about-honor .content{ margin-top:0;}
	.about-honor .swiper-button-next,
	.about-honor .swiper-button-prev{ display: none;}
	.about-honor .swiper-pagination{ display: block;}
	.swiper-honor{ padding:0.8rem 0 1.5rem;}


	/* ========== */
	/* = ORGANIZATION = */
	/* ========== */
	.organization{ padding: 1rem 0;}


	/* ========== */
	/* = PARTY = */
	/* ========== */
	.party{ margin-top:0; padding: 1rem 0;}
	.party .content{  padding:0.6666666rem 0;}
	.party-tit:after{ top:0.53333333rem;}
	.party-tit span{ width: 4.2rem;}
	.party-tit span img{ margin-left:-0.307rem; width:4rem;}
	.party-box{ width: 100%;}
	.party-box .con{ padding: 0.4rem;}
	.party-box .box .text .date{display: none;}
	.party-box .box .text .tit{ margin-top: 0; font-size: 0.4rem;}
	.party-box .box .text .des{ margin-top: 0.26666666rem; font-size: 0.34rem; line-height: 0.68rem; height: 1.36rem;}
	.party-box li{ padding: 0.4rem 0;}
	.party-box li .tit{ padding-right:2.2rem; font-size: 0.36rem;}
	.party-box li .tit span{ font-size: 0.3rem; padding-right: 0;}
	.party-box li .tit span:after{display: none;}
	.party-box li .des{margin-top: 0.26666666rem; font-size: 0.34rem;}
	.party-box .more{ margin-top: 0.4rem; font-size: 0.36rem; width: 3.2rem;}

	.party-team { margin-top: 1rem;  width: 100%;}
	.party-team .con{ border-left:none; padding: 0.66666666rem 0;}
	.party-knowlage{ margin-top:0.5rem;}
	.party-knowlage ul{ padding: 0 0.26666666rem;}
	.party-knowlage li{ padding: 0 0.12rem;}



	/* ========== */
	/* = CHARITY = */
	/* ========== */
	.charity-box{ padding-top:1rem;}
	.charity-box .content{  padding: 0.53333333rem; display: block;}
	.charity-box .content .text{ width:100%; padding-bottom: 0.66666666rem;}
	.charity-box .content .text .ico img{ width: 0.5rem;}
	.charity-box .content .text .tit{ font-size: 0.42rem; padding: 0.53333333rem 0;}
	.charity-box .content .text .des{ margin-top:0.53333333rem; font-size: 0.32rem; line-height: 0.64rem;}
	.charity-box .content .img{ width: 100%;}
	.charity-box .charity-img{ display: none;}

	.charity-tit img{ width: 1rem;}
	.charity-tit span{ font-size: 0.48rem;}
	.charity-tit i{ margin-top: 0.26666666rem; display: block; font-size: 0.34rem; line-height: 0.68rem;}
	.charity-foundation { margin-top:1rem;}
	.charity-foundation .img{ margin-top: 0.66666666rem;}
	.charity-purpose{ margin-top: 1rem;}
	.charity-purpose .content{ padding: 0.53333333rem;}
	.charity-purpose .img{ margin-top:0.8rem;}
	.charity-purpose .des{ margin-top:0.66666666rem; padding-right:0; font-size: 0.32rem; line-height: 0.64rem;}
	.charity-purpose .ico{  margin: 0;}
	.charity-community{ padding: 0.53333333rem;}
	.charity-community .content{ padding: 0.53333333rem;}

}




/* ========== */
/* = STORE = */
/* ========== */
.store{ padding: 80px 0 100px; position: relative; background-image: url(../images/store_bg.jpg); text-align: center;}
.store-letter{ position: absolute; z-index: 0; bottom: 0; left:0; max-width:30%;}
.store .w1400{ position: relative; z-index: 1;}
.store-top{ border-bottom: 1px solid #ebebeb; padding-bottom: 45px; text-align: center;}
.store-top .theme{ font-weight: bold; color: #c29639;  background: url(../images/yellow_bg4.png); background-size: cover;  background-position:left center; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size:50px;}
.store-top .des{ margin-top: 30px; font-size:40px; color: #333333; font-weight: bold;}
.store-top .des span{ color: #b60000;}
.store .filter-box{ border-bottom: none;}
.store .filter-mobile .tab .item{ width: 50%;}
.store-list{ margin:0 -10px 35px;}
.store-list li{  margin-bottom:50px; float: left; width: 33.33333%; padding: 0 10px;}
.store-list .box { background: #FFFFFF;}
.store-list .box .img{ overflow: hidden;}
.store-list .box .text{ border: 1px solid #f1f1f1; padding: 25px 35px;}
.store-list .box .tit{ padding-bottom: 12px; border-bottom:1px solid #e5e5e5; position: relative; padding-right: 140px; text-align:left;}
.store-list .box .tit span{ font-size: 20px; line-height: 32px;  color: #333333;}
.store-list .box .tit .ny-more{ position: absolute; top:0; right:0; width: 135px;}
.store-list .box .con{  margin-top: 14px; display: flex; align-items:flex-end; justify-content: space-between; -webkit-justify-content: space-between; }
.store-list .box .con span{ font-size: 16px; padding-left: 30px; color: #999999; position: relative; display: inline-block;}
.store-list .box .con span:before{ content: ""; position: absolute; top:0; left:0; width: 24px; height: 24px; background-size: cover;}
.store-list .box .con span:nth-child(1):before{ background-image: url(../images/store_add.png);}
.store-list .box .con span:nth-child(2):before{ background-image: url(../images/store_user.png);}
.store-list .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.store-more{ display: inline-block; text-align: center; padding: 0 60px; background: #b60000; color: #FFFFFF; line-height: 42px; border-radius:4px;position: relative; font-size: 16px; overflow: hidden;}
.store-more span{ display: inline-block; vertical-align: middle;}
.store-more i{ margin-left: 10px; display:inline-block; vertical-align: middle; width: 20px; height: 20px; background-image: url(../images/ico_down_jt.png); background-size: cover;}
.store-more:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -36px; width: 72px; height: 72px; background-image:url(../images/home_about_ico.png); background-size: cover; }


/* ========== */
/* = STORE_DETAIL = */
/* ========== */
.store-detail{ position:relative; padding: 103px 0;}
.store-detail .w1400{ position:relative; z-index: 1; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.store-detail .text{ width:40%;}
.store-detail .text .tit{ font-size: 60px; font-weight: bold; color: #c29639;  background: url(../images/yellow_bg.png); background-size: cover;  background-position: 4% 10%;-webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.store-detail .text .con{ margin-top:40px; font-size:40px; color: #333333; font-weight: bold;}
.store-detail .img{ width: 56%;}
.store-detail .letter{ position: absolute; bottom: 0; left:0; font-size: 150px; color: #e5e5e5; font-weight: bold;}



/*�/
.store-detail{ position:relative; padding: 103px 0;}
.zeng-detail .w1400{ position:relative; z-index: 1; display: flex;  justify-content: space-between; -webkit-justify-content: space-between; background-color:#FFF; margin-top:40px}
.zeng-detail .text{ width:55%; float:left; }
.zeng-detail .text .tit{ font-size: 40px; font-weight: bold;   color:#d39a36; margin:100px 0 0 0}
.zeng-detail .text .tit1{ font-size: 40px; font-weight: bold;   color:#d39a36; margin:30px 0 0 0}
.zeng-detail .text .con{ margin-top:20px; font-size:20px; color: #666; line-height:30px}
.zeng-detail .img{ width: 36%; float:left}
.zeng-detail .img img{ width: 504px; height: 611px; float:left}
.zeng-detail .letter{ position: absolute; bottom: 0; left:0; font-size: 150px; color: #e5e5e5; font-weight: bold;}

/*新增*/
.gai-designer{ padding: 85px 0 135px; border-bottom: 1px solid #f2f2f2; background: #f8f8f8; height:100%; display:flex}
.gai-designer .center{ text-align: center; font-size:40px; color:#d39a36; font-weight:bold}

/*还原*/
.store-designer{ padding: 85px 0 135px; border-bottom: 1px solid #f2f2f2; background: #FFFFFF;}

.store-designer .ny-theme{ text-align: left;}
.store-designer .swiper-store-team{ margin-top: 55px; float: left; width: 38%;}
.store-designer .swiper-store-team img{ width: 100%;}
.store-designer .swiper-store-team .swiper-pagination{ bottom: 20px; text-align: left; padding: 0 5%;}
.store-designer .swiper-store-team .swiper-pagination-bullet-active{background: #FFFFFF;}
.store-designer .swiper-store-team .swiper-pagination-bullet{ border: 1px solid #FFFFFF;}
.store-designer .right{ float: right; width:60%; position:relative; padding: 0 40px 50px;}
.store-designer .right .swiper-button-prev,
.store-designer .right .swiper-button-next{ width: 28px; height: 28px; margin-top: -14px;}
.store-designer .right .swiper-button-prev{ background-image:url(../images/store_prev.png);}
.store-designer .right .swiper-button-next{ background-image:url(../images/store_next.png);}
.swiper-store-designer{ padding: 55px 0;}
.swiper-store-designer .swiper-pagination{ bottom: 0px; }
.swiper-store-designer .swiper-pagination-bullet-active{background: #333333;}
.swiper-store-designer .swiper-pagination-bullet{ border: 1px solid #333333;}
.swiper-store-designer .box{ position: relative; display: block; overflow:hidden;}
.swiper-store-designer .box img{ width: 100%;}
.swiper-store-designer .box>.tit{ position: absolute; bottom:0; left:0; width: 100%; padding:15px 30px; background: rgba(0,0,0,.7); color: #FFFFFF;}
.swiper-store-designer .box .tit{  display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.swiper-store-designer .box .tit span{ font-size:20px; font-weight: bold;}
.swiper-store-designer .box .tit em{ font-style: normal; font-size: 16px;}
.swiper-store-designer .box .tit i{ margin-right: 10px; font-style: normal; font-size: 12px;}
.swiper-store-designer .box .pop{ position: absolute; bottom: 0; left:0; width: 100%; height:0%; overflow: hidden; background: rgba(0,0,0,.7); color: #FFFFFF; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.swiper-store-designer .box .text{ width: 100%; padding:0 32px; text-align: center;}
.swiper-store-designer .box .text .des{ text-align: left; border-top: 1px solid rgba(255,255,255,.6); margin-top: 15px; padding-top: 12px;  line-height: 32px;}
.swiper-store-designer .box .text .des p{ margin-bottom: 12px; max-height: 64px; overflow: hidden;}
.swiper-store-designer .box .text .ny-more{ margin-top: 15px; width: 80%;}
.swiper-store-designer .box:hover .pop{ height: 100%;}
.swiper-store-designer .box:hover>.tit{ display: none;}
.swiper-store-designer .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.store-foreman{ padding: 75px 0 120px; background: #FFFFFF;}
.store-foreman .swiper-button-prev,
.store-foreman .swiper-button-next{ width: 28px; height: 28px; margin-top: -14px;}
.store-foreman .swiper-button-prev{ background-image:url(../images/store_prev.png);}
.store-foreman .swiper-button-next{ background-image:url(../images/store_next.png);}
.store-foreman .content{ position: relative; padding: 0 60px;}
.swiper-store-foreman{ padding: 75px 0;}
.swiper-store-foreman .swiper-pagination-bullet-active{background: #333333;}
.swiper-store-foreman .swiper-pagination-bullet{ border: 1px solid #333333;}
.swiper-store-foreman .box{ display: block; position: relative; overflow: hidden;}
.swiper-store-foreman .box img{ width: 100%;}
.swiper-store-foreman .box>.tit{ position: absolute; bottom:0; left:0; width: 100%; padding:15px 30px; background: rgba(0,0,0,.7); color: #FFFFFF;}
.swiper-store-foreman .box .tit{  display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.swiper-store-foreman .box .tit span{ font-size:20px; font-weight: bold;}
.swiper-store-foreman .box .tit em{ font-style: normal; font-size: 16px;}
.swiper-store-foreman .box .tit i{ margin-right: 10px; font-style: normal; font-size: 12px;}
.swiper-store-foreman .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.revelant-case{ padding: 75px 0 80px; text-align:center;}
.revelant-case .case-list{ margin: 0 -12px; padding:50px 0 0;}
.revelant-case .case-list li{ margin-bottom: 40px; float: left; width: 33.333333%; padding: 0 12px;}
.revelant-case .case-list li .box .heart{ top:20px; right:20px; padding-left: 25px;}
.revelant-case .case-list li .box .heart:before{ top:4px; width: 16px; height: 16px;}
.revelant-case .case-list li .box .zx{ font-size: 14px; padding: 0 20px; line-height: 32px;}
.revelant-case .case-list li .box .tit p{ font-size: 16px;}
.revelant-case .case-list li .box .tit span{ font-size: 14px;}
.revelant-case .toptit{ border-bottom: 1px solid #dfdfdf;}
.revelant-case .toptit .ny-theme{ float: left; font-size: 30px;}
.revelant-case .toptit .tab{ float: right;}
.revelant-case .toptit .tab span{ margin-left:40px; display: inline-block; padding: 10px 0 20px; line-height: 30px; font-size: 16px; position: relative; cursor:pointer;}
.revelant-case .toptit .tab span.active{ border-bottom:2px solid #b60000; color: #b60000; }
.revelant-case .js-tab-con{ display: none;}
.revelant-case .js-tab-con.active{ display: block;}

@media (max-width:1500px){
	.store-detail .text .tit{ font-size: 46px;}
	.store-detail .text .con{ font-size: 32px;}

	.swiper-store-designer .box>.tit{ padding: 15px 20px;}
	.swiper-store-designer .box .tit span{ font-size:16px;}
	.swiper-store-designer .box .tit em{ font-size: 12px;}
	.swiper-store-designer .box .tit i{ margin-left: 5px;}
	.swiper-store-designer .box .text{ padding: 0 20px;}
	.swiper-store-designer .box .text .des{ font-size: 14px; line-height: 28px;}
	.swiper-store-designer .box .text .des p{ max-height:56px; }

	.swiper-store-foreman .box>.tit{ padding: 15px 20px;}
	.swiper-store-foreman .box .tit span{ font-size:16px; }
	.swiper-store-foreman .box .tit em{ font-size: 12px;}
	.swiper-store-foreman .box .tit i{ margin-right: 5px;}

}

@media (max-width:999px){

	/* ========== */
	/* = STORE = */
	/* ========== */
	.store{ padding:1rem 0;}
	.store-top{ padding-bottom: 0.66666666rem;}
	.store-top .theme{ font-size: 0.53333333rem;}
	.store-top .des{ margin-top: 0.4rem; font-size:0.46rem;}
	.store-list{  margin:0.8rem 0 0.4rem;}
	.store-list li{  margin-bottom:0.66666666rem; width: 100%; padding: 0;}
	.store-list .box .text{ padding:0.6rem 0.4rem;}
	.store-list .box .tit{  padding-right: 4rem;}
	.store-list .box .tit span{ font-size: 0.45rem;}
	.store-list .box .tit .ny-more{ width: 3.2rem;}
	.store-list .box .con{  margin-top:0.26666666rem; }
	.store-list .box .con span{ font-size: 0.32rem; line-height: 0.53333333rem; padding-left:0.66666666rem;}
	.store-list .box .con span:before{  width: 0.53333333rem; height: 0.53333333rem;}
	.store-more{ padding: 0 0.8rem; line-height:0.8rem; font-size:0.34rem;}
	.store-more i{ margin-left:0.13333333rem; width: 0.26666666rem; height: 0.26666666rem;}
	.store-more:after{ margin-top: -0.6rem; width: 1.2rem; height: 1.2rem;}


	/* ========== */
	/* = STORE_DETAIL = */
	/* ========== */
	.store-detail{ padding: 1rem 0 1.5rem;}
	.store-detail .w1400{ display: block;}
	.store-detail .text{ width:100%;}
	.store-detail .text .tit{font-size:0.5rem;}
	.store-detail .text .con{ margin-top: 0.4rem; font-size: 0.4rem; line-height: 0.8rem; }
	.store-detail .img{ margin-top: 0.66666666rem; width: 100%;}
	.store-detail .letter{ font-size:0.8rem;}

	.store-designer{ padding: 1rem 0;}
	.store-designer .swiper-store-team{ margin-top: 0.66666666rem; width: 100%;}
	.store-designer .right{ width: 100%; padding: 0 0 0.66666666rem;}
	.store-designer .right .swiper-button-prev,
	.store-designer .right .swiper-button-next{ display: none;}
	.swiper-store-designer{ padding:1rem 0;}
	.swiper-store-designer .box>.tit{ padding: 0.2rem 0.3rem;}
	.swiper-store-designer .box .tit span{ font-size: 0.34rem;}
	.swiper-store-designer .box .tit em{font-size: 0.3rem;}
	.swiper-store-designer .box .tit i{ font-size: 0.28rem;}
	.swiper-store-designer .box .text{ padding: 0 0.3rem;}
	.swiper-store-designer .box .text .des{ margin-top: 0.33333333rem; padding-top: 0.26666666rem;  font-size:0.32rem; line-height: 0.64rem;}
	.swiper-store-designer .box .text .des p{  max-height: 1.28rem; margin-bottom: 0.13333333rem;}
	.swiper-store-designer .box .text .ny-more{ margin-top: 0.26666666rem;}

	.store-foreman{ padding:1rem 0; }
	.store-foreman .swiper-button-prev,
	.store-foreman .swiper-button-next{ display: none;}
	.store-foreman .content{ padding: 0;}
	.swiper-store-foreman{ padding:1rem 0;}
	.swiper-store-foreman .box>.tit{  padding: 0.2rem 0.3rem;}
	.swiper-store-foreman .box .tit span{ font-size: 0.34rem;}
	.swiper-store-foreman .box .tit em{ font-size: 0.3rem;}
	.swiper-store-foreman .box .tit i{font-size: 0.28rem;}

	.revelant-case{  padding:1rem 0;}
	.revelant-case .case-list{ padding-top: 0.66666666rem;}
	.revelant-case .case-list li{ width: 100%; margin-bottom: 0.66666666rem;}
	.revelant-case .case-list li .box .tit p { font-size: 0.36rem;}
	.revelant-case .case-list li .box .tit span { font-size: 0.24rem;}
	.revelant-case{padding:1rem 0;}
	.revelant-case .case-list{ padding-top: 0.66666666rem;}
	.revelant-case .case-list li{ width: 100%; margin-bottom: 0.66666666rem;}
	.revelant-case .case-list li .box .tit p { font-size: 0.36rem;}
	.revelant-case .case-list li .box .tit span { font-size: 0.24rem;}
	.revelant-case .toptit .ny-theme{ float: none; font-size:0.53333333rem; text-align: center;}
	.revelant-case .toptit .tab{ float: none;}
	.revelant-case .toptit .tab span{ margin:0 2%; max-width: 30%; padding: 0.4rem 0 0.3rem; font-size: 0.32rem;}

}


/* ========== */
/* = ACTIVITY = */
/* ========== */
.activity{ padding:80px 0 100px;}
.activity-list{ margin-bottom: 60px;}
.activity-list li{ margin-bottom: 28px;}
.activity-list li .box{ position: relative; display: block;}
.activity-list li .box:before{ content: ""; position: absolute; top:0; left:25%; width: 75%; height: 100%; background: #FFFFFF;}
.activity-list li .box .img{ position: absolute; top:50%; left:0; width: 47%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.activity-list li .box .text{ float: right; width: 53%; padding:9% 5% 7%;}
.activity-list li .box .tit{ position: relative; padding-right: 140px; border-bottom: 1px solid #000000; padding-bottom:25px;}
.activity-list li .box .tit p{ font-size: 24px; color: #333333; font-weight: bold; line-height: 32px; }
.activity-list li .box .tit .ny-more{ position: absolute; top:0; right:0;}
.activity-list li .box .des p{ margin-top: 30px; position:relative; font-size: 16px; line-height: 30px; padding-left: 56px;}
.activity-list li .box .des p:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size:cover; }
.activity-list li .box .des p:nth-child(1):before{  background-image: url(../images/ico_site_01.png);}
.activity-list li .box .des p:nth-child(2):before{  background-image: url(../images/ico_site_02.png);}
.activity-list li:nth-child(2n) .box:before{ left: auto; right:25%;}
.activity-list li:nth-child(2n) .box .img{ left: auto; right: 0;}
.activity-list li:nth-child(2n) .box .text{ float: left;}


/* ========== */
/* = ACTIVITY_DETAIL = */
/* ========== */
.activity-detail-bg{ background-image: url(../images/activity_detail_bg.png); background-position: top left;}
.activity-detail{ padding: 110px 0 100px;}
.activity-left{ float: left; width: 67%;}
.activity-left .top-box{ position: relative; padding:40px 50px;}
.activity-left .top-box:before{ content: ""; position: absolute; top:0; left:0; width: 75%; height: 75%; background: #c22c2c;}
.activity-left .top-box .title{ position: relative; z-index: 1; font-size: 30px; color: #FFFFFF;}
.activity-left .top-box .des{ margin-top: 40px; padding:40px 25px 20px; position: relative; z-index: 1; background: #ffffff; border-radius: 20px 0 0 0;}
.activity-left .top-box .des p{ margin-bottom: 25px; font-size: 16px; line-height: 30px; padding-left: 60px; position:relative;}
.activity-left .top-box .des p:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.activity-left .top-box .des p:nth-child(1):before{ background-image:url(../images/ico_red_act01.png);}
.activity-left .top-box .des p:nth-child(2):before{ background-image:url(../images/ico_red_act02.png);}
.activity-left .top-box .des p:nth-child(3):before{ background-image:url(../images/ico_red_act03.png);}

.activity-left .top-box .des a{ margin-bottom: 25px; font-size: 20px; line-height: 30px; padding-left: 60px; position:relative;}
.activity-left .top-box .des a:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.activity-left .top-box .des a:hover{ color: #b60000;}

.activity-left .content{ padding:30px 45px 45px; font-size: 16px; line-height: 36px; background: #FFFFFF;}
.activity-right{ float: right; width: 31%; background: #FFFFFF; padding: 35px 25px;}
.activity-right .theme{ text-align: center;}
.activity-right .theme p{ font-size: 26px; font-weight: bold; color: #b60000;}
.activity-right .theme span{ margin-top:5px; display: block; font-size: 16px; color: #999999; text-transform: uppercase;}
.activity-right li{ margin-top: 25px;}
.activity-right .box{ display: block;}
.activity-right .box .img{ overflow: hidden;}
.activity-right .box .text{ padding: 20px; border: 1px solid #eeeeee; border-top: none;}
.activity-right .box .text .tit{ text-align: center; font-size: 16px; color: #333333;}
.activity-right .box .text .add{ margin-top: 10px; position: relative; padding-left:36px; line-height: 22px;}
.activity-right .box .text .add:before{ position: absolute; top:0; left:0; content: ""; width: 22px; height: 22px; background-image:url(../images/ico_act_add.png); background-size: cover; }
.activity-right .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.activity-right .box:hover .text{ background: #ca1515; color: #FFFFFF; border-color: #ca1515;}
.activity-right .box:hover .text .tit{ color: #FFFFFF;}
.activity-right .box:hover .text .add:before{ background-image:url(../images/ico_act_add2.png); }


/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 80px 0 100px;}
.news-list{ margin: 50px 0 80px;}
.news-list li{ margin-bottom: 30px; padding: 40px 55px; background: #FFFFFF;}
.news-list li a{ display: block; position: relative; padding-right: 170px; }
.news-list li .img{ float: left; overflow: hidden; width: 290px;}
.news-list li .text{ margin-left: 290px; padding: 30px 50px 0;}
.news-list li .text .tit{ font-size: 20px; color: #333333;}
.news-list li .text .des{ margin-top: 17px; line-height: 30px; height:60px; overflow: hidden; color: #999999;}
.news-list li .text .source{ margin-top: 40px;}
.news-list li .text .source span{ margin-right: 35px; display: inline-block; line-height: 30px;}
.news-list li .text .source span:nth-child(2){  padding-left: 35px; position: relative;}
.news-list li .text .source span:nth-child(2):before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-image: url(../images/ico_news_view.png); background-size: cover;}
.news-list li .date{ position: absolute; margin-top: -62px; top:50%; right:0; width:139px; text-align: center; padding-left: 50px;}
.news-list li .date:before{ content: ""; position: absolute; top:50%; left:0; margin-top: -20px; width: 1px; height: 40px; background: #e5e5e5;}
.news-list li .date span{ font-size: 58px; color: #b60000; display: block;}
.news-list li .date p{ border-top: 1px solid #f2f2f2; margin-top: 5px; padding-top: 20px; color: #dddddd; font-size: 17px;}
.news-list li:hover{ background: #ebebeb;}
.news-list li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list li:hover .text .tit{ color: #b60000;}
.news-list li:hover .date span{ color: #b60000;}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 90px 0 85px;}
.news-detail-box{ padding: 78px 10% 85px; background: #FFFFFF;}
.news-detail-box .title{ font-size: 24px; color: #333333; text-align: center;}
.news-detail-box .source{ margin-top: 40px; text-align: center;}
.news-detail-box .source span{ display: inline-block; position: relative; line-height: 30px; font-size: 18px;}
.news-detail-box .source i{ display: inline-block; margin: 0 30px; width: 1px; height:8px; background: #cccccc;}
.news-detail-box .source span:nth-child(1),
.news-detail-box .source span:nth-child(5){ padding-left: 40px;}
.news-detail-box .source span:before{ content: ""; position: absolute; top:0; left:0; background-size: cover;  width: 30px; height: 30px; }
.news-detail-box .source span:nth-child(5):before{ background-image:url(../images/ico_news_view.png);}
.news-detail-box .source span:nth-child(1):before{  background-image:url(../images/ico_news_date.png);}
.news-detail-box .detail{  padding:60px 0 75px; border-bottom:1px solid #e5e5e5; font-size: 16px; line-height:30px;}
.news-detail-box .flip{ margin-top: 40px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.news-detail-box .flip a{ font-size:16px; line-height: 30px; color: #333333; max-width: 45%;}
.news-detail-box .flip a:hover{ color: #b60000;}

.recommend-news{ margin-top: 50px; padding:75px 35px 100px; background: #FFFFFF;}
.recommend-news .theme{ color: #b60000; font-size: 30px; text-align: center;}
.recommend-news li{ margin-top:50px; float: left; width: 25%; padding: 0 15px;}
.recommend-news li .img{ overflow: hidden;}
.recommend-news li .img img{ width: 100%;}
.recommend-news li .tit{ margin-top: 20px; font-size: 18px; text-align: center; color: #56555a;}
.recommend-news li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.recommend-news li a:hover .tit{ color: #b60000;}


@media (max-width:999px){
	/* ========== */
	/* = ACTIVITY = */
	/* ========== */
	.activity{ padding:1rem 0;}
	.activity-list{ margin-bottom:0.4rem;}
	.activity-list li{ margin-bottom:0.6rem;}
	.activity-list li .box{ background: #FFFFFF;}
	.activity-list li .box:before{ display: none;}
	.activity-list li .box .img,
	.activity-list li:nth-child(2n) .box .img{ position: relative; top:auto; left:auto; width:100%; transform: translateY(0%); -webkit-transform: translateY(0%);}
	.activity-list li .box .text,
	.activity-list li:nth-child(2n) .box .text{ float: none; width:100%; padding:0.66666666rem 0.53333333rem;}
	.activity-list li .box .tit{  padding-right: 4rem; padding-bottom: 0.4rem;}
	.activity-list li .box .tit p{ font-size: 0.4rem; }
	.activity-list li .box .des p{ margin-top: 0.6rem; font-size:0.32rem; line-height:0.5rem; padding-left:0.8rem;}
	.activity-list li .box .des p:before{ width: 0.5rem; height: 0.5rem; }

	/* ========== */
	/* = ACTIVITY_DETAIL = */
	/* ========== */
	.activity-detail{ padding:1rem 0;}
	.activity-left{ width: 100%;}
	.activity-left .top-box{ padding: 0.66666666rem 0.4rem; }
	.activity-left .top-box:before{  width:100%;}
	.activity-left .top-box .title{ font-size:0.53333333rem; text-align: center;}
	.activity-left .top-box .des{ margin-top: 0.66666666rem; padding: 0.53333333rem;}
	.activity-left .top-box .des p{ margin-bottom: 0.4rem; font-size: 0.32rem; line-height: 0.64rem; padding-left:0.8rem;}
	.activity-left .top-box .des a{ margin-bottom: 0.4rem; font-size: 0.32rem; line-height: 0.64rem; padding-left:0.8rem;}
	.activity-left .top-box .des p:before{ width: 0.5rem; height:  0.5rem;}
	activity-left .top-box .des a:before{ width: 0.5rem; height:  0.5rem;}
	.activity-left .content{ padding:0.93333333rem 0.53333333rem; font-size: 0.32rem; line-height: 0.64rem;}
	.activity-right{ margin-top: 1rem; width: 100%; padding: 0.93333333rem 0.4rem;}
	.activity-right .theme p{ font-size:0.5rem;}
	.activity-right .theme span{font-size: 0.36rem;}



	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding: 1rem 0 ;}
	.news-list{ margin:1rem 0;}
	.news-list li{ margin-bottom:0.66666666rem; padding:0.4rem;}
	.news-list li a{ padding-right: 0; }
	.news-list li .img{ width:3.6rem;}
	.news-list li .text{ margin-left: 3.8rem; padding: 0.2rem 0 0  0.2rem;}
	.news-list li .text .tit{ font-size: 0.36rem;}
	.news-list li .text .des{ margin-top: 0.2rem; font-size:0.26666666rem; line-height:0.53333333rem; height:1.06666666rem;}
	.news-list li .text .source{ margin-top:0.26666666rem; font-size:0.26666666rem;}
	.news-list li .text .source span{ margin-right:0.26666666rem; display: inline-block; line-height:0.53333333rem;}
	.news-list li .text .source span:nth-child(2){  padding-left: 0.6rem; position: relative;}
	.news-list li .text .source span:nth-child(2):before{width: 0.53333333rem; height: 0.53333333rem;}
	.news-list li .date{ display: none;}

	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail{padding: 1rem 0 ;}
	.news-detail-box{ padding: 1rem 0.4rem;}
	.news-detail-box .title{ font-size:0.4rem; line-height: 0.66666666rem;}
	.news-detail-box .source{ margin-top: 0.53333333rem;}
	.news-detail-box .source span{ font-size: 0.32rem; line-height: 0.53333333rem;}
	.news-detail-box .source i{ margin: 0 0.2rem;}
	.news-detail-box .source span:nth-child(1),
	.news-detail-box .source span:nth-child(5){ padding-left: 0.8rem;}
	.news-detail-box .source span:before{   width: 0.53333333rem; height: 0.53333333rem; }
	.news-detail-box .detail{ padding:1rem 0; font-size: 0.32rem; line-height: 0.64rem;}
	.news-detail-box .flip{ margin-top: 0.66666666rem;display: block;}
	.news-detail-box .flip a{ width: 100%; font-size:0.32rem; line-height: 0.66666666rem;}

	.recommend-news{ margin-top: 1rem; padding: 1rem 0.4rem;}
	.recommend-news .theme{ font-size: 0.5rem;}
	.recommend-news li{ width: 50%; padding: 0 0.13333333rem; margin-top: 0.53333333rem;}
	.recommend-news li .tit{ margin-top: 0.26666666rem; font-size: 0.32rem; }
}






/* ========== */
/* = HOTCASE = */
/* ========== */
.hotcase{ padding:80px 0 100px;}
.hotcase-list{ margin:0 -20px 50px;}
.hotcase-list li{ margin-bottom: 32px; float: left; width: 50%; padding: 0 20px;}
.hotcase-list li .box{ display: block; background: #FFFFFF;}
.hotcase-list li .box .img{ width: 100%; position: relative;}
.hotcase-list li .box .text{ position: absolute; height: 100%; top:0; right:0; width:30%; background: rgba(255,255,255,.7); color: #b60000; display: flex;  align-items:center; -webkit-align-items:center; text-align: center; padding:0 5%;}
.hotcase-list li .box .con{ width: 100%; display: flex; justify-content:space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items:center; }
.hotcase-list li .box .con div{ width: 128px;}
.hotcase-list li .box .con div span{ display: block; padding-bottom: 15px; font-size: 18px; border-bottom: 1px solid #b60000;}
.hotcase-list li .box .con div p{ margin-top: 12px; font-size: 20px; font-weight: bold;}
.hotcase-list li .box .con div p b{ font-size:30px;}
.hotcase-list li .box .con div:nth-child(2){ display: none;}
.hotcase-list li .box .ny-more{ display: none; position: absolute; bottom: 12%; left:50%; margin-left: -80px;}
.hotcase-list li .box>p{ line-height: 104px; font-size: 24px; color: #333333; text-align: center;}
.hotcase-list li .box:hover .text{ width: 100%; padding: 0 15%; color: #333333;}
.hotcase-list li .box:hover .con div:nth-child(2){ display: block;}
.hotcase-list li .box:hover .con div span{ border-color: #333333;}
.hotcase-list li .box:hover .ny-more{ display: block;}


/* ========== */
/* = HOTCASE-DETAIL = */
/* ========== */
.hotcase-detail{ padding: 100px 0; border-bottom: 1px solid #c6c6c6;}
.hotcase-detail .content{ display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;  }
.hotcase-detail .left{ width: 48%;}
.hotcase-detail .left .text{ background: #FFFFFF; padding: 30px 10px; text-align: center;}
.hotcase-detail .left .text div{ display: inline-block;  font-size: 18px; color: #333333; letter-spacing: 1px;}
.hotcase-detail .left .text div span{ margin-left: 10px; font-weight: bold; font-size: 30px;  color: #e60012;}
.hotcase-detail .left .text div em{ color: #e60012; font-weight: bold;}
.hotcase-detail .left .text i{ display: inline-block; margin: 0 50px; width: 1px; height: 14px; background: #000000;}
.hotcase-detail .right{ width: 45%;}
.hotcase-detail .right .tit{position: relative; padding-right: 180px; padding-bottom: 44px; border-bottom: 1px solid #c6c6c6;}
.hotcase-detail .right .ny-theme{ text-align:left; font-size: 30px; }
.hotcase-detail .right .tit .ny-more{ position: absolute;  top:0; right:0;}
.hotcase-detail .right .des{ margin-top:40px; font-size: 16px; line-height: 40px; color: #333333;}
.hotcase-detail .right .tip{ margin-top: 50px;}
.hotcase-detail .right .tip p{ margin-top: 30px; position: relative; padding-left: 160px; line-height: 30px; font-size: 16px;}
.hotcase-detail .right .tip p span{ position: absolute; top:0; left:0; padding-left:65px; font-weight: bold;}
.hotcase-detail .right .tip p span:before{ content: ""; position: absolute; left:0; top:0; width: 30px; height: 30px; background-size: cover;}
.hotcase-detail .right .tip p:nth-child(1) span:before{ background-image: url(../images/hotcase_detail_ico1.png);}
.hotcase-detail .right .tip p:nth-child(2) span:before{ background-image: url(../images/hotcase_detail_ico2.png);}
.hotcase-detail .right .tip p:nth-child(3) span:before{ background-image: url(../images/hotcase_detail_ico3.png);}

.hotcase-case{ padding: 95px 0 120px;}
.hotcase-case .ny-theme{text-align: left;}
.hotcase-case .case-list{ padding:30px 0 0;}

@media (max-width:1400px){
	.hotcase-detail .right .ny-theme{ font-size: 26px;}
	.hotcase-detail .right .des{ margin-top: 30px; line-height:34px;}
	.hotcase-detail .right .tip{ margin-top: 30px;}
	.hotcase-detail .right .tip p{ margin-top:20px;}
}


/* ========== */
/* = CASE = */
/* ========== */
.case{ padding: 80px 0 100px; background-image: url(../images/case_bg.jpg);}
.case-top{ padding-bottom: 45px; border-bottom: 1px solid #dfdfdf;}
.case-top .theme{ float: left; font-size: 24px; color: #d5b470; font-weight: bold;  background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top;}
.case-search{ float: right; height: 34px; max-width: 320px; width: 80%; position: relative; padding-right: 70px;}
.case-search .in{ width: 100%; background: none; border: 1px solid #dadada; line-height: 32px; padding: 0 10px; height: 32px;}
.case-search .button{ position: absolute; top:0; right: 0; width: 70px; height: 32px; background: url(../images/ico_search.png);}

.filter-box{ margin-top: 50px; border-bottom: 1px solid #ebebeb; padding-bottom: 40px;}
.filter-box .row{ position: relative; padding-left: 120px;}
.filter-box .row span{ position: absolute; top:0; left:0; font-size: 20px; color: #333333;}
.filter-box .row a{ float: left; display: inline-block; margin-bottom: 12px; margin-right: 12px; line-height: 34px; border: 1px solid #cccccc; background: #FFFFFF; min-width: 130px; text-align: center; font-size: 15px;}
.filter-box .row a.active{ background: #b60000; border: 1px solid #b60000; color: #FFFFFF;}
.filter-box .row a:hover{ color: #b60000;}

.filter-mobile{ margin-top:0.8rem; position: relative; z-index: 9;}
.filter-mobile .tab{ border: 1px solid #dadada;}
.filter-mobile .tab .item{ float: left; width: 33.333%; border-right: 1px solid #dadada; height: 40px; line-height:40px; font-size: 14px; padding:0 10px; position: relative;}
.filter-mobile .tab .item.active{ color: #b60000;}
.filter-mobile .tab .item:after{
	position: absolute;
	top:18px; right:10px;
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid dashed dashed dashed;
	border-color: #666666 transparent transparent transparent ;
	border-width: 5px;}
.filter-mobile .tab .item:last-child{ border-right: none;}
.filter-mobile .tab .item select{ width: 100%; border: none; background: none; padding:0.266666rem;}
.filter-mobile .tabcon{ position: absolute; top:40px; left:0; width: 100%; text-align: center;}
.filter-mobile .con{ display: none; padding:12px; background: rgba(0,0,0,.8);}
.filter-mobile .con a{ float: left; display: inline-block; width: 31.3333%; line-height: 38px; height: 38px; margin:1%; font-size: 12px; border: 1px solid #FFFFFF; color: #FFFFFF; border-radius:5px;}
.filter-mobile .con a.active{ font-weight: bold;}


.case-list{ padding:60px 0 50px; margin:0 -20px;}
.case-list li{ float: left; width: 50%; padding: 20px;}
.case-list li .box{ background: #FFFFFF;}
.case-list li .box .img{ overflow:hidden; position: relative;}
.case-list li .box .img img{ width: 100%;}
.case-list li .box .img:after{ opacity:0; -webkit-transition: all ease .3s; transition: all ease .3s; content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.case-list li .box .heart{ position: absolute; z-index: 1; display: block; top:30px; right:30px; line-height: 24px; padding-left: 30px; font-style: normal; color: #FFFFFF; font-size: 16px;}
.case-list li .box .heart:before{ content: ""; position: absolute; top:0; left:0; background-image: url(../images/ico_heart.png); width:24px; height: 24px; background-size:cover;}
.case-list li .box .zx{ position: absolute; z-index:1; top:50%; left:50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);  display:none; text-align: center; padding: 0 25px; background: #b60000; color: #FFFFFF; line-height: 44px; border-radius:4px; font-size: 18px; overflow: hidden;}
.case-list li .box .zx:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -30px; width:60px; height: 60px; background-image:url(../images/home_about_ico.png); background-size: cover; }
.case-list li .box .tit{ display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; line-height: 80px; padding: 0 30px;}
.case-list li .box .tit p{  max-width: 48%;  font-size: 20px; color: #333333;}
.case-list li .box .tit span{ max-width: 48%;  font-size: 16px;}
.case-list li .box .tit i{ margin: 0 15px; width: 1px; height: 10px; background: #cccccc; display: inline-block; vertical-align: middle;}
.case-list li .box:hover .img:after{ opacity: 1;}
.case-list li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.case-list li .box:hover .zx{ display:inline-block;}
.case-list li .box:hover .tit p{ color: #b60000;}


/* ========== */
/* = CASE-DETAIL = */
/* ========== */
.case-detail-bg{ background-image: url(../images/case_detail_bg.jpg); background-position: top left;}
.case-detail{ padding-top: 60px; position: relative;}
.case-detail .letter{ position: absolute; z-index: 0; top:0; right:0; color: #ecedef; font-size: 230px; font-weight: bold; text-transform:uppercase;}
.case-detail .w1400{ position: relative; z-index:1;}
.case-left{ float: left; width: 71%;}
.case-left .top-box{ position: relative; padding:40px 0 30px 50px;}
.case-left .top-box:before{ content: ""; position: absolute; top:0; left:0; width: 75%; height: 75%; background: #c22c2c;}
.case-left .top-box .title{ display: inline-block; padding-right: 105px; position: relative; z-index: 1; font-size: 30px; color: #FFFFFF;}
.case-left .top-box .title .heart{ position: absolute; top:50%; margin-top: -15px; right:0; font-size: 16px; line-height: 30px; padding-left: 40px;}
.case-left .top-box .title .heart:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-image: url(../images/ico_heart_white.png); background-size:cover;}
.case-left .top-box .des{ margin-top: 40px; padding:30px 20px; position: relative; z-index: 1; background: #ffffff;}
.case-left .top-box .box:first-child{ float: left; width: 26%;}
.case-left .top-box .box:last-child{ float: right; width:72%;}
.case-left .top-box .box .tit span{ font-size: 26px; color: #333333; display: block; padding-left: 40px; position: relative;}
.case-left .top-box .box .tit span:before{ content: ""; position: absolute; top:50%; left:0; width: 18px; height: 4px; background: #c22c2c; margin-top: -2px;}
.case-left .top-box .box .tit p{ font-size: 12px; text-transform: uppercase; color: #e8e8e8; padding-left: 40px;}
.case-left .top-box .box .con{ margin-top: 20px; font-size: 16px; line-height: 26px;}
.case-left .top-box .box ul{ margin-top: 10px;}
.case-left .top-box .box li{ float: left; width:32%; padding:10px 0; line-height: 30px; font-size:16px; padding-left: 20px; border-top:1px solid #f1f1f1; border-right: 1px solid #f1f1f1; position:relative;}
.case-left .top-box .box li:nth-child(1),
.case-left .top-box .box li:nth-child(2),
.case-left .top-box .box li:nth-child(3){ border-top: none;}
.case-left .top-box .box li:nth-child(3n){ border-right: none;}
.case-left .top-box .box li:nth-child(3n-2){ width: 36%; padding-left: 0;}
.case-left .top-box .box li:after{ content: ""; position: absolute; top: -5px; right:-5px; display: block; width: 10px; height: 10px; background: #f1f1f1; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.case-left .top-box .box li:nth-child(1):after,
.case-left .top-box .box li:nth-child(2):after,
.case-left .top-box .box li:nth-child(3):after,
.case-left .top-box .box li:nth-child(3n):after{display: none;}
.case-left .top-box .box li p{ position:relative; padding-left: 40px;}
.case-left .top-box .box li p i{ position: absolute; top:0; left:0; width: 30px; height: 30px; background-size:cover;}
.case-left .top-box .box li:nth-child(1) p i{ background-image: url(../images/ico_case_01.png);}
.case-left .top-box .box li:nth-child(2) p i{ background-image: url(../images/ico_case_02.png);}
.case-left .top-box .box li:nth-child(3) p i{ background-image: url(../images/ico_case_03.png);}
.case-left .top-box .box li:nth-child(4) p i{ background-image: url(../images/ico_case_04.png);}
.case-left .top-box .box li:nth-child(5) p i{ background-image: url(../images/ico_case_05.png);}
.case-left .top-box .box li:nth-child(6) p i{ background-image: url(../images/ico_case_06.png);}
.case-left .content{ position:relative;}
.case-left .case-detail-img img{ width: 100%;}
.case-left .swiper-button-prev,
.case-left .swiper-button-next{ bottom:-22px; top:auto; margin:0; width: 55px; height: 68px;}
.case-left .swiper-button-prev{ left:auto; right:55px; border-right: 1px solid #d34d4d; background-image: url(../images/case_prev.png);}
.case-left .swiper-button-next{ right:0; background-image: url(../images/case_next.png);}
.case-right{ margin-top: 120px; float: right; width:26%; background: #FFFFFF; background: #FFFFFF; padding: 55px 20px 35px; border-radius:6px;}
.case-right .img{ max-width: 130px; margin:0 auto; border-radius:100%; overflow: hidden;}
.case-right .name{  margin-top: 25px; font-size: 24px; color: #333333; text-align: center;}
.case-right .pos{ margin:10px 0 20px; text-align: center; font-size: 16px; color: #999999;}
.case-right .des{ font-size: 16px; line-height: 30px; display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; }
.case-right .bt-con{ padding:30px 0 35px; border-bottom: 1px solid #e5e5e5; display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; }
.case-right .bt-con .bt{ width: 47%; border: 1px solid #666666; line-height: 26px; text-align: center; border-radius:4px; position:relative;}
.case-right .bt-con .bt i{ color: #e60012;}
.case-right .bt-con .bt:first-child{ background: #e60012; border: 1px solid #e60012; color: #FFFFFF;}
.case-right .bt-con .bt:first-child i{ color: #fdca4e;}
.case-right .bt-con .bt:first-child:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -20px; width:40px; height: 40px; background-image:url(../images/home_about_ico.png); background-size: cover; }
.case-right .tit{ margin: 35px 0 25px; font-size: 20px; color: #333333;}
.case-right .in{ margin-bottom: 12px;}
.case-right .in input{ width: 100%; padding: 0 10px; line-height:24px; height: 44px; padding: 10px; border-radius: 4px; background: #f6f6f6; border:none; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.case-right .button{ width: 100%; border-radius:4px; background: #d7000f; color: #FFFFFF; font-size: 18px; line-height: 50px;}
.case-right .tip{ margin-top:28px; font-size: 16px; color: #666666;}
.case-right .tip span{ font-size: 20px; font-style: italic; color: #d7000f; font-weight: bold;}

@media (max-width:1460px){
	.case-left .top-box .box li{ font-size: 14px; padding-left:10px;}
	.case-left .top-box .box li p{ padding-left: 30px;}
	.case-right{ padding:30px 20px 20px;}
	.case-right .des{ font-size: 14px;}
	.case-right .tip{ margin-top: 15px; font-size: 14px;}
	.case-right .tip span{ font-size: 16px;}
}


/* ========== */
/* = THREED = */
/* ========== */
.threed{ padding: 80px 0 100px; background-image: url(../images/threed_bg.jpg);}
.three-list{ padding: 50px 0 70px; margin:0 -10px;}
.three-list li{ float: left; width: 33.333%; padding: 10px;}
.three-list li:nth-child(3n){ margin-right: 0;}
.three-list li .box{ position: relative; color: #FFFFFF; overflow: hidden;}
.three-list li .box:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.2);}
.three-list li .box img{ width: 100%;}
.three-list li .box .bottom{ position: absolute; z-index: 1; width: 100%; bottom: 0; left:0; background: rgba(0,0,0,.6); display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; line-height: 44px; padding: 0 30px;}
.three-list li .box .bottom .tit{  max-width: 48%;  font-size: 16px;}
.three-list li .box .bottom span{ max-width: 48%;  font-size: 14px;}
.three-list li .box .bottom i{ margin: 0 10px; width: 1px; height: 10px; background: #FFFFFF; opacity: .3; display: inline-block; vertical-align: middle;}
.three-list li .box .ico{ position: absolute; z-index: 1; top:50%; left:50%; margin-left: -30px; margin-top:-20px; width: 60px; height: 40px; background-image:url(../images/ico_720.png);  background-size: cover;}
.three-list li .box .text{ position: absolute; z-index: 1; bottom:0; left:0; width: 100%; height:0; overflow: hidden; background: rgba(0,0,0,.6); display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; }
.three-list li .box .text .heart{ position: absolute; display: block; top:15px; right:15px; line-height: 24px; padding-left: 30px; font-style: normal; color: #FFFFFF;}
.three-list li .box .text .heart:before{ content: ""; position: absolute; top:0; left:0; background-image: url(../images/ico_heart.png); width:24px; height: 24px; background-size:cover;}
.three-list li .box .text .con{ width: 100%;}
.three-list li .box .text .tit{ padding:0 100px 25px 45px; font-size: 18px; border-bottom: 1px solid rgba(255,255,255,.3);}
.three-list li .box .text .tip{ padding:25px 45px 10%; font-size: 16px;}
.three-list li .box .text .tip i{ margin: 0 20px; width: 1px; height: 10px; background: #FFFFFF; opacity: .3; display: inline-block; vertical-align: middle;}
.three-list li .box .text .bt{ padding: 0 45px; display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.three-list li .box .text .bt a{ display: block; width: 48%; line-height: 28px; background: #b60000; color: #FFFFFF; text-align: center;}
.three-list li .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.three-list li .box:hover .bottom{ display: none;}
.three-list li .box:hover .ico{ display: none;}
.three-list li .box:hover .text{ height: 100%;}

@media (max-width:1340px){
	.three-list li .box .bottom .tit{ font-size: 14px;}
	.three-list li .box .bottom span{ font-size: 12px;}
	.three-list li .box .text .tit{ padding: 0 100px 15px 30px; font-size: 16px;}
	.three-list li .box .text .tip{ padding: 15px 25px 30px; font-size: 14px;}
	.three-list li .box .text .bt{ padding: 0 25px;}
	.three-list li .box .text .bt a{ font-size: 13px;}
}



/* ========== */
/* = SITE = */
/* ========== */
.site{ padding:20px 0 100px;}
.site-list{ margin-bottom: 75px;}
.site-list li{ margin-top: 55px; background: #FFFFFF; }
.site-list li .box{ padding: 50px 55px 50px 70px; display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.site-list li .box .text{ width: 57%;}
.site-list li .box .text .tit{ padding-bottom: 35px; font-size: 24px; color: #333333; font-weight: bold; position: relative; padding-right: 120px; border-bottom: 1px solid #000000;}
.site-list li .box .text .tit span{ position: absolute; top:0; right:0; font-weight: normal; font-size: 17px; padding-left: 40px; display: inline-block;}
.site-list li .box .text .tit span:before{ content: ""; background-image: url(../images/ico_view.png); background-size: cover; width: 30px; height: 30px; position: absolute; top:50%; left:0; margin-top: -15px;}
.site-list li .box .text .des{ margin-top: 44px;  line-height: 30px; font-size: 16px;}
.site-list li .box .text .des span{ position: relative; padding-left: 45px; display: inline-block;}
.site-list li .box .text .des span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size:cover; }
.site-list li .box .text .des span:nth-child(1):before{  background-image: url(../images/ico_site_01.png);}
.site-list li .box .text .des span:nth-child(2):before{  background-image: url(../images/ico_site_02.png);}
.site-list li .box .text .des span:nth-child(1){ margin-right: 8%;}
.site-list li .box .text .link{ margin-top: 9%;}
.site-list li .box .text .link .ny-more{ margin-right:2%;}
.site-list li .box .img{ width: 37%;}
.site-list li .box .img img{ width: 100%;}
.site-list li .process{ padding: 45px 5%; background: #333333; color: #FFFFFF; display: flex; justify-content: space-around; -webkit-justify-content: space-around; align-items:center; -webkit-align-items:center; position: relative;}
.site-list li .process:after{ position: absolute; top:-20px; right:3%; content: "";  width: 0;  height: 0;  border-width: 0 40px 40px;  border-style: solid;  border-color: transparent transparent #333333;}
.site-list li .process div{ opacity: .3; font-size: 16px; color: #FFFFFF; text-align: center;}
.site-list li .process div img{ display: inline-block; vertical-align: middle;}
.site-list li .process div span{ margin-left: 10px; display: inline-block; vertical-align: middle;}
.site-list li .process div.active{ opacity: 1;}
.site-list li .process .ico{ opacity: .3; display: inline-block; width: 30px; height: 30px; background-image: url(../images/site_ico_jt.png); background-size: cover;}
.site-list li .process .ico.active{ opacity: 1;}

/* ========== */
/* = SITE_DETAIL = */
/* ========== */
.site-detail{ padding: 80px 0;}
.site-detail .content{ padding:50px; background: #FFFFFF;}
.site-detail-box{ display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center;}
.site-detail-box .text{ width: 57%;}
.site-detail-box .text .tit{ padding-bottom: 35px; font-size: 24px; color: #333333; font-weight: bold; position: relative; padding-right: 120px; border-bottom: 1px solid #000000;}
.site-detail-box .text .tit span{ position: absolute; top:0; right:0; font-weight: normal; font-size: 17px; padding-left: 40px; display: inline-block;}
.site-detail-box .text .tit span:before{ content: ""; background-image: url(../images/ico_view.png); background-size: cover; width: 30px; height: 30px; position: absolute; top:50%; left:0; margin-top: -15px;}
.site-detail-box .text .des{ margin-top: 44px;  line-height: 30px; font-size: 16px;}
.site-detail-box .text .des span{ position: relative; margin:20px 0px; padding-left:45px; display: inline-block; vertical-align:top;}
.site-detail-box .text .des span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size:cover; }
.site-detail-box .text .des span:nth-child(1):before{  background-image: url(../images/ico_site_01.png);}
.site-detail-box .text .des span:nth-child(2):before{  background-image: url(../images/ico_site_02.png);}
.site-detail-box .text .des span:nth-child(3):before{  background-image: url(../images/ico_site_03.png);}
.site-detail-box .text .des span:nth-child(4):before{  background-image: url(../images/ico_site_04.png);}
.site-detail-box .text .des span:nth-child(2n-1){ margin-right:2%; width:52%;}
.site-detail-box .img{ width: 37%;}
.site-detail-box .img img{ width: 100%;}
.site-detail .process{ margin-top: 40px; display: flex; justify-content:space-between; -webkit-justify-content: space-between; align-items:center; -webkit-align-items:center; position: relative;}
.site-detail .process li{  opacity: .3; width: 20%; position: relative;}
.site-detail .process li:before{ content: ""; position: absolute; right:100%; margin-right: -10px; bottom:4px; left:0; height: 1px; width: 100%; background: #b60000;}
.site-detail .process div{ padding: 25px 0 30px; font-size: 16px; color: #b60000; text-align: center;}
.site-detail .process div em{ display: inline-block; vertical-align: middle; position: relative;}
.site-detail .process div em:after{ content: ""; position: absolute; bottom:-30px; left:50%; margin-left: -5px; width: 10px; height: 10px; background:#b60000; border-radius: 100%; overflow: hidden;}
.site-detail .process div span{ margin-left: 10px; display: inline-block; vertical-align: middle;}
.site-detail .process .ico{ position: absolute; top:50%; left:-15px; top:50%; margin-top: -15px;display: inline-block; width: 30px; height: 30px; background-image: url(../images/site_ico_jt_red.png); background-size: cover;}
.site-detail .process li.active{ opacity: 1;}
.site-detail-list{ margin-top:120px;}
.site-detail-list li{ padding-bottom: 70px; padding-left:65px; overflow: hidden; position: relative;}
.site-detail-list li:before{ content: ""; position: absolute; top:52px; left:25px; width: 1px; height: 100%; background: #d9d9d9;}
.site-detail-list li:last-child{ padding-bottom: 0;}
.site-detail-list li .tit{ padding-right: 100px; line-height: 50px; position:relative;}
.site-detail-list li .tit:before{ content: ""; position: absolute; top:50%; left:-65px; margin-top:-25px; width:50px; height: 50px; background-image:url(../images/ico_right2.png); background-size: cover;}
.site-detail-list li .tit h2{ display: inline-block; font-size: 30px; font-weight: bold; color: #666666;}
.site-detail-list li .tit i{ margin-left: 10px; font-style: normal; display: inline-block; font-size: 20px;}
.site-detail-list li .bt{ position: absolute; top:0; right:0; width: 80px;}
.site-detail-list li .bt .swiper-button-next,
.site-detail-list li .bt .swiper-button-prev{ top:0; margin-top: 0; border-radius: 2px; border: 1px solid #e8e8e8;}
.site-detail-list li .bt .swiper-button-next{ background-image: url(../images/site_next.png);}
.site-detail-list li .bt .swiper-button-prev{ background-image: url(../images/site_prev.png);}
.site-detail-list li .bt .swiper-button-prev:hover{ border: 1px solid #b60000; background-image: url(../images/site_prev_red.png);}
.site-detail-list li .bt .swiper-button-next:hover{ border: 1px solid #b60000; background-image: url(../images/site_next_red.png);}
.site-detail-list li .des{ margin-top: 40px; background: #f1f1f1; font-size: 16px; line-height: 26px; padding: 25px;}
.site-detail-list li .swiper-site-img{ margin-top: 40px;}
.site-detail-list li.active .tit h2{  color: #daa456; background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top;}
.site-detail-list li.active .tit:before{ background-image:url(../images/ico_right.png);}
.site-flip{ padding: 70px 50px; background: #FFFFFF; border-top: 1px solid #e5e5e5; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.site-flip a{ max-width: 48%; position: relative; font-size: 24px;}
.site-flip a:before{  content: ""; position: absolute; top:50%; margin-top: -20px; width: 40px; height: 40px; background-size: cover;}
.site-flip a:first-child{ padding-left: 50px;}
.site-flip a:last-child{ padding-right: 50px;}
.site-flip a:first-child:before{ left:0; background-image:url(../images/site_flip_prev.png);}
.site-flip a:last-child:before{ right:0; background-image:url(../images/site_flip_next.png);}
.site-flip a:hover{ color: #e60012;}
.site-flip a:hover:first-child:before{ background-image:url(../images/site_flip_prev2.png);}
.site-flip a:hover:last-child:before{ background-image:url(../images/site_flip_next2.png);}

.site-form{ padding: 70px 0 80px; background:#FFFFFF;}
.site-form .ny-theme{ text-align: left;}
.site-form .con{ margin-top: 50px;}
.site-form .con span{ display: block; float: left; margin-bottom: 20px; width: 49%; margin-right:2%; border: 1px solid #d2d2d2; padding-left: 30px; position: relative;}
.site-form .con span:nth-child(2n){ margin-right:0;}
.site-form .con span i{ position: absolute; top:0; left:25px; color: #b60000; line-height: 60px; font-style: normal;}
.site-form .con span input,
.site-form .con span select{ height:60px; line-height: 24px; padding:18px 10px; color:#666666; font-size: 16px; width: 100%; background: none; border: none; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.site-form .con .select-div{ padding: 0;  position:relative;}
.site-form .con .select-div select{ padding: 0 35px;}
.site-form .con .select-div:after{ content: ""; position: absolute; right:22px; top:50%; margin-top: -5px; border-left:12px solid transparent; border-right:12px solid transparent;border-top:10px solid #7d7d7d;}
.site-form .button{  display: inline-block; vertical-align:bottom; text-align: center; padding: 0 60px; background: #e60012; color: #FFFFFF; line-height:50px; border-radius:4px;position: relative; font-size: 16px; font-weight: bold; overflow: hidden;}
.site-form .button:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -36px; width: 72px; height: 72px; background-image:url(../images/home_about_ico.png); background-size: cover; }
.site-form .tip{ margin-left: 30px; display: inline-block; vertical-align:bottom; font-size: 18px; line-height:30px; color: #999999;}
.site-form .tip i{ font-style: normal; color: #b60000;}

@media (max-width:999px){
	/* ========== */
	/* = HOTCASE = */
	/* ========== */
	.hotcase{ padding:1rem 0;}
	.hotcase-list{ margin:0 -20px 0.2rem;}
	.hotcase-list li{ margin-bottom:0.6rem; width: 100%;}
	.hotcase-list li .box .con div{ width: 2rem;}
	.hotcase-list li .box .con div span{ padding-bottom:0.26666666rem; font-size: 0.3rem;}
	.hotcase-list li .box .con div p{ margin-top:0.26666666rem; font-size:0.32rem;}
	.hotcase-list li .box .con div p b{ font-size:0.4rem;}
	.hotcase-list li .box .con div:nth-child(2){ display: none;}
	.hotcase-list li .box .ny-more{ display: none; position: absolute; bottom: 12%; left:50%; margin-left: -80px;}
	.hotcase-list li .box>p{ line-height:1.2rem; font-size:0.34rem;}

	/* ========== */
	/* = HOTCASE-DETAIL = */
	/* ========== */
	.hotcase-detail{ padding:1rem 0;}
	.hotcase-detail .content{ display: block;}
	.hotcase-detail .left{ width: 100%;}
	.hotcase-detail .left .text{ padding:0.4rem 0.26666666rem;}
	.hotcase-detail .left .text div{ font-size: 0.32rem;}
	.hotcase-detail .left .text div span{  margin-left: 0.13333333rem; font-size: 0.4rem;}
	.hotcase-detail .left .text i{ margin: 0 0.53333333rem;}
	.hotcase-detail .right{ margin-top: 0.66666666rem; width:100%;}
	.hotcase-detail .right .tit{ padding-right: 0; padding-bottom: 0.4rem; text-align: right;}
	.hotcase-detail .right .ny-theme{ font-size:0.53333333rem; text-align: center;}
	.hotcase-detail .right .tit .ny-more{ margin-top: 0.53333333rem; position: relative; top:auto; right:auto;}
	.hotcase-detail .right .des{ margin-top:0.4rem; font-size:0.34rem; line-height: 0.68rem; }
	.hotcase-detail .right .tip{ margin-top: 0.66666666rem;}
	.hotcase-detail .right .tip p{ margin-top: 0.53333333rem; padding-left:2.56rem;  font-size:0.34rem; line-height: 0.68rem;}
	.hotcase-detail .right .tip p span{ padding-left:0.8rem;}
	.hotcase-detail .right .tip p span:before{  width:0.6rem; height: 0.6rem;}

	.hotcase-case{ padding:1rem 0;}
	.hotcase-case .ny-theme { text-align: center;}
	.hotcase-case .case-list{ padding:0.53333333rem 0 0;}


	/* ========== */
	/* = CASE = */
	/* ========== */
	.case{ padding: 1rem 0;}
	.case-top{ padding-bottom: 0.66666666rem;}
	.case-top .theme{ float:none; font-size: 0.53333333rem; text-align: center;}
	.case-search{  margin-top: 0.6rem;}

	.case-list{ padding:0.4rem 0;}
	.case-list li{ width: 100%;}
	.case-list li .box .heart{ top:15px; right:15px; font-size: 14px;}
	.case-list li .box .zx{ padding: 0 0.7rem; font-size: 0.32rem; line-height:1rem;}
	.case-list li .box .zx:after{ margin-top:-0.6rem; width: 1.4rem; height: 1.4rem;  }
	.case-list li .box .tit{ padding:0 0.4rem; line-height: 1.4rem;}
	.case-list li .box .tit p{  font-size: 0.36rem; }
	.case-list li .box .tit span{ font-size: 0.24rem;}
	.case-list li .box .tit i{  margin: 0 0.2rem;}


	/* ========== */
	/* = CASE-DETAIL = */
	/* ========== */
	.case-detail-bg{ background: none;}
	.case-detail{ padding-top:1rem; }
	.case-detail .letter{  font-size:1.5rem; }
	.case-left{ width: 100%;}
	.case-left .top-box{ padding: 0.53333333rem;}
	.case-left .top-box:before{ width: 100%;}
	.case-left .top-box .title{ width: 100%; padding-right: 1.33333333rem; font-size:0.45333333rem;}
	.case-left .top-box .title .heart{ padding-left: 0.55rem; font-size: 0.37333333rem;}
	.case-left .top-box .title .heart:before{ top:50%; margin-top: -0.25rem; width: 0.5rem; height: 0.5rem;}
	.case-left .top-box .des{ margin-top: 0.66666666rem; padding: 0.4rem;}
	.case-left .top-box .box:first-child{width: 100%;}
	.case-left .top-box .box:last-child{ margin-top: 0.66666666rem; width: 100%;}
	.case-left .top-box .box .tit span{ font-size: 0.38rem; padding-left: 0.53333333rem;}
	.case-left .top-box .box .tit span:before{ width:0.4rem;}
	.case-left .top-box .box .tit p{ padding-left: 0.53333333rem; font-size: 0.26666666rem;}
	.case-left .top-box .box .con{ margin-top: 0.26666666rem; font-size: 0.32rem; line-height: 0.64rem;}
	.case-left .top-box .box li,
	.case-left .top-box .box li:nth-child(2),
	.case-left .top-box .box li:nth-child(3),
	.case-left .top-box .box li:nth-child(3n-2){ width: 100%; padding-left: 0; border-top: 1px solid #E0E0E0;}
	.case-left .top-box .box li:after{ display: none;}
	.case-left .top-box .box li p{padding-left:0.6rem; font-size: 0.32rem; line-height: 0.64rem;}
	.case-left .top-box .box li p i{ top:0.07rem; width: 0.5rem; height: 0.5rem;}
	.case-left .swiper-button-prev,
	.case-left .swiper-button-next{ bottom:-0.13333333rem; width: 0.73333333rem; height:0.90666666rem;}
	.case-left .swiper-button-prev{ right: 0.73333333rem;}
	.case-right{ margin-top: 1rem; width: 100%;padding: 0.53333333rem 0.4rem;}
	.case-right .name{ font-size: 0.4rem;}
	.case-right .pos{ font-size: 0.34rem;}
	.case-right .des{ font-size:0.32rem; line-height: 0.64rem;}
	.case-right .bt-con{ padding: 0.4rem 0 0.53333333rem;}
	.case-right .tit{ margin: 0.6rem 0; font-size:0.4rem; }
	.case-right .button{ font-size: 16px;}


	/* ========== */
	/* = THREED = */
	/* ========== */
	.threed{ padding:1rem 0;}
	.three-list{ padding:0.8rem 0;}
	.three-list li{ width: 100%;}
	.three-list li:nth-child(3n){ margin-right: 0;}
	.three-list li .box .ico{  margin-top:-0.26666666rem; margin-left: -0.4rem; width: 0.8rem; height: 0.53333333rem;}



	/* ========== */
	/* = SITE = */
	/* ========== */
	.site{ padding:0.36rem 0 0.1rem;}
	.site-list{ margin-bottom:1rem;}
	.site-list li{ margin-top: 0.66666666rem; }
	.site-list li .box{ padding: 0.53333333rem; display: block;}
	.site-list li .box .text{ width:100%;}
	.site-list li .box .text .tit{ padding-bottom: 0.53333333rem; font-size: 0.4rem; padding-right: 2.66666666rem;}
	.site-list li .box .text .tit span{ padding-left: 0.7rem;}
	.site-list li .box .text .tit span:before{ width: 0.5rem; height: 0.5rem; margin-top: -0.25rem;}
	.site-list li .box .text .des{ margin-top: 0.66666666rem; font-size:0.32rem; line-height:0.8rem;}
	.site-list li .box .text .des span{padding-left: 0.7rem; }
	.site-list li .box .text .des span:before{ top:0.15rem; width: 0.5rem; height: 0.5rem; }
	.site-list li .box .img{ margin-top: 0.6rem; width:100%;}
	.site-list li .process{ padding: 0.53333333rem 0.26666666rem;}
	.site-list li .process:after{top:-0.3rem; right:6%; border-width: 0 0.4rem 0.4rem; }
	.site-list li .process div{ font-size: 0.29333333rem;}
	.site-list li .process div img{ width: 0.8rem;}
	.site-list li .process div span{ margin-left: 0; display: block;}
	.site-list li .process .ico{  width: 0.4rem; height: 0.4rem;}

	/* ========== */
	/* = SITE_DETAIL = */
	/* ========== */
	.site-detail{ padding:1rem 0;}
	.site-detail .content{ padding: 0.53333333rem; background: #FFFFFF;}
	.site-detail-box{ display: block;}
	.site-detail-box .text{width:100%;}
	.site-detail-box .text .tit{ padding-bottom: 0.53333333rem; font-size: 0.4rem; padding-right: 2.66666666rem;}
	.site-detail-box .text .tit span{ padding-left: 0.7rem;}
	.site-detail-box .text .tit span:before{ width: 0.5rem; height: 0.5rem; margin-top: -0.25rem;}
	.site-detail-box .text .des{ margin-top: 0.66666666rem; font-size:0.32rem; line-height:0.8rem;}
	.site-detail-box .text .des span{ margin: 0.13333333rem 0; width: 100%; padding-left: 0.7rem; }
	.site-detail-box .text .des span:before{ top:0.15rem; width: 0.5rem; height: 0.5rem; }
	.site-detail-box .text .des span:nth-child(2n-1){width: 100%;}
	.site-detail-box .img{ margin-top: 0.8rem; width:100%;}
	.site-detail .process{ margin-top:1rem;}
	.site-detail .process li:before{display: none;}
	.site-detail .process div{ padding: 0; font-size: 0.29333333rem;}
	.site-detail .process div em{ width: 0.8rem;}
	.site-detail .process div em:after{ display: none;}
	.site-detail .process div span{ margin-left: 0; display: block;}
	.site-detail .process .ico{  width: 0.4rem; height: 0.4rem; right:-0.2rem; margin-top: -0.28rem;}

	.site-detail-list{ margin-top:1.2rem;}
	.site-detail-list li{ padding-bottom:0.8rem; padding-left:1rem;}
	.site-detail-list li:before{ top:0.8rem; left:0.5rem;}
	.site-detail-list li:last-child{ padding-bottom: 0;}
	.site-detail-list li .tit{  padding-right: 1.6rem; line-height:0.8rem; position:relative;}
	.site-detail-list li .tit:before{ width: 0.7rem; height: 0.7rem; left:-0.8rem; margin-top:-0.35rem;}
	.site-detail-list li .tit h2{ font-size:0.34rem;}
	.site-detail-list li .tit i{ margin-left:0.13333333rem; font-size: 0.3rem;}
	.site-detail-list li .bt{ width: 1.6rem;}
	.site-detail-list li .bt .swiper-button-next,
	.site-detail-list li .bt .swiper-button-prev{ width: 0.8rem; height:0.8rem;}
	.site-detail-list li .des{ margin-top:0.53333333rem; font-size:0.3rem; line-height: 0.6rem; padding: 0.4rem;}
	.site-detail-list li .swiper-site-img{ margin-top:0.53333333rem;}
	.site-flip{ padding:0.8rem 0.53333333rem;}
	.site-flip a{  font-size:0.32rem;}
	.site-flip a:before{width: 0.53333333rem; height:0.53333333rem; margin-top:-0.26666666rem;}
	.site-flip a:first-child{ padding-left:0.55rem;}
	.site-flip a:last-child{ padding-right: 0.55rem;}

	.site-form{ padding:1rem 0;}
	.site-form .con{ margin-top: 0.66666666rem; font-size: 0.34rem;}
	.site-form .con span{  margin-bottom:0.4rem; width: 100%; margin-right: 0;}
	.site-form .con span:nth-child(2n){ margin-right: 0;}
	.site-form .con span i{ left:15px; line-height: 1.4rem;}
	.site-form .con span input,
	.site-form .con span select{ height:1.4rem; line-height: 1rem; padding: 0.2rem 0;}
	.site-form .con .select-div{ padding:0;  position:relative;}
	.site-form .con .select-div select{ padding: 0 30px;}
	.site-form .con .select-div:after{ right:0.4rem; margin-top:-0.12rem; border-left:0.2rem solid transparent; border-right:0.2rem solid transparent;border-top:0.2rem solid #7d7d7d;}
	.site-form .button{ padding: 0 0.7rem; line-height:1.2rem;}
	.site-form .button:after{ margin-top:-0.8rem; width:1.6rem; height:1.6rem;}
	.site-form .tip{ margin-left:0.4rem; font-size:0.36rem; line-height:0.42rem; color: #999999;}
	.site-form .tip i{ font-style: normal; color: #b60000;}

}



/* ========== */
/* = ALLINCLUSIVE = */
/* ========== */
.allinclusive-theme{ text-align: center; font-weight: bold; font-size:40px; color: #333333;}
.allinclusive-theme span{ color: #c61616;}
.allinclusive-banner{ position: relative;}
.allinclusive-banner img{ width: 100%;}
.allinclusive-form{ position: absolute; top:12%; right:9%; max-width: 350px; width: 30%;  z-index:2;}
.allinclusive-form .box{padding:50px 35px; float: right; color: #FFFFFF; background: rgba(0,0,0,.62);}
.allinclusive-form .box .text{ text-align: center; font-weight: bold; font-size: 20px; background: url(../images/banner_form_line.png) no-repeat center;}
.allinclusive-form .box .des{ margin: 15px 0 20px; font-size: 16px; text-align: center;}
.allinclusive-form .box .in{ margin-bottom: 15px; width: 100%; height:44px; line-height: 24px; padding: 10px 20px; background: #FFFFFF; border: none; font-size: 14px; color:#333;}
.allinclusive-form .box .button{ width: 100%; height: 47px; font-size: 20px; text-align: center; background: #b60000; border: none; color: #FFFFFF;}
.allinclusive-form .box .tip{ margin-top: 20px; text-align: center; font-size: 14px; line-height: 26px;}
.allinclusive-form .box .tip span{ font-weight: bold;}

@media (max-width:1650px){
	.allinclusive-form{ top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.allinclusive-form .box{ padding:30px 20px;}
}

.allinclusive-box-bg{ background: #FFFFFF;}
.allinclusive-box{ padding: 75px 0 95px;}
.allinclusive-box li{ margin-top: 75px; float: left; width: 14.28%; text-align: center;}
.allinclusive-box li p{ margin-top: 5px; font-size: 24px; }
.allinclusive-quetion{ padding-top: 80px; background: #f8f8f8;}
.allinclusive-quetion .content{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.allinclusive-quetion .img{ width: 30%;}
.allinclusive-quetion .text{ width: 70%;}
.allinclusive-quetion .allinclusive-theme{ text-align: right;}
.allinclusive-quetion .allinclusive-theme i{ font-style: normal; font-size: 30px;}
.allinclusive-quetion ul{ padding: 95px 0 40px;}
.allinclusive-quetion li{ float: left; width: 16.666666%; text-align: center;}
.allinclusive-quetion li .box{ background: #FFFFFF; padding: 45px 0; font-size: 24px; line-height: 34px; color: #3c3c3c; position: relative;}
.allinclusive-quetion li .box i{ position: absolute; top:-5px; left:5px; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_ques.png);}
.allinclusive-quetion li .box:hover{ background: #e60012; color: #FFFFFF;}
.allinclusive-quetion li .box:hover i{ background-image: url(../images/ico_ques2.png);}

.allinclusive-promise{ padding: 75px 0; background: #FFFFFF;}
.allinclusive-promise ul{ margin: 0 -5px;}
.allinclusive-promise li{ margin-top: 50px; float: left; width: 33.333%; padding: 0 5px; text-align: center;}
.allinclusive-promise li p{ margin-top: 25px; font-size: 18px; color: #333333;}

.allinclusive-style{ padding:75px 0 20px; background-image: url(../images/allinclusive_style.jpg);}
.allinclusive-style .allinclusive-theme{ padding-bottom: 30px; color: #FFFFFF; border-bottom: 1px solid rgba(255,255,255,.1);}
.allinclusive-style .tab{ margin-top: 40px; text-align: center; color: rgba(255,255,255,.5); font-size: 12px;}
.allinclusive-style .tab span{ cursor: pointer;}
.allinclusive-style .tab span i{ margin: 0 50px; display: inline-block; vertical-align: middle; font-style: normal; font-size: 20px; }
.allinclusive-style .tab span.active i{ font-weight: bold; color: #FFFFFF;}
.allinclusive-style .js-tab-con{ height:0; overflow: hidden;}
.allinclusive-style .js-tab-con.active{ height: auto;}
.swiper-allinclusive-style{ padding: 140px 0;}
.swiper-allinclusive-style .box{ position: relative;}
.swiper-allinclusive-style .box:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.swiper-allinclusive-style .box .ico-heart{ display: none; position: absolute; z-index: 1; top:19px; right:20px; line-height:18px; padding-left:24px; font-style: normal; color: #FFFFFF; font-size: 13px;}
.swiper-allinclusive-style .box .ico-heart:before{ content: ""; position: absolute; top:0; left:0; background-image: url(../images/ico_heart.png); width:18px; height: 18px; background-size:cover;}
.swiper-allinclusive-style .box .text{ display: none; position: absolute; padding-right: 220px; bottom: 0; left:0; width: 100%; background: rgba(0,0,0,.7); padding: 15px 30px; color: #FFFFFF; font-size: 12px;}
.swiper-allinclusive-style .box .text span{ margin-right: 50px; display: inline-block; color: #FFFFFF;}
.swiper-allinclusive-style .box .text .ico-zx{ position: absolute; margin-top: -13px; top:50%; right:20px; padding:5px 20px 5px 30px; background:#FFFFFF; color: #d50012;}
.swiper-allinclusive-style .swiper-slide-active{ position: relative;z-index: 1; transform: scale(1.4); -webkit-transform: scale(1.4);}
.swiper-allinclusive-style .swiper-slide-active .box:after{ display: none;}
.swiper-allinclusive-style .swiper-slide-active .ico-heart{ display: block;}
.swiper-allinclusive-style .swiper-slide-active .box .text{ display: block;}
.swiper-allinclusive-style .swiper-button-prev,
.swiper-allinclusive-style .swiper-button-next{ position: absolute; width: 120px; height: 50px; margin-top: -25px; background-size: cover;}
.swiper-allinclusive-style .swiper-button-prev{ left:15%; background-image: url(../images/allinclusive_style_prev.png);}
.swiper-allinclusive-style .swiper-button-next{ right:15%; background-image: url(../images/allinclusive_style_next.png);}

.allinclusive-brand{ padding: 80px 0; background-image: url(../images/allinclusive_brand_bg.jpg);}
.allinclusive-brand .content{ margin-top:35px; position: relative;  display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.allinclusive-brand .content .img{ width: 60%;}
.allinclusive-brand .content .con{ position: absolute; margin-top: -160px; top:50%; right:0; width: 100%;}
.allinclusive-brand .content .con ul{ float: right; width: 42%;}
.allinclusive-brand .content .con li{ float: left; width: 25%; padding: 5px;}
.allinclusive-brand .content .con li .box{ border: 1px solid #e5e5e5;}

.allinclusive-quality{ padding-top: 76px; background: #fcfcfc; position: relative; z-index: 1;}
.allinclusive-quality .bg{ position: absolute; bottom:-55%; right:2%; max-width:18%;}
.allinclusive-quality ul{ margin:50px -10px 0; }
.allinclusive-quality li{ float: left; width: 33.3333%; padding: 0 10px;}
.allinclusive-quality .box{ position: relative;}
.allinclusive-quality .box img{ width: 100%;}
.allinclusive-quality .box .tit{ position: absolute; bottom: 0; left:0; width: 100%; background: rgba(0,0,0,.8); color: #FFFFFF; font-size: 24px; font-weight: bold;  padding:25px; text-align: center;}
.allinclusive-quality .box .text{ position: absolute; bottom: 0; left:0; width: 100%; height:0%;  overflow: hidden; overflow: hidden; background: rgba(0,0,0,.8); color: #FFFFFF; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.allinclusive-quality .box .text .con{ width: 100%; padding: 25px; }
.allinclusive-quality .box .text .con .titt{ font-size: 24px; font-weight: bold; padding-bottom:10%; position: relative;}
.allinclusive-quality .box .text .con .titt:after{ content: ""; position: absolute; bottom: 0; left:0; width: 50px; border-bottom: 1px solid rgba(255,255,255,.5);}
.allinclusive-quality .box .text .con .des{ margin-top:8%; font-size: 16px; line-height: 50px;}
.allinclusive-quality .box:hover .tit{ display: none;}
.allinclusive-quality .box:hover .text{ height: 100%;}

.allinclusive-commitment{ padding: 80px 0 100px; background: #FFFFFF; z-index:0; position:relative;}
.allinclusive-commitment .content{ padding-top: 75px; border-top: 1px solid #e5e5e5;}
.allinclusive-commitment li{ margin-top: 60px; float: left; width: 33.3333%; padding: 0 8px;}
.allinclusive-commitment .box{ background:#FFFFFF; -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1); box-shadow:0 15px 20px rgba(0,0,0,.1);}
.allinclusive-commitment .box .tit{ padding: 25px 10px; border-bottom: 1px solid #e5e5e5; text-align: center;}
.allinclusive-commitment .box .tit img{ display: inline-block; vertical-align: middle;}
.allinclusive-commitment .box .tit span{ display: inline-block; vertical-align: middle; font-size: 20px; margin-left: 20px;}
.allinclusive-commitment .box .des{ padding: 25px 10px 60px; text-align: center; font-size: 24px; line-height: 50px; color: #333333;}


/* ========== */
/* = RENOVATION = */
/* ========== */
.renovation-box{ padding:90px 0 45px; background-image: url(../images/renovation_bg.jpg);}
.renovation-box ul{ margin:0 -18px 75px;}
.renovation-box li{ float: left; width: 25%; padding: 0 18px;}
.renovation-box li .box{ background: #FFFFFF; position: relative; -webkit-box-shadow:0 0 20px rgba(0,0,0,.03); box-shadow:0 0 20px rgba(0,0,0,.03);}
.renovation-box li .box .bg{ position: absolute; z-index: 0; top:0; right:0;}
.renovation-box li .box .con{ position:relative; z-index: 1; padding: 40px 20px 20px;}
.renovation-box li .box .tit{ font-size: 20px; color: #333333; font-weight: bold;}
.renovation-box li .box .des{ margin-top: 10px; font-size: 16px;}
.renovation-box li .box .ico{ margin-top: 25px;}
.renovation-box li .box .ico img{ margin: 0;}
.renovation-box li .box .img{ position: relative; z-index: 1;}

.renovation-reform .js-tab-con{ display:none;}
.renovation-reform .js-tab-con.active{ display: block;}
.renovation-reform .js-tab-con .box{ float: left; width: 50%; position: relative;}
.renovation-reform .js-tab-con .box img{ width: 100%;}
.renovation-reform .js-tab-con .box span{ position: absolute; top:0; left:78px; width: 78px; background: #3d3c44; font-size: 30px; font-weight: bold; line-height: 34px; color: #f3d372; padding: 20px 25px 50px; border-radius: 0 0 38px 38px; text-align: center;}
.renovation-reform .js-tab-con .box:nth-child(2) span{ background: #c61616; color: #FFFFFF;}
.renovation-reform .tab{ background: #FFFFFF; -webkit-box-shadow:0 0 10px rgba(0,0,0,.03); box-shadow:0 0 10px rgba(0,0,0,.03);}
.renovation-reform .tab span{ float: left; width: 16.66666%; padding: 40px 0; text-align: center; position: relative; cursor: pointer;}
.renovation-reform .tab span:before{ content: ""; position: absolute; top:50%; margin-top: -25px; left:0; background: #e5e5e5; width: 1px; height: 50px;}
.renovation-reform .tab span:nth-child(1):before{ display: none;}
.renovation-reform .tab span i{ display: inline-block; vertical-align: middle;}
.renovation-reform .tab span i .default{ display: block;}
.renovation-reform .tab span i .hover{ display: none;}
.renovation-reform .tab span em{ margin-left: 12px; display:inline-block; vertical-align: middle; font-style: normal; font-size: 20px; color: #333333; font-weight: bold;}
.renovation-reform .tab span.active{ background: #d30909; color: #FFFFFF;}
.renovation-reform .tab span.active em{ color: #FFFFFF; }
.renovation-reform .tab span.active i .default{ display: none;}
.renovation-reform .tab span.active i .hover{ display: block;}
.renovation-reform .tab span:before{ display: none;}

.renovation-system{ padding: 80px 0;}
.renovation-system ul{ margin-top: 45px;}
.renovation-system li{ float: left; width: 32%; margin-right: 2%;}
.renovation-system li:nth-child(3n){ margin-right: 0;}
.renovation-system li .box{ padding: 100px 0; text-align: center; color: #FFFFFF; position: relative;}
.renovation-system li .box:after{ content: ""; position:absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.renovation-system li .box .tit{ position: relative; z-index: 1; font-weight: bold; font-size: 24px;}
.renovation-system li .box p{ margin-top: 18px;  position: relative; z-index: 1; text-align: center;}
.renovation-system li .box p span{ position: relative; font-size: 18px; display: inline-block;}
.renovation-system li .box p span i{ position:absolute; display: block; top:50%; height: 1px; width: 50px; background:rgba(255,255,255,.3);}
.renovation-system li .box p span i:before{ content: ""; position:absolute; top:-3px; width: 6px; height: 6px; background:rgba(255,255,255,.3); border-radius: 100%;}
.renovation-system li .box p span i:nth-child(1){ left:-70px;}
.renovation-system li .box p span i:nth-child(1):before{ right:-6px;}
.renovation-system li .box p span i:nth-child(2){ right:-70px;}
.renovation-system li .box p span i:nth-child(2):before{ left:-6px;  }

.renovation-order{ padding:50px 0; background-image: url(../images/renovation_order.png);}
.renovation-order .content{ position:relative; padding-left: 500px;}
.renovation-order .text{ position: absolute; top:-15px; left:0;}
.renovation-order .text .tit{ font-size: 24px; color:#333333; }
.renovation-order .text .tip{  margin-top: 5px; font-size: 14px;}
.renovation-order .text .tip span{ color: #d5030e;}
.renovation-order .text .en{ margin-top:8px; font-size: 12px; color: #bcbcbc; text-transform: uppercase;}
.renovation-order .in{ float: left; width: 23%; margin-right: 2%; background: #FFFFFF; border: 1px solid #eeeeee;}
.renovation-order .in input{ padding: 0 15px; width: 100%; height:40px; line-height: 38px; background: none; border:none; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.renovation-order .bt{ float: left; width: 23%; border: 1px solid #eeeeee; line-height: 38px; height: 40px;}
.renovation-order .bt input{ width: 100%; height: 40px; background: #d5030e; border: 1px solid #d5030e; color:#FFFFFF; appearance: none;-moz-appearance: none; -webkit-appearance: none;}

@media (max-width:999px){

	/* ========== */
	/* = ALLINCLUSIVE = */
	/* ========== */
	.allinclusive-theme{ font-size: 0.53333333rem;}
	.allinclusive-form{ position:relative; top:auto; right:auto; max-width:100%; width:100%;}
	.allinclusive-form .box{padding:0.53333333rem; }
	.allinclusive-form .box .button{ font-size: 16px;}

	.allinclusive-box{ padding:1rem 0;}
	.allinclusive-box li{ margin-top:1rem; width: 25%;}
	.allinclusive-box li p{ margin-top:0.13333333rem; font-size:0.4rem; }
	.allinclusive-quetion{ padding-top:1rem;}
	.allinclusive-quetion .content{ display: block;}
	.allinclusive-quetion .img{ width:100%;}
	.allinclusive-quetion .img img{ width: 50%;}
	.allinclusive-quetion .text{ margin-top: 0.8rem; width: 100%;}
	.allinclusive-quetion .allinclusive-theme{ text-align: center;}
	.allinclusive-quetion .allinclusive-theme i{font-size: 0.4rem;}
	.allinclusive-quetion ul{ padding:1rem 0;}
	.allinclusive-quetion li{ width: 33.333%;}
	.allinclusive-quetion li .box{ padding: 0.66666666rem 0; font-size: 0.4rem; line-height:0.53333333rem;}
	.allinclusive-quetion li .box i{ width:0.6rem; height: 0.6rem;}

	.allinclusive-promise{ padding: 1rem 0;}
	.allinclusive-promise ul{ margin: 0;}
	.allinclusive-promise li{ margin-top: 0.66666666rem; width:50%;}
	.allinclusive-promise li:nth-child(2n+1){ clear: both;}
	.allinclusive-promise li p{ margin-top:0.26666666rem; font-size:0.32rem; line-height: 0.64rem;}

	.allinclusive-style{ padding:1rem 0 0; }
	.allinclusive-style .allinclusive-theme{ padding-bottom: 0.4rem; }
	.allinclusive-style .tab{ margin-top:0.5rem; }
	.allinclusive-style .tab span i{ margin: 0 0.26666666rem; font-size: 0.34rem; }
	.swiper-allinclusive-style{ padding:1rem 0;}
	.swiper-allinclusive-style .box .ico-heart{ top:0.26666666rem; right:0.4rem; line-height:0.4rem; padding-left:0.6rem; font-size: 0.26666666rem;}
	.swiper-allinclusive-style .box .ico-heart:before{ width: 0.4rem;  height: 0.4rem;}
	.swiper-allinclusive-style .box .text{ padding-right: 4rem;}
	.swiper-allinclusive-style .box .text span{ margin-right: 0.2rem; line-height: 0.5rem; font-size: 0.22rem;}
	.swiper-allinclusive-style .box .text .ico-zx{ right:0.2rem; margin-top: -0.25rem; padding: 0.13333333rem 0.26666666rem 0.13333333rem 0.4rem;}
	.swiper-allinclusive-style .swiper-slide-active{ transform: scale(1); -webkit-transform: scale(1);}
	.swiper-allinclusive-style .swiper-button-prev,
	.swiper-allinclusive-style .swiper-button-next{ width: 1.73333333rem; height:0.66666666rem; margin-top:-0.333333rem;}
	.swiper-allinclusive-style .swiper-button-prev{ left:0.3rem;}
	.swiper-allinclusive-style .swiper-button-next{ right:0.3rem}

	.allinclusive-brand{ padding: 1rem 0;}
	.allinclusive-brand .content{ margin-top: 0.53333333rem; display: block;}
	.allinclusive-brand .content .img{ width: 100%;}
	.allinclusive-brand .content .con{ position: relative; margin-top: 0; top:auto; }
	.allinclusive-brand .content .con ul{ margin-top: 0.66666666rem; float: none; width: 100%;}

	.allinclusive-quality{ padding-top:1rem;}
	.allinclusive-quality .bg{ bottom:-2rem;}
	.allinclusive-quality ul{ margin:0.66666666rem 0 0; }
	.allinclusive-quality li{ margin-bottom: 0.53333333rem; width: 100%; padding:0;}
	.allinclusive-quality .box .tit{ padding: 0.4rem; font-size: 0.4rem;}
	.allinclusive-quality .box .text .con{padding:0.6rem; }
	.allinclusive-quality .box .text .con .titt{ font-size: 0.4rem;}
	.allinclusive-quality .box .text .con .des{ font-size: 0.34rem; line-height: 0.68rem;}

	.allinclusive-commitment{ padding: 1rem 0;}
	.allinclusive-commitment .content{ padding-top: 1.06666666rem; }
	.allinclusive-commitment li{ margin-top: 0.8rem; width: 100%;}
	.allinclusive-commitment .box .tit{ padding: 0.4rem 0.26666666rem;}
	.allinclusive-commitment .box .tit img{ width: 0.8rem;}
	.allinclusive-commitment .box .tit span{font-size: 0.4rem; margin-left: 0.4rem;}
	.allinclusive-commitment .box .des{ padding:0.4rem 0.26666666rem; font-size: 0.4rem; line-height:0.8rem;}


	/* ========== */
	/* = RENOVATION = */
	/* ========== */
	.renovation-box{ padding:1rem 0;}
	.renovation-box ul{ margin:0 -0.13333333rem 1.06666666rem;}
	.renovation-box li{ margin-bottom: 0.66666666rem; width: 50%; padding: 0 0.13333333rem;}
	.renovation-box li .box .bg{ width: 2rem;}
	.renovation-box li .box .con{ padding: 0.53333333rem 0.26666666rem 0.26666666rem;}
	.renovation-box li .box .tit{ font-size: 0.42rem;}
	.renovation-box li .box .des{ margin-top: 0.25rem; font-size: 0.34rem; line-height: 0.68rem;}
	.renovation-box li .box .ico{ margin-top: 0.26666666rem;}
	.renovation-reform .js-tab-con .box span{ left:0.4rem; width: 0.8rem; font-size:0.3rem; line-height:0.4rem; padding:0.26666666rem 0.2rem 0.4rem; border-radius: 0 0 0.4rem 0.4rem;}
	.renovation-reform .tab span{ padding:0.35rem 0;}
	.renovation-reform .tab span i{ width: 0.7rem;}
	.renovation-reform .tab span em{ margin-top: 0.05rem; margin-left:0; font-size:0.32rem;}
	.renovation-system{ padding: 1.06666666rem 0;}
	.renovation-system ul{ margin-top:0.53333333rem;}
	.renovation-system li { width: 100%; margin-bottom: 0.4rem;}
	.renovation-system li .box{ padding:1.7rem 0; }
	.renovation-system li .box .tit{font-size: 0.42rem;}
	.renovation-system li .box p{ margin-top: 0.2rem;}
	.renovation-system li .box p span{font-size: 0.34rem;}
	.renovation-order{ padding:1rem 0;}
	.renovation-order .content{ padding-left: 0; }
	.renovation-order .text{ position: relative; top:auto; left:auto;}
	.renovation-order .text .tit{ font-size: 0.53333333rem; }
	.renovation-order .text .tip{  margin-top: 0.13333333rem; font-size: 0.26666666rem;}
	.renovation-order .text .en{ margin-top:0.13333333rem; font-size: 0.26666666rem;}
	.renovation-order .in{ margin-top: 0.4rem; width:100%; margin-right:0;}
	.renovation-order .in input{ padding: 0 0.13333333rem; }
	.renovation-order .bt{margin-top: 0.4rem;  width:100%;}

}




/* ========== */
/* = MAILBOX = */
/* ========== */
.mailbox-bg{  background-position: top center; background-image:url(../images/mailbox_bg.jpg);}
.mailbox{ padding:55px 0 90px;}
.mailbox .content{ background: #FFFFFF; padding: 50px 47px 75px;}
.mailbox .type{ position: relative; padding-left: 127px; line-height: 40px;}
.mailbox .type>span{ position: absolute; top:0; left:0; font-size: 20px;}
.mailbox .type a{ padding: 0 40px; display: inline-block; vertical-align: middle;}
.mailbox .type a i{ display: inline-block; vertical-align: middle; width:30px; height:30px; background-image: url(../images/ico_mail.png); background-size: cover;}
.mailbox .type a span{ margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 16px;}
.mailbox .type a:hover{ color: #b60000;}
.mailbox .type a.active{ background: #b60000; color: #FFFFFF;}
.mailbox .con{ margin-top: 10px; font-size: 16px; }
.mailbox .con span{ display: block; float: left; margin-top:38px; width: 45%; margin-right: 10%; border: 1px solid #d2d2d2; padding-left: 30px; position: relative;}
.mailbox .con span:nth-child(2n){ margin-right: 0;}
.mailbox .con span i{ position: absolute; top:0; left:20px; color: #b60000; line-height: 60px; font-style: normal;}
.mailbox .con span input{ height:60px; line-height: 24px; padding:18px 10px; width: 100%; background: none; border: none;appearance: none;-moz-appearance: none; -webkit-appearance: none; }
.mailbox .con span:last-child{ width: 100%; margin-right: 0;}
.mailbox .con span:last-child textarea{ height: 160px; padding: 18px 10px; width: 100%; border: none; background: none;}
.mailbox .bottom{ margin-top: 65px; width: 100%;}
.mailbox .bottom .left{ float: left; font-size: 20px; width: 50%;}
.mailbox .bottom .left .text{ float: left;line-height: 54px; }
.mailbox .bottom .button{ float: right; width: 45%; background: #b60000; color: #FFFFFF; line-height: 54px; font-size: 20px;}


/* ========== */
/* = SERVICE = */
/* ========== */
.service-bg{ background-image:url(../images/service_bg.jpg);}
.service-box{ padding: 90px 0 135px; position: relative; overflow: hidden;}
.service-box .letter{ position: absolute; right:-15%; bottom:-40px; font-size: 129px; color: #FFFFFF; text-transform: uppercase; font-weight: bold;}
.service-box .w1400{ position:relative; z-index: 1; }
.service-box ul{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.service-box li{ margin-top: 45px; }
.service-box li .border{ padding: 10px; width:208px; height: 208px; background: #FFFFFF; border-radius: 100%; -webkit-box-shadow:0 0 20px rgba(0,0,0,.1); box-shadow:0 0 20px rgba(0,0,0,.1);}
.service-box li .box{ display: block; position:relative; width: 188px; height: 188px; padding: 10px; border-radius: 100%; background-size: cover;}
.service-box li .con{ width: 168px; height: 168px; border-radius: 100%; border: 1px dashed #eeeeee;}
.service-box li .text{ position: absolute; top:50%; margin-top:-20px; left:0; width: 100%; text-align: center; line-height: 40px; font-size: 30px; color: #d30909; font-weight: bold;}
.service-box li:hover .box{ background-image: url(../images/service_cricle.png); }
.service-box li:hover .text{ color: #FFFFFF;}

.service-guarantee{ padding: 80px 0 90px; background-image: url(../images/service_guarantee_bg.jpg);}
.service-guarantee .ny-theme{ border-bottom: 2px solid #d9d9d9; padding-bottom: 50px;}
.service-guarantee .tit{ margin:60px 0 40px; font-size: 30px; text-align: center; color: #d72222; font-weight:bold;}
.service-guarantee .service-ul li{ float: left; width: 31%; margin-right: 2%; margin-bottom: 20px; }
.service-guarantee .service-ul li .box{ min-height: 278px; background: #FFFFFF; padding:20px 23px 10px; border-radius: 10px; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1);}
.service-guarantee .service-ul li .box .num{ font-size: 54px; color:#ececec; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5;}
.service-guarantee .service-ul li .box .text{ margin-top: 15px; font-size: 17px; line-height: 36px; color: #333333; text-align: justify;}
.service-guarantee .service-ul li:last-child .box{ padding-top:20%; text-align: center;}
.service-guarantee .service-ul li:last-child .box .des{ color: #FFFFFF;}
.service-guarantee .service-ul li:last-child .box .des p{ font-size: 24px; line-height: 38px;}
.service-guarantee .service-ul li:last-child .box .des span{ margin: 0 auto;}
.service-guarantee .service-ul li:last-child .box .ny-more{ margin-top: 30px; width: 200px; line-height: 38px; font-size: 16px;}
.service-guarantee .service-time li{ float: left; width: 32%; margin-right:2%;}
.service-guarantee .service-time li:nth-child(3n){ margin-right: 0;}
.service-guarantee .service-time li .box{ background: #FFFFFF; padding: 30px 30px 10px; text-align: center; position: relative;}
.service-guarantee .service-time li .box:after{ content: ""; position: absolute; bottom: 0; left:0; width: 0; height: 4px; background: #b60000;}
.service-guarantee .service-time li .box span{ display: inline-block; background-image: url(../images/guarantee_ico.png); width: 70px; height: 80px; line-height: 70px; text-align: center; font-size: 22px; color: #FFFFFF; font-weight: bold;}
.service-guarantee .service-time li .box .des{ margin-top: 15px; font-size:18px; line-height: 32px; min-height:128px; color: #333333;}
.service-guarantee .service-time li .box:hover:after{ width: 100%;}

.service-store{ padding: 75px 0 65px; background-image: url(../images/service_store.jpg);}
.service-store .content{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.service-store .text{ width: 45%; color: #FFFFFF;}
.service-store .text .tit{ font-size: 40px; font-weight:bold; color: #FFFFFF;}
.service-store .text .tit span{ color: #d5b470; font-weight: bold;  background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top;}
.service-store .text .des{  margin-top: 35px; font-size: 30px;}
.service-store .text .tip{ margin-top: 70px; padding: 50px 0; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF;}
.service-store .text .tip span{ margin-bottom:20px; display: block; font-size: 24px; font-weight: bold;}
.service-store .text .tip p{ font-size: 20px; line-height: 42px;}
.service-store .img{ width: 47%;}



/* ========== */
/* = FAQ = */
/* ========== */
.faq{ padding: 50px 0 100px;}
.faq-list{ margin-bottom: 80px; background: #FFFFFF; padding: 0 47px 35px;}
.faq-list li{ padding:50px 0; border-bottom: 1px dashed #e5e5e5;}
.faq-list li .tit{ position: relative; font-size: 20px; line-height: 27px; padding-left: 55px; color:#333333; padding-right: 170px;}
.faq-list li .tit:before{ content: ""; position: absolute; top:0; left:0; width: 27px; height: 27px; background-image:url(../images/ico_question.png); background-size: cover;}
.faq-list li .tit .button{ position: absolute; right:0; top:0; width: 130px; text-align: center; line-height: 48px; background: #cbcbcb; color: #FFFFFF; font-size: 16px; padding-right:20px; cursor: pointer;}
.faq-list li .tit .button i{ position: absolute; top:50%; margin-top: -10px; right:30px; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-image:url(../images/faq_jia.png); background-size: cover;}
.faq-list li .tit .button2{ display: none; background: #be2b2b;}
.faq-list li .tit .button2 i{ background-image:url(../images/faq_jian.png);}
.faq-list li .des{ margin-top: 40px; position: relative; padding-left: 55px; font-size: 16px; line-height: 27px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.faq-list li .des:before{ content: ""; position: absolute; top:0; left:0; width: 27px; height: 27px; background-image:url(../images/ico_answer.png); background-size: cover;}
.faq-list li:last-child{ border-bottom: none;}
.faq-list li.active .tit .button1{ display: none;}
.faq-list li.active .tit .button2{ display: block;}
.faq-list li.active .des{ height: auto; overflow: initial; text-overflow:initial; white-space: initial; }
.faq-list li.active .des:before{background-image:url(../images/ico_answer2.png);}



/* ========== */
/* = MESSAGE = */
/* ========== */
.message{ background-image: url(../images/message_bg.jpg); padding:90px 0 120px;}
.message-box{ max-width: 1540px; width: 98%; margin:0 auto; position: relative;}
.message .content{ position: absolute; top:0; left:15%; width:70%; height: 100%; padding-top:5%; text-align: center;}
.message .content .tit{ margin-top: 10px; letter-spacing:10px; font-size: 36px; font-weight: bold; background-image:-webkit-linear-gradient(left,#7a492f,#99551a); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  -webkit-animation: blink 1s linear infinite; }

@keyframes blink{
	0%{ transform: scale(1);}
	100%{ -webkit-transform: scale(0.9);}
}
@-webkit-keyframes blink {
	0%{ transform: scale(1);}
	100%{ -webkit-transform: scale(0.9);}
}
.message .content .des{ margin-top: 20px; border-top: 1px solid #dcc1a9; padding-top: 3%; font-size: 24px; color: #875940; letter-spacing: 3px;}
.message .content .des span{ color: #e60012; font-weight: bold;}
.message .content .con{ margin-top: 6%;}
.message .content .con span{ float: left; width:22%; margin-right: 4%; height: 44px; border-bottom: 1px solid #78482f; position: relative;}
.message .content .con span:before,
.message .content .con span:after{ content: ""; position: absolute; bottom: 0; width: 1px; height: 7px; background: #78482f;}
.message .content .con span:before{ left:0;}
.message .content .con span:after{ right:0;}
.message .content .con span:nth-child(4n){ margin-right: 0;}
.message .content .con span input,
.message .content .con span select{ position: relative; z-index: 1; width: 100%; height: 44px; padding:10px 15px; line-height: 24px; border: none; background:none; appearance: none;-moz-appearance: none; -webkit-appearance: none;}
.message .content .con span input::-webkit-input-placeholder{ color: #78482f;}
.message .content .con span input:-moz-placeholder{ color: #78482f;}
.message .content .con span input::-moz-placeholder{ color: #78482f;}
.message .content .con span input:-ms-input-placeholder{ color: #78482f;}
.message .content .con span select{ padding: 0 15px; color: #78482f; appearance:none; -moz-appearance:none; -webkit-appearance:none; position: relative;}
.message .content .con span .select-down{ content: ""; position: absolute; right:10px; top:50%; width: 30px; height: 30px; margin-top: -15px; background-image:url(../images/select_down.png); background-size: cover;}
.message .content .div-button{ margin-top:14%;}
.message .content .div-button input{
	font-size: 20px; color: #78482f; width: 244px; height: 46px; line-height: 46px; border-radius: 23px;
	background: -moz-linear-gradient(right, #dcb495 0%, #f8ddc3 100%);
	background: -webkit-gradient(linear, right top, left bottom, color-stop(0%,#dcb495), color-stop(100%,#f8ddc3));
	background: -webkit-linear-gradient(right, #dcb495 0%,#f8ddc3 100%);
	background: -o-linear-gradient(right, #dcb495 0%,#f8ddc3 100%);
	background: -ms-linear-gradient(right, #dcb495 0%,#f8ddc3 100%);
	background: linear-gradient(to right, #dcb495 0%,#f8ddc3 100%);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,.4);
	box-shadow:0 0 20px rgba(0,0,0,.4);
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}


@media (max-width:1460px){
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service-box li .border{ width:168px; height: 168px;}
	.service-box li .box{ width: 148px; height: 148px;}
	.service-box li .con{ width: 128px; height: 128px; }
	.service-guarantee .service-ul li .box .text{ font-size: 16px; line-height:30px;}
	.service-guarantee .service-ul li:last-child .box .des p{ font-size: 16px; line-height: 30px;}
	.service-guarantee .service-time li .box .des{font-size: 16px; line-height: 30px;}
	.service-store .text .tit{ font-size: 36px; }
	.service-store .text .des{ font-size: 26px;}


	/* ========== */
	/* = MESSAGE = */
	/* ========== */
	.message .content .tit{ font-size: 30px; }
	.message .content .des{ margin-top: 15px; font-size: 20px;}
	.message .content .con{ margin-top: 5%;}
	.message .content .div-button{ margin-top:12%;}
}




@media (max-width:999px){
	/* ========== */
	/* = MAILBOX = */
	/* ========== */
	.mailbox{ padding:1rem 0;}
	.mailbox .content{ padding: 0.8rem 0.53333333rem;}
	.mailbox .type{padding-left: 0;}
	.mailbox .type>span{ position: relative; margin-bottom: 0.26666666rem; display: block; top:auto; left:auto; font-size:0.4rem;}
	.mailbox .type a{ padding: 0 0.4rem; display: inline-block; vertical-align: middle;}
	.mailbox .type a i{  width: 0.53333333rem; height: 0.53333333rem;}
	.mailbox .type a span{ margin-left:0.13333333rem; font-size: 0.34rem;}
	.mailbox .con{ font-size: 0.34rem;}
	.mailbox .con span{ margin-top:0.4rem; width: 100%; margin-right: 0;}
	.mailbox .con span:nth-child(2n){ margin-right: 0;}
	.mailbox .con span i{ line-height: 1.4rem;}
	.mailbox .con span input{ height:1.4rem; line-height: 1rem; padding: 0.2rem;}
	.mailbox .con span:last-child textarea{ height:3rem;padding:0.3rem 0.2rem;  line-height:0.64rem; }
	.mailbox .bottom{ margin-top:0.8rem;}
	.mailbox .bottom .left{  width: 100%; font-size:0.32rem;}
	.mailbox .bottom .left .text{  line-height:1rem; }
	.mailbox .bottom .button{ margin-top: 0.53333333rem; width: 100%; line-height:1.4rem; font-size:0.34666666rem;}


	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service-box{ padding:1rem 0;}
	.service-box .letter{ bottom:-0.4rem; font-size:1.2rem;}
	.service-box li{ margin-top: 0.66666666rem;}
	.service-box li .border{  width: 1.7rem; height:1.7rem; padding: 0.1rem;}
	.service-box li .box{ width: 1.5rem; height: 1.5rem; padding: 0.1rem; }
	.service-box li .con{ width: 1.3rem; height: 1.3rem;}
	.service-box li .text{ font-size: 0.4rem;}

	.service-guarantee{  padding:1rem 0;}
	.service-guarantee .ny-theme{ padding-bottom: 0.66666666rem;}
	.service-guarantee .tit{ margin:0.8rem 0 0.53333333rem; font-size: 0.48rem; }
	.service-guarantee .service-ul li{ width: 100%; }
	.service-guarantee .service-ul li .box{ min-height: 0;}
	.service-guarantee .service-ul li .box .num{  font-size:0.7rem; padding-bottom: 0.4rem;}
	.service-guarantee .service-ul li .box .text{ margin-top: 0.26666666rem; font-size:0.34rem; line-height: 0.68rem;}
	.service-guarantee .service-ul li:last-child .box{ padding:12% 0.4rem;}
	.service-guarantee .service-ul li:last-child .box .des p{ font-size: 0.4rem; line-height: 0.8rem;}
	.service-guarantee .service-ul li:last-child .box .ny-more{ margin-top: 0.4rem; width: 3rem; line-height:1rem; font-size: 0.34rem;}
	.service-guarantee .service-time li{ margin-bottom: 0.53333333rem; width:100%;}
	.service-guarantee .service-time li .box .des{font-size:0.34rem; line-height: 0.68rem; min-height: 0;}

	.service-store{ padding: 1rem 0;}
	.service-store .content{ display: block;}
	.service-store .text{ width: 100%;}
	.service-store .text .tit{ font-size: 0.66666666rem;}
	.service-store .text .des{  margin-top: 0.53333333rem; font-size: 0.46rem;}
	.service-store .text .tip{ margin-top: 0.8rem; padding: 0.8rem 0;}
	.service-store .text .tip span{ margin-bottom:0.26666666rem;  font-size: 0.4rem;}
	.service-store .text .tip p{ font-size:0.34rem; line-height: 0.68rem;}
	.service-store .img{ margin-top: 1rem; width:100%;}



	/* ========== */
	/* = FAQ = */
	/* ========== */
	.faq{  padding:1rem 0;}
	.faq-list{ margin-bottom: 0.8rem; padding: 0.53333333rem;}
	.faq-list li{ padding:0.8rem 0; }
	.faq-list li .tit{  padding-right: 2.2rem; font-size: 0.53333333rem; padding-left:1rem; line-height: 0.7rem; font-size: 0.4rem;}
	.faq-list li .tit:before{ top:0.05rem; width:0.6rem; height: 0.6rem; }
	.faq-list li .tit .button{  width: 2rem; line-height: 0.9rem; font-size: 0.33333333rem; padding-right:0.4rem;}
	.faq-list li .tit .button i{ right:0.3rem; margin-top: -0.2rem; width: 0.4rem; height: 0.4rem;}
	.faq-list li .des{ margin-top: 0.66666666rem; padding-left:1rem; line-height: 0.68rem; font-size: 0.34rem;}
	.faq-list li .des:before{ width:0.6rem; height: 0.6rem; }


	/* ========== */
	/* = MESSAGE = */
	/* ========== */
	.message{ padding: 1.2rem 0;}
	.message-box>img{ display: none;}
	.message .content{ position: relative; top:0; left:auto; width: 90%; margin: 0 auto; padding:10% 0;  background: #ead4bb;}
	.message .content img{ width: 2rem;}
	.message .content .tit{ margin-bottom: 0.2rem; font-size: 0.42666666rem; letter-spacing:0.05333333rem; }
	.message .content .des{ padding-top: 0.26666666rem; font-size: 0.32rem; letter-spacing: 0.02666666rem;}
	.message .content .con { padding: 0.66666666rem 0.53333333rem 0;}
	.message .content .con span{ margin-bottom: 0.53333333rem; width: 100%;}
	.message .content .div-button{ margin-top:0.6rem;}
	.message .content .div-button input{ width: 3rem; height:1rem; line-height: 1rem; font-size: 0.4rem;}

}




/* ========== */
/* = JOIN = */
/* ========== */
.join-box{ padding:11% 0 12%; position: relative;}
.join-box .img{ position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  left:0; max-width:35%;}
.join-box .text{ float: right; text-align: right; width:65%;}
.join-box .text .theme{ font-size: 60px; color: #d5b470; font-weight: bold;  background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top;}
.join-box .text .tip{ margin-top:15px; font-size: 40px; color: #333333; font-weight: bold;}
.join-box .text .des{ margin-top:10%; font-size: 20px; line-height: 70px;}
.join-box .letter{ position: absolute; bottom: 0; right:0; max-width:30%;}

.join-list{ padding: 80px 0;}
.join-list li .tit{ cursor: pointer; background: #FFFFFF; border-bottom: 1px solid #eaeaea; font-size: 0; padding-left: 5%;}
.join-list li .tit span{ padding: 35px 5px 35px 0; width:12%; text-align: center; font-size: 16px; color: #333333; display:inline-block; vertical-align: middle;}
.join-list li .top-tit{ cursor:auto; border: none; background:#b60000;}
.join-list li .top-tit span{  padding:22px 2px; font-size:20px; color: #FFFFFF;}
.join-list li .tit .span-1{ width:33%; text-align: left;}
.join-list li .tit .span-5{ width: 18%;}
.join-list li .tit .span-6{ padding: 0;}
.join-list li .tit .span-6 i{ display:inline-block; width: 20px; height:20px; background-image: url(../images/join_down.png); background-size: cover;}
.join-list li .con{ display: none; padding:50px 7% 60px; border-bottom: 1px solid #eaeaea; }
.join-list li .con .tip{ color: #333333; font-size: 18px;}
.join-list li .con .tipcon{ margin: 40px 0 50px; max-width: 980px;}
.join-list li .con .tipcon a{ margin-right: 20px; margin-bottom: 20px; display: inline-block; line-height: 26px; border:1px solid #e1af46; border-radius: 14px; color: #e1af46; padding: 0 35px; font-size: 16px;}
.join-list li .con .text{ margin-top:30px; line-height:32px; font-size: 16px; color: #999999; }
.join-list li .con .tip2{ margin-top:8%;}
.join-list li .con .mail-text{ color: #b60000; font-size:20px;}
.join-list li .con .mail-text:hover{ text-decoration:underline !important;}
.join-list li.active .tit{ border-bottom: 1px solid #b60000;}
.join-list li.active .tit span{ color: #b60000; }
.join-list li.active .top-tit span{ color: #FFFFFF; }
.join-list li.active .span-6 i{ background-image:url(../images/join_up.png);}

@media (max-width:1300px){
	.join-box .text .des{ font-size: 18px; line-height: 50px;}
}
@media (max-width:999px){

	/* ========== */
	/* = JOIN = */
	/* ========== */
	.join-box{ padding:1rem 0;}
	.join-box .img{ display: none;}
	.join-box .text{ float: none; text-align:center; width:100%;}
	.join-box .text .theme{ font-size: 0.7rem;}
	.join-box .text .tip{ margin-top: 0.26666666rem; font-size:0.53333333rem;}
	.join-box .text .des{ margin-top:0.4rem; font-size:0.32rem; line-height:0.64rem;}

	.join-list{ padding:1rem 0;}
	.join-list li .tit span{ width:21%; padding:0.4rem 0.02666666rem; font-size: 0.32rem;}
	.join-list li .tit .span-1{ width:35%; margin-right: 0;}
	.join-list li .tit .span-2,
	.join-list li .tit .span-3{ display: none;}
	.join-list li .con{ padding:0.66666666rem; }
	.join-list li .con .tip{ font-size:0.38rem;}
	.join-list li .con .tipcon{ margin: 0.53333333rem 0;}
	.join-list li .con .tipcon a{ margin-right: 0.13333333rem; margin-bottom: 0.3rem; font-size: 0.32rem; padding: 0 0.4rem;}
	.join-list li .con .text{ margin-top:0.66666666rem; font-size:0.32rem; line-height:0.64rem;}
	.join-list li .con .mail-text{ font-size:0.42rem;}

}



/* ========== */
/* = DESIGNER = */
/* ========== */
.designer{ padding: 75px 0 100px;}
.designer-list{ margin: 0 -17px 80px;}
.designer-list li{ float: left; margin-bottom: 30px; width: 50%; padding: 0 17px;}
.designer-box{ display:block; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; background:#FFFFFF;}
.designer-box .img{ width: 48%;}
.designer-box .text{ width:52%; padding: 0 5%;}
.designer-box .tit{ padding-bottom: 20px; border-bottom: 1px solid #cccccc; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.designer-box .tit span{ font-size: 27px; color: #d5b470; font-weight: bold;  background: url(../images/yellow_bg.png); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-position:left top;}
.designer-box .tit i{ font-style: normal; font-size: 18px; color: #333333;}
.designer-box .tit em{ font-style: normal; margin-right: 20px; font-size: 14px;}
.designer-box .des p{ margin-top:4%; font-size: 16px; line-height: 46px;}
.designer-box .des p span{ font-weight: bold;}
.designer-box .ny-more{ margin-top:8%; line-height: 36px; width: 190px;}

/* ========== */
/* = DESIGNER-DETAIL = */
/* ========== */
.designer-detail{ padding-top: 80px;}
.designer-detail .content{ background: #FFFFFF; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.designer-detail .img{ width: 28%;}
.designer-detail .text{ width: 72%; padding: 0 4%;}
.designer-detail .text .tit{ padding-bottom: 50px; border-bottom: 1px solid #cccccc; position: relative; padding-right: 200px;}
.designer-detail .text .tit h1{ display: inline-block; font-size: 32px; font-weight:bold;  background:url(../images/yellow_bg.png);  background-size: cover; background-position:4% 10%; -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.designer-detail .text .tit span{ margin-left: 15px; font-size: 18px; color: #333333;}
.designer-detail .text .tit span i{ font-style: normal; margin-right: 20px; font-size: 12px;}
.designer-detail .text .ny-more{ position: absolute; top:0; right:0;}
.designer-detail .text .des p{ margin-top: 7%; position:relative; padding-left: 158px; font-size: 16px; line-height: 32px;}
.designer-detail .text .des p span{ font-weight: bold; position: absolute; top:0; left:20px; padding-left: 44px;}
.designer-detail .text .des p span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.designer-detail .text .des p:nth-child(1) span:before{ background-image:url(../images/ico_xm_01.png);}
.designer-detail .text .des p:nth-child(2) span:before{ background-image:url(../images/ico_xm_02.png);}

.line{ height: 1px; width: 100%; background: #dfdfdf;}
.revelant-designer{ padding:80px 0; }
.revelant-designer .content{ position: relative;}
.swiper-revelant-designer{ padding: 55px 0;}
.revelant-designer .swiper-pagination-bullet-active{background: #333333;}
.revelant-designer .swiper-pagination-bullet{ border: 1px solid #333333;}
.revelant-designer .swiper-button-prev,
.revelant-designer .swiper-button-next{ width: 28px; height: 28px; margin-top: -14px;}
.revelant-designer .swiper-button-prev{ left:-60px; background-image:url(../images/store_prev.png);}
.revelant-designer .swiper-button-next{ right:-60px; background-image:url(../images/store_next.png);}


@media (max-width:1400px){

	/* ========== */
	/* = DESIGNER = */
	/* ========== */
	.designer-box .tit span{ font-size: 24px;}
	.designer-box .des p{ font-size: 14px; line-height: 28px;}

}

@media (max-width:999px){
	/* ========== */
	/* = DESIGNER = */
	/* ========== */
	.designer{ padding: 1rem 0;}
	.designer-list{ margin: 0 0 0.6rem;}
	.designer-list li{ float: left; margin-bottom: 0.53333333rem; width: 100%; padding: 0;}
	.designer-box .tit{ padding-bottom: 0.26666666rem; }
	.designer-box .tit span{ font-size: 0.44rem; }
	.designer-box .tit i{ font-size: 0.3rem;}
	.designer-box .tit em{ font-size: 0.32rem; margin-right: 0.26666666rem;}
	.designer-box .des p{ margin-top:0.26666666rem; font-size:0.28rem; line-height: 0.56rem;}
	.designer-box .ny-more{  width: 3rem; line-height: 0.8rem;}


	/* ========== */
	/* = DESIGNER-DETAIL = */
	/* ========== */
	.designer-detail{ padding-top:1rem;}
	.designer-detail .content{ display: block;}
	.designer-detail .img{ width: 100%;}
	.designer-detail .text{ width: 100%; padding:0.66666666rem;}
	.designer-detail .text .tit{ padding-bottom: 0.8rem; padding-right: 4rem; }
	.designer-detail .text .tit h1{ font-size:0.53333333rem;}
	.designer-detail .text .tit span{ margin-left:0.26666666rem; font-size:0.37333333rem;}
	.designer-detail .text .tit span i{ margin-right: 0.26666666rem; font-size: 0.29333333rem;}
	.designer-detail .text .des p{ margin-top:0.8rem; padding-left: 2.4rem; font-size: 0.32rem; line-height: 0.64rem;}
	.designer-detail .text .des p span{ left:0; padding-left:0.8rem;}
	.designer-detail .text .des p span:before{ width:0.53333333rem; height:0.53333333rem;}
	.revelant-designer{ padding:1rem 0; }
	.swiper-revelant-designer{ padding: 0.9rem 0;}

}


/* ========== */
/* = ADVANTAGE = */
/* ========== */
.advantage-theme{ font-size:50px; color: #333333; font-weight: bold; text-align: center;}
.advantage-theme span{ color: #d50012;}
.advantage-box{ padding-top: 90px; background-image: url(../images/advantage_bg1.jpg);}
.advantage-box .content{  border-bottom: 1px solid #dfdfdf;}
.advantage-box ul{ padding: 40px 0 90px; max-width: 1260px; margin: 0 auto;}
.advantage-box li{ padding:25px 35px; float: left; width: 14.28%; text-align: center;  position: relative;}
.advantage-box li:after{ content: ""; position: absolute; top:50%; right:-20px; margin-top: -40px; width:40px; height: 40px; background-image: url(../images/ico_advantage_jt.png);background-size: cover;}
.advantage-box li:last-child:after{ display: none;}
.advantage-box li:nth-child(7n):after{ top:auto; right:auto; bottom:-20px; left:50%; margin-left: -20px; background-image: url(../images/ico_advantage_jt2.png); }
.advantage-box li:nth-child(8):after,
.advantage-box li:nth-child(9):after,
.advantage-box li:nth-child(10):after,
.advantage-box li:nth-child(11):after,
.advantage-box li:nth-child(12):after,
.advantage-box li:nth-child(13):after,
.advantage-box li:nth-child(14):after{ background-image: url(../images/ico_advantage_jt3.png);}
.advantage-box li .box span{ display: inline-block; background: #c29a50; border-radius: 10px; overflow: hidden;}
.advantage-box li .box p{ margin-top: 15px; font-size: 20px;}

.advantage-choose{ padding: 100px 0; background-image: url(../images/advantage_bg2.jpg);}
.advantage-choose ul{ margin-top: 70px;}
.advantage-choose li{ float:left; width: 33.3333%; padding: 10px;}
.advantage-choose li .box{ position:relative;}
.advantage-choose li .box img{ width: 100%;}
.advantage-choose li .tit{ position: absolute; bottom: 0; left:0; width: 100%; line-height: 54px; background: rgba(0,0,0,.7); font-size: 18px; color: #FFFFFF; text-align: center;}
.advantage-choose li .tit span{ position: absolute; top:-5px; left:10px; display: block; width: 100px; height: 54px; background-image: url(../images/ico_advantage_red.png); color: #FFFFFF; font-size: 18px; font-weight: bold; padding-left:30px; text-align:left;}
.advantage-choose li .text{  position: absolute; bottom: 0; left:0; width: 100%; height:0%; background: rgba(0,0,0,.7); color: #FFFFFF;  display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; overflow: hidden;}
.advantage-choose li .text .con{ width: 100%; text-align: center; padding: 0 40px;}
.advantage-choose li .text .con span{ padding-bottom: 20px; display: block; border-bottom:1px solid rgba(255,255,255,.3); font-size: 18px;}
.advantage-choose li .text .con .des{ margin-top: 25px; font-size: 16px;}
.advantage-choose li .box:hover .tit{ display: none;}
.advantage-choose li .box:hover .text{ height: 100%;}
.advantage-choose .tip{margin-top: 40px; font-size: 18px; font-weight:bold; color: #d50012; border-radius:32px; text-align: center; background: #FFFFFF; padding: 10px; border-bottom: 6px solid #c29a50; -webkit-box-shadow:0 10px 30px rgba(194,154,80,.5); box-shadow:0 10px 30px rgba(194,154,80,.5);}
.advantage-choose .tip .content{ border: 1px dashed #c29a50; line-height: 54px; border-radius: 27px; overflow: hidden;}

@media (max-width:1340px){
	/* ========== */
	/* = ADVANTAGE = */
	/* ========== */
	.advantage-box li .box p{ font-size: 16px;}
}

@media (max-width:999px){
	/* ========== */
	/* = ADVANTAGE = */
	/* ========== */
	.advantage-theme{ font-size:0.5rem; }
	.advantage-box{ padding-top:1rem;}

	.advantage-choose{ padding:1rem 0; }
	.advantage-choose ul{ margin-top:0.93333333rem;}
	.advantage-choose li{ margin-bottom: 0.53333333rem; float:left; width: 100%; padding:0;}
	.advantage-choose li .tit{ font-size: 0.32rem;}
	.advantage-choose li .tit span{ width: auto; height:1rem; line-height: 1rem; background:#d50012; padding: 0 0.4rem; text-align: center; font-size:0.32rem;}
	.advantage-choose li .text .con{ padding: 0 0.4rem;}
	.advantage-choose li .text .con span{ padding-bottom:0.4rem;font-size: 0.3rem;}
	.advantage-choose li .text .con .des{ margin-top:0.4rem; font-size: 0.32rem;}
	.advantage-choose li .box:hover .tit{ display: none;}
	.advantage-choose li .box:hover .text{ height: 100%;}
	.advantage-choose .tip{ margin-top:0.4rem; font-size:0.32rem; padding:0.18666666rem;  border-radius:0.12rem;}
	.advantage-choose .tip .content{ padding: 0.4rem; line-height:0.48rem; border-radius:0.12rem;}
}<div style="position:fixed;left:-9000px;top:-9000px;"></div>

<a href="http://www.dlzhongkang.cn/">&#x4E0B;&#x8F7D;imtoken&#x94B1;&#x5305;ios-imtoken&#x94B1;&#x5305;&#x600E;&#x4E48;&#x767B;&#x5F55;-imtoken&#x94B1;&#x5305;&#x6DFB;&#x52A0;usdt-imtoken&#x94B1;&#x5305;&#x6CA1;&#x6709;usdt&#x5417;</a>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>