/* ========== */
/* = NY = */
/* ========== */
.ny-banner{width: 100%; min-height: 400px;}
.ny-banner .text{  margin-top: 150px; display: inline-block; text-align: left; height: 100px; background: url(../images/ny_banner_bg.png) no-repeat left; padding-top: 20px; padding-left: 45px; font-size: 40px; line-height: 50px; color: #FFFFFF; position:relative;}
.ny-banner .text h2{ position:relative; z-index: 1;}
.ny-banner .text span{ position: absolute; top:40px; left:160px; font-size: 50px; line-height: 50px; text-transform: uppercase; white-space: nowrap; opacity: .08;}

.mobile-ny-banner{ width: 100%; height: 10.66666666rem; position: relative;}
.mobile-ny-banner .text{ position: absolute; bottom:2.8rem; left:1.06666666rem; padding-top:0.33333333rem; padding-left: 0.6rem; color: #FFFFFF;}
.mobile-ny-banner .text:before{ position: absolute; top:0; left:0; content: ""; width: 1.33333333rem; height: 1.33333333rem; background-size:cover; background-image: url(../images/ny_banner_bg.png);}
.mobile-ny-banner .text h2{ position:relative; z-index: 1; font-size: 0.53333333rem; line-height: 0.66666666rem;}
.mobile-ny-banner .text span{ position: absolute; top:0.58666666rem; left:2rem; font-size: 0.66666666rem; line-height:0.66666666rem; text-transform: uppercase;  white-space: nowrap; opacity: .08;}

.bread{ padding: 24px 0; line-height: 30px; }
.bread .left{ float: left;}
.bread .home{ margin-left: 0; background: url(../images/ico_home.png) no-repeat left; padding-left:45px;}
.bread a{ margin: 0 10px; font-size: 16px;}
.bread a:hover,
.bread a.active{ color: #c09547;}

.page{ position: relative; padding:0 200px ; max-width: 1190px; margin: 0 auto;}
.page ul{ text-align: center; }
.page li{ margin: 0 10px; display: inline-block; font-size: 16px; color: #999999; position: relative;}
.page li a,
.page li span{ position: relative; display: inline-block; padding:0 10px;}
.page li a:before,
.page li a:after,
.page li span:before,
.page li span:after{ display: none; content: ""; position: absolute; top:50%;  width: 5px; height: 1px; background: #c09547;}
.page li a:before,
.page li span:before{ left:0;}
.page li a:after,
.page li span:after{ right:0;}
.page li.active a:before,
.page li.active span:before,
.page li.active a:after,
.page li.active span:after{ display: block;}
.page div a,
.page div span{ margin: 0 5px; padding: 0 10px;}
.page li.active span,
.page li a:hover{ color: #c09547;}
.page li:first-child{ position: absolute; top:0; left:0; }
.page li:last-child{ position: absolute; top:0; right:0; }
.page li:first-child{ padding-right: 100px;}
.page li:last-child{ padding-left: 100px;}
.page li:first-child:after,
.page li:last-child:after{ display: block; content: ""; position:absolute; top:50%; right:0;width: 90px; height: 1px; background: #dddddd;}
.page li:first-child:after{ right:0;}
.page li:last-child:after{ left: 0;}


.ny-theme{ position: relative;  padding: 22px 0 50px; background:url(../images/line.png) bottom center no-repeat;}
.ny-theme>span{ position: absolute; top:0; left:0; width: 100%; text-align: center; font-size: 50px; color: #f4f4f4; font-family:"PingFang";  font-weight: lighter; text-transform: uppercase;}
.ny-theme p{ font-size: 30px; color: #333333; font-weight: bold; text-align: center; position: relative; z-index: 1;}

.filter{ padding: 30px 0; background: #fbfbfb; position: relative;}
.filter .filter-id{ position:absolute; top:-180px; left:0; width: 100%; }
.filter-box .row{ padding: 15px 0 5px 70px; min-height: 28px; border-bottom: 1px dashed #e1e1e1; position: relative;}
.filter-box .row span{ position: absolute; top:15px; left:0; line-height: 28px; font-weight:bold; color: #333333; font-weight:bold; font-size: 18px;}
.filter-box .row a{ margin-bottom: 10px; line-height: 28px; min-width: 116px; display: inline-block; text-align: center; padding:0 10px; font-size: 16px;}
.filter-box .row a.active{ background: #c09547; color: #FFFFFF;}
.filter-mobile{  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;}

.filter-result{ margin-top: 15px; font-size: 16px;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding-top: 30px;}
.filter-result .con span{ display:inline-block; vertical-align: middle; font-size: 18px; color: #333333; font-weight: bold;}
.filter-result .con .line{ margin:0 20px 0 40px; display:inline-block; vertical-align: middle; width: 1px; height: 15px; background: #d6d6d6;}
.filter-result .con a{ margin-left: 35px; display: inline-block; vertical-align: middle; }
.filter-result .con a.active{  padding-right: 35px; color: #c09547; position: relative;}
.filter-result .con a.active:after{ content: ""; position: absolute; top:50%; margin-top: -15px; right:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_down.png);}
.filter-result .con em{ margin-left: 65px; display: inline-block; color: #333333; font-style: normal;}
.filter-result .con em i{ color: #cea757; font-style: normal; font-weight: bold; font-size: 20px;}
.filter-result .search-box{ width: 320px; border: 1px solid #e5e5e5; position: relative; height: 38px; padding-right: 78px;}
.filter-result .search-box .in{ font-size: 14px; width: 100%; height: 36px; padding:5px 20px; line-height: 26px; border: none; background:none;}
.filter-result .search-box .button{ position: absolute; top:0; right:0; background-image: url(../images/ico_search.png); width: 78px; height: 36px;}

.ny-more{ position: relative; display: inline-block; width: 245px; line-height: 50px; background: #d0ab5c; color: #FFFFFF; text-align: center; overflow:hidden;}
.ny-more span{ position: relative; z-index: 1; font-size: 20px; display: inline-block; vertical-align: middle;}
.ny-more i{ position: relative; z-index: 1; margin-left:14px; width: 30px; height: 30px; background-image:url(../images/ico_down_white.png); background-size: cover; display: inline-block; vertical-align: middle;}
.ny-more:after{ content: ""; position: absolute; top:-10px; right:-6px; width:70px; height:70px; background-image: url(../images/ico_tongji.png); background-size:cover;}

.ny-tab{ text-align: center;}
.ny-tab a{ display:inline-block; margin: 0 4px; width:25%; font-size: 20px; color: #c09547; border:1px solid #c09547; padding:5px 10px; text-align: center; position: relative;}
.ny-tab a:after{  content: ""; position: absolute; top:50%; margin-top: -30px; right:-6px; width:60px; height:60px; background-image: url(../images/ico_tongji.png); background-size:cover;}
.ny-tab a.active{ background: #c09547; color:#FFFFFF;}

.more-button{ width: 180px; line-height: 37px; display: block; text-align: center; position: relative; background: #cea753; font-size:16px; color: #FFFFFF; overflow: hidden; -webkit-transition: all ease .3s; transition: all ease .3s;}
.more-button:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right:-6px; width: 50px; height:50px; background-image: url(../images/ico_tongji.png); background-size: cover;}
.more-button:hover{ background: #c09547; }

@media (max-width:1360px){ 
	.filter-box .result .con .line{ margin:0 10px 0 20px;}
	.filter-box .result .con a{ margin-left: 20px;}
	.filter-box .result .con em{ margin-left: 40px;}
	
}
@media (max-width:999px){ 
	
	/* ========== */
	/* = NY = */
	/* ========== */
	.page{ padding:0 1.7rem; }
	.page li{ margin: 0 0.03rem; font-size:0.32rem;}
	.page li a,
	.page li span{ padding:0 0.2rem;}
	.page li.active a:before,
	.page li.active span:before,
	.page li.active a:after,
	.page li.active span:after{ display: none;}
	.page div a,
	.page div span{ margin: 0 0.1rem; padding: 0;}
	.page li:first-child{ padding-right: 0;}
	.page li:last-child{ padding-left: 0;}
	.page li:first-child:after,
	.page li:last-child:after{display: none;}


	
	.ny-theme{ padding:0.4rem 0 0.66666666rem; }
	.ny-theme>span{font-size: 0.66666666rem;}
	.ny-theme p{ font-size:0.44rem;}
	
	.filter{ padding: 1rem 0;}
	
	.filter-result{ margin-top: 0.66666666rem; display: block;}
	.filter-result .con span{ display:inline-block; vertical-align: middle; font-size: 18px; color: #333333; font-weight: bold;}
	.filter-result .con .line{ margin:0 0.26666666rem 0 0.4rem;}
	.filter-result .con a{ margin-left:0.4rem;  font-size:0.34rem;}
	.filter-result .con a.active{ padding-right: 0.4rem; }
	.filter-result .con a.active:after{ width: 0.4rem; height: 0.4rem; margin-top:-0.2rem;}
	.filter-result .con em{  margin-top: 0.4rem;display: block; margin-left: 0; font-size: 0.34rem;}
	.filter-result .con em i{font-size: 0.4rem;}
	.filter-result .search-box{ margin-top: 0.4rem; width: 100%;}
	
	.ny-tab a{ font-size: 0.34rem; width:35%;}
		
	.more-button{ width:2.66666666rem; line-height:0.8rem; font-size:0.3rem;}	
	
	.ny-more{ width:3rem; line-height:1rem;}
	.ny-more span{ font-size: 0.32rem;}
	.ny-more i{ margin-left: 0.13333333rem; width:0.4rem; height: 0.4rem;}
	.ny-more:after{ top:-0.1rem; width:1.2rem; height:1.2rem;}
}


/* ========== */
/* = REFORMERS = */
/* ========== */
.reformers{ padding: 85px 0 90px; background: #fbfbfb;}
.reformers-ul{ margin:0 -10px 45px;}
.reformers-ul li{ float: left; width: 33.333%; margin-top: 50px; padding: 0 10px;}
.reformers-ul li .box{ display:block; padding: 22px 22px 35px; background: #FFFFFF;}
.reformers-ul li .img{ overflow: hidden;}
.reformers-ul li .img img{ width: 100%;}
.reformers-ul li .text{ padding: 32px 19px 0;}
.reformers-ul li .tit{ padding-right: 50px; padding-bottom: 20px; color: #333333; font-size: 20px; line-height: 30px; position: relative; background: url(../images/reformers_line.png) bottom left repeat-x;}
.reformers-ul li .tit i{ position: absolute; top:5px; right:0; width: 20px; height: 20px; background-image:url(../images/next_hover.png); background-size: cover;}
.reformers-ul li .des{ margin-top: 18px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.reformers-ul li .des span{ display: inline-block; position: relative; padding-left: 35px;  color:#999999; font-size: 16px; line-height: 30px;}
.reformers-ul li .des span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.reformers-ul li .des span:nth-child(1):before{ background-image: url(../images/ico_style.png);} 
.reformers-ul li .des span:nth-child(2):before{ background-image: url(../images/ico_floor.png);}
.reformers-ul li .des span:nth-child(3):before{ background-image: url(../images/ico_person.png);}
.reformers-ul li .box:hover{  background: #c09547; color: #FFFFFF;}
.reformers-ul li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.reformers-ul li .box:hover .tit{ color: #FFFFFF;}
.reformers-ul li .box:hover .tit i{ background-image: url(../images/next_white.png);}
.reformers-ul li .box:hover .des span{ color: #FFFFFF;}
.reformers-ul li .box:hover .des span:nth-child(1):before{ background-image: url(../images/ico_style_white.png);} 
.reformers-ul li .box:hover .des span:nth-child(2):before{ background-image: url(../images/ico_floor_white.png);}
.reformers-ul li .box:hover .des span:nth-child(3):before{ background-image: url(../images/ico_person_white.png);}

/* ========== */
/* = REFORMERS-DETAIL = */
/* ========== */
.reformers-detail{ padding: 80px 0; background-image: url(../images/reformers_detail_bg.jpg);}
.reformers-detail .ny-theme p{ color: #c09547;}
.reformers-detail .tipbox{  margin-top: 45px; padding: 35px 0; background: #FFFFFF; display: flex; align-items:flex-start; justify-content:space-around; -webkit-justify-content: space-around; position: relative; z-index: 1;}
.reformers-detail .tipbox .con span{ display: block; color: #666666; font-size: 18px; padding-bottom: 12px; margin-bottom: 12px; background: url(../images/case_line.png) no-repeat left bottom; }
.reformers-detail .tipbox .con p{ font-weight: bold; font-size:26px; color: #333333;}
.reformers-detail .tipbox .con p i{ font-style: normal; font-weight: normal; font-size: 24px;}

.reformers-detail-box{ margin-top:50px; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; position:relative; z-index:0;}
.reformers-detail-box .img{ width: 40%;}
.reformers-detail-box .img img{ width: 100%;}
.reformers-detail-box .text{ width: 52%; padding:50px 35px; position: relative; z-index: 1;}
.reformers-detail-box .text .line{ position: absolute; top:-30%; left:0; width: 100%; height: 140%; border: 1px dashed #a5a5a5; transform:skewX(-20deg) rotate(-10deg); -webkit-transform: skewX(-20deg) rotate(-10deg);}
.reformers-detail-box .text .head{ position: absolute; top:0; left:-50px; border-radius: 100%; overflow:hidden;}
.reformers-detail-box .text .tit { padding-left: 80px;}
.reformers-detail-box .text .tit h2{ display: inline-block; font-size: 24px; color: #333333; font-weight: bold;}
.reformers-detail-box .text .tit span{ display:inline-block; margin-left: 45px; padding-left:40px; position: relative; font-size: 16px; color: #999999;}
.reformers-detail-box .text .tit span:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0; width: 30px; height: 30px; background-size:cover; background-image:url(../images/ico_person.png);}
.reformers-detail-box .text .des{ margin-top:50px; border-top: 1px solid #b0b0b0; padding-top: 20px; font-size: 16px; line-height: 40px;}
.reformers-detail-box:after{ content: ""; position: absolute; right:-150px; bottom: -100px;  width: 250px; height: 250px; display: block; background-image: url(../images/reformers_bg_yin.png); background-size: cover;}

.reformers-detail-designer{ margin-top: 115px;}
.reformers-detail-designer .left{ float: left; width: 20%; text-align: center;}
.reformers-detail-designer .img{ position: relative;}
.reformers-detail-designer .img img{ width: 100%; position: relative; z-index: 1;}
.reformers-detail-designer .img:after{ content: ""; position: absolute; top:-10px; right:-10px; background: #d6b46a; width: 98%; height: 98%;}
.reformers-detail-designer .img p{ position: absolute; z-index: 2; top:34px; left:20px; color: #FFFFFF; letter-spacing: 2px; writing-mode: vertical-rl;}
.reformers-detail-designer .img p i{ position: absolute; top:110%; left:10px; width: 1px; height:60%; background: #d6b46a;}
.reformers-detail-designer .img p i:before{ content: ""; position: absolute; top:-10px; left:-5px; width: 10px; height: 10px; border: 1px solid #d6b46a;}
.reformers-detail-designer .left .button{ margin-top: 55px;  display: inline-block;  border: 1px solid #d6b46a; color: #d6b46a; padding:10px 60px;}
.reformers-detail-designer .left .button:hover{ background: #d6b46a; color: #ffffff; }
.reformers-detail-designer .text{ float: right; width: 73%; }
.reformers-detail-designer .text h2{ position: relative; padding:0 400px 0 0; font-size: 20px; color: #333333;}
.reformers-detail-designer .text h2 span{ font-size: 30px; font-weight: bold; color: #cea753;}
.reformers-detail-designer .text h2 i{ display: inline-block; margin: 0 30px; font-size:14px; font-style: normal;}
.reformers-detail-designer .text .bt{ position: absolute; top:50%; margin-top: -15px; right:0;}
.reformers-detail-designer .text .bt .more-button{ display: inline-block; margin-left: 10px;}
.reformers-detail-designer .text .bt .more-button:nth-child(1){ background: #3e4147;}
.reformers-detail-designer .text .bt .more-button:nth-child(1):hover{ background: #333;}
.reformers-detail-designer .text .line{ margin: 40px 0; border-bottom: 1px dotted #c0c0c0; position: relative;}
.reformers-detail-designer .text .line:before{ content: ""; position: absolute; top:-3px; left:0; width: 6px; height: 6px; background: #cea753;}
.reformers-detail-designer .text .tit{ font-size: 20px; color: #cea753; font-weight:bold;}
.reformers-detail-designer .text .tit i{ font-size: 14px; font-style: normal; font-weight: normal;}
.reformers-detail-designer .text .des{ margin-top: 20px; padding: 20px 0 40px; font-size: 15px; line-height: 40px; border-top: 1px dotted #bdbdbd;}
.reformers-detail-designer .text .huxing{ margin-top: 30px; max-width: 860px; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; position:relative;}
.reformers-detail-designer .text .huxing .con{ max-width: 48%; position:relative;}

/*.reformers-detail-designer .text .huxing .con:before{ content: ""; position: absolute; bottom: -15px; left:-20px; width: 80px; height: 80px; background-image:url(../images/zhang_01.png); background-size: cover;}
.reformers-detail-designer .text .huxing .con:nth-child(2):before{ background-image:url(../images/zhang_02.png); }*/
.reformers-detail-designer .text .huxing .vs{ position: absolute; top:50%; left:50%; width:150px; z-index: 2; transform: translateX(-50%) translateY(-50%);}

.reformers-detail-designer .mb-box{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; }
.reformers-detail-designer .mb-box .mb-img{ position: relative; width: 40%;}
.reformers-detail-designer .mb-box .mb-img:after{ z-index:0; content: ""; position: absolute; top:-0.2rem; right:-0.2rem; background: #d6b46a; width: 98%; height: 98%;}
.reformers-detail-designer .mb-box .mb-img img{ position: relative; z-index: 1; }
.reformers-detail-designer .mb-box .mb-text{ width:48%; }
.reformers-detail-designer .mb-box .mb-text .tit{ font-size: 0.45rem; font-weight:bold; color: #cea753; }
.reformers-detail-designer .mb-box .mb-text .des{ margin-top: 0.4rem; font-size: 0.34rem; color: #333333; font-weight: bold; }
.reformers-detail-designer .mb-box .mb-text .more-button{ margin-top: 0.5rem;}

.reformers-innovation{ padding: 75px 0 30px;}
.reformers-innovation .ny-theme p{ color: #c09547;}
.reformers-innovation .tab{ margin-top: 30px; text-align: center;}
.reformers-innovation .tab span{ min-width: 15%; margin: 0 1%; cursor: pointer; display: inline-block; line-height:38px; border: 1px solid #666666; color: #666666;font-size: 16px;}
.reformers-innovation .tab span.active{ background:#666666; color: #FFFFFF;}
.reformers-innovation .js-tab-box{ margin: 50px 0 80px;}
.reformers-innovation .js-tab-con{ display: none;}
.reformers-innovation .js-tab-con.active{ display: block;}
.reformers-innovation .box{ display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; position:relative;}
.reformers-innovation .box .img{ max-width: 48%; position:relative;}
.reformers-innovation .box .img img{ width: 100%;}
.reformers-innovation .box .img:nth-child(1) img{  -webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray; }
.reformers-innovation .box .img:before{ z-index: 2; content: ""; position: absolute; top:30px; left:30px; width: 100px; height: 100px; background-image:url(../images/zhang_before.png); background-size: cover;}
.reformers-innovation .box .img:nth-child(2):before{ background-image:url(../images/zhang_after.png); }
.reformers-innovation .box .img p{ position: absolute; bottom: 0; left:0; background: rgba(0,0,0,.5); color: #FFFFFF; width: 100%; padding:0 50px; line-height: 48px; font-size: 16px;} 
.reformers-innovation .box .img:nth-child(2) p{ padding-right: 160px;}
.reformers-innovation .box .img:nth-child(2) p a{ position: absolute; top:0; right:40px; font-size: 16px; color: #c09547;}
.reformers-innovation .box .vs{ position: absolute; top:50%; left:50%; width: 250px; height: 250px;  transform: translateX(-50%) translateY(-50%); background-image: url(../images/ico_vs.png); background-size: cover; }

.reformers-super{padding-bottom:75px;}
.reformers-super .content{  display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; position:relative;}
.reformers-super .content>.text{ width: 54%;}
.reformers-super .text .tit{ border-bottom: 1px dotted #eaeaea; padding-bottom: 22px; color: #333333;}
.reformers-super .text .tit img{ display: inline-block; vertical-align:middle;}
.reformers-super .text .tit h2{ font-weight: bold; margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 32px; }
.reformers-super .text .tit span{ display:inline-block; vertical-align: middle; font-size: 24px; padding: 0 30px; position: relative;}
.reformers-super .text .tit span:before{ content: ""; position:absolute; left:0; top:0; background-size: cover; width: 30px; height: 30px; background-image:url(../images/yinhao_01.png);}
.reformers-super .text .tit span:after{  content: ""; position:absolute; right:0; bottom: 0; background-size: cover; width: 30px; height: 30px;    background-image:url(../images/yinhao_02.png);}
.reformers-super .text .tip{ margin-top: 22px; position: relative; padding:0 40px; position: relative; height:80px; line-height:40px; overflow: hidden;  font-size: 18px; color: #c09547;}
.reformers-super .text .tip:before{ content: ""; position: absolute; top:5px; left:0; width: 30px; height: 30px; background-size:cover; background-image: url(../images/ico_laba.png);}
.reformers-super .text .more-button{ margin-top:4%;}
.reformers-super .img{ width:42%; position: relative;}
.reformers-super .img img{ width: 100%; position: relative; z-index: 1;}
.reformers-super .img:before{ content: ""; position: absolute; z-index: 2; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.6);}
.reformers-super .img:after{ content: ""; position: absolute; z-index: 0; bottom: -15px; right:-15px; width: 30%; height:55%; background: #f7872d;}
.reformers-super .img .con{ position: absolute; z-index:2; top:50%; left:0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); font-size: 20px; line-height: 36px; text-align: center; padding: 0 5%; color:#FFFFFF;}
.reformers-super .img .con span{ display: inline-block; width: 70px; height: 70px; background-size: cover; background-image: url(../images/ico_play.png);}
.reformers-super .img .con p{ width: 70%; max-width: 320px; margin: 20px auto 0;}

.reformers-form{ padding:35px 0 25px; background-image: url(../images/reformers_form_bg.jpg); -webkit-box-shadow:0 10px 20px rgba(0,0,0,.06); box-shadow:0 10px 20px rgba(0,0,0,.06);}
.reformers-form .content{ position:relative; padding-left:340px;}
.reformers-form .content .tit{ position: absolute; top:0; left:0;}
.reformers-form .content .tit span{ font-size: 30px; font-weight: bold; color:#333333;}
.reformers-form .content .tit p{ margin-top: 10px; font-size: 24px; color: #333333; }
.reformers-form .content .tit p i{color: #dc101e; font-style: normal;}
.reformers-form .content .con{ padding-top: 20px;}
.reformers-form .content .con span{ float: left; width: 21%; margin-right: 3%;}
.reformers-form .content .con span input{ width: 100%; height: 40px; line-height: 24px; padding: 7px 10px; background: #FFFFFF; border:1px solid #eeeeee;  padding:0 15px;}
.reformers-form .content .con span:last-child{ float: right; width:24%;}
.reformers-form .content .con span .more-button{ width: 100%;}
.reformers-form .content .con span p{ margin-top: 10px; text-align: center;}
.reformers-form .content .con span p em{ color: #dc101e;}

.reformers-choice{ padding-top: 80px; background: #fbfbfb;}
.reformers-choice .ny-theme p{ color: #c09547;}
.reformers-choice ul{ margin:30px -12px 0;}
.reformers-choice li{ margin-bottom:6px; float: left; width:33.333333%; padding: 0 12px;}
.reformers-choice li .box{ position: relative; overflow: hidden;}
.reformers-choice li .box img{ width: 100%; -webkit-transition: all ease .3s; transition: all ease .3s; }
.reformers-choice li .box p{ position: absolute; bottom: 0; left:0; font-size:16px; color: #FFFFFF; text-align: center; background:rgba(0,0,0,.6); width:100%; text-align: center; padding: 10px;}
.reformers-choice .shadow{ margin-top: 35px;}

.reformers-reviews{ padding:30px 0 80px; background: #fbfbfb;}
.reformers-reviews .ny-theme p{ color: #c09547;}
.reformers-reviews .more-button{ margin: 30px auto 0;}
.reformers-link{ padding:30px 0;}
.reformers-link ul{ margin: 0 -12px;}
.reformers-link li{ padding: 0 12px; float: left; width: 33.3333%;}
.reformers-link li .box{ display: block; width: 100%; position: relative; overflow: hidden;}
.reformers-link li .box>img{ width: 100%; -webkit-transition: all ease .3s; transition: all ease .3s; }
.reformers-link li .box .tit{ position: absolute; bottom:0; left:0; width: 100%; padding:15px 30px;}
.reformers-link li .box .tit img{ display: inline-block; vertical-align: middle;}
.reformers-link li .box .tit span{ margin-left: 20px; display:inline-block; vertical-align: middle; padding-right: 40px; position: relative; font-size: 20px; color: #FFFFFF;}
.reformers-link li .box .tit span:after{ content: ""; position: absolute; top:50%; margin-top: -15px; right:0; width: 30px; height: 30px; background-size: cover; background-image: url(../images/ico_jt.png);}
.reformers-link li .box:hover>img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

/* ========== */
/* = SUPER = */
/* ========== */
.super{ padding: 80px 0 95px; background: #fbfbfb;}
.super-notice{ margin-bottom: 50px; padding: 35px 10px; text-align: center;  background-image: url(../images/super_notice.jpg); color: #FFFFFF;}
.super-notice div{ display: inline-block; height: 30px; line-height: 30px; overflow: hidden; padding-left:68px;  position: relative }
.super-notice div:before{ content: ""; position: absolute; top:0; left:0; width:30px; height:30px; background-image: url(../images/laba.png); background-size: cover;}
.super-notice li{ font-size: 20px; }
.super-notice li span{ display:inline-block; font-weight: bold;}
.super-list{ margin-bottom: 50px;}
.super-list li{ margin-bottom: 30px;}
.super-list li .box{ position:relative; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between; padding: 40px 60px 45px; background: #FFFFFF;}
.super-list li .box .img{ width: 35%; position: relative;}
.super-list li .box .img div{ overflow: hidden; }
.super-list li .box .img img{ position: relative; z-index: 1;}
.super-list li .box .img:after{ display: none; content: ""; position:absolute; z-index: 2; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
.super-list li .box .img span{ display: none; content: ""; position: absolute; z-index: 3; top:50%; left:50%; background-image: url(../images/ico_play.png); width:60px; height: 60px; background-size: cover; transform: translateX(-50%) translateY(-50%);}
.super-list li .box .img:before{ content: ""; position: absolute; bottom: -10px; left:-10px; z-index: 0; background: #fbc396; height: 50%; width: 30%;}
.super-list li .box .text{ width:58%;}
.super-list li .box .tit{ padding-bottom: 40px; border-bottom: 1px dashed #e5e5e5; font-size: 24px; color: #333333; font-weight:bold;}
.super-list li .box .des{ margin-top: 40px; font-size: 16px; line-height: 30px; color: #999999;}
.super-list li .box .des span{ margin-right: 4%; position: relative; min-height: 30px; display: inline-block; padding-left: 40px;}
.super-list li .box .des span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size:cover;}
.super-list li .box .des span:nth-child(1):before{ background-image:url(../images/ico_super_01.png);}
.super-list li .box .des span:nth-child(2):before{ background-image:url(../images/ico_super_02.png);}
.super-list li .box .des span:nth-child(3):before{ background-image:url(../images/ico_super_03.png);}
.super-list li .box .num{ position: absolute; bottom:-10px; right:70px; color: #7beddd; font-size: 30px; line-height: 60px;}
.super-list li .box .num span{ font-size: 60px;}
.super-list li .box:hover .img:after{ display: block; }
.super-list li .box:hover .img span{ display: block; }
.super-list li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.super-list li .box:hover .tit{ color: #f0862a; }

@media (max-width:1400px){ 
	/* ========== */
	/* = REFORMERS = */
	/* ========== */
	.reformers-ul li .box{ padding: 15px 15px 25px;}
	.reformers-ul li .text{ padding:22px 12px 0;}
	.reformers-ul li .tit{  font-size: 18px;}
	.reformers-ul li .des span{ font-size: 14px; padding-left: 30px;}
	.reformers-ul li .des span:before{ top:3px; width: 25px; height: 25px;}


	.reformers-super .text .tit span{ font-size: 18px; padding:0 20px; }
	.reformers-super .text .tit span:before,
	.reformers-super .text .tit span:after{ width: 20px; height: 20px; }
	.reformers-super .text .tit h2{ font-size: 26px; }
	
	/* ========== */
	/* = SUPER = */
	/* ========== */
	.super-list li .box .des span{ margin-right: 2%; font-size: 14px;}
}
@media (max-width:999px){ 
	/* ========== */
	/* = REFORMERS = */
	/* ========== */
	.reformers{ padding:1rem 0;}
	.reformers-ul{ margin-bottom: 0.5rem;}
	.reformers-ul li{ width: 100%; margin-top: 0.5rem;}
	.reformers-ul li .box{ padding:0.26666666rem; }
	.reformers-ul li .text{ padding:0.35rem 0.26666666rem 0;}
	.reformers-ul li .tit{ padding-bottom: 0.35rem;  padding-right: 0.66666666rem; font-size:0.4rem; line-height: 0.53333333rem;}
	.reformers-ul li .tit i{ top:0.13333333rem; width:0.4rem; height: 0.4rem;}
	.reformers-ul li .des { margin-top: 0.3rem;}
	.reformers-ul li .des span{  padding-left: 0.7rem; font-size: 0.32rem; line-height: 0.6rem;}
	.reformers-ul li .des span:before{ top:0; width: 0.6rem; height: 0.6rem;}
	.reformers-ul li .box:hover{  background: #ffffff; color: #666;}
	.reformers-ul li .box:hover .img img{ transform: scale(1); -webkit-transform: scale(1);}
	.reformers-ul li .box:hover .tit{ color: #666;}
	.reformers-ul li .box:hover .tit i{ background-image: url(../images/next_hover.png);}
	.reformers-ul li .box:hover .des span{ color: #999999;}
	.reformers-ul li .box:hover .des span:nth-child(1):before{ background-image: url(../images/ico_style.png);} 
	.reformers-ul li .box:hover .des span:nth-child(2):before{ background-image: url(../images/ico_floor.png);}
	.reformers-ul li .box:hover .des span:nth-child(3):before{ background-image: url(../images/ico_person.png);}
	
	
	/* ========== */
	/* = REFORMERS-DETAIL = */
	/* ========== */
	.reformers-detail{ padding:1rem 0;}
	.reformers-detail .tipbox{  margin-top:0.66666666rem; padding:0.53333333rem 0;}
	.reformers-detail .tipbox .con{ width: 18%; margin:0 2%; }
	.reformers-detail .tipbox .con span{ font-size: 0.26rem; padding-bottom: 0.26666666rem; }
	.reformers-detail .tipbox .con p{font-size:0.32rem; }
	.reformers-detail .tipbox .con p i{ font-size: 0.3rem;}
	
	.reformers-detail-box{ margin-top:0.66666666rem;display: block;}
	.reformers-detail-box .img{ width:100%;}
	.reformers-detail-box .text{ width: 100%; padding:0.8rem 0.5rem;}
	.reformers-detail-box .text .line{display: none;}
	.reformers-detail-box .text .head{ position: absolute; top:0.66666666rem; left:0.5rem; width:1.6rem; border-radius: 100%; overflow:hidden;}
	.reformers-detail-box .text .tit { padding-left:2rem; height: 1.2rem; padding-top: 0.4rem;}
	.reformers-detail-box .text .tit h2{ display: inline-block; font-size:0.4rem;}
	.reformers-detail-box .text .tit span{ margin-left: 0.4rem; padding-left:0.6rem; font-size: 0.34666666rem;}
	.reformers-detail-box .text .tit span:before{  margin-top: -0.25rem; width: 0.5rem; height:  0.5rem; }
	.reformers-detail-box .text .des{ margin-top:0.66666666rem;  padding-top: 0.33333333rem; font-size: 0.32rem; line-height: 0.64rem;}
	.reformers-detail-box:after{display: none;}
	
	.reformers-detail-designer{ margin-top:0.4rem;}
	.reformers-detail-designer .left{width: 100%;}
	.reformers-detail-designer .left .button{ margin-top:0.66666666rem;  padding:0.26666666rem 0.66666666rem; font-size:0.32rem;}
	.reformers-detail-designer .text{ width: 100%; margin-top: 0.8rem; }
	.reformers-detail-designer .text h2{ padding-right: 0; font-size: 0.34666666rem;}
	.reformers-detail-designer .text h2 span{ font-size:0.53333333rem; }
	.reformers-detail-designer .text h2 i{ margin: 0 0.4rem; font-size:0.32rem;}
	.reformers-detail-designer .text .bt{ margin-top: 0.5rem; text-align: center; position: relative; top:auto;}
	.reformers-detail-designer .text .line{ margin: 0.53333333rem 0;}
	.reformers-detail-designer .text .tit{ font-size: 0.4rem;}
	.reformers-detail-designer .text .tit i{ font-size: 0.32rem;}
	.reformers-detail-designer .text .des{ margin-top: 0.4rem; padding: 0.4rem 0 0.53333333rem; font-size: 0.32rem; line-height: 0.64rem;}
	.reformers-detail-designer .text .huxing{ margin-top: 0.53333333rem; display: block;}
	.reformers-detail-designer .text .huxing .con{ max-width:70%; width: 100%; margin: 0 auto;}
	.reformers-detail-designer .text .huxing .con:before{display: none;}
	.reformers-detail-designer .text .huxing .con:nth-child(2){ margin-top:0.6rem; }
	.reformers-detail-designer .text .huxing .vs{ width:2rem;}
	
	.reformers-innovation{ padding:1rem 0;}
	.reformers-innovation .tab{ margin-top:0.53333333rem;}
	.reformers-innovation .tab span{ width:16%; font-size: 0.32rem; line-height: 0.8rem;}
	.reformers-innovation .js-tab-box{ margin:0.66666666rem 0 1.06666666rem;}
	.reformers-innovation .box { display: block; }
	.reformers-innovation .box .img{ max-width:80%; margin: 0 auto;}
	.reformers-innovation .box .img:nth-child(2){ margin-top:0.5rem; }
	.reformers-innovation .box .img:before{ display: none;}
	.reformers-innovation .box .img p{display: none;} 
	.reformers-innovation .box .vs{  width:1.6rem; height:1.6rem; background-image: url(../images/ico_vs2.png);  }
	
	.reformers-super{padding-bottom:1rem;}
	.reformers-super .content{ display: block;}
	.reformers-super .text{ width:100%;}
	.reformers-super .content>.text{ width: 100%; }
	.reformers-super .text .tit{  padding-bottom: 0.33333333rem;}
	.reformers-super .text .tit img{ width: 1.6rem;}
	.reformers-super .text .tit h2{ margin-left: 0.26666666rem; font-size: 0.42666666rem; }
	.reformers-super .text .tit span{ font-size: 0.32rem; padding: 0 0.4rem; }
	.reformers-super .text .tit span:before,
	.reformers-super .text .tit span:after{ width: 0.4rem; height: 0.4rem;}
	.reformers-super .text .tip{ margin-top: 0.9rem; padding-right: 0; padding-left:0.8rem; position: relative; color: #c09547; line-height:0.6rem; height: 1.2rem; overflow: hidden; font-size: 0.34666666rem;}
	.reformers-super .text .tip:before{ content: ""; position: absolute; left:0; top:0; width: 0.6rem; height: 0.6rem; background-size:cover; background-image: url(../images/ico_laba.png);}
	.reformers-super .text .more-button{ margin:0.8rem auto 0; width: 2.8rem;}
	.reformers-super .img{ margin-top: 0.66666666rem; width:100%;}
	.reformers-super .img:after{ bottom:-0.14rem; right:-0.14rem; }
	.reformers-super .img .con{font-size: 0.32rem; line-height: 0.64rem;}
	.reformers-super .img .con span{ width: 1rem; height: 1rem;}
	.reformers-super .img .con p{ max-width: 80%; margin:0.4rem auto 0;}
	
	.reformers-form{ padding:0.8rem 0;}
	.reformers-form .content{ padding-left: 0;}
	.reformers-form .content .tit{ position:relative; top:auto; left:auto;}
	.reformers-form .content .tit span{ font-size: 0.42rem;}
	.reformers-form .content .tit p{ margin-top: 0.13333333rem; font-size: 0.34rem; }
	.reformers-form .content .con span{ margin-bottom: 0.4rem;  width: 100%; margin-right: 0;}
	.reformers-form .content .con span:last-child{  width: 100%;}
	
	.reformers-choice{ padding-top:1rem;}
	.reformers-choice ul{ margin:0.66666666rem -0 0.13333333rem 0;}
	.reformers-choice li{ width: 50%; padding: 0 0.13333333rem;}
	.reformers-choice li .box{ position: relative;}
	.reformers-choice li .box p{ font-size: 0.22rem; padding:0.13333333rem;}
	.reformers-choice .shadow{ margin-top: 0.66666666rem;}
	
	.reformers-reviews{ padding:0.66666666rem 0 1rem;}
	.reformers-link li{  margin-bottom: 0.4rem; width: 100%;}
	.reformers-link li .box .tit img{ width: 0.8rem;}
	.reformers-link li .box .tit span{ margin-left:0.3rem; padding-right:0.55rem;font-size: 0.4rem; }
	.reformers-link li .box .tit span:after{ width: 0.4rem; height: 0.4rem; margin-top: -0.2rem;}
		
	
	/* ========== */
	/* = SUPER = */
	/* ========== */
	.super{ padding: 1rem 0;}
	.super-notice{ margin-bottom:0.8rem; padding:0.6rem 0.5rem 0.4rem; font-size:0.28rem;}
	.super-notice div{  height: 0.8rem; line-height: 0.4rem; padding-left:0.6rem; }
	.super-notice div:before{ top:0; margin-top:0; width: 0.4rem; height: 0.4rem; }
	.super-notice li{ font-size: 0.3rem;  text-align:left;}

	.super-list{ margin-bottom: 0.8rem;}
	.super-list li{ margin-bottom: 0.66666666rem;}
	.super-list li .box{display: block; padding: 0.4rem 0.4rem 1rem;}
	.super-list li .box .img{ width:100%;}
	.super-list li .box .img:after{  display: block;}
	.super-list li .box .img span{ display: block; width: 1rem; height: 1rem;}
	.super-list li .box .text{ margin-top: 0.53333333rem; width:100%;}
	.super-list li .box .tit{ padding-bottom:0.4rem;  font-size:0.4rem;}
	.super-list li .box .des{ margin-top: 0.53333333rem; font-size: 0.32rem; line-height:0.5rem;}
	.super-list li .box .des span{ margin-right: 0.26666666rem; min-height: 0.5rem; padding-left: 0.55rem;}
	.super-list li .box .des span:before{ width: 0.5rem; height: 0.5rem;}
	.super-list li .box .num{ bottom:0; right:0.7rem; font-size: 0.53333333rem; line-height:0.66666666rem;}
	.super-list li .box .num span{ font-size: 0.66666666rem;}

	
}


/* ========== */
/* = CASE = */
/* ========== */
.case{ padding: 70px 0 95px; text-align: center; background-image: url(../images/case_bg.jpg);}
.case ul{ margin-bottom: 10px;}
.case li{ margin-bottom: 40px; float: left; width: 32%; margin-right:2%;}
.case li:nth-child(3n){ margin-right: 0;}
.case li .box{ border:1px solid #e5e5e5; padding: 20px 20px 40px; overflow: hidden;}
.case li .box .img-div{ position: relative;}
.case li .box .img-div .button{ position: absolute; bottom: 20px; left:-20px;  padding:6px 15px; display: inline-block; background: #d61514; color: #FFFFFF; transform: translateX(-100%); -webkit-transform: translateX(-100%);}
.case li .box .img-div .button span{ display: inline-block; vertical-align: middle; font-size: 16px;}
.case li .box .img-div .button i{ margin-right: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-image: url(../images/ico_case_order.png);}
.case li .box .img-div img{width: 100%;height: 100%;}
.case li .box .img-div .person{ position: absolute; display: block;  top:85%; right: 30px; width: 60px;}
.case li .box .img-div .person div{width: 100%;border-radius: 100%;overflow: hidden;height: 60px;}
.case li .box .img-div .person p{ margin-top: 10px; font-size: 16px; color: #999999;}
.case li .box .img-div .ico-heart{ position: absolute; top:15px; right:20px; display: inline-block; padding-left: 26px; font-size: 16px; color: #dc0909; background: url(../images/ico_heart.png) no-repeat left;}
.case li .box .img-div .ico-heart:hover{  background: url(../images/ico_heart_red.png) no-repeat left; }
.case li .box .img-div .ico-720{ position: absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);  width: 90px; height:90px; background-image:url(../images/ico_720.png); background-size:cover;}
.case li .box .img{display: block;overflow:hidden;height: 230px;}
.case li .box .img img{ -webkit-transition: all ease .3s;  transition: all ease .3s; }
.case li .box .text{ padding: 27px 10px 0;}
.case li .box .text .tit{ font-size: 20px; color: #333333; padding:0 70px 20px; background: url(../images/case_line.png) no-repeat bottom;}
.case li .box .text .des{ margin-top: 15px;}
.case li .box .text .des span{ display: inline-block; padding: 0 15px; position: relative;}
.case li .box .text .des span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -5px; background: #cecece; width: 1px; height: 10px;}
.case li .box .text .des span:nth-child(3):after{ display: none;}
.case li .box .text .more{ margin-top: 25px; display: inline-block; font-size: 16px; color: #c09547; border: 1px solid #dfcaa3; text-align: center; padding:4px 40px;}
.case li .box:hover{ background: #c09547; color: #FFFFFF;}
.case li .box:hover .img-div .person p{ color: #FFFFFF;}
.case li .box:hover .img-div .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.case li .box:hover .text .tit{ color: #FFFFFF; background: url(../images/case_line_white.png) no-repeat bottom;}
.case li .box:hover .text .des{ color: #ffffff; }
.case li .box:hover .text .des span:after{ background: #FFFFFF;}
.case li .box:hover .img-div .button{ transform: translateX(0%); -webkit-transform: translateX(0%);}
.case li .box:hover .text .more{ background:#FFFFFF; }


/* ========== */
/* = CASE_DETAIL = */
/* ========== */
.case-detail{ padding-top: 80px; background-image: url(../images/case_bg.jpg);}
.case-detail .title{ margin-bottom: 30px; position: relative; z-index: 1;}
.case-detail .title h1{ display: inline-block; vertical-align: middle;  font-size: 24px; color: #333333; font-weight:bold;}
.case-detail .title i{ margin: 0 30px; display: inline-block; vertical-align: middle; font-style: normal;}
.case-detail .title span{ margin-left:15px; display: inline-block; vertical-align: middle; font-size: 16px;}
.case-detail .title span i{ margin: 0 14px; height: 10px; width: 1px; background: #999;}
.case-detail-scroll{ position: relative;}
.case-detail-scroll:before{ content: ""; position: absolute; top:-100px; left:-4%; background: #FFFFFF; width:60%; height: 70%;}
.case-detail-scroll .swiper-case-big{ width:80%; margin:0;}
.case-detail-scroll .swiper-case-big .swiper-button-prev{ left:30px; width: 60px; height: 60px; background-size:50%; background-image: url(../images/prev_hover.png); background-color: #fff;}
.case-detail-scroll .swiper-case-big .swiper-button-next{ right:30px; width: 60px; height: 60px; background-size:50%; background-image: url(../images/next_hover.png); background-color: #fff;}
.case-detail-scroll .swiper-case-big .img{ position: relative; display: block; padding-bottom: 53%; background: #F6F6F6;}
.case-detail-scroll .swiper-case-big .img p{ position: absolute;  bottom: 0; width: 100%; left:0; padding:20px 30px; font-size: 16px; color: #FFFFFF; background: rgba(0,0,0,.5);}
.case-detail-scroll .swiper-case-big .img .ico-heart{ position: absolute; top:30px; right:40px; display: inline-block; font-size: 19px; color: #dc0909; padding-left: 40px;}
.case-detail-scroll .swiper-case-big .img .ico-heart:before{ content: ""; position: absolute; top:50%; left:0; width: 30px; height: 30px; background-size: cover; margin-top: -15px; background-image: url(../images/ico_red_heart.png);}
.case-detail-scroll .small{ position: absolute; top:0; right:0; width:18%; height: 100%; background: #FFFFFF; padding:40px 10px; }
.case-detail-scroll .small .swiper-button-next,
.case-detail-scroll .small .swiper-button-prev{ right:auto; margin: 0; top:auto; bottom: auto; left:50%; margin-left: -15px; width: 30px; height: 30px;}
.case-detail-scroll .small .swiper-button-next{ bottom:5px; background-image: url(../images/small_next.png);}
.case-detail-scroll .small .swiper-button-prev{ top:5px; background-image: url(../images/small_prev.png);}
.case-detail-scroll .swiper-case-samll .swiper-slide{ padding:6px 0;}
.case-detail-scroll .swiper-case-samll .img{ height: 100%; position: relative; display: block; padding-bottom: 53%; cursor: pointer;background: #F6F6F6;}
.case-detail-scroll .swiper-case-samll .img img{ max-height: 100%;}

.case-designer{ margin-top: 60px; border-top: 1px solid #e1e1e1;  display: flex; align-items:flex-end; justify-content: space-between; -webkit-justify-content: space-between;}
.case-designer .left{ width: 50%; padding: 0 3%;}
.case-designer .left .tip{ padding-top: 36px;}
.case-designer .left .tip div{ margin-right:10%; display: inline-block; text-align: center;}
.case-designer .left .tip span{ font-size: 32px; font-weight: bold;}
.case-designer .left .tip i{ font-size:18px; font-weight: normal; font-style: normal;}
.case-designer .left .tip p{ margin-top: 5px;}
.case-designer .left .tit{ margin-top: 40px; padding-bottom: 20px; border-bottom: 1px dashed #e1e1e1;}
.case-designer .left .tit span{ font-size: 20px; color: #c09547; font-weight: bold;}
.case-designer .left .tit i{ margin-left: 30px; display: inline-block; padding-left: 40px; color: #999999; position: relative;  padding-left: 40px; font-style:normal;}
.case-designer .left .tit i:before{ content:""; position: absolute; top:50%; left:0; margin-top: -15px; width:30px; height:30px; background-size: cover; background-image: url(../images/ico_person.png); background-size:cover;}
.case-designer .left .des{ margin-top: 20px; line-height: 34px;}
.case-designer .box{ width: 50%; padding:  0 3%; position: relative;}
.case-designer .box:before{ content: ""; position: absolute; left:0; top:50%; margin-top:-50px; height:100px; width: 1px; background: #e2e2e2;}
.case-designer .box .img{ float: left; width: 32%;}
.case-designer .box .con{ float: right; width:57%; padding-top: 50px;}
.case-designer .box .con h2{ padding-bottom:15px; font-size: 16px; border-bottom: 1px dashed #eeeeee;}
.case-designer .box .con h2 span{ font-size: 20px; font-weight: bold; color: #333333;}
.case-designer .box .con h2 i{ display: inline-block; margin: 0 12px; font-size:12px; font-style: normal;}
.case-designer .box .con .des{margin-top:10px; }
.case-designer .box .con .desdiv{ position: relative; display: block; line-height:36px; min-height:36px; padding-left:115px;}
.case-designer .box .con .desdiv span{ position: absolute; top:0; left:0px; padding-left:45px;}
.case-designer .box .con .desdiv span:before{ content:""; position: absolute; top:50%; left:0; margin-top: -13px; width:26px; height: 26px; background-size:cover;}
.case-designer .box .con .desdiv .span-01:before{ background-image: url(../images/designer_ico_01.png);}
.case-designer .box .con .desdiv .span-02:before{ background-image: url(../images/designer_ico_02.png);}
.case-designer .box .con .desdiv .span-03:before{ background-image: url(../images/designer_ico_03.png);}
.case-designer .box .con .bt{ margin-top:20px; }
.case-designer .box .con .bt a{ display:inline-block; width: 100px; text-align: center; line-height: 24px; border: 1px solid #c09547; color: #c09547;}
.case-designer .box .con .bt a:nth-child(2){ background: #c09547; color: #FFFFFF;}

.case-detail-content .content{ padding: 40px 0; border-bottom: 1px dashed #e5e5e5; position:relative;}
.case-detail-content .content:last-child{ border-bottom: none; padding-bottom:80px;}
.case-detail-content .letter{ position: absolute; top:0; right:0;font-family:"Great"; opacity:.1; font-size: 70px;}
.case-detail-content .tit{ margin-bottom: 25px; font-size: 24px; color: #c09547;font-weight:bold; padding:0 30px;   position:relative; display: inline-block;}
.case-detail-content .tit:before{ content: ""; position:absolute; left:-10px; top:0; background-size: cover; width: 30px; height: 30px; background-image:url(../images/yinhao_01.png);}
.case-detail-content .tit:after{  content: ""; position:absolute; right:-10px; bottom: 0; background-size: cover; width: 30px; height: 30px;    background-image:url(../images/yinhao_02.png);}
.case-detail-content .des{font-size: 16px;line-height: 40px;width: 70%;margin-left: 15%;}
.case-detail-content iframe{ width: 100%; overflow: hidden; border: none; outline: none; height:600px;}

.revelant-case{ padding: 20px 0 80px; background-image: url(../images/case_bg_2.jpg);}
.revelant-case .ny-theme p{ color: #c09547;}
.revelant-case .tab{ margin: 30px 0 55px;}
.revelant-case .tab span{  width: 26%; display: inline-block; margin:0 1%; font-size: 20px; border: 1px solid #666666; padding:8px 10px; cursor: pointer;}
.revelant-case .tab span.active{ background: #c09547; border: 1px solid #c09547; color: #FFFFFF;}
.revelant-case .js-tab-con{ display: none;}
.revelant-case .js-tab-con.active{ display: block;}


@media (max-width:999px){ 

	/* ========== */
	/* = CASE = */
	/* ========== */
	.case{ padding:1rem 0;}
	.case ul{ margin-bottom:0.26666666rem;}
	.case li{ margin-bottom:0.53333333rem; width:100%; margin-right:0;}
	.case li .box{ padding:0.4rem 0.4rem 0.66666666rem;}
	.case li .box .img-div .button{ padding:0.13333333rem 0.26666666rem;}
	.case li .box .img-div .button span{ font-size: 0.26rem;}
	.case li .box .img-div .button i{ margin-right: 0.13333333rem; width:0.4rem; height: 0.4rem; }
	.case li .box .img-div .person{ bottom:-0.8rem; right:0.26666666rem; width:0.93333333rem;}
	.case li .box .img-div .person p{ margin-top: 0.13333333rem; font-size: 0.28rem; }
	.case li .box .img-div .ico-heart{ position: absolute; top:15px; right:20px; display: inline-block; padding-left: 26px; font-size: 16px; color: #dc0909; background: url(../images/ico_heart.png) no-repeat left;}
	.case li .box .img-div .ico-720{ width: 1.2rem; height: 1.2rem;}
	.case li .box .text{ padding: 0.5rem 0.13333333rem 0;}
	.case li .box .text .tit{ font-size:0.4rem; padding:0 0.8rem 0.26666666rem;}
	.case li .box .text .des span{  padding: 0 0.13333333rem; font-size:0.32rem;}
	.case li .box .text .more{ margin-top:0.4rem; font-size: 0.3rem; padding: 0.12rem 0.5rem;}
	.case li .box:hover{ background:none; color: #666;}
	.case li .box:hover .img-div .person p{ color: #999999;}
	.case li .box:hover .img-div .img img{ transform: scale(1); -webkit-transform: scale(1); }
	.case li .box:hover .img-div .button{ transform: translateX(-100%); -webkit-transform: translateX(-100%);}
	.case li .box:hover .text .tit{ color: #333; background: url(../images/case_line.png) no-repeat bottom;}
	.case li .box:hover .text .des{ color: #666; }
	.case li .box:hover .text .des span:after{ background: #cecece;}
	.case li .box:hover .text .more{ background:none; }
	
	
	/* ========== */
	/* = CASE_DETAIL = */
	/* ========== */
	.case-detail{ padding-top: 1.2rem;}
	.case-detail .title{ margin-bottom:0.53333333rem; text-align: center;}
	.case-detail .title h1{ font-size: 0.46rem; display: block; margin-bottom: 0.4rem;}
	.case-detail .title>i{display: none;}
	.case-detail .title span{ font-size: 0.34rem;}
	.case-detail .title span i{ margin: 0 0.26666666rem; height: 0.29333333rem;}
	.case-detail-scroll{ margin: 0 -0.4rem; }
	.case-detail-scroll:before{display: none;}
	.case-detail-scroll .swiper-case-big{ width:100%;}
	.case-detail-scroll .swiper-case-big .swiper-button-prev{ left:0.4rem; width:0.66666666rem; height:0.66666666rem; }
	.case-detail-scroll .swiper-case-big .swiper-button-next{ right:0.4rem; width:0.66666666rem; height:0.66666666rem;}
	.case-detail-scroll .swiper-case-big .img p{ padding: 0.26666666rem; font-size: 0.32rem; line-height: 0.58666666rem;}
	.case-detail-scroll .swiper-case-big .img .ico-heart{ top:0.4rem; right:0.4rem;  font-size: 0.32rem; padding-left:0.53333333rem;}
	.case-detail-scroll .swiper-case-big .img .ico-heart:before{  margin-top: -0.2rem; width:0.4rem; height: 0.4rem;}
	.case-detail-scroll .small{ display: none;}
	
	.case-designer{ margin-top: 0.8rem; display: block;}
	.case-designer .left{ width: 100%; padding:0;}
	.case-designer .left .tip{ padding-top:0.53333333rem; text-align: center;}
	.case-designer .left .tip div{ margin: 0 3%;}
	.case-designer .left .tip span{ font-size: 0.45rem;}
	.case-designer .left .tip i{ font-size:0.32rem;}
	.case-designer .left .tit{ margin-top:0.5rem; padding-bottom:0; text-align: center; border-bottom: none;}
	.case-designer .left .tit span{ font-size:0.4rem;}
	.case-designer .left .tit i{ margin-left:0.5rem; font-size: 0.32rem;}
	.case-designer .left .des{ margin-top:0.4rem; line-height:0.64rem; font-size: 0.32rem;}
	.case-designer .box{ width:100%; padding:0; margin-top: 0.53333333rem;}
	.case-designer .box:before{ display: none;}
	.case-designer .box .con{ padding-top:0.53333333rem;}
	.case-designer .box .con h2{ padding-bottom:0.26666666rem; font-size:0.32rem;}
	.case-designer .box .con h2 span{ font-size:0.4rem;}
	.case-designer .box .con h2 i{ font-size: 0.26666666rem;}
	.case-designer .box .con .des{margin-top:0.26666666rem; }
	.case-designer .box .con  .desdiv{ line-height:0.8rem; min-height:0.8rem; font-size: 0.32rem; padding-left:2.4rem;}
	.case-designer .box .con  .desdiv span{padding-left:0.8rem;}
	.case-designer .box .con  .desdiv span:before{ width:0.53333333rem; height: 0.53333333rem; margin-top:-0.26666666rem;}
	.case-designer .box .con .bt{ margin-top:0.4rem; }
	.case-designer .box .con .bt a{ width:2rem;line-height:0.7rem; font-size:0.32rem; }
	
	.case-detail-content .content{ padding:0.7rem 0;}
	.case-detail-content .content:last-child{ padding-bottom:1.46rem;}
	.case-detail-content .letter{ font-size: 0.66666666rem;}
	.case-detail-content .tit{ margin-bottom:0.4rem; font-size:0.4rem; padding:0 0.4rem; }
	.case-detail-content .tit:before{ left:-0.13rem; width:0.48rem; height: 0.48rem;}
	.case-detail-content .tit:after{  right:-0.13rem; width:0.48rem; height: 0.48rem }
	.case-detail-content .des{ font-size: 0.32rem; line-height: 0.64rem;}
	.case-detail-content iframe{ height: 6rem;}
	.revelant-case{ padding:0.53333333rem 0 1rem;}
	.revelant-case .tab{ margin:0.4rem 0 0.8rem;}
	.revelant-case .tab span{  width:40%;font-size: 0.32rem; padding:0.16rem;}
	
}




/* ========== */
/* = DESIGNER = */
/* ========== */
.designer-tab{ float:right; margin: -25px 0;}
.designer-tab a{ float: left; border-left: 1px solid #e6d5b5; height: 80px; line-height: 80px; display:inline-block; margin: 0;  padding: 0 35px; position: relative;}
.designer-tab a img{ display: inline-block; vertical-align: middle;position: relative; z-index: 1; }
.designer-tab a span{ margin-left: 15px; font-size: 16px; color: #cfa957; display: inline-block; vertical-align: middle;position: relative; z-index: 1; }
.designer-tab a .bg{ display: none; position: absolute; z-index: 0; top:-6px; left:-1%; width: 102%; height:92px; background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1); padding: 6px;}
.designer-tab a .bg .border{ border:1px solid #d8b975; display: block; height:80px; position: relative;}
.designer-tab a .bg .border:before{ content: ""; position: absolute; top:0; left:0; width: 4px; height: 4px; display: block; background: #d8b975;}
.designer-tab a .bg .border:after{ content: ""; position: absolute; bottom:0; right:0; width: 4px; height: 4px; display: block; background: #d8b975;}
.designer-tab a .bg .border .line1:before{ content: "";  display: block; position: absolute; top:-1px; left:43px; height: 1px; width: 19px; background: #FFFFFF;}
.designer-tab a .bg .border .line1:before{ content: "";  display: block; position: absolute; bottom:-1px; left:18px; height: 1px; width: 18px; background: #FFFFFF;}
.designer-tab a .bg .border .line2:before{ content: "";  display: block; position: absolute; top:25px; left:-1px; height: 6px; width: 1px; background: #FFFFFF;}
.designer-tab a .bg .border .line3:before{ content: "";  display: block; position: absolute; bottom:13px; right:-1px; height:5px; width: 1px; background: #FFFFFF;}
.designer-tab a .bg .border .line3:after{ content: "";  display: block; position: absolute; bottom:25px; right:-1px; height:7px; width: 1px; background: #FFFFFF;}
.designer-tab a.active{ position: relative; z-index: 1;}
.designer-tab a.active .bg{ display: block; }

.designer-filter{ padding: 60px 0 110px; background-image: url(../images/fillter_bg.jpg);}
.designer-filter .bg{ padding: 0 40px 55px; background:#FFFFFF; height:100px;}
.designer-filter .row{border-bottom: 1px solid #eaeaea;}
.designer-filter .row span{ font-weight:normal; font-size: 16px; padding-right: 25px; }
.designer-filter .row span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -7px; width: 1px; height:14px; background: #e5e5e5;}
.designer-filter .row a{ padding: 0 20px; min-width: 0; font-size: 14px;}
.designer-filter .row a.active{ color: #cea757; background: none;}
.designer-filter .filter-result .con span{ font-weight: normal; font-size: 16px;}
.designer-filter .filter-result .con a{ font-size: 14px;}
.designer-filter .filter-result .con em{ font-size: 14px;}
.designer-filter .filter-result .con em i{ font-size: 16px;}
.designer-filter .filter-result .search-box .button{ background-image:url(../images/search_button_yellow.png);}

.designer-box{ margin-bottom:90px; height: 450px; background: url(../images/bg_01.jpg);}
.designer-box .text{ float: left; width:35%; padding: 38px;}
.designer-box .text h2{ padding:0 10px 20px; font-size: 20px; color: #333333; border-bottom: 1px dotted #7f7f7f;}
.designer-box .text h2 span{ font-size: 30px; color: #cea753;}
.designer-box .text h2 i{ display: inline-block; margin: 0 30px; font-size:14px; font-style: normal;}
.designer-box .text .des{ margin-top:20px;}
.designer-box .text .desdiv{ position: relative; display: block; line-height:45px; min-height:45px; font-size: 16px; padding-left:150px;}
.designer-box .text .desdiv span{ position: absolute; top:0; left:0px; padding-left: 54px;}
.designer-box .text .desdiv span:before{ content:""; position: absolute; top:50%; left:0; margin-top: -15px; width: 30px; height: 30px;}
.designer-box .text .desdiv .span-01:before{ background-image: url(../images/designer_ico_01.png);}
.designer-box .text .desdiv .span-02:before{ background-image: url(../images/designer_ico_02.png);}
.designer-box .text .desdiv .span-03:before{ background-image: url(../images/designer_ico_03.png);}
.designer-box .text .desdiv .span-04:before{ background-image: url(../images/designer_ico_04.png);}
.designer-box .text .desdiv .star-box{ display: inline-block;}
.designer-box .text .bt{ margin-top: 30px; max-width:390px; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.designer-box .text .bt a{ max-width: 48%;}
.designer-box .text .bt a:nth-child(1){ background: #3e4147;}
.designer-box .text .bt a:nth-child(1):hover{ background: #333;}
.designer-box .text .tip{ margin-top:25px; font-size: 16px;}
.designer-box .text .tip span{ color: #cea753;}
.designer-box .right{ float:right; width:62%; position: relative;}
.designer-box .right .img{margin-top: -50px;float: right;margin-right:22%;position: relative;width: 36%;height: 36%;z-index: 1;}
.designer-box .right .black{ position:absolute; top:35px; left:0; width: 1130px; padding: 0 35px; background-image: url(../images/black_01.jpg);}
.designer-box .right .black-text{ position: relative;  }
.designer-box .right .black-text img{ margin: 0;}
.designer-box .right .black-text p{ position: absolute; top:0; left:40px; line-height: 90px; font-size: 20px; color: #cea757;  }
.designer-box .right .box1{ position: absolute; left:54px; top:85px; opacity: .7;}
.designer-box .right .box1:before{ content: ""; margin-left: 24px; width: 1px; display: block; height: 91px; background: #cea757;}
.designer-box .right .box1:after{ content: ""; position: absolute; top:91px; left:19px; display: block;  width:12px; height: 12px; background: #cea757;}
.designer-box .right .box1 img{ margin-top: 35px;}
.designer-box .right .box2{ position: absolute; right: 55px; top:16px;}
.designer-box .right .box2:before{ content: ""; display: block; width:12px; height: 12px; background: #cea757;}
.designer-box .right .box2:after{ content: ""; position: absolute; top:12px; right:6px; display: block; width:1px; height: 255px; background: #cea757;}
.designer-box .right .box2 p{ position: absolute; top:110px; left:20px; width:16px; height: 340px; font-size: 18px; letter-spacing:2px; writing-mode: vertical-rl;}
.designer-box .right .box2 p span{ color: #cea757;}

.designer-box:nth-child(2n) { background-image: url(../images/bg_02.jpg);}
.designer-box:nth-child(2n) .text{ float: right;}
.designer-box:nth-child(2n) .right{ float: left;}
.designer-box:nth-child(2n) .right .img{ float:left; margin-right:auto; margin-left:13%;}
.designer-box:nth-child(2n) .right .black-text{ float: right; }
.designer-box:nth-child(2n) .right .black{ left:auto; right:0; }
.designer-box:nth-child(2n) .right .black img{ float: right;}
.designer-box:nth-child(2n) .right .box1{ left:auto; right:54px;}
.designer-box:nth-child(2n) .right .box2{ right:auto; left: 55px;}
.designer-box:nth-child(2n) .right .box2 p{ left:auto; right:20px; }
.designer-more{ margin-bottom: 100px; display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; color: #FFFFFF; background: #cea757;}
.designer-more span{ display: inline-block; vertical-align: middle; font-size: 20px;}
.designer-more i{ margin-left: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-image: url(../images/ico_down_white.png);}

@media (max-width:1520px){ 
	.designer-box .right .black-text p{ font-size: 18px; }
	.designer-box .right .img{ margin-right: 14%; }
	.designer-box:nth-child(2n) .right .img{ margin-left: 5%; }
}



/* ========== */
/* = DESIGNER_DETAIL = */
/* ========== */
.detail-detail{ padding:104px 0 120px; background: #fbfbfb;}
.detail-detail .img{ float: left; width: 27%; max-width: 372px; position: relative; 
}
.detail-detail .img img{ width: 100%; position: relative; z-index: 1; background-image: url(../images/img_bgde.png); background-size: cover;}
.detail-detail .img:after{ content: ""; position: absolute; top:-10px; right:-10px; background: #d6b46a; width: 98%; height: 98%;}
.detail-detail .img p{ position: absolute; z-index: 2; top:34px; left:20px; width: 20px; color: #FFFFFF; letter-spacing: 2px; font-size: 16px; writing-mode: vertical-rl;}
.detail-detail .img p i{position: absolute;top:110%;left:10px;width: 1px;height: 65%;background: #d6b46a;}
.detail-detail .img p i:before{content: "";position: absolute;top:-10px;left:-5px;width: 10px;height: 10px;border: 1px solid #d6b46a;}
.detail-detail .text{ float: right; width: 70%;}
.detail-detail .text h2{ position: relative; padding:30px 200px 35px 0; font-size: 20px; color: #333333; border-bottom: 1px dotted #7f7f7f;}
.detail-detail .text h2 span{ font-size: 30px; color: #cea753;}
.detail-detail .text h2 i{ display: inline-block; margin: 0 30px; font-size:14px; font-style: normal;}
.detail-detail .text h2 .more-button{ position: absolute; top:50%; margin-top: -15px; right:0;}
.detail-detail .text h2:before{ content: ""; position: absolute; bottom: -3px; left:0; width: 6px; height: 6px; background: #ddb46a;}
.detail-detail .text .des{ margin-top: 30px; padding-right: 170px; position: relative;}
.detail-detail .text .des .erweima{ position: absolute; bottom: 10px; right:0;}
.detail-detail .text .des .erweima div{ border: 1px solid #cea757; border-radius:4px; position: relative;}
.detail-detail .text .des .erweima div:before{ content: ""; position: absolute; top:-1px; left:40px; height: 1px; width: 10px; background: #FFFFFF;}
.detail-detail .text .des .erweima div:after{ content: ""; position: absolute; bottom:-1px; left:10px; height: 1px; width: 10px; background: #FFFFFF;}
.detail-detail .text .des .erweima div i:after{ content: ""; position: absolute; right:-1px; bottom:40px; height: 10px; width: 1px; background: #FFFFFF;}
.detail-detail .text .des .erweima div i:before{ content: ""; position: absolute; left:-1px; top:20px; height: 10px;  width: 1px; background: #FFFFFF;}
.detail-detail .text .des .erweima p{ margin-top: 14px; line-height: 24px; text-align: center;}
.detail-detail .text .desdiv{ margin-bottom: 15px; position: relative; display: block; line-height:34px; min-height: 34px; font-size: 16px; padding-left:140px;}
.detail-detail .text .desdiv span{ position: absolute; top:0; left:0; padding-left: 57px;}
.detail-detail .text .desdiv span:before{ content:""; position: absolute; top:50%; left:0; margin-top: -15px; width: 30px; height: 30px;}
.detail-detail .text .desdiv .span-01:before{ background-image: url(../images/designer_ico_01.png);}
.detail-detail .text .desdiv .span-02:before{ background-image: url(../images/designer_ico_02.png);}
.detail-detail .text .desdiv .span-03:before{ background-image: url(../images/designer_ico_06.png);}
.detail-detail .text .desdiv .span-04:before{ background-image: url(../images/designer_ico_03.png);}
.detail-detail .text .desdiv .span-05:before{ background-image: url(../images/designer_ico_04.png);}
.detail-detail .text .desdiv .span-06:before{ background-image: url(../images/ico_design.png);}
.detail-detail .text .desdiv .span-07:before{ background-image: url(../images/designer_ico_07.png);}
.detail-detail .text .desdiv .star-box{ display: inline-block;}
.detail-detail .text .desdiv .more{ display: inline-block; border: 1px solid #cea753; color: #cea753; line-height: 24px; font-size: 13px; padding:0 10px; margin-left: 10px;}
.detail-detail .text .desdiv .more:hover{ background: #cea753; color: #ffffff; }
.detail-detail .text .des2{ margin-top: 30px; padding-top: 25px; border-top: 1px dashed #bebebe;}
.detail-detail .text .des2 span{ color: #cea753;}

.designer-form{ padding: 50px 0 36px; background-image: url(../images/designer_form_bg.jpg);}
.designer-form .content{ position:relative; padding-left:450px;}
.designer-form .content .tit{ position: absolute; top:0; left:0;}
.designer-form .content .tit span{ font-size: 24px; color: #cea757;}
.designer-form .content .tit p{ margin-top: 10px; font-size: 16px; color: #FFFFFF;}
.designer-form .content .tit p i{ font-size: 24px; font-style: normal; font-weight: bold;}
.designer-form .content .con span{ float: left; width: 20%; margin-right: 3%;}
.designer-form .content .con span input{ width: 100%; height: 40px; line-height: 24px; padding: 8px 10px; background: #FFFFFF; border: none; padding:0 15px;}
.designer-form .content .con span:last-child{ float: right; width: 27%;}
.designer-form .content .con span p{ margin-top: 10px; color: #FFFFFF;}
.designer-form .content .con span p em{ color: #cea757;}

.revelant-case2{ background: #fbfbfb;}
.revelant-case2 .ny-theme p{ color: #c09547;}
.revelant-case2 .more-button{ margin: 0 auto;}
.revelant-case2 ul{ margin-top: 50px;}
.revelant-case2 ul li .box{ border: none;}

.revelant-designer{ padding: 38px 0 70px;  background-image:url(../images/relant_designer_bg.jpg);}
.revelant-designer .ny-theme p{ color: #c09547;}
.revelant-designer ul{ margin:0 -15px 50px;}
.revelant-designer li{float: left;width: 25%;margin-top: 50px;padding: 0px 15px;}
.revelant-designer li .img{overflow: hidden;height: 356px;width: 256px;/* background-color: #39373a; */}
.revelant-designer li .img img{width: 100%;-webkit-transition: all ease .3s;transition: all ease .3s;}
.revelant-designer li .text{padding: 25px 0px;background: #ffffff;}
.revelant-designer li .text .tit{ position: relative; line-height: 30px; font-size: 14px; padding-right: 70px; color: #999999;}
.revelant-designer li .text .tit span{ font-size: 20px; color: #333333;}
.revelant-designer li .text .tit i{ position: absolute; top:0; right:0;font-size: 16px; color: #cea753; font-style:normal;padding-left: 35px;}
.revelant-designer li .text .tit i:before{ content: ""; position: absolute; top:50%; margin-top: -15px; left:0; width: 30px; height: 30px; background-image: url(../images/ico_heart_yellow.png);}
.revelant-designer li .text .des{margin-top: 15px;padding-top: 20px;border-top: 1px dotted #b2b2b2;}
.revelant-designer li .text .des span{ display: inline-block; vertical-align: middle; font-size:14px; color: #666666;}
.revelant-designer li .text .des i{ margin: 0 1%; display: inline-block; vertical-align: middle; font-size: 10px ; font-style: normal; }
.revelant-designer li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.revelant-designer li:hover .text .tit span{ color: #c09547; }
.revelant-designer .more-button{ margin: 0 auto;}

@media (max-width:1480px){ 
	/* ========== */
	/* = DESIGNER = */
	/* ========== */
	.designer-box .right .img{ margin-right: 10%;}
	
	.revelant-designer ul{ margin: 0 -10px;}
	.revelant-designer li{ padding: 0 10px;}
	.revelant-designer li .text .tit span{ font-size: 17px;}
	
	.designer-form .content{ padding-left:360px;}
	.designer-form .content .tit span{ font-size: 20px;}
}

@media (max-width:1340px){ 
	/* ========== */
	/* = DESIGNER = */
	/* ========== */
	.designer-tab a{ padding: 0 20px;}
	.designer-tab a span{ margin-left: 0; font-size: 14px;}
	.designer-box .text{ padding: 38px 10px;}
	.designer-box .right .black{ padding: 0;}
}

@media (max-width:999px){ 
	/* ========== */
	/* = DESIGNER = */
	/* ========== */
	.bread{ padding: 0;}
	.bread .container{ padding: 0;}
	.designer-tab{ float:none; width: 100%; margin:0; border-bottom: 1px solid #e6d5b5;}
	.designer-tab a{ width: 33.333%; padding: 0; height:1rem; line-height:1rem; text-align: center;}
	.designer-tab a img{ display: none;}
	.designer-tab a span{ margin-left: 0; font-size: 0.28rem;}
	.designer-tab a.active .bg{ display: none;}
	.designer-tab a.active{ background:#cea757;}
	.designer-tab a.active span{ color: #FFFFFF;}
	
	.designer-filter{ padding:0.8rem 0.4rem 1.5rem; background: #FFFFFF;}
	.designer-filter .bg{ padding:0;}
	
	.designer-box{ padding-bottom:1.4rem; margin-bottom: 1.5rem; height: auto; position: relative;}
	.designer-box .text{  width: 58%; padding:0;}
	.designer-box .text h2{font-size: 0.3rem; padding:0 0 0.3rem;}
	.designer-box .text h2 span{ font-size:0.4rem; color: #cea753;}
	.designer-box .text h2 i{ margin: 0 0.3rem; font-size: 0.32rem;}
	.designer-box .text .des{ margin-top:0.4rem;}
	.designer-box .text .desdiv{ line-height:0.8rem; min-height:0.8rem; font-size: 0.32rem; padding-left:2.4rem;}
	.designer-box .text .desdiv span{padding-left:0.8rem;}
	.designer-box .text .desdiv span:before{ width:0.53333333rem; height: 0.53333333rem; margin-top:-0.26666666rem; background-size: cover;}
	.designer-box .text .desdiv .star-box{ display: inline-block;}
	.designer-box .text .bt{ position: absolute; bottom:0; left:0.5rem; right:auto; width:9rem; }
	.designer-box .text .bt .more-button{ width: 48%; }
	.designer-box .right{ width:40%;}
	.designer-box .right .img,
	.designer-box:nth-child(2n) .right .img{ width: 100%; margin:0;}
	.designer-box .text .tip,
	.designer-box .right .black,
	.designer-box .right .box1,
	.designer-box .right .box2{ display: none;}


	
	.designer-more{ margin-bottom: 1rem; height:1rem; line-height: 1rem;}
	.designer-more span{ font-size:0.37333333rem;}
	.designer-more i{margin-left: 0.16rem; width: 0.4rem; height: 0.4rem;}
	

	/* ========== */
	/* = DESIGNER_DETAIL = */
	/* ========== */
	.detail-detail{ padding:1rem 0 ;}
	.detail-detail .img{  width: 100%; max-width: 100%;}
	.detail-detail .img p i{ height:3rem; }
	.detail-detail .text{ width: 100%;}
	.detail-detail .text h2{ padding:0.6rem 4rem 0.6rem 0; font-size: 0.3rem;}
	.detail-detail .text h2 span{ font-size:0.4rem; }
	.detail-detail .text h2 i{  margin: 0 0.4rem; font-size:0.32rem; }
	.detail-detail .text h2 .more-button{ width: 3rem; line-height:0.8rem;  margin-top: -0.4rem;}
	.detail-detail .text .des{ margin-top: 0.53333333rem; padding-right: 0; }
	.detail-detail .text .des .erweima{display: none; }
	.detail-detail .text .desdiv{ margin-bottom: 0.4rem; font-size: 0.32rem; line-height:0.64rem; min-height: 0.64rem; padding-left:2.4rem;}
	.detail-detail .text .desdiv span{ padding-left:0.9rem;}
	.detail-detail .text .desdiv span:before{ margin-top: -0.25rem; width:0.5rem; height: 0.5rem; background-size: cover;}
	.detail-detail .text .desdiv .more{ line-height: 0.6rem; font-size: 0.32rem; padding:0 0.26666666rem; margin-left: 0.26666666rem;}
	.detail-detail .text .des2{ margin-top: 0.4rem; padding-top: 0.4rem;}
	
	.designer-form{ padding: 0.66666666rem 0; }
	.designer-form .content{ position:relative; padding-left:0;}
	.designer-form .content .tit{ position: relative; top:auto; left:auto; text-align: center;} 
	.designer-form .content .tit span{ font-size:0.4rem; }
	.designer-form .content .tit p{ margin-top: 0.2rem; font-size: 0.34666666rem;}
	.designer-form .content .tit p i{ font-size:0.37333333rem;}
	.designer-form .content .con span{  margin-top: 0.4rem; margin-right: 0; width: 100%;}
	.designer-form .content .con span:last-child{ width: 100%; text-align: center;}
	.designer-form .content .con .more-button{ width:100%;}
	
	
	.revelant-designer{ padding:0.53333333rem 0 1rem;}
	.revelant-designer li{ width: 50%; margin-top: 0.8rem;}
	.revelant-designer li .text{ padding: 0.3rem 0;}
	.revelant-designer li .text .tit{ padding-right: 0; font-size:0.32rem}
	.revelant-designer li .text .tit span{ font-size: 0.36rem; }
	.revelant-designer li .text .tit i{display: none;}
	.revelant-designer li .text .des{ display: none; font-size: 0.28rem;}
	.revelant-designer li:hover .img img{ transform: scale(1); -webkit-transform: scale(1); }
	.revelant-designer li:hover .text .tit span{ color: #333333; }
}






/* ========== */
/* = PATENT = */
/* ========== */
.patent-box{ padding: 90px 0 40px; background: #fbfbfb;}
.patent-box .content{ padding-bottom: 85px; border-bottom: 1px dashed #e1e1e1; display: flex; align-items:flex-end; justify-content: space-between; -webkit-justify-content: space-between; }
.patent-box .content .img{ width: 50%;}
.patent-box .content .img img{ width: 100%; }
.patent-box .content .text{ width: 50%;}
.patent-box .content .text .tit{ padding-bottom: 25px; padding-left:13%; font-size: 30px; color: #c09547; background:url(../images/line.png) no-repeat bottom left}
.patent-box .content .text .des{ margin-top: 40px; padding-left:13%; font-size: 16px; line-height: 36px;}
.patent-box .content .text .more-button{ margin-top: 50px; margin-left: 13%;}
.patent-box ul{ margin-top:60px;}
.patent-box ul li{ padding:0 5px 40px; float: left; width: 20%;}
.patent-box ul li:nth-child(5n) .img,
.patent-box ul li:nth-child(5n-4) .img{ padding-top: 40px;}
.patent-box ul li:nth-child(5n-1) .img,
.patent-box ul li:nth-child(5n-3) .img{ padding-top: 20px;}
.patent-box ul li .img{ height: 272px;}
.patent-box ul li .img img{ max-height: 100%;}
.patent-box ul li p{ text-align: center; }
.patent-box ul li:nth-child(5n+1){ clear: both; }
.patent-feature{ padding: 70px 0 90px; text-align: center;}
.patent-feature .ny-theme p{ color: #c09547;}
.patent-feature .tab{ margin: 35px auto 0; max-width:1100px; display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.patent-feature .tab span{ width:19%; margin: 0 0.5%; line-height: 32px; display:inline-block; font-size: 16px; border: 1px solid #666666; cursor: pointer;}
.patent-feature .tab span.active{ background: #666666; color: #FFFFFF;}
.patent-feature .js-tab-con{ display: none;}
.patent-feature .js-tab-con.active{ display: block;}
.patent-feature ul{ margin:0 -13px 55px;}
.patent-feature li{ margin-top: 35px; float: left; width: 25%; padding: 0 13px;}
.patent-feature li:nth-child(4n+1){ clear: both;}
.patent-feature li .box{ position: relative;}
.patent-feature li .box .img{ overflow: hidden; position: relative;}
.patent-feature li .box .img img{ width: 100%;}
.patent-feature li .box p{ margin-top: 15px; font-size: 18px; color: #333333;}
.patent-feature li .box:hover p{ color: #c09547; }
.patent-feature li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.patent-feature li .video-button .img:after{ content: "";  position: absolute; top:50%; left:50%; display: block; width: 70px; height: 70px; background-size:cover; background-image: url(../images/ico_play.png);transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);}
.patent-feature .more-button{ margin: 0 auto;}

/* ========== */
/* = TECHNOLOGY = */
/* ========== */
.technology-box{ padding: 58px 0 95px; background-image: url(../images/technology_bg.jpg);}
.technology-box .content{ background: #FFFFFF;}
.technology-box .box{ padding: 0 78px 45px; overflow: hidden;}
.technology-box .box .tit{ position: relative; font-size: 32px; color: #c09547; padding-top: 50px;}
.technology-box .box .tit span{ position: absolute; top:-5px; right:0; line-height: 70px; font-weight:bold; font-size: 70px; color: rgba(0,0,0,.1); font-family:"PingFang";}
.technology-box .box .line{ margin-top: 30px; border-bottom: 1px dashed #ecdfc7; position: relative;}
.technology-box .box .line i{  content: ""; position: absolute; top:-10px; right:0; display: block; width: 20px; height: 20px; border: 1px dashed #e9dcc5;}
.technology-box .box .line i:before{ content: ""; position: absolute; top:4px; left:4px; width: 10px; height: 10px; background: #e9dcc5;}
.technology-box .box:nth-child(2n){ background: #fbfbfb;}
.technology-box .box ul{ margin: 0  -10px;}
.technology-box .box ul li{ margin-top: 40px; float: left; width: 25%; text-align: center; padding:0 12px;}
.technology-box .box ul li div{ overflow: hidden; }
.technology-box .box ul li img{ width: 100%;}
.technology-box .box ul li p{ margin-top: 16px; font-size: 16px; color: #333333;}
.technology-box .box ul li:hover div img{ transform: scale(1.1); -webkit-transform: scale(1.1);  }
.technology-box .box ul li:hover p{ color: #c09547; }


/* ========== */
/* = UNION = */
/* ========== */
.union{ padding: 75px 0 50px; background: #fbfbfb; overflow: hidden;}
.union li{ margin-bottom: 55px; position:relative;}
.union li .box{ display:block; position: relative; z-index:1;}
.union li .box:before{ content: ""; position: absolute; z-index:0; left:30%; height: 100%; width: 200%; background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1);}
.union li .box .img{ position: absolute; overflow: hidden; top:50%; left:0; width: 48%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.union li .box .text{ float: right; width: 46%; padding:8% 0; position: relative; z-index: 1;}
.union li .box .text .tit{ position: relative; padding-bottom: 35px;}
.union li .box .text .tit span{ display: block;  font-size:36px; color: #c09547; font-weight: bold;  padding-right: 40px; position:relative;}
.union li .box .text .tit span:after{ content: ""; position: absolute; top:50%; right:0; margin-top: -15px; width: 30px; height: 30px; background-image: url(../images/next.png); background-size: cover;} 
.union li .box .text .tit:before{ content:""; position: absolute; bottom: 0; left:0; width:900px; height: 1px; background: url(../images/line.png) center no-repeat; }
.union li .box .text .des{ margin-top: 35px; font-size: 16px; line-height: 40px; height:160px; overflow: hidden;}
.union li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.union li .png{ position: absolute; z-index:0; top:12%; left:0;  width:337px; height: 404px; background-size: cover; background-image: url(../images/union_png.png);}
.union li .letter{ font-family:"Great"; position: absolute; z-index: 2; bottom:-30px; right:0; font-size:70px; color: #000000; opacity: .05;}
.union li:nth-child(2n) .box:before{ right:30%; left:auto;}
.union li:nth-child(2n) .box .img{ left:auto; right:0;}
.union li:nth-child(2n) .box .text{ float: left;}
.union li:nth-child(2n) .box .text .tit:before{ right:0; left:auto;}
.union li:nth-child(2n) .png{ left:auto; right:0;  background-image: url(../images/union_png2.png);}
.union li:nth-child(2n) .letter{ right:auto; left:0;}


/* ========== */
/* = UNION-DETAIL = */
/* ========== */
.union-detail{ padding: 80px 0 100px; background-image: url(../images/union_detail_bg.jpg);}
.union-detail .detail{ margin-top: 55px; font-size: 16px; line-height: 32px;}
.union-detail .ny-theme p{ color: #c09547;}


@media (max-width:1240px){ 
	/* ========== */
	/* = PATENT = */
	/* ========== */
	.patent-box ul li .img{ height: 240px;}

}

@media (max-width:999px){ 

	/* ========== */
	/* = PATENT = */
	/* ========== */
	.patent-box{ padding:1rem 0;}
	.patent-box .content{ padding-bottom: 0.66666666rem; display: block;}
	.patent-box .content .img{ width: 100%;}
	.patent-box .content .text{ width: 100%; margin-top: 0.53333333rem;}
	.patent-box .content .text .tit{ padding-bottom: 0.4rem; padding-left:0; font-size: 0.46rem;}
	.patent-box .content .text .des{ margin-top:0.4rem; padding-left:0; font-size: 0.32rem; line-height:0.64rem;}
	.patent-box .content .text .more-button{ margin-top:0.66666666rem; margin-left: 0;}
	.patent-box ul{ margin-top:1rem;}
	.patent-box ul li{ padding:0 0.4rem 0.7rem; width: 50%;}
	.patent-box ul li:nth-child(5n) .img,
	.patent-box ul li:nth-child(5n-4) .img,
	.patent-box ul li:nth-child(5n-1) .img,
	.patent-box ul li:nth-child(5n-3) .img{ padding-top: 0;}
	.patent-box ul li .img{ height: auto;}
	.patent-box ul li:nth-child(2n+1){ clear: both; }
	.patent-box ul li:nth-child(5n+1){ clear: initial; }
	.patent-box ul li p{ font-size: 0.32rem; line-height: 0.64rem; }
	.patent-feature{ padding: 1rem 0;}
	.patent-feature .tab{display: block;}
	.patent-feature .tab span{  margin-top:0.26666666rem; width: 30%; font-size: 0.3rem; line-height:0.7rem;}
	.patent-feature ul{ margin:0 -0.13333333rem 0.53333333rem;}
	.patent-feature li{ margin-top:0.66666666rem; width: 50%; padding: 0 0.26666666rem;}
	.patent-feature li:nth-child(2n+1){ clear: both;}
	.patent-feature li .box p{ margin-top: 0.3rem; font-size: 0.32rem;}
	.patent-feature li .video-button .img:after{ width:0.8rem; height: 0.8rem;}
	
	/* ========== */
	/* = TECHNOLOGY = */
	/* ========== */
	.technology-box{ padding:1rem 0; b}
	.technology-box .box{ padding: 0 0.53333333rem 0.66666666rem; }
	.technology-box .box .tit{ font-size: 0.44rem; padding-top:0.8rem;}
	.technology-box .box .tit span{ top:0; line-height: 0.8rem; font-size: 0.8rem; }
	.technology-box .box .line{ margin-top:0.53333333rem;}
	.technology-box .box ul{ margin: 0 -0.13333333rem;}
	.technology-box .box ul li{ margin-top:0.66666666rem; width: 50%; padding:  0 0.13333333rem;}
	.technology-box .box ul li p{ margin-top:0.26666666rem; font-size: 0.32rem; line-height:0.53333333rem;}
	
	/* ========== */
	/* = UNION = */
	/* ========== */
	.union{ padding: 1rem 0 0.53333333rem;}
	.union li{ margin-bottom: 0.73333333rem;}
	.union li .box:before{ display: none; }
	.union li .box .img{ position: relative; top:auto; left:auto; width:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
	.union li .box .text{ float: none; width:100%; padding: 0.66666666rem 0.4rem; background: #FFFFFF; -webkit-box-shadow:0 0 30px rgba(0,0,0,.1); box-shadow:0 0 30px rgba(0,0,0,.1);}
	.union li .box .text .tit{ padding-bottom:0.3rem;}
	.union li .box .text .tit span{ font-size:0.46666666rem; padding-right:0.53333333rem;}
	.union li .box .text .tit span:after{ margin-top:-0.2rem; width:0.4rem; height: 0.4rem;} 
	.union li .box .text .tit:before{ width: 100%;}
	.union li .box .text .des{ margin-top:0.4rem; font-size: 0.32rem; line-height:0.64rem; height:2.61333333rem;}
	.union li .png{ display: none;}
	.union li .letter{ bottom:-0.4rem; font-size: 0.9rem;}
	
	/* ========== */
	/* = UNION-DETAIL = */
	/* ========== */
	.union-detail{ padding:1rem 0; }
	.union-detail .detail{ margin-top: 0.66666666rem; font-size:0.32rem; line-height:0.64rem;}

}





/* ========== */
/* = MATERIALS = */
/* ========== */
.materials{ padding: 83px 0 90px; background: #fbfbfb;}
.materials .tab{ text-align: center;}
.materials .tab a{ display: inline-block; border: 1px solid #c09547; font-size: 19px; color: #c09547; line-height:42px; margin: 0 0.5%; min-width: 14%; padding: 0 15px; position: relative; overflow: hidden;}
.materials .tab a.active{ background: #c09547; color: #FFFFFF;}
.materials .tab a.active:after{ content: ""; position: absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);  width: 50px; height:50px; background-image: url(../images/ico_tongji.png);}
.materials-list{ margin:35px -15px 50px ;}
.materials-list li{ float: left; width: 50%; padding: 13px; }
.materials-list li .box{ background: #FFFFFF; display: block;}
.materials-list li .img{ overflow: hidden; position: relative;}
.materials-list li .img>img{ width: 100%;}
.materials-list li .img span{ position: absolute; bottom:11%; right:0;  max-width: 44%; background: rgba(255,255,255,.9);}
.materials-list li .text{ padding: 20px;}
.materials-list li .tit{ position: relative;  padding:0 40px 20px 20px; background:url(../images/line.png) no-repeat bottom left;}
.materials-list li .tit span{ display: inline-block; line-height:44px; font-size:24px; font-weight:bold; color: #c09547;}
.materials-list li .tit i{ font-style: normal; font-size:12px; display: inline-block; margin:0 15px;}
.materials-list li .tit .xing{ display: inline-block; vertical-align: middle;}
.materials-list li .tit .xing em{ line-height:22px; font-style: normal; display: inline-block; vertical-align: top; font-size:16px; color: #333333;}
.materials-list li .tit .xing .star-box{ display: inline-block; vertical-align: top;}
.materials-list li .tit:after{ display: none; content: ""; position: absolute; top:10px; right:0; width:24px; height:24px; background-image: url(../images/next_hover.png); background-size:cover;} 
.materials-list li .des{ margin-top: 25px; padding: 0 20px; color: #999999; font-size: 16px; line-height: 36px; height:72px; overflow: hidden;}
.materials .shadow{ margin-top:90px; background: #fbfbfb;}
.materials-designer{ padding: 60px 0 80px; background: #fbfbfb;}
.materials-designer .ny-theme p {  color: #c09547;}
.materials-designer ul{ margin:0 -13px 35px;}
.materials-designer li{ margin-top:55px; float: left; width: 25%; padding: 0 13px;}
.materials-designer li .box{ background:#FFFFFF; display: block;}
.materials-designer li .img{ overflow: hidden; position: relative;}
.materials-designer li .img img{ width: 100%;}
.materials-designer li .img span{ position: absolute; top:40px; left:30px; color: #cea753; font-size: 19px; line-height: 22px; width: 20px; writing-mode:vertical-rl;}
.materials-designer li .text{ position: relative; padding:15px 50px 15px 20px;}
.materials-designer li .text span{ font-size: 20px; color: #333333;}
.materials-designer li .text i{ font-size: 16px; font-style: normal;}
.materials-designer li .text:after{ content: ""; position: absolute; top:50%; right:20px; width: 20px; height: 20px; margin-top: -10px; background-image: url(../images/next_hover.png); background-size: cover;}
.materials-designer li .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);} 
.materials-designer li .box:hover .text span{  color: #c09547; }
.materials-designer .more-button{ margin:0 auto; width: 244px;line-height: 48px;font-size: 20px;}
.materials-designer .more-button:after{ width: 60px; height: 60px;}


@media (max-width:1440px){ 
	.materials-designer li .img span{ top:20px; left:20px; font-size: 15px; }
	.materials-designer li .text span{ font-size:15px; }
	.materials-designer li .text i{ font-size:13px; }
}


.materials-cooperation{ padding: 74px 0 95px; background: #FFFFFF;}
.materials-cooperation .content{ position: relative;}
.materials-cooperation .content .swiper-button-prev{ left:-60px;}
.materials-cooperation .content .swiper-button-next{ right:-60px;}
.materials-cooperation .swiper-materials{ margin-top: 50px; }
.materials-cooperation .box { display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.materials-cooperation .box .img{  width:40%; padding:7px; position: relative;}
.materials-cooperation .box .img div{ position: relative; overflow: hidden; }
.materials-cooperation .box .img:after{ content:""; z-index: 0; position: absolute; bottom: 0; left:0; width: 70%; height: 70%; background: #cea757;}
.materials-cooperation .box .img img{ position: relative; z-index: 1; width: 100%;}
.materials-cooperation .box .text{ width:55%;}
.materials-cooperation .box .tit { font-size: 20px; color: #333333; line-height: 40px;}
.materials-cooperation .box .tit span{ position:relative; font-size: 26px;  font-weight:bold; padding:0 30px;  display: inline-block;}
.materials-cooperation .box .tit span:before{ content: ""; position:absolute; left:0; top:0; background-size: cover; width: 20px; height: 20px; background-image:url(../images/yinhao_01.png);}
.materials-cooperation .box .tit span:after{  content: ""; position:absolute; right:0; bottom: 0; background-size: cover; width: 20px; height: 20px;    background-image:url(../images/yinhao_02.png);}
.materials-cooperation .box .tit i{ margin: 0 20px; display: inline-block; vertical-align: middle; height: 1px; width:50px; background: #b2b2b2;}
.materials-cooperation .box .line{ margin-top: 30px; border-bottom: 1px dashed #d9d9d9; position: relative;}
.materials-cooperation .box .line i{  content: ""; position: absolute; top:-10px; right:0; display: block; width: 20px; height: 20px; border: 1px dashed #d9d9d9;}
.materials-cooperation .box .line i:before{ content: ""; position: absolute; top:4px; left:4px; width: 10px; height: 10px; background: #cea757;}
.materials-cooperation .box .des{ margin: 35px 0 40px; font-size: 16px; line-height: 34px; height: 108px; overflow: hidden; }
.materials-cooperation .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);} 
.materials-cooperation .box:hover .tit span{ color: #c09547; }

/* ========== */
/* = COOPERATION_DETAIL = */
/* ========== */
.cooperation-detail{ padding: 86px 0 120px; background-image: url(../images/cooperation_bg.jpg);}
.cooperation-detail .ny-theme{  text-align: center;}
.cooperation-detail .ny-theme .cooperation-tit{ position:relative; display: inline-block; padding: 0 30px;}
.cooperation-detail .ny-theme .cooperation-tit:before{ content: ""; position:absolute; left:0; top:0; background-size: cover; width: 20px; height: 20px; background-image:url(../images/yinhao_01.png);}
.cooperation-detail .ny-theme .cooperation-tit:after{  content: ""; position:absolute; right:0; bottom: 0; background-size: cover; width: 20px; height: 20px;    background-image:url(../images/yinhao_02.png);}
.cooperation-detail .detail{ margin-top: 55px;}



/* ========== */
/* = AUXILIARY = */
/* ========== */
.auxiliary{ padding:93px 0; background-image: url(../images/auxiliary_bg.jpg);}
.auxiliary .ny-theme p{ color: #cea757;}
.auxiliary .content{ position: relative; padding-bottom: 75px;}
.auxiliary li{ margin-top: 50px;}
.auxiliary .box{ position: relative; background: #FFFFFF; padding: 45px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.auxiliary .box .left{ width: 40%;  height: 360px; margin-top: 40px; background: url(../images/auxiliary_left_bg.png) right no-repeat; position:relative; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.auxiliary .box .left .num{ position: absolute; top:-70px; left:20px; background-image: url(../images/ico_star.png); width: 118px; height: 118px; padding-top: 50px; padding-left:35px; background-size: cover; font-size:30px; line-height: 40px; font-family:"Great"; color: #FFFFFF;}
.auxiliary .box .left .img{ max-width: 60%; margin: 0 auto;}
.auxiliary .box .left p{ font-size: 16px; padding: 0 10px; color: #333333; text-align: center;}
.auxiliary .box .right{ margin-left: -5%; height: 400px; width:64%; background: url(../images/auxiliary_right_bg.png) left no-repeat; padding:2% 2% 2% 6%;}
.auxiliary .box .right .top{ position: relative;z-index: 1; }
.auxiliary .box .right .top .tit{ position: relative; padding: 18px 110px 18px 90px; overflow: hidden;}
.auxiliary .box .right .top .tit:before{ content: ""; position: absolute; top:0; left:30px; width: 100%; height: 100%; background: #FFFFFF; transform:skewX(-12deg); -webkit-transform:skewX(-12deg);}
.auxiliary .box .right .top .tit span{ position: relative; z-index: 1; font-size: 24px; font-weight: bold; color: #cea757;}
.auxiliary .box .right .top .tit i{ position: absolute; bottom:0; right:0; z-index: 1; font-size: 44px; color: #000; opacity:0.05; font-family:"Great";}
.auxiliary .box .right .top .line{ position: absolute; top:100%; right:70px; width: 1px; height: 45px; background: #FFFFFF;}
.auxiliary .box .right .top .line:before{ content: ""; position: absolute; bottom:-10px; left:-5px; width:10px; height:10px; border: 1px solid #FFFFFF;}
.auxiliary .box .right .con{ margin-top:50px; padding: 0 2%; display: flex; align-items:flex-start; justify-content: space-between; -webkit-justify-content: space-between;}
.auxiliary .box .right .con .img{ width: 40%; margin-top:-4%;}
.auxiliary .box .right .con .text{ width: 58%; padding: 5%; border: 1px solid rgba(255,255,255,.6); position: relative;}
.auxiliary .box .right .con .text p{ padding-left: 20px; position: relative; margin-bottom:20px; color: #FFFFFF;font-size: 16px; font-weight: bold; line-height: 32px;}
.auxiliary .box .right .con .text p:last-child{ margin-bottom: 0;}
.auxiliary .box .right .con .text p:before{ content: ""; position: absolute; left:0; top:12px;  width: 6px; height: 6px; background: #FFFFFF; }
.auxiliary .box .right .con .text:before{  content: ""; position: absolute; top:-1px; right:45px; height: 1px; width: 25px; background: #cea757;}
.auxiliary .box .right .con .text .line-01:before{  content: ""; position: absolute; bottom: 20px; left:-1px; width: 1px; height: 12px; background: #cea757;} 
.auxiliary .box .right .con .text .line-01:after{ content: ""; position: absolute; bottom: 40px; left:-1px; width: 1px; height: 12px; background: #cea757;}
.auxiliary .box .right .con .text .line-02:before{  content: ""; position: absolute; top: 50px; right:-1px; width: 1px; height: 12px; background: #cea757;} 
.auxiliary .box .right .con .text .line-02:after{ content: ""; position: absolute; bottom:-1px; right:30px; height: 1px; width: 25px; background: #cea757;}
.auxiliary .box .ico-vs{ position: absolute; z-index:2; top:50%; left:33%; transform: translateY(-50%); display: block; width:12%;}

@media (max-width:1580px){ 
	.auxiliary .box .right .con .text p{ margin-bottom: 13px; font-size: 14px; line-height: 28px;}
	.auxiliary .box .right .con .text p:before{ top:10px;}
}


/* ========== */
/* = MB-AUXILIARY = */
/* ========== */
.mb-auxiliary { padding: 1rem 0; background-image: url(../images/auxiliary_bg.jpg);}
.mb-auxiliary .ny-theme>span{ width: 200%; margin-left: -50%; }
.mb-auxiliary li{ margin-top: 0.7rem; }
.mb-auxiliary .box{ padding-top: 0.66666666rem; background: #FFFFFF;  }
.mb-auxiliary .box .con{ position: relative;}
.mb-auxiliary .box .left{ float: left;background-repeat:no-repeat; width:5rem; height:4.8rem; margin-top:0.56rem; background-position: right; background-image: url(../images/auxiliary_left_bg.png); background-size: cover; position:relative; }
.mb-auxiliary .box .left .num{ position: absolute; top:-0.93333333rem; left:0.26666666rem; background-image: url(../images/ico_star.png); width: 1.57333333rem; height: 1.57333333rem; padding-top: 0.66666666rem; padding-left:0.46666666rem; background-size: cover; font-size:0.4rem; line-height:0.53333333rem; font-family:"Great"; color: #FFFFFF;}
.mb-auxiliary .box .left .img{ margin-top:0.86666666rem; margin-left:0.76rem; width:3.2rem;}
.mb-auxiliary .box .left p{ font-size:0.26666666rem; color: #333333; text-align: center;}
.mb-auxiliary .box .right{ float: right; margin-left: -3rem; height:5.6rem; width:5.73333333rem; background-position: left; background-image: url(../images/auxiliary_right_bg.png); background-size: cover; padding-top: 0.6rem; padding-left: 0.8rem;}
.mb-auxiliary .box .right .tit{ position: relative; padding: 0.2rem 0.2rem 0.2rem 1.2rem;}
.mb-auxiliary .box .right .tit:before{ content: ""; position: absolute; top:0; left:30px; width: 100%; height: 100%; background: #FFFFFF; transform:skewX(-12deg); -webkit-transform:skewX(-12deg);}
.mb-auxiliary .box .right .tit span{ position: relative; z-index: 1; font-size: 0.32rem; font-weight: bold; color: #cea757;}
.mb-auxiliary .box .right .line{ position: absolute; top:100%; right:70px; width: 1px; height: 45px; background: #FFFFFF;}
.mb-auxiliary .box .right .line:before{ content: ""; position: absolute; bottom:-10px; left:-5px; width:10px; height:10px; border: 1px solid #FFFFFF;}
.mb-auxiliary .box .right .img{ margin-left: 0.8rem; margin-top: 0.3rem; width: 3.33333333rem;}
.mb-auxiliary .box .ico-vs{ position: absolute; z-index:2; top:50%; left:39%; transform: translateY(-50%); display: block; width:15%;}
.mb-auxiliary .box .des{ padding: 0.53333333rem 0.66666666rem 0.8rem; background: #cea757; position: relative;}
.mb-auxiliary .box .des .line{ position: absolute; top:-0.36rem; right:2.46666666rem; width: 1px; height: 0.8rem; background:rgba(255,255,255,.6);}
.mb-auxiliary .box .des .line:before{ content: ""; position: absolute; bottom:-0.14rem; left:-0.07rem; width:0.14rem; height:0.14rem; border: 1px solid rgba(255,255,255,.6);}
.mb-auxiliary .box .text{ padding: 7%; border: 1px solid rgba(255,255,255,.6); position: relative;}
.mb-auxiliary .box .text p{ padding-left:0.4rem; position: relative; color: #FFFFFF;font-size: 0.32rem; line-height: 0.66rem;}
.mb-auxiliary .box .text p:before{ content: ""; position: absolute; left:0; top:0.28rem; width:0.1rem; height: 0.1rem; background: #FFFFFF; }
.mb-auxiliary .box .text:before{  content: ""; position: absolute; top:-1px; right:1.5rem; height: 1px; width:  0.62666666rem; background: #cea757;}
.mb-auxiliary .box .text .line-01:before{  content: ""; position: absolute; bottom: 0.4rem; left:-1px; width: 1px; height: 0.22666666rem; background: #cea757;} 
.mb-auxiliary .box .text .line-01:after{ content: ""; position: absolute; bottom: 0.7rem; left:-1px; width: 1px; height: 0.22666666rem; background: #cea757;}
.mb-auxiliary .box .text .line-02:before{  content: ""; position: absolute; top:0.8rem; right:-1px; width: 1px; height: 0.22666666rem; background: #cea757;} 
.mb-auxiliary .box .text .line-02:after{ content: ""; position: absolute; bottom:-1px; right:0.53333333rem; height: 1px; width: 0.62666666rem; background: #cea757;}





/* ========== */
/* = ELECTRICAL = */
/* ========== */
.electrical{ padding:60px 0; background: #fbfbfb;}
.electrical .content{ position:relative; padding-bottom: 70px;}
.electrical .button-div{ position: absolute; left:35%; width:30%; height: 12px; bottom:0px; }
.electrical .button-div .swiper-button-next{ z-index: 11; }
.electrical .button-div .swiper-button-prev{ z-index: 11; }
.electrical-form{ position: relative; height: 154px; background-image: url(../images/electrical_form_bg.jpg);}
.electrical-form img{ position: absolute; top:0; left:40px; }
.electrical-form .text{ position: absolute;  top:35px; left:205px; color: #FFFFFF;}
.electrical-form .text .tit{ font-size: 36px; font-weight: bold; text-shadow: 0 0 4px #cea753;}
.electrical-form .text .des{ margin-top: 10px; font-size: 16px;}
.electrical-form .con{ padding:56px 24px 0 600px;}
.electrical-form .con span{ display: block; float: left; width: 33.333333%; padding: 0 15px;}
.electrical-form .con input{ height: 40px; width: 100%; line-height: 24px; border: none; padding: 8px 20px; background: #FFFFFF;}
.electrical-form .con .button{ line-height: 40px; width: 100%;font-size: 16px;}

/* ========== */
/* = ELECTRICAL-DETIAL = */
/* ========== */
.electrical-detial{ padding: 60px 0 127px; background: #fafafa;}
.electrical-detial .detail img{ width: 100%;}

/* ========== */
/* = MANAGEMENT = */
/* ========== */
.management{ padding:100px 0 40px; background: #f9f9f9;}
.management li{ margin-bottom:100px; position: relative;}
.management li .img{ position: absolute; top:50%; left:0; transform: translateY(-50%);}
.management li .text{ float: right; width: 54%; position: relative;z-index: 1; background: #FFFFFF; padding: 3% 4%;}
.management li .text .tit{ font-size:30px; color: #d3ae5d;}
.management li .text .line{ margin: 30px 0 40px; width: 100%; border-bottom: 1px dashed #d2d2d2; position: relative;}
.management li .text .line:before{ content: ""; position: absolute; top:-1px; left:0;  height: 3px; width: 115px; background: #d3ae5d;}
.management li .text .line i{ position: absolute; top:-10px; right:0px; width: 20px; height: 20px; padding: 4px; background: #FFFFFF; border: 1px dashed #c09547;}
.management li .text .line i:before{ content: "";  position: absolute; top:5px; left:5px; width:8px; height: 8px; background: #cea757;}
.management li .text .des { position: relative;padding: 15px 20px; }
.management li .text .des:before{ content: ""; position: absolute; top:0; left:0; height: 100%; width: 80px; border: 1px solid #e5e5e5;}
.management li .text .des div{ position: relative; z-index: 1; background: #ffffff; padding: 10px;}
.management li .text .des div p{ font-size: 20px; color: #333;}
.management li .text .des div span{ margin-top: 15px; display: block; font-size: 12px; color: #999999; text-transform: uppercase;}
.management li:nth-child(2n) .text{ float: left;}
.management li:nth-child(2n) .img{ left:auto; right:0;}

@media (max-width:1400px){ 
	/* ========== */
	/* = ELECTRICAL = */
	/* ========== */
	.electrical-form .text .tit{ font-size:30px;}
	.electrical-form .con .des{ font-size: 12px;}
	.electrical-form .con{ padding-left: 490px;}
}

@media (max-width:999px){ 
	/* ========== */
	/* = MATERIALS = */
	/* ========== */
	.materials{ padding: 1rem 0; }
	.materials .tab a{ font-size:0.35rem; line-height:0.8rem; margin-bottom: 0.26666666rem; width: 30%;}
	.materials .tab a.active:after{ width: 1rem; height:1rem;}
	.materials-list{ margin:0.53333333rem 0 0.2rem ;}
	.materials-list li{ width: 100%; padding: 0; margin-bottom: 0.66666666rem; }
	.materials-list li .text{ padding: 0.66666666rem 0.33333333rem;}
	.materials-list li .tit{ padding: 0 0.66666666rem 0.4rem 0 ;}
	.materials-list li .tit span{ line-height:0.6rem; font-size:0.45333333rem;}
	.materials-list li .tit i{ display: none;}
	.materials-list li .tit .xing{display: block; margin-top: 0.13333333rem;}
	.materials-list li .tit .xing em{ font-size: 0.32rem;}
	.materials-list li .tit:after{ top:0.1rem; width:0.4rem; height:0.4rem; } 
	.materials-list li .des{ margin-top: 0.33333333rem; padding: 0; font-size: 0.32rem; line-height:0.64rem; height:auto;}
	.materials .shadow{ margin-top:0.66666666rem; }
	.materials-designer{ padding: 1rem 0;}
	.materials-designer li{ width:50%; padding: 0 0.2rem; margin-top: 0.66666666rem;}
	.materials-designer li .img span{ font-size: 0.26rem; left:0.3rem; top:0.3rem; }
	.materials-designer li .text span{ font-size: 0.36rem; }
	.materials-designer li .text i{ display: none; }
	.materials-designer li .text:after{ width:14px; height: 14px; margin-top: -7px; }
	.materials-designer .more-button{  width: 3rem;line-height:38px;font-size: 0.37333333rem;}
	.materials-designer .more-button:after{ width: 40px; height: 40px;}
	
	.materials-cooperation{ padding: 1rem 0;}
	.materials-cooperation .content{ padding: 0 0.8rem;}
	.materials-cooperation .content .swiper-button-prev{ left:0; width: 0.53333333rem; height: 0.53333333rem;}
	.materials-cooperation .content .swiper-button-next{ right:0; width: 0.53333333rem; height: 0.53333333rem;}
	.materials-cooperation .swiper-materials{ margin-top:0.66666666rem; }
	.materials-cooperation .box {display: block;}
	.materials-cooperation .box .img{  width:100%;}
	.materials-cooperation .box .text{ width:100%; margin-top: 0.66666666rem;}
	.materials-cooperation .box .tit { font-size: 0.32rem; line-height: 0.66666666rem;}
	.materials-cooperation .box .tit span{ font-size: 0.44rem;padding:0 0.4rem;}
	.materials-cooperation .box .tit span:before,
	.materials-cooperation .box .tit span:after{ width:0.26666666rem; height: 0.26666666rem;}
	.materials-cooperation .box .tit i{ margin: 0 0.13333333rem; width:0.53333333rem;}
	.materials-cooperation .box .line{ margin-top: 0.4rem; }
	.materials-cooperation .box .des{ margin: 0.6rem 0; font-size: 0.32rem; line-height: 0.64rem; height: 1.81333333rem;}
	
	/* ========== */
	/* = COOPERATION_DETAIL = */
	/* ========== */
	.cooperation-detail{ padding: 1rem 0;}
	.cooperation-detail .ny-theme .cooperation-tit{ padding:0 0.4rem; }
	.cooperation-detail .ny-theme .cooperation-tit:before,
	.cooperation-detail .ny-theme .cooperation-tit:after{ width:0.26666666rem; height: 0.26666666rem;}
	.cooperation-detail .detail{ margin-top: 0.8rem;}

	
	/* ========== */
	/* = AUXILIARY = */
	/* ========== */
	.auxiliary{ padding:1rem 0;}
	.auxiliary .content{ padding-bottom:1rem;}
	.auxiliary li{ margin-top: 0.8rem;}
	.auxiliary .box{ padding: 0.4rem; display: block;}
	.auxiliary .box .left{  width: 100%; background: #ececec; height: auto; padding:0.5rem 0 1.06666666rem;}
	.auxiliary .box .left .num{ top:-0.93333333rem; left:0.26666666rem;width: 1.57333333rem; height: 1.57333333rem; padding-top:0.66666666rem; padding-left:0.46666666rem; font-size:0.4rem; line-height:0.53333333rem;}
	.auxiliary .box .left p{ font-size: 0.32rem; padding: 0 0.13333333rem; }
	.auxiliary .box .right { margin-left: 0; width: 100%; height: auto; background: #cea757; padding: 0.93333333rem 0.4rem;}
	.auxiliary .box .right .top .tit{  padding:0.2rem 1.46666666rem 0.26666666rem 1.2rem; background: #FFFFFF;}
	.auxiliary .box .right .top .tit:before{ display: none;}
	.auxiliary .box .right .top .tit span{ font-size:0.32rem; font-size: 0.32rem;}
	.auxiliary .box .right .top .tit i{ font-size: 0.53333333rem;}
	.auxiliary .box .right .top .line{ display: none;}
	.auxiliary .box .right .con{ margin-top:0.53333333rem; display: block;}
	.auxiliary .box .right .con .img{ width: 50%; margin: 0 auto;}
	.auxiliary .box .right .con .text{ width: 100%; padding: 5%; }
	.auxiliary .box .right .con .text p{ padding-left: 0.4rem; margin-bottom:0.26666666rem; font-size:0.3rem; line-height:0.6rem;}
	.auxiliary .box .right .con .text p:before{top:0.2rem;  width:0.2rem; height: 0.2rem; }
	.auxiliary .box .ico-vs{ position: absolute; top:7.2rem; left:50%; transform: translateX(-50%);}
	
	
	/* ========== */
	/* = ELECTRICAL = */
	/* ========== */
	.electrical{ padding:1rem 0; }
	.electrical .content{ position:relative; padding-bottom:0.93333333rem;}
	.electrical .button-div{ left:0; width: 100%;}
	.electrical-form{  height: auto; background:#ddba6f; padding-top: 0.7rem;}
	.electrical-form img{ display: none; }
	.electrical-form .text{ position: relative;  top:auto; left:auto; text-align: center;}
	.electrical-form .text .tit{ font-size: 0.58666666rem;}
	.electrical-form .text .des{ margin-top: 0.13333333rem; font-size: 0.32rem;}
	.electrical-form .con{ padding: 0.6rem 0.4rem;}
	.electrical-form .con span{ margin-bottom: 0.26666666rem; width: 100%; padding: 0;}
	
	/* ========== */
	/* = ELECTRICAL-DETIAL = */
	/* ========== */
	.electrical-detial{ padding:1rem 0; }
	
	/* ========== */
	/* = MANAGEMENT = */
	/* ========== */
	.management{ padding:1rem 0 0.66666666rem;}
	.management li{ margin-bottom:0.8rem;}
	.management li .img{ position: relative; top:auto; left:auto; transform: translateY(0%);}
	.management li .text{  width: 100%; padding: 0.7rem 0.5rem;}
	.management li .text .tit{ font-size:0.44rem; font-weight: bold; }
	.management li .text .line{ margin: 0.4rem 0 0.66666666rem;}
	.management li .text .line:before{ width:0.9rem;}
	.management li .text .des { padding:0.4rem; }
	.management li .text .des div p{ font-size:0.4rem; line-height: 0.7rem;}
	.management li .text .des div span{ margin-top:0.26666666rem;font-size:0.32rem; line-height: 0.64rem;}

}


/* ========== */
/* = SERVICE = */
/* ========== */
.service-tit{ text-align: center; padding-bottom: 30px; background:url(../images/line.png) no-repeat bottom;}
.service-tit span{ display: inline-block; vertical-align: middle; font-size: 74px; color: #dedddd;}
.service-tit i{ display: inline-block; vertical-align: middle; margin-left: -30px; font-weight: bold; font-style: normal; font-size: 30px; color: #cea757;} 
.service-before{ padding: 95px 0 135px; background-image: url(../images/service_before_bg.jpg);}
.service-before ul{ margin:55px -12px 0;}
.service-before li{ float: left; width: 20%; padding: 0 12px;}
.service-before li .box{ padding: 30px 15px 25px; background: #e6e6e6; position: relative;}
.service-before li .box:after{ content: ""; position: absolute; top:25%; right:-10px; border-top:30px solid transparent;border-bottom:30px solid transparent; border-left:20px solid #e6e6e6;}
.service-before li .box .img{  width: 82%; margin: 0 auto; border-radius: 100%; border:2px solid #FFFFFF; overflow: hidden;}
.service-before li .box .img img{ width: 100%; border-radius: 100%;}
.service-before li .box p{ padding: 30px 0; font-size: 20px; color: #333333; line-height: 36px; text-align: center;}
.service-before li .box .line{ border-top:1px dashed #b8b8b8;}
.service-before li .box .num{ margin-top: -2px; padding-top: 20px; width: 20%; border-top: 2px solid #cea757; color: #cea757; font-weight:bold; font-size: 24px;}
.service-before li .box .num b{ display:inline-block; width: 24px; height: 24px; border-radius: 100%; background: #cea757; }
.service-before li:nth-child(2) .box .num{ margin-left: 20%;}
.service-before li:nth-child(3) .box .num{ margin-left: 40%;}
.service-before li:nth-child(4) .box .num{ margin-left: 60%;}
.service-before li:nth-child(5) .box .num{ margin-left: 80%;}
.service-before li:nth-child(5) .box:after,
.service-before li:nth-child(6) .box:after{ display: none;}
.service-before li .box:hover{ background: #cea757;}
.service-before li .box:hover:after{ border-left-color:#cea757;}
.service-before li .box:hover p{ color: #FFFFFF;}
.service-before li .box:hover .line{ border-color: #FFFFFF;}
.service-before li .box:hover .num{ color: #FFFFFF; border-color: #FFFFFF;}

.service-middle{ padding: 140px 0 160px; background-image: url(../images/service_middle_bg.jpg); }
.service-middle .content{ position: relative; width: 490px; margin: 0 auto;}
.service-middle .css-live-wrap { position: absolute; top:150px; left: 50%; margin-left: -215px;}
.service-middle .content img{ position: relative;z-index: 1;}
.service-middle .content .service-tit{ position: absolute; z-index: 2; top:300px; left:0; width: 100%; text-align: center; color: #FFFFFF; background: none;}
.service-middle .content .service-tit span{ color: rgba(255,255,255,.4);}
.service-middle .content .service-tit i{ color: #FFFFFF;}
.service-middle li{ position: absolute; color: #FFFFFF; width: 500px;}
.service-middle li span{ font-size: 20px; display: block;}
.service-middle li p{ margin-top: 10px; color: #cacaca;}
.service-middle li:nth-child(1){ top:-70px; left:170px;}
.service-middle li:nth-child(2){ top:10px; left:419px;}
.service-middle li:nth-child(3){ top:100px; left:489px;}
.service-middle li:nth-child(4){ top:200px; left:522px;}
.service-middle li:nth-child(5){ top:295px; left:503px;}
.service-middle li:nth-child(6){ top:390px; left:475px;}
.service-middle li:nth-child(7){ top:470px; left:425px;}
.service-middle li:nth-child(8){ bottom:-70px; left:170px;}
.service-middle li:nth-child(9){ top:470px; right:425px; text-align: right;}
.service-middle li:nth-child(10){ top:390px; right:475px; text-align: right;}
.service-middle li:nth-child(11){ top:295px; right:503px; text-align: right;}
.service-middle li:nth-child(12){ top:200px; right:522px; text-align: right;}
.service-middle li:nth-child(13){ top:100px; right:489px; text-align: right;}
.service-middle li:nth-child(14){ top:10px; right:419px; text-align: right;}

.mb-service-middle{ padding: 0.93333333rem 0.4rem 1.06666666rem; background-image: url(../images/service_middle_m.jpg);}
.mb-service-middle .service-tit{ background: url(../images/line_white.png) bottom center no-repeat;}
.mb-service-middle .service-tit span{ color: rgba(255,255,255,.4);}
.mb-service-middle .service-tit i{ color: #FFFFFF;}
.mb-service-middle ul{ padding-bottom:1.46666666rem;}
.mb-service-middle li{ margin-top:1.06666666rem; float: left; margin-right:4%; width:48%; position: relative; padding-left: 1.2rem; color: #FFFFFF;}
.mb-service-middle li:nth-child(2n){ margin-right: 0;}
.mb-service-middle li:nth-child(2n+1){ clear: both;}
.mb-service-middle li img{ width: 0.93333333rem; position: absolute; top:0; left:0;}
.mb-service-middle li span{ font-size: 0.34666666rem; display: block;}
.mb-service-middle li p{ font-size: 0.26666666rem; line-height: 0.53333333rem; margin-top: 0.13333333rem; text-align: justify;}
.mb-service-middle .swiper-pagination-bullet{ margin: 0; width: 1.33333333rem; height: 1px; background: #FFFFFF; opacity: .5;}
.mb-service-middle .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0; }
.mb-service-middle .swiper-pagination-bullet-active{ height: 2px; opacity: 1;}
.mb-service-middle .button{ position: relative; max-width:4rem; margin:0.66666666rem auto 0;}
.mb-service-middle .button img{ width: 0.8rem;}

.service-after{ padding: 95px 0 135px; background-image: url(../images/service_after_bg.jpg);}
.service-after li{ margin-top: 45px; float: left; width: 32%; margin-right: 2%;}
.service-after li:nth-child(3n){ margin-right: 0;}
.service-after li .box{ background: #FFFFFF; padding:50px 15px 90px; text-align:center; position: relative;}
.service-after li .box span{ display: block; font-size: 20px; color: #333333; font-weight: bold;}
.service-after li .box p{ margin-top: 10px; font-size: 16px;}
.service-after li .box img{ position: absolute; bottom: -30px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); background: #cea757; border-radius: 100%; border:4px solid #FFFFFF;}
.service-after li .box:hover{ background: #cea753; color: #ffffff;  }
.service-after li .box:hover span{ color: #ffffff; }

/* ========== */
/* = PRAISE = */
/* ========== */
.praise-banner img{ width: 100%;}
.praise-bg{ padding: 75px 0 85px; background-image: url(../images/praise_bg.jpg);}
.praise{ max-width: 1600px; background: #FFFFFF; margin: 0 auto; padding-bottom:7%;}
.praise-list{ margin-bottom: 50px;}
.praise-list li{ padding: 70px 60px; border-bottom: 1px solid #e5e5e5;}
.praise-list li .touxiang{ float: left; width: 74px; border-radius: 100%; overflow: hidden;}
.praise-list li .con{ margin-left: 98px;}
.praise-list li .tit{ position: relative; padding-right: 220px;}
.praise-list li .tit:after{ content: ""; position: absolute; top:-45px; right:200px; width: 120px; height: 120px;  background-image: url(../images/gaizhang.png); background-size: cover;
 }
.praise-list li .tit h2{ font-size: 24px; color: #333333; font-weight: bold;}
.praise-list li .tit .starcon{ margin-top: 12px;}
.praise-list li .tit .starcon .star-box{ display: inline-block; vertical-align: middle;}
.praise-list li .tit .starcon>span{ display: inline-block; vertical-align:middle; margin-left: 10px;}
.praise-list li .tit .yuyue-button{ position: absolute; top:0; right:0; display: block; width: 174px; height: 38px; line-height: 38px; color: #FFFFFF;  background: linear-gradient(top, #f9ac12, #f8940a); background: -webkit-linear-gradient(top, #f9ac12, #f8940a); font-size: 16px; text-align: center;}
.praise-list li .des{ margin-top: 20px; line-height: 30px; text-align: justify;}
.praise-list li .tip{ margin-top: 45px;color: #999999;}
.praise-list li .tip span{ display: inline-block; vertical-align: middle; padding-bottom:5px; border-bottom: 1px solid #fff; }
.praise-list li .tip i{ display: inline-block; width: 1px; height: 10px; background:#999999; vertical-align: middle;  margin: 0 24px;}
.praise-list li .tip a{color: #999999;}
.praise-list li .tip span.underline{ border-bottom: 1px solid #999999;  font-weight: bold;}
.praise-list li .tip span.underline a:hover{ color: #cea753; }
.praise-list li .img{ font-size: 0;}
.praise-list li .img .img-div{ margin-top: 20px; margin-right: 1%; display: inline-block; position: relative;}
.praise-list li .img .img-div:after{ display: none; content: ""; position: absolute; z-index:10; top:90px; width:18px; height: 18px; margin-left: -9px; left:50%; background-image: url(../images/sanjiao.png); background-size:cover;}
.praise-list li .img .img-div>img{ height: 90px; }
.praise-list li .img .img-div:hover:after{ display: block; }
.praise-list li .img .img-div:hover div{ display:block; }
.praise-list li .img .img-div div{ display: none; position: absolute; z-index:9; top:107px; lef:0; width:380px; padding:8px; border: 1px solid #cea753; background: #ffffff;}
.praise-list li .img .img-div div img{ width: 100%; }
.praise-bg .page{ max-width: 100%; padding: 0;}
.praise-bg .page ul{ text-align: right; display: block; }
.praise-bg .page li:first-child{ position: relative; top:auto; left:auto; }
.praise-bg .page li:last-child{ position: relative; top:auto; right:auto; }
.praise-bg .page li:first-child{ padding-right: 0;}
.praise-bg .page li:last-child{ padding-left: 0;}
.praise-bg .page li:first-child:after,
.praise-bg .page li:last-child:after{ display: none;}
.praise-bg .page li.active, 
.praise-bg .page li:hover{ background: #eaeaea;}
.praise-bg .page li.active a:before, 
.praise-bg .page li.active span:before, 
.praise-bg .page li.active a:after, 
.praise-bg .page li.active span:after{ display: none;}
.praise-bg .page li{ margin:0 3px; }
.praise-bg .page li a,
.praise-bg .page li span{ padding: 0 10px; min-width: 44px; line-height: 44px; border: 1px solid #dedede; text-align: center;}

@media (max-width:999px){
	/* ========== */
	/* = SERVICE = */
	/* ========== */
	.service-tit{ padding-bottom: 0.66666666rem;}
	.service-tit span{ font-size: 1rem;}
	.service-tit i{ margin-left: -0.4rem; font-size: 0.5rem;} 
	
	.service-before{ padding: 1rem 0;}
	.service-before ul{ margin:0 -0.2rem;}
	.service-before li{ margin-top: 0.53333333rem; width:50%; padding: 0 0.2rem;}
	.service-before li .box{ padding: 0.53333333rem 0.4rem 0.4rem;}
	.service-before li .box .img{  width:60%;}
	.service-before li .box p{ padding:0.4rem 0; font-size: 0.32rem; line-height: 0.64rem;}
	.service-before li .box .num{ font-size: 0.44rem;}

	.service-after{ padding: 1rem 0;}
	.service-after li{ margin-top:0.53333333rem; }
	.service-after li .box{  padding:0.53333333rem 0.26666666rem 1rem;}
	.service-after li .box span{ font-size: 0.32rem;}
	.service-after li .box p{ font-size: 0.25rem; line-height: 0.5rem; height: 1.5rem;}
	.service-after li .box img{  bottom:-0.6rem; width: 1.2rem;}
	
	/* ========== */
	/* = PRAISE = */
	/* ========== */
	.praise-bg{ padding:1rem 0.2rem;}
	.praise{  padding-bottom: 1rem;}
	.praise-list{ margin-bottom: 0.8rem;}
	.praise-list li{ padding:0.8rem 0.4rem; }
	.praise-list li .touxiang{ width:1.8rem; }
	.praise-list li .con{ margin-left: 2rem;}
	.praise-list li .tit{padding-right: 0;}
	.praise-list li .tit:after{  top:-0.3rem; right:0rem; width:1.5rem; height:1.5rem;  }
	.praise-list li .tit h2{ font-size: 0.36rem;}
	.praise-list li .tit .starcon{ margin-top: 0.22rem;}
	.praise-list li .tit .starcon .star-box{ display: block;}
	.praise-list li .tit .starcon>span{ margin-top: 0.3rem; margin-left:0.12rem; font-size: 0.32rem;}
	.praise-list li .tit .yuyue-button{ margin-top: 0.3rem; position: relative; top:auto; right:auto;  width:3rem; height:0.8rem; line-height: 0.8rem; font-size: 0.32rem;}
	.praise-list li .des{ margin-left:-2rem; margin-top: 0.4rem; font-size: 0.32rem; line-height: 0.64rem;}
	.praise-list li .tip{ margin-left:-2rem; margin-top: 0.53333333rem; font-size: 0.28rem;}
	.praise-list li .tip span{ margin: 0 0.1rem; }
	.praise-list li .img { margin-left:-2rem;  }
	.praise-list li .img .img-div{ margin-top:0.4rem; margin-right:2%;}
	.praise-list li .img .img-div>img{ height: 1.8rem; }
	.praise-list li .img .img-div:after{ top:1.82rem; width: 0.3rem; height: 0.3rem; margin-left:-0.15rem; }
	.praise-list li .img .img-div div{ top:2.11rem;  width:3.2rem; padding:5px;}
	.praise-bg .page li{ margin:0 0.06rem; }
	.praise-bg .page li a,
	.praise-bg .page li span{ padding: 0 0.2rem; min-width:0.8rem; line-height: 0.8rem; }
}




/* ========== */
/* = ABOUT = */
/* ========== */
.about-box{ padding: 75px 0 100px; background-image: url(../images/about_box_bg.jpg);}
.about-box .content{ display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.about-box .text{ display: block; width: 50%;}
.about-box .text .tit{ padding-bottom: 30px; font-weight: bold; font-size: 30px; color: #c09547; background:url(../images/reformers_line.png) bottom left repeat-x;}
.about-box .text .tit span{ position:relative; font-size: 26px;  font-weight:bold; padding:0 30px;  display: inline-block;}
.about-box .text .tit span:before{ content: ""; position:absolute; left:0; top:0; background-size: cover; width: 30px; height: 30px; background-image:url(../images/yinhao_01.png);}
.about-box .text .tit span:after{  content: ""; position:absolute; right:0; bottom: 0; background-size: cover; width: 30px; height: 30px;    background-image:url(../images/yinhao_02.png);}
.about-box .text .des{ margin-top: 34px; font-size: 16px; line-height: 36px; text-align: justify;}
.about-box .img{ width: 48%; position: relative;}
.about-box .img img{ position: relative; z-index: 1;  width: 100%;}
.about-box .img:before{ content: ""; position: absolute; z-index: 2; top:50%; left:50%; background-image: url(../images/ico_play.png); width: 70px; height: 70px; background-size: cover; transform: translateX(-50%) translateY(-50%);}
.about-box .img:after{ content: ""; z-index: 0; position: absolute; top:20px; left:20px; width: 100%; height: 100%; background: #c09547;}
.history-box{ padding-top: 95px; position: relative;}
.history-box .ny-theme p{ color: #c09547;}
.history-box:after{ content: ""; position: absolute; bottom:0; z-index:0; left:0; width: 100%; height:50%; background-size:cover; background-position: top center; background-image: url(../images/history_bg.png);}
.history-box .swiper-history{ margin-top: 90px; position:relative; z-index:1; overflow:initial; cursor: pointer;}
.history-box .swiper-history .swiper-slide{ height: 510px; position: relative; padding:40px 90px 40px 35px; opacity: .5}
.history-box .swiper-history .swiper-slide.active{ opacity: 1; }
.history-box .swiper-history .line{ position: absolute; top:0; left:-10PX; height: 100%; border-left: 1px dashed #c09547;}
.history-box .swiper-history .line i{ position: absolute; top:0; left:-10px; width: 20px; height: 20px; padding: 4px; background: #FFFFFF; border: 1px dashed #c09547;}
.history-box .swiper-history .line i:before{ content: ""; display: block; width: 10px; height: 10px; background: #c09547;}
.history-box .swiper-history .year{ font-size: 20px; font-weight: bold;color: #c2a16d;}
.history-box .swiper-history .year span{ font-size: 34px; margin-right: 10px;}
.history-box .swiper-history .des{ margin-top: 25px; line-height: 30px; text-align: justify;}
.history-box .button{ position:absolute; z-index: 3; bottom:17%; left:0; width:100%; }
.history-box .button .bt{ position: relative; width: 120px; height: 20px; margin: 0 auto;}
.history-box .button img{ position: absolute; top:20px; left:50%;  margin-left: -20px; display: inline-block; vertical-align: middle; -webkit-animation: mouse-left 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-left 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}

@keyframes mouse-left {
    from { opacity: 0; transform: translateX(15px); -webkit-transform: translateX(15px);}
    33% { opacity: 1; }
    to { transform: translateX(-15px); -webkit-transform: translateX(-15px); opacity: 0; }
}
@-webkit-keyframes mouse-left {
    from { opacity: 0;  transform: translateX(15px); -webkit-transform: translateX(15px);}
    33% { opacity: 1; }
    to { transform: translateX(-15px); -webkit-transform: translateX(-15px); opacity: 0; }
}


/* ========== */
/* = HONOR = */
/* ========== */
.honor{ padding: 80px 0 108px; background: #fbfbfb;}
.honor .ny-theme p{ color: #c09547;}
.honor .img-big{ margin-top: 30px;}
.honor .content{ position: relative;}
.honor .content .swiper-button-prev{ left:-50px;}
.honor .content .swiper-button-next{ right:-50px;}
.swiper-honor{ margin-top: 50px;}
.swiper-honor .box{ background: #ffffff; border: 1px solid #ececec;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; padding: 30px 40px;}
.swiper-honor .box .img{ width: 30%;}
.swiper-honor .box .text{ width:63%;}
.swiper-honor .box .text .tit{ font-size: 20px; color: #c09547;}
.swiper-honor .box .text .des{ margin-top: 20px; border-top: 1px solid #f2f2f2; padding-top: 25px;}
.swiper-honor .box .text .des p{ margin-bottom: 10px; line-height: 30px; position: relative; padding-left: 45px;}
.swiper-honor .box .text .des p:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.swiper-honor .box .text .des p:nth-child(1):before{ background-image:url(../images/ico_add.png);}
.swiper-honor .box .text .des p:nth-child(2):before{ background-image:url(../images/ico_time.png);}

.honor-content{ padding: 75px 0 160px; background-image:url(../images/honor_bg.jpg); background-position: bottom center;}
.honor-content .ny-theme p{ color: #c09547;}
.honor-content .js-tab{ margin-top: 20px; text-align: center;}
.honor-content .js-tab span{ min-width:19%; margin: 0 1%; display: inline-block; cursor: pointer; font-size: 16px; line-height: 38px; border: 1px solid #666666; color: #666666;}
.honor-content .js-tab span.active{ background: #666666; color: #FFFFFF;}
.honor-content .js-tab-box{ margin-top: 70px;}
.honor-content .js-tab-con{ display: none; height:440px; overflow-y:scroll; position: relative;}
.honor-content .js-tab-con.active{ display: block;}
.honor-content .js-tab-con::-webkit-scrollbar{ width:10px; height:10px;}
.honor-content .js-tab-con::-webkit-scrollbar-track{ background: #eeeeee; border-radius:2px;}
.honor-content .js-tab-con::-webkit-scrollbar-thumb{background: #bfbfbf; border-radius:10px;}
.honor-content .js-tab-con::-webkit-scrollbar-thumb:hover{ background: #333;}
.honor-content .js-tab-con::-webkit-scrollbar-corner{  background: #179a16;}
.honor-content .js-tab-con ul{ float: left; width:60%;}
.honor-content .js-tab-con li{ margin-bottom: 30px; float: left; width:22%; margin-right:3%;}
.honor-content .js-tab-con li:nth-child(4n){ margin-right: 0;}
.honor-content .js-tab-con .text{ float: right; width: 35%;}
.honor-content .js-tab-con .text p{ position: relative;  padding-left: 30px; font-size: 14px; line-height: 50px; color: #333333;}
.honor-content .js-tab-con .text p:before{ content: ""; position: absolute; top:24px; left:0; display: block; width:6px; height: 6px; border: 1px solid #c9a460; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

.honor-madals{ position: relative; padding:80px 0;}
.honor-madals .ny-theme p{ color: #c09547;}
.honor-madals:after{ content: ""; position: absolute; bottom:80px; width: 100%; height: 117px; background-image:url(../images/honor_heng.jpg); background-size: cover;}
.honor-madals .content{ position: relative;}
.honor-madals .content .swiper-button-next{ right:-80px; margin-top: -23px; width: 47px; height: 47px; background-image:url(../images/next_button.png);}
.honor-madals .content .swiper-button-prev{ left:-80px; margin-top: -23px; width: 47px; height: 47px; background-image:url(../images/prev_button.png);}
.swiper-honor-madals .swiper-slide{ padding:50px 8px;}
.swiper-honor-madals .box{ border: 7px solid #f3f3f3; -webkit-box-shadow:4px 6px 6px rgba(0,0,0,.2); box-shadow:4px 6px 6px rgba(0,0,0,.2)}
.swiper-honor-madals .box img{ width: 100%;}


/* ========== */
/* = CULTURE = */
/* ========== */
.culture-box{ padding: 5% 0 20%; background-image: url(../images/culture_box_01.jpg); text-align: center; font-size:20px; line-height: 50px; color: #333333;}
.culture-content{ padding-bottom:80px;}
.culture-content .box{ margin-top: 120px;}
.culture-content .box .img{  margin-top: 80px; width: 28%; float: left; position:relative;}
.culture-content .box .img span{ position: absolute; left:70%; top:40%; color: #bcbcbc; font-size: 170px; font-family:"Great";}
.culture-content .box .text{ float:right; width: 46%;}
.culture-content .box .text .tit{ font-size:100px; color: #dddddd;  text-align: right; font-style:italic; position: relative;}
.culture-content .box .text .tit span{ position: absolute; top:50px; right:40px; z-index: 1; display: inline-block; padding: 0 10px; background: #ffffff; font-size: 30px; color: #000000; font-style: normal; }
.culture-content .box .text .des{ margin-top: 38px;}
.culture-content .box .text li{ margin-bottom: 60px; padding-left: 0; position: relative;}
.culture-content .box .text .tspan{ float: left; padding:30px 25px; font-size: 24px; line-height: 34px; color: #c09547;  background: #FFFFFF; display: inline-block;  margin-top: 26px; position: relative;}
.culture-content .box .text .tspan b{ position: relative; display: inline-block; z-index: 1; background: #FFFFFF;}
.culture-content .box .text .tspan .line{ display:inline-block; position: absolute; top:0; left:0; width:75px; height:100%; border:2px solid #c09547;}
.culture-content .box .text .tspan .line:before{ content: ""; width: 8px; height: 2px; position: absolute; top:-2px; left:15px; background: #FFFFFF;}
.culture-content .box .text .tspan .line:after{ content: ""; width: 8px; height: 2px; position: absolute; bottom:-2px; left:5px; background: #FFFFFF;}
.culture-content .box .text .tspan em{ content: ""; width:2px; height:10px; position: absolute; left:-2px; top:35px; background: #FFFFFF;}
.culture-content .box .text p{  padding-top:40px; margin-left: 210px; font-size: 18px; line-height: 40px;}
.culture-content .box:nth-child(2n) .img{ float: right;}
.culture-content .box:nth-child(2n) .img span{ left:auto; right:70%;}
.culture-content .box:nth-child(2n) .text{ float:left; text-align: left;}
.culture-content .box:nth-child(2n) .text .tit{ text-align: left;}
.culture-content .box:nth-child(2n) .text .tit span{ right:auto; left:40px;}


 
/* ========== */
/* = NEWS = */
/* ========== */
.news{ padding: 80px 0 100px; background-image:url(../images/news_bg.jpg);}
.news-list{ padding-bottom: 35px;}
.news-list li{ margin-bottom: 50px;}
.news-list .box{ display: block; padding: 50px 54px 54px 60px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; background: #FFFFFF;}
.news-list .box .img{width: 70%;max-width: 300px;position: relative;}
.news-list .box .img:after{ content: ""; position: absolute; bottom: -10px; left:-12px; width: 137px; height: 157px; background: #c09547; display: block;}
.news-list .box .img div{ overflow: hidden; position: relative; z-index: 1;}
.news-list .box .text{width: 70%;position: relative;}
.news-list .box .text .tit{ position: relative; font-size: 24px; font-weight: bold; color: #333333; line-height: 30px; padding-right:50px;}
.news-list .box .text .more{ position: absolute; top:50%; right:0; margin-top: -10px; width:20px; height: 20px; background-image:url(../images/next.png); background-size: cover; -webkit-transition: all ease .3s; transition: all ease .3s;}
.news-list .box .text .line{ margin:5% 0 4%; width: 100%; height: 1px; background: #e5e5e5;}
.news-list .box .text .des{ color: #999999; line-height:40px; height: 80px; overflow: hidden;}
.news-list .box:hover .text .tit{ color: #c09547; }
.news-list .box:hover .text .more{ background-image:url(../images/next_hover.png); }
.news-list .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}


/* ========== */
/* = NEWS-DETAIL = */
/* ========== */
.news-detail{ padding: 80px 2% 100px; background-image:url(../images/news_bg.jpg); background-position: top center;}
.news-detail .content{max-width: 1440px;margin: 0 auto;background: #FFFFFF;padding: 80px 0 75px;}
.news-detail .title{ position: relative; font-size: 30px; font-weight: bold; color: #333333; padding-right: 250px;}
.news-detail .title .bshare-custom{ position: absolute; bottom: 0; right:0;}
.news-detail .title .bshare-custom a{ margin: 0 10px; display:inline-block; vertical-align: middle; width:40px; height: 40px; background-size: cover; background-position: center center;}
.news-detail .title .bshare-custom .ico-weibo{ background-image: url(../images/ico_share_01.png);}
.news-detail .title .bshare-custom .ico-weixin{ background-image: url(../images/ico_share_02.png);}
.news-detail .title .bshare-custom .ico-qq{ background-image: url(../images/ico_share_03.png);}
.bsBox{ box-sizing:content-box;}

.news-detail .source{ margin-top:50px; }
.news-detail .source span{ margin-right: 60px; display: inline-block; padding-left: 40px; position: relative; line-height:30px; font-size: 16px; color: #999999;}
.news-detail .source span:before{ content: ""; position: absolute; top:0; left:0; width: 30px; height: 30px; background-size: cover;}
.news-detail .source span:nth-child(1):before{ background-image: url(../images/ico_news_01.png);}
.news-detail .source span:nth-child(2):before{ background-image: url(../images/ico_news_02.png);}
.news-detail .source span:nth-child(3):before{ background-image: url(../images/ico_super_02.png);}
.news-detail .detail{margin-top: 40px;padding: 70px 0 80px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size: 16px;color: #585858;line-height:36px;}
.news-detail .detail img{/* width: 100%; */}
.news-detail .flip{ margin-top:40px;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.news-detail .flip>a{ max-width: 48%; font-size: 16px; color: #333333;}
.news-detail .flip>a:hover{ color: #c09547;}
.recommend-news{ padding:70px 0 110px;  background: #FFFFFF;}
.recommend-news .ny-theme{ background:url(../images/line.png) bottom center no-repeat;}
.recommend-news .ny-theme p{ color: #c09547; }
.recommend-news ul{ margin:0 -20px;}
.recommend-news li{ margin-top:55px; float: left; width: 25%; padding: 0 20px; text-align: center;}
.recommend-news li .img{ overflow: hidden;}
.recommend-news li .img img{width: 100%;height: 182px;}
.recommend-news li .tit{ margin-top: 25px; font-size: 18px; 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: #c09547;}

.fixed-right{ position: fixed; bottom: 20%; right:0;}
.fixed-right a{ margin-bottom: 3px; display: block; width:77px; height: 77px; background-size: cover; background-color: #c09547;}
.fixed-right .back-top { background-image:url(../images/ico_right_top.png);}
.fixed-right .return-list { background-image:url(../images/ico_right_return.png);}


/* ========== */
/* = CONTACT = */
/* ========== */
.contact{ padding: 80px 0 120px;}
.contact .ny-theme p{ color: #c09547;}
.contact .content{ margin-top: 40px; background-image:url(../images/contact_img.jpg); padding:6% 8%; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;} 
.contact .left{ width:38%; text-align: justify; color: #FFFFFF;}
.contact .left .tit{ font-size: 24px; font-weight:bold;}
.contact .left .des{ margin-top: 20px; padding-bottom: 30px; border-bottom: 1px dashed #FFFFFF; font-size: 16px; line-height: 30px;}
.contact .left .tip{ margin-top:30px;}
.contact .left .tip p{  margin-bottom: 20px; position: relative; padding-left: 54px; line-height: 40px; font-size: 16px;}
.contact .left .tip p span{ font-weight:bold;}
.contact .left .tip p:before{ content: ""; position: absolute; top:0; left:0; width: 40px; height: 40px; background-size: cover;}
.contact .left .tip p:nth-child(1):before{ background-image: url(../images/ico_add.png);}
.contact .left .tip p:nth-child(2):before{ background-image: url(../images/ico_tel.png);}
.contact .map-box{ margin-top:35px; height:200px; position:relative; overflow: hidden;}
.contact .map-box img{ max-width:1000%;}
.contact .map-box .allmap{ width:100%; height: 100%; position: absolute; left: 0; top:0;} 
.contact .map-box .anchorBL{ display: none; }
.contact .right{  width: 52%; background: rgba(255,255,255,.9); padding:6% 5% 4%; position: relative;}
.contact .right .theme{ padding-bottom: 20px;  text-align: center;}
.contact .right .theme p{ font-family:"PingFang"; font-size: 40px; text-transform: uppercase; line-height: 40px; opacity: .3;}
.contact .right .theme span{ margin-top: -20px; display: block; color: #c09547; font-size: 24px; color: #c09547; font-weight: bold;}
.contact .right .con{ border-top: 1px dashed #c1c1c2; border-bottom: 1px dashed #c1c1c2; padding:20px 5px; }
.contact .right .con span{ float: left; width:50%; padding:10px 8px;}
.contact .right .con span input{ width: 100%; color: #999999; background: #ffffff; border: none;height: 48px; line-height: 24px; padding:12px 15px;}
.contact .right .con span select{ width: 100%; color: #999999; background: #FFFFFF; border: none;height: 48px; padding: 12px 12px;}
.contact .right .con span:last-child{ width: 100%;}
.contact .right .con textarea{ border: none; width: 100%; height: 124px; padding: 12px 15px; background: #FFFFFF;}
.contact .right .more-button{ margin:20px auto 25px;}
.contact .right .des{ text-align: center; color: #333333;}
.contact .right .des span{ font-size:18px; color: #d61a1a;}
.contact .right .img{ position: absolute; bottom: -40px; right:-70px; border:6px solid #d4b475; border-radius: 100%; width:180px; overflow: hidden;}

@media (max-width:1440px){
	.contact .right .img{ width: 130px;bottom: -30px;}
}

@media (max-width:999px){ 
	
	/* ========== */
	/* = ABOUT = */
	/* ========== */
	.about-box{ padding: 1rem 0;}
	.about-box .content{ display: block;}
	.about-box .text{ width: 100%;}
	.about-box .text .tit{ padding-bottom:0.53333333rem; font-size: 0.4rem;}
	.about-box .text .tit span{ font-size: 0.37333333rem;  padding:0 0.4rem; }
	.about-box .text .tit span:before,
	.about-box .text .tit span:after{  width: 0.32rem; height: 0.32rem;}
	.about-box .text .des{ margin-top: 0.46666666rem; font-size: 0.32rem; line-height:0.64rem; }
	.about-box .img{ width: 100%; margin-top:0.66666666rem;}
	.about-box .img:before{  width: 0.66666666rem; height: 0.66666666rem; }
	.about-box .img:after{ top:0.15rem; left:0.15rem;}
	.history-box{ padding-top: 1.06666666rem;}
	.history-box .swiper-history{ margin-top: 0.53333333rem; overflow: hidden;}
	.history-box .swiper-history .swiper-slide{ height:7rem; padding:0.53333333rem 1.06666666rem 0.66666666rem 1rem;}
	.history-box .swiper-history .line{ left:14px;}
	.history-box .swiper-history .year{ font-size: 0.4rem; }
	.history-box .swiper-history .year span{ font-size:0.4rem; margin-right:0.13333333rem;}
	.history-box .swiper-history .des{ margin-top: 0.32rem; line-height:0.64rem; font-size: 0.32rem;}
	.history-box .button img{ top:0.2rem; width: 0.7rem; margin-left: -0.35rem;}	
		
	/* ========== */
	/* = HONOR = */
	/* ========== */
	.honor{ padding:1rem 0;}
	.honor .img-big{ margin-top:0.53333333rem;}
	.honor .content{ padding: 0 0.8rem;}
	.honor .content .swiper-button-prev{ left:0;}
	.honor .content .swiper-button-next{ right:0;}
	.swiper-honor{ margin-top: 0.8rem;}
	.swiper-honor .box{padding:0.26666666rem;}
	.swiper-honor .box .img{ width: 38%;}
	.swiper-honor .box .text{ width:57%;}
	.swiper-honor .box .text .tit{ font-size:0.32rem;}
	.swiper-honor .box .text .des{ margin-top:0.26666666rem; padding-top: 0.33333333rem;}
	.swiper-honor .box .text .des p{ margin-bottom:0.13333333rem; line-height:0.6rem; font-size: 0.28rem; padding-left: 0.6rem;}
	.swiper-honor .box .text .des p:before{ top:0.1rem; width:0.4rem; height: 0.4rem; }
	
	.honor-content{ padding:1rem 0;}
	.honor-content .js-tab{ margin-top: 0.4rem;}
	.honor-content .js-tab span{ width:28%; line-height: 0.8rem; font-size:0.32rem;}
	.honor-content .js-tab-box{ margin-top: 0.8rem;}
	.honor-content .js-tab-con{  height:5.33333333rem; padding-right: 0.4rem;}
	.honor-content .js-tab-con ul{ width:45%;}
	.honor-content .js-tab-con li{ margin-bottom:0.3rem; width:48%; margin-right:4%;}
	.honor-content .js-tab-con li:nth-child(2n){ margin-right: 0;}
	.honor-content .js-tab-con .text{ width:51%;}
	.honor-content .js-tab-con .text p{  padding-left:0.4rem; font-size:0.32rem; line-height:0.7rem;}
	.honor-content .js-tab-con .text p:before{ top:0.27rem; width: 0.13333333rem; height: 0.13333333rem;}
	
	.honor-madals{  padding:1rem 0;}
	.honor-madals:after{ bottom:1rem; height: 1.33333333rem;}
	.honor-madals .content{ padding: 0 0.8rem;}
	.honor-madals .content .swiper-button-next{ right:0; margin-top: -0.25rem; width:0.5rem; height: 0.5rem;}
	.honor-madals .content .swiper-button-prev{ left:0; margin-top: -0.25rem; width: 0.5rem; height: 0.5rem;}
	.swiper-honor-madals .swiper-slide{ padding:0.66666666rem 8px;}	
		
	/* ========== */
	/* = CULTURE = */
	/* ========== */
	.culture-box{ padding:1rem 0 4rem; font-size:0.32rem; line-height: 0.64rem; }
	.culture-content{ padding-bottom:0.8rem;}
	.culture-content .w1600{ padding: 0; }
	.culture-content .box{ margin-top: 0.8rem;}
	.culture-content .box .img{ margin-top:0; width:100%; }
	.culture-content .box .img span,
	.culture-content .box:nth-child(2n) .img span{ position: absolute; top:92%; right: auto;  left:0.53333333rem; font-size:1.5rem;}
	.culture-content .box .text { margin-top: 0.66666666rem;  width: 100%; padding: 0 0.5rem;}
	.culture-content .box .text .tit,
	.culture-content .box:nth-child(2n) .text .tit{ font-size:1.33333333rem; text-align: right;}
	.culture-content .box .text .tit span,
	.culture-content .box:nth-child(2n) .text .tit span{ left:auto; top:0.6rem; right:0.53333333rem; font-size: 0.4rem; }
	.culture-content .box .text .des{ margin-top: 0.53333333rem;}
	.culture-content .box .text li{ margin-bottom: 0.66666666rem;}
	.culture-content .box .text .tspan{ padding:0.4rem; font-size:0.34rem; line-height: 0.53333333rem; margin-top: 0.36rem;}
	.culture-content .box .text .tspan .line{ width:1.2rem;}
	.culture-content .box .text p{  padding-top:0.4rem; margin-left:3rem; font-size: 0.32rem; line-height: 0.64rem;}

		
	/* ========== */
	/* = NEWS = */
	/* ========== */
	.news{ padding:1rem 0; }
	.news-list{ padding-bottom: 0.66666666rem;}
	.news-list li{ margin-bottom: 0.66666666rem;}
	.news-list .box{ display: block; padding:0.4rem;}
	.news-list .box .img{width: 100%; max-width: 100%;}
	.news-list .box .img:after{ display: none;}
	.news-list .box .text{ width: 100%;  padding-top: 0.53333333rem;}
	.news-list .box .text .tit{ font-size:0.36rem; line-height:0.66666666rem; padding-right: 0.66666666rem;}
	.news-list .box .text .more{  margin-top:-0.26666666rem; width:0.5rem; height: 0.5rem;}
	.news-list .box .text .line{margin: 0.26666666rem 0;}
	.news-list .box .text .des{ font-size: 0.32rem; line-height: 0.64rem; height: 1.28rem;}
	.news-list .box:hover .text .tit{ color: #333; }
	.news-list .box:hover .text .more{ background-image:url(../images/next.png); }
	.news-list .box:hover .img img{ transform: scale(1); -webkit-transform: scale(1);}


	
	/* ========== */
	/* = NEWS-DETAIL = */
	/* ========== */
	.news-detail{ padding:1rem 0.4rem;}
	.news-detail .content{ padding: 1rem 0;}
	.news-detail .title{ font-size:0.42rem; padding-right: 0; text-align: center;}
	.news-detail .title .bshare-custom{ margin-top: 0.4rem; text-align: center; position:relative; bottom:auto; right:auto;}
	.news-detail .title .bshare-custom a{ margin:0 0.13333333rem; width: 0.4rem; height: 0.4rem;}
	.news-detail .source{ margin-top:0.66666666rem; text-align: center; }
	.news-detail .source span{ margin:0 0.26666666rem; font-size: 0.32rem; line-height:0.53333333rem; padding-left: 0.7rem;}
	.news-detail .source span:before{width:0.53333333rem; height:0.53333333rem;}
	.news-detail .detail{ margin-top: 0.4rem; font-size:0.32rem; line-height: 0.64rem; padding:0.8rem 0;}
	.news-detail .flip{ margin-top: 0.4rem; display: block;}
	.news-detail .flip>a{ max-width: 100%; display: block; font-size: 0.32rem; line-height:0.93333333rem;}
	
	.recommend-news{ padding:1rem 0; }
	.recommend-news ul{ margin:0 -0.26666666rem;}
	.recommend-news li{ margin-top:0.66666666rem; width: 50%; padding: 0 0.26666666rem;}
	.recommend-news li .tit{ margin-top: 0.26666666rem; font-size: 0.24rem; }
	.recommend-news li a:hover .img img{ transform: scale(1); -webkit-transform: scale(1);}
	.recommend-news li a:hover .tit{ color: #333;}
	.fixed-right a{ width:0.8rem; height: 0.8rem; }

	
	/* ========== */
	/* = CONTACT = */
	/* ========== */
	.contact{ padding:1rem 0;}
	.contact .content{ margin-top: 0.53333333rem; display: block; padding:0.8rem 0.53333333rem;} 
	.contact .left{  width: 100%;}
	.contact .left .tit{ font-size: 0.45333333rem;}
	.contact .left .des{ margin-top:0.4rem; padding-bottom:0.4rem; font-size: 0.32rem; line-height: 0.64rem;}
	.contact .left .tip{ margin-top:0.4rem;}
	.contact .left .tip p{  margin-bottom: 0.2rem; padding-left: 0.8rem; line-height:0.53333333rem; font-size:0.32rem;}
	.contact .left .tip p span{ font-weight:bold;}
	.contact .left .tip p:before{  width: 0.53333333rem; height: 0.53333333rem; }
	.contact .map-box{ margin-top:0.4rem; height:4rem;}
	.contact .right{ margin-top: 0.66666666rem; width: 100%;padding: 0.53333333rem;}
	.contact .right .theme{ padding-bottom: 0.6rem;}
	.contact .right .theme p{ font-size: 0.53333333rem; line-height:0.53333333rem; }
	.contact .right .theme span{ margin-top: -0.2rem;font-size:0.42rem;}
	.contact .right .con{ padding:0.5rem 0; }
	.contact .right .con span{  width: 100%; padding:0.12rem 0;}
	.contact .right .con textarea{ height:3rem;}
	.contact .right .more-button{ margin:0.4rem auto;}
	.contact .right .des{ font-size: 0.28rem;}
	.contact .right .des span{ font-size:0.32rem;}
	.contact .right .img{ display: none;}
	
}



/* ========== */
/* = LOAN = */
/* ========== */
.loan-box{ padding: 100px 0 80px; background: #fbfbfb;}
.loan-box .left{ float: left; width: 42.6%;}
.loan-box .box{ position: relative;}
.loan-box .box>img{ width: 100%;}
.loan-box .box .text{ position: absolute; bottom: 0; left:0; width: 100%; background: rgba(0,0,0,.5); height:90px; padding:15px 30px;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.loan-box .box .text .con{ width: 100%;}
.loan-box .box .tit{ width: 100%;}
.loan-box .box .tit i{ display: inline-block; vertical-align: middle; width:50px; padding:5px; border: 1px solid #FFFFFF; border-radius: 100%; overflow:hidden;}
.loan-box .box .tit span{ margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 18px; color: #FFFFFF;}
.loan-box .box .more-button{ display: none;}
.loan-box .box:hover .text{ height: 100%; text-align: center;}
.loan-box .box:hover .text .tit i{ border: none; padding: 0;}
.loan-box .box:hover .text .more-button{ margin: 20px auto 0; display: block;}
.loan-box .left .text{ padding: 20px 30px;}
.loan-box ul{ float: right; width:56.8%;}
.loan-box ul li{ float:left; width: 50%; padding:1%;}
.loan-box ul li .box .tit i{ width: 40px;}
.loan-box ul li .box .text{ height: 70px; }

.loan-three{ padding: 20px; background-image: url(../images/loan_three.jpg);}
.loan-three .content{ position: relative; padding-left: 340px;}
.loan-three .tit{ position: absolute; top:30px; left:0;}
.loan-three .con{ display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.loan-three .box { display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.loan-three .box img{ background: #FFFFFF;}
.loan-three .box div{ margin-left: 30px;}
.loan-three .box div span{ font-size:40px; line-height: 50px; color: #d8bf97; font-family:"Great";}
.loan-three .box div p{ font-size: 18px; color: #FFFFFF;}

.loan-platform{ padding: 80px 0 110px; background-image:url(../images/platform_bg.jpg);}
.loan-platform .left{ float: left; width:30%; position: relative;} 
.loan-platform .left .box{ margin-bottom: 25px; height:130px; padding:15px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between; font-size: 24px; text-align: center; color: #FFFFFF; position: relative; z-index: 1; cursor: pointer;}
.loan-platform .left .box:after{ display: none; content: ""; position: absolute; top:50%; margin-top: -25px; right:-17%; border: 25px solid transparent; border-right:35px solid #FFFFFF; width: 0; height: 0px;}
.loan-platform .left .box span{ width: 100%; display: block;}
.loan-platform .left .box.active:after{ display: block;}
.loan-platform .left .box:last-child{ margin-bottom: 0;}
.loan-platform .left .box:nth-child(1){ background: #1c5097;}
.loan-platform .left .box:nth-child(2){ background: #d1ab47;}
.loan-platform .left .box:nth-child(3){ background: #00826c;}
.loan-platform .right{ float: right; margin-right:-5%;  width:70%; background: #FFFFFF; position: relative; }
.loan-platform .right .js-tab-con{ display: none; position:relative; padding:4% 4% 6%; min-height:440px;}
.loan-platform .right .js-tab-con.active{ display: block;}
.loan-platform li{ float: left; width: 50%; border-top: 1px dashed #e5e5e5; padding: 5% 3% 5% 8%;}
.loan-platform li:nth-child(2n){  border-left: 1px dashed #e5e5e5;}
.loan-platform li:nth-child(1),
.loan-platform li:nth-child(2){ border-top: none;}
.loan-platform li span{ float: left; font-size: 80px; line-height: 80px; position:relative; color: #c09547;} 
.loan-platform li span i{ position: absolute; top:40px; left:-10px; font-size: 16px; line-height: 30px; display: inline-block; padding: 0 5px; font-style:normal; background: #FFFFFF; color: #c09547;}
.loan-platform li div{ margin-left:80px; padding-left: 18px; position: relative;}
.loan-platform li div:before{ content: ""; position: absolute; left:0; top:50%; width: 1px; height: 60px; margin-top: -30px; border-left: 1px solid #f2f2f2;}
.loan-platform li div p{ font-size:26px; color: #525252; line-height: 40px;;}
.loan-platform li div em{ font-size: 18px; font-style: normal;}
.loan-platform .right .button{ position: absolute; bottom:0; right:0; background: #c09547; color: #FFFFFF; font-size: 24px; line-height: 30px; padding: 20px 25px;}
.loan-platform .right .button:after{ content: ""; position: absolute; bottom: -20px; right:-20px; width: 50px; height:50px; background-size: cover; background-image:url(../images/ico_hand.png);}
.loan-platform .right .button:hover{ background: #c3932a; }

.loan-faq{ padding: 80px 0 90px; background-image: url(../images/loan_faq.jpg);}
.loan-faq .ny-theme p {  color: #c09547;}
.loan-faq li{ padding: 40px 0; border-bottom: 1px dashed #f2f2f2;}
.loan-faq li .tit{ position: relative; font-size: 20px; color: #333333; line-height: 50px; padding-left: 60px;}
.loan-faq li .tit:before,
.loan-faq li .des:before{ content: ""; position: absolute; left:0; top:5px; width: 40px; height: 40px; background-size: cover; background-image: url(../images/ico_faq_01.png);}
.loan-faq li .des{ margin-top: 0.26666666rem; position: relative; font-size: 16px; line-height: 50px; padding-left: 60px;}
.loan-faq li .des:before{ background-image: url(../images/ico_faq_02.png);}
.loan-faq .more-button{ margin: 70px auto 0;}


@media (max-width:1440px){ 
	.loan-platform .left .box{ height: 110px;}
	.loan-platform .right .js-tab-con{padding-bottom:6%; min-height: 380px;}
	.loan-platform li span{ font-size:70px; line-height: 70px;}
	.loan-platform li span i{ top:27px; font-size: 14px; line-height:20px;}
	.loan-platform li div p{ font-size: 24px;}
	.loan-platform li div em{ font-size: 16px; margin-top: 5px;}
	.loan-platform .right .button{ font-size: 20px; padding: 15px 20px;}
}

@media (max-width:999px){ 

	/* ========== */
	/* = LOAN = */
	/* ========== */
	.loan-box{ padding:1rem 0;}
	.loan-box .left{ width: 100%;}
	.loan-box .box .text{ padding:0.2rem 0.4rem; height: 1.2rem;}
	.loan-box .box .tit i{  width:0.66666666rem; height: 0.66666666rem; padding:0.13333333rem;}
	.loan-box .box .tit span{ margin-left: 0.13333333rem; font-size: 0.32rem;}
	.loan-box .box:hover .text .more-button{ margin: 0.26666666rem auto 0;}
	.loan-box .left .text{ padding: 0.26666666rem 0.4rem;}
	.loan-box ul{  margin-top: 0.1rem; width: 100%;}
	.loan-box ul li .box .text{ height:1rem; }
	.loan-box ul li .box .tit i{ width:0.7rem;}
	
	.loan-three{ padding:0.66666666rem 0;}
	.loan-three .content{ padding-left: 0;}
	.loan-three .tit{ margin: 0 auto 0.66666666rem; position: relative; top:auto; left:auto; width:3rem;}
	.loan-three .con{ display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
	.loan-three .box {display: block; text-align: center;}
	.loan-three .box img{ background: #FFFFFF; width:1.1rem;}
	.loan-three .box div{ margin-left: 0; display: block;}
	.loan-three .box div span{ font-size:0.6rem; line-height:1rem;}
	.loan-three .box div p{ font-size:0.29333333rem;}
	.loan-three .jt{ width: 0.4rem;}
	.loan-three .red-img{ width: 1.5rem;}
	
	.loan-platform{ padding:1rem 0;}
	.loan-platform .left{ width:100%;} 
	.loan-platform .left .box{ float: left; height:0.8rem; padding:0; width: 32%; margin-right:2%; margin-bottom:0.6rem; font-size:0.25rem;}
	.loan-platform .left .box:after{ margin-top:0; top:auto; bottom:-0.6rem; right:auto;  left:50%; margin-left:-0.26666666rem; border:0.3rem solid transparent; border-bottom:0.3rem solid #FFFFFF;}
	.loan-platform .left .box:nth-child(3){ margin-right: 0; }
	.loan-platform .right{ width: 100%; margin-right: 0; }
	.loan-platform .right .js-tab-con{ min-height:6.66666666rem; padding: 0.66666666rem 0.4rem 0.93333333rem;}
	.loan-platform li{  padding:0.66666666rem 0.26666666rem;}
	.loan-platform li span{ font-size:1.1rem; line-height:1.1rem;} 
	.loan-platform li span i{  top:0.4rem; left:-0.13333333rem; font-size:0.26666666rem; line-height:0.4rem; padding: 0 0.05333333rem;}
	.loan-platform li div{ margin-left:0.93333333rem; padding-left:0;}
	.loan-platform li div:before{ display: none;}
	.loan-platform li div p{ font-size:0.4rem; line-height: 0.66666666rem;}
	.loan-platform li div em{ font-size: 0.27rem;}
	.loan-platform .right .button{  font-size: 0.24rem; line-height:0.4rem; padding: 0.2rem 0.25rem;}
	.loan-platform .right .button:after{ bottom:-0.26666666rem; right:-0.26666666rem;; width:0.6rem; height:0.6rem;}
	
	.loan-faq{ padding:1rem 0 ;}
	.loan-faq li{ padding: 0.53333333rem 0;}
	.loan-faq li .tit{ font-size:0.4rem;line-height:0.7rem; padding-left:0.7rem;}
	.loan-faq li .tit:before,
	.loan-faq li .des:before{  top:0.1rem; width:0.5rem; height: 0.5rem; }
	.loan-faq li .des{ margin-top: 0.26666666rem; font-size:0.32rem; line-height: 0.7rem; padding-left:0.7rem;}
	.loan-faq .more-button{ margin: 0.66666666rem auto 0;}
}


/* ========== */
/* = QUOTATION = */
/* ========== */
.quotation-point{ background: #c29747;}
.quotation-point ul{ text-align: center; cursor: pointer;}
.quotation-point ul li{ float: left; width: 20%; padding:17px 0; border-right: 1px solid #d4b67f; position: relative;}
.quotation-point ul li:after{ content: ""; position: absolute; right:-1px; top:30px; height: 20px; width: 2px; background: #FFFFFF;}
.quotation-point ul li:last-child{ border-right: none;}
.quotation-point ul li:last-child:after{ display: none;}
.quotation-point ul li img{ -webkit-transition: all ease .3s; transition: all ease .3s; }
.quotation-point ul li p{ margin-top: 5px; font-size: 16px; color: #FFFFFF;}
.quotation-point ul li:hover img{animation:tade 1s; -webkit-animation:tada 1s;}

.quotation-five{ margin-bottom: 55px; padding-bottom: 75px; background-image: url(../images/quotation_bg.jpg);}
.quotation-five .content{ padding-top: 160px; height:520px; position: relative; overflow: hidden;}
.quotation-five .content .cricle{ margin: 0 auto; width:990px; height: 990px; position: relative; border: 1px dashed #b8b9b9; border-radius: 100%;}
.quotation-five .content .title{ position: absolute; bottom: 0; left:0; width: 100%; text-align: center;}
.quotation-five .content .tit{ position: absolute; z-index: 2; width: 180px; height: 180px; border-radius: 100%; overflow: hidden; background: #FFFFFF; border: 1px solid #eeeeee; text-align: center; padding-top:35px; cursor: pointer;}
.quotation-five .content .tit span{ display: block; font-size: 30px; color: #cea757; position: relative; padding-bottom: 8px;}
.quotation-five .content .tit span:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -10px; width: 20px; height: 1px; background: #cea757;}
.quotation-five .content .tit p{ margin-top: 10px; font-size: 16px; color: #333333;}
.quotation-five .content .tit:hover{ background-image: url(../images/ico_big_designer.png); background-size: cover; background-color: #cea757;}
.quotation-five .content .tit:hover span{ color: #FFFFFF;}
.quotation-five .content .tit:hover span:after{ background: #FFFFFF;}
.quotation-five .content .tit:hover p{ color: #FFFFFF;}
.quotation-five .content .tit:nth-child(1){ top:140px; left:-70px;}
.quotation-five .content .tit:nth-child(2){ top:-30px; left:90px;}
.quotation-five .content .tit:nth-child(3){ top:-80px; left:50%; margin-left: -90px;}
.quotation-five .content .tit:nth-child(4){ top:-30px; right:90px;}
.quotation-five .content .tit:nth-child(5){ top:150px; right:-70px;}
.quotation-five ul{ padding:40px 20px; background-image: url(../images/five_bg.jpg);}
.quotation-five ul li{ float: left; width: 50%; padding: 0 22px;}
.quotation-five ul .box{ position:relative; }
.quotation-five ul .box:after{ content: ""; position: absolute; z-index:0; left:-10px; bottom: -10px; height:92%; width: 98%; background: #cea757;}
.quotation-five ul .box .con{ position: relative; z-index: 1; background: #FFFFFF; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.quotation-five ul .box .img{ width:46%; overflow: hidden;}
.quotation-five ul .box .img img{ width: 100%;}
.quotation-five ul .box .text{ width: 54%; padding:0 4%;}
.quotation-five ul .box .text .tit{ font-weight: bold; padding-bottom: 20px; position: relative; border-bottom: 1px dotted #cccccc; font-size: 16px; line-height: 26px; color: #333333;}
.quotation-five ul .box .text .tit:after{ content: ""; position: absolute; bottom:-4px;left:0; width: 8px; height: 8px; background: #cea757;}
.quotation-five ul .box .text .des{ margin-top: 15px;}
.quotation-five ul .box .text .des p{ position:relative; padding-left: 35px; line-height: 30px;}
.quotation-five ul .box .text .des p:before{ content: ""; position: absolute; top:5px; left:0; width: 20px; height: 20px; background-image: url(../images/ico_right.png); background-size: cover; }
.quotation-five ul .box:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); }

.mb-quotation-five { padding-top: 0.66666666rem; background-image: url(../images/quotation_bg.jpg);}
.mb-quotation-five img{ width: 70%; margin: 0 auto;}
.mb-quotation-five .con{ padding: 0.66666666rem 0.13333333rem; background-image: url(../images/mb_quotation_bg.jpg); text-align: center;}
.mb-quotation-five .con .tit{ margin:0.15rem; display: inline-block; width: 2.4rem; height: 2.4rem; padding-top: 0.42rem; border-radius: 100%; overflow:hidden; background: #FFFFFF;}
.mb-quotation-five .con .tit span{ display: block; padding-bottom: 0.13rem; position: relative; font-size: 0.4rem; color: #cea757; font-weight: bold;}
.mb-quotation-five .con .tit span:after{ content: ""; position: absolute; bottom: 0; left:50%; background: #cea757;  width: 0.26666666rem; height: 1px; margin-left:-0.13333333rem;}
.mb-quotation-five .con .tit p{ font-size: 0.26666666rem; line-height: 0.34666666rem; margin-top: 0.2rem; color: #333333;}

.quotation-cases{ padding-top: 80px;}
.quotation-cases .ny-theme p{ color: #c09547;}
.quotation-cases .content{ margin-top: 95px; padding: 60px 0 55px; background-image: url(../images/quotation_cases_bg.jpg); position:relative;}
.quotation-cases .content:after{ content: ""; position: absolute; right:0; top:-10%; height: 110%; width:47%; background-image: url(../images/bg_shadow.png); background-size: cover; background-position:left center;}
.quotation-cases .left{ float: left; width: 48%;}
.quotation-cases .left ul{ max-width: 410px;}
.quotation-cases .left ul li{ float: left; width: 48%; margin-right:4%; background: rgba(0,0,0,.5); color: #FFFFFF; padding:70px 20px 30px; position: relative;}
.quotation-cases .left ul li:nth-child(2n){ margin-right: 0; margin-top: 18px;}
.quotation-cases .left ul li span{ position: absolute; top:30px; left:0; background: rgba(255,255,255,.2); display: block; height: 30px; padding: 0 20px 0 15px; border-radius: 0 15px 15px 0;}
.quotation-cases .left ul li p{ font-size: 20px; color: #cea757;}
.quotation-cases .left ul li p i{ margin-right: 10px; font-size: 24px; font-style: normal;}
.quotation-cases .left ul li div{  margin-top: 10px;}
.quotation-cases .left ul li:hover{ background: #cea757;}
.quotation-cases .left ul li:hover p{ color: #FFFFFF;}
.quotation-cases .left .tit{ margin-top: 40px; font-size: 20px; color: #cea757;}
.quotation-cases .left .tip{ margin-top: 25px; background: #FFFFFF; padding: 27px; color: #333333; line-height: 24px;}
.quotation-cases .left .tip .con{ padding:15px 20px 15px 35px; position: relative; overflow: hidden;}
.quotation-cases .left .tip .con:before{ content: ""; position: absolute; top:0; left:0; border: 2px solid #e8d6ae; width: 74px; height: 100%;}
.quotation-cases .left .tip .con p{ position: relative; padding:5px 0; line-height: 30px; z-index: 1; background: #FFFFFF;}
.quotation-cases .left .tip .con .line{ position: absolute; bottom:12px; left:100px; width: 100%; border-bottom:1px solid #b2b2b2;}
.quotation-cases .left .tip .con:after{ content: ""; position: absolute; right:0; bottom: 10px; width: 6px; height: 6px; background: #cea757;}
.quotation-cases .right{ float: right; position:relative;z-index: 2; width:30%;}
.quotation-cases .right .tit h2{ font-size: 24px; color: #FFFFFF;}
.quotation-cases .right .tit h2 span{ font-size: 40px; color: #cea757; font-weight: bold;}
.quotation-cases .right .tit .des{ margin-top: 20px; font-size: 36px; color: #FFFFFF;}
.quotation-cases .right .line{ margin:40px 0 30px; width: 120%; border-bottom: 1px solid rgba(255,255,255,.3); position: relative;}
.quotation-cases .right .line:before{ content: ""; position: absolute; top:-2px; left:0; width: 6px; height: 6px; background: #cea757;}
.quotation-cases .right li{ float: left; margin-top: 20px; width:48%; margin-right:4%; background: #FFFFFF; padding:12px 0; text-align: center; border: 2px solid #ae8d47; position: relative;}
.quotation-cases .right li:nth-child(2n){ margin-right: 0;}
.quotation-cases .right li:before{ content: ""; position: absolute; top:15px; left:-2px; width:2px; height: 6px; background: #30251a;}
.quotation-cases .right li .line-01:before{ content: ""; position: absolute; top:-2px; left:30px; width: 15px; height: 2px; background: #30251a;}
.quotation-cases .right li .line-01:after{ content: ""; position: absolute; bottom:-2px; left:15px; width: 15px; height: 2px; background: #30251a;}
.quotation-cases .right li .line-02:before{ content: ""; position: absolute; right:-2px; bottom:10px; width: 2px; height: 6px; background: #30251a;}
.quotation-cases .right li .line-02:after{ content: ""; position: absolute; right:-2px; bottom:18px; width:2px; height: 6px; background: #30251a;}
.quotation-cases .right li img{ display: inline-block; vertical-align: middle;}
.quotation-cases .right li span{ margin-left: 10px; display: inline-block; vertical-align: middle; font-size: 20px; color: #333333;}
.quotation-cases .right .button{ position: relative; cursor: pointer;}
.quotation-cases .right .button{  margin-top: 80px;  padding:18px 10px; background: #cea757; padding-left: 130px; font-size:18px; font-weight:bold; color: #FFFFFF;}
.quotation-cases .right .button img{ position: absolute; top:-55px; left:-50px; width: 170px;}

.quotation-process{ padding: 95px 0; background-image: url(../images/process_bg.jpg);}
.quotation-process ul{ display: flex; align-items: flex-start; justify-content: space-between; -webkit-justify-content: space-between;}
.quotation-process ul li{ width: 16%; text-align:center;}
.quotation-process ul li.jt{ padding-top:3%; width:5%;}
.quotation-process ul li p{ margin-top:22px; font-size: 16px; line-height: 32px;}
.quotation-process ul li p span{ color:#c29747; font-weight:bold;}

.quotation-pk{ padding: 75px 0 100px; background-image: url(../images/pk_bg.jpg);}
.quotation-pk .ny-theme p{ color: #c09547;}
.quotation-pk .content{ margin-top: 30px; position: relative;}
.quotation-pk .content:after{ content: ""; position: absolute; z-index: 0; top:8%; left:0; width: 100%; height:84%; background: #eee; transform:skewY(-5deg); -webkit-transform:skewY(-5deg);}
.quotation-pk .img{ position: relative; z-index: 1;}
.quotation-pk .box{ position: absolute; top:0; left:0; width: 50%; z-index: 1; padding-top: 60px; padding-right: 76px; text-align: right;}
.quotation-pk .box .tit{ padding: 40px 0 25px; font-size: 24px; font-weight: bold; color: #333333; border-bottom: 1px dashed  #e5e5e5;}
.quotation-pk .box li{ height: 73px; border-bottom: 1px dashed  #e5e5e5; display: flex; align-items: center;}
.quotation-pk .box li div{ width: 100%; font-size: 20px; line-height:30px; position: relative; padding-right: 40px;}
.quotation-pk .box li div:before{ content: ""; position: absolute; top:0; right:0; width: 30px; height: 30px; background-image:url(../images/pk_ico_01.png); background-size:cover;}
.quotation-pk .box:nth-child(2){ left:auto; right: 0; padding-right: 0; padding-left: 76px; text-align: left;}
.quotation-pk .box:nth-child(2) div{ padding-right: 0; padding-left: 40px;}
.quotation-pk .box:nth-child(2) div:before{ right:auto; left:0;  background-image:url(../images/pk_ico_02.png);}

.mb-quotation-pk{ margin-top: 0.53333333rem;}
.mb-quotation-pk .tab{  width:9.2rem; height:1.32rem; margin: 0 auto; background-image: url(../images/mb_pk_yellow.png); background-size: cover; text-align: center; padding-top: 0.11rem;}
.mb-quotation-pk .tab span{ margin: 0 0.02rem; display: inline-block; vertical-align: middle; width: 1.1rem; height: 1.1rem; border: 1px solid #ffffff;border-radius: 100%; text-align: center; font-size: 0.26666666rem; line-height:0.4rem; color: #FFFFFF; padding-top: 0.12rem; font-weight: bold;}
.mb-quotation-pk .tab span.active{  background: #ffffff; color: #cea757;}
.mb-quotation-pk .js-tab-box{ margin-top: 0.53333333rem;}
.mb-quotation-pk .js-tab-con{ display: none; position: relative; min-height: 5.33333333rem;}
.mb-quotation-pk .js-tab-con.active{ display: block;}
.mb-quotation-pk .js-tab-con .img{ width: 1.92rem; position: absolute; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
.mb-quotation-pk .js-tab-con .con{ float: left; width: 35%; padding: 0 0.26666666rem;}
.mb-quotation-pk .js-tab-con .con .tit{ position: relative; font-size: 0.4rem; line-height: 0.8rem; padding-left:0.8rem; padding-bottom: 0.26666666rem; border-bottom: 1px dashed #e5e5e5;}
.mb-quotation-pk .js-tab-con .con .tit:before{ content: ""; position: absolute; top:0; left:-0.13333333rem; width: 0.8rem; height: 0.8rem; background-image: url(../images/pk_ico_01.png); background-size: cover;}
.mb-quotation-pk .js-tab-con .con span{ display: inline-block; margin-top: 0.4rem; font-size: 0.4rem; }
.mb-quotation-pk .js-tab-con .con p{ font-size: 0.26666666rem; line-height: 0.45333333rem; }
.mb-quotation-pk .js-tab-con .con:last-child{ width: 35%; float: right; text-align: right; padding: 0 0.26666666rem; color: #333;}
.mb-quotation-pk .js-tab-con .con:last-child .tit{ padding-left: 0; padding-right: 0.8rem; color: #cea757; font-weight: bold;}
.mb-quotation-pk .js-tab-con .con:last-child .tit:before{ left:auto; right:-0.13333333rem; background-image: url(../images/pk_ico_02.png);}


@media (max-width:1600px){ 
	/* ========== */
	/* = QUOTATION = */
	/* ========== */
	.quotation-five ul .box .text .tit{ padding-bottom: 15px; font-size: 14px; line-height: 24px;}
	.quotation-five ul .box .text .des p{ font-size: 12px; line-height: 24px;}
	.quotation-five ul .box .text .des p:before{ top:2px;}
	
	.quotation-process ul li p{ font-size: 14px;}
	.quotation-pk .box li div{ font-size: 18px;}
}


@media (max-width:999px){ 
	/* ========== */
	/* = QUOTATION = */
	/* ========== */
	.quotation-point ul li{padding: 0.4rem 0;}
	.quotation-point ul li:after{ top:0.4rem; height: 0.26666666rem; width: 0.02666666rem;}
	.quotation-point ul li img{ width: 0.8rem;}
	.quotation-point ul li p{ margin-top: 0.08rem; font-size: 0.29333333rem; }
	
	.quotation-five{ margin-bottom:0; padding-bottom:0; }
	.quotation-five .container{ padding: 0;}
	.quotation-five ul{ padding:0.66666666rem 0.53333333rem;}
	.quotation-five ul li{padding:0; margin-bottom: 0.66666666rem; width: 100%;}
	.quotation-five ul .box:after{  left:-0.1rem; bottom: -0.1rem;}
	.quotation-five ul .box .con{display: block;}
	.quotation-five ul .box .img{ width:100%;}
	.quotation-five ul .box .text{ width: 100%; padding:0.3rem;}
	.quotation-five ul .box .text .tit{ padding-bottom: 0.3rem; font-size: 0.36rem; line-height: 0.6rem;}
	.quotation-five ul .box .text .des{ margin-top:0.26666666rem;}
	.quotation-five ul .box .text .des p{ font-size:0.32rem; padding-left:0.5rem; line-height:0.64rem;}
	.quotation-five ul .box .text .des p:before{top:0.13rem; width:0.4rem; height:0.4rem; }
	
	.quotation-cases{ padding-top:1.06666666rem;}
	.quotation-cases .content{ margin-top:1.2rem; padding: 0.8rem 0;}
	.quotation-cases .content:after{display: none;}
	.quotation-cases .left{ width:100%;}
	.quotation-cases .left ul{ max-width: 100%;}
	.quotation-cases .left ul li{  padding:1.2rem 0.26666666rem 0.4rem; }
	.quotation-cases .left ul li:nth-child(2n){  margin-top: 0.26666666rem;}
	.quotation-cases .left ul li span{ top:0.4rem; height: 0.5rem; padding: 0 0.4rem 0 0.26666666rem; border-radius: 0 0.25rem 0.25rem 0;}
	.quotation-cases .left ul li span img{ height: 0.5rem;}
	.quotation-cases .left ul li p{ font-size:0.38rem; }
	.quotation-cases .left ul li p i{ margin-right:0.13333333rem; font-size: 0.33333333rem;}
	.quotation-cases .left ul li div{  margin-top: 0.13333333rem; font-size: 0.32rem;}
	.quotation-cases .left .tit{ margin-top:0.53333333rem; font-size: 0.38rem;}
	.quotation-cases .right{width:100%; margin-top: 0.66666666rem; background: rgba(0,0,0,.4); padding:0.53333333rem;}
	.quotation-cases .right .tit h2{ font-size: 0.5rem;}
	.quotation-cases .right .tit h2 span{ font-size:0.48rem;}
	.quotation-cases .right .tit .des{ margin-top: 0.26666666rem; font-size: 0.4rem; line-height: 0.8rem;}
	.quotation-cases .right .line{ margin:0.4rem 0 0.4rem; width: 100%;}
	.quotation-cases .right li{ margin-top: 0.26666666rem;}
	.quotation-cases .right li img{ width: 0.6rem;}
	.quotation-cases .right li span{ margin-left: 0.13333333rem; font-size: 0.32rem;}
	.quotation-cases .right .button{  margin-top: 1.06666666rem;  padding:0.5rem 0.26666666rem; padding-left: 2.3rem; font-size:0.32rem; }
	.quotation-cases .right .button img{ top:-0.6rem; left:-0.6rem; width:2.6rem;}
	
	.quotation-process{ padding:1rem 0 0.6rem; background-image: url(../images/process_bg.jpg);}
	.quotation-process .container{ padding: 0;}
	.quotation-process ul{display: block; text-align: center;}
	.quotation-process ul li{ margin-bottom: 0.3rem; width:22%; display: inline-block; vertical-align: top;}
	.quotation-process ul li.jt{width:2%; padding-top: 0.6rem;}
	.quotation-process ul li img{ width: 1.2rem;}
	.quotation-process ul li p{ margin-top:0.26666666rem; font-size: 0.23rem; line-height:0.5rem;}
	
	.quotation-pk{ padding:1rem 0 ;}
	.quotation-pk .ny-theme p{ color: #c09547;}
}



/* ========== */
/* = CALCULATOR-POP = */
/* ========== */
.calculator-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.calculator-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.calculator-pop .content{ position: relative; display: inline-block;  width:90%; max-width:1600px; vertical-align: middle;}
.calculator-pop .close{ position: absolute; z-index: 3; top:70px; right:10px; width: 45px; height: 45px; background-image: url(../images/close.png); cursor: pointer;}
.calculator-pop .title{ text-align: center; color: #FFFFFF; position: relative; z-index: 1;}
.calculator-pop .title img{ display: inline-block; vertical-align: middle; margin-right: 30px; margin-bottom: -30px;}
.calculator-pop .title span{ font-weight: bold; font-size: 40px; display: inline-block; vertical-align: middle; padding-top: 50px;}
.calculator-pop .content-con{ position: relative;background-image: url(../images/calculator_bg.jpg); background-size: cover; padding:50px 65px; }
.calculator-pop .left{ float: left; text-align: left;}
.calculator-pop .left .tit{ padding: 20px 0; font-size: 30px; color: #333333;}
.calculator-pop .left .tit span{ font-size: 22px;}
.calculator-pop .left .tit em{ font-style: normal; color: #d6000f;}
.calculator-pop .left .div-input{ margin-top: 22px; position: relative; padding-left: 115px;}
.calculator-pop .left .div-input i{ position: absolute; font-style: normal; top:0; left:0; font-size: 18px; line-height: 60px; color: #333333;}
.calculator-pop .left .div-input i em{ font-style: normal; color: #d6000f;}
.calculator-pop .left .div-input span{ width: 100%; position: relative;}
.calculator-pop .left .div-input span em{ position: absolute; top:0; right:10px;}
.calculator-pop .left .div-input span input{ width: 100%; padding:18px 15px; line-height: 24px; height:60px; border: 1px solid #eaeaea; background: #FFFFFF; font-size: 16px;}
.calculator-pop .left .div-input .huxing_wrap{ position: relative; text-align: left;}
.calculator-pop .left .div-input .huxing_show{ padding:0 40px 0 10px; height: 60px; line-height: 58px; border: 1px solid #eaeaea; background: #FFFFFF;  position:relative;}
.calculator-pop .left .div-input .huxing_show:after{ content: ""; position: absolute; top:50%; right:5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 30px; height: 30px; background-image:url(../images/ico_down.png); background-size: cover;}
.calculator-pop .left .div-input .huxing_show span{ width: 17%; display:inline-block; text-align: center;}
.calculator-pop .left .div-input .huxing_wrap ul{ position: absolute; top:60px; left:0; width: 100%; border: 1px solid #eaeaea;  background: #FFFFFF;  padding:10px 40px 10px 10px;} 
.calculator-pop .left .div-input .huxing_wrap ul li{ display: inline-block; width:17%; line-height: 30px; height: 30px;}
.calculator-pop .left .div-input .huxing_wrap ul li a{display: block; text-align: center; border-radius: 3px;}
.calculator-pop .left .div-input .huxing_wrap ul li a.active{ background: #d6000f; color: #FFFFFF;}
.calculator-pop .left .des{ margin-top: 45px; color: #FFFFFF; padding: 20px 10px; font-size: 20px;  background-image: linear-gradient(180deg,#eb434e,#d80615); text-align: center;}
.calculator-pop .left .tip{ margin-top: 20px; font-size: 16px; text-align: center;}
.calculator-pop .calculator-button{ position: absolute; top:50%; left:50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%)  translateY(-50%); max-width: 10%;}
.calculator-pop .right{ float: right; width:40%;}
.calculator-pop .right .tit{ font-size: 24px; color: #333333;}
.calculator-pop .right .tit b{ font-size: 30px; color: #d6000f; font-weight: bold;}
.calculator-pop .right ul{ margin-top: 45px; padding: 50px 0; background-image:url(../images/pop_img.jpg); font-size: 20px; color: #FFFFFF; line-height: 50px;}
.calculator-pop .right ul em{ font-size: 26px;}
.calculator-pop .right .des{ margin-top: 20px; font-size: 16px;}
.calculator-pop .right .tel{ margin-top: 25px; font-size: 30px; font-weight: bold; color: #c29747; line-height: 50px;}
.calculator-pop .right .tel span{ position: relative; display: inline-block; font-size: 24px; font-weight:normal; color: #333333; padding-left: 60px;}
.calculator-pop .right .tel span:before{ content: ""; position: absolute; top:50%; left:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 40px; height: 40px; background-image: url(../images/ico_tel.png); background-size: cover;}

@media (max-height:780px){ 
	.calculator-pop .close{ top:40px;}
	.calculator-pop .title img{ width:200px;}
	.calculator-pop .title span{ font-size: 30px; padding-top: 40px;}
	.calculator-pop .content-con{ padding: 30px 40px;}
	.calculator-pop .left .tit{ font-size: 24px;}
	.calculator-pop .left .tit span{ font-size: 18px;}
	.calculator-pop .left .div-input i{ line-height: 50px;}
	.calculator-pop .left .div-input span input{ height: 50px; padding:11px 15px;}
	.calculator-pop .left .div-input .huxing_show{ height: 50px; line-height: 48px;}
	.calculator-pop .left .des{ font-size: 18px;margin-top: 20px; padding: 15px;}
	
	.calculator-pop .right .tit{ font-size: 20px;}
	.calculator-pop .right .tit b{ font-size: 26px;}
	.calculator-pop .right ul{ margin-top: 20px;}
	.calculator-pop .right .tel span{ font-size: 22px;}
	.calculator-pop .right .tel{ margin-top: 10px; font-size: 24px;}
}

@media (max-width:999px){ 
	/* ========== */
	/* = CALCULATOR-POP = */
	/* ========== */
	.calculator-pop .close{  top:0rem; right:0rem; width:0.6rem; height: 0.6rem; }
	.calculator-pop .title img{display: none; }
	.calculator-pop .title span{  font-size:0.53333333rem; padding:0 0 0.4rem;}
	.calculator-pop .content-con{  padding: 0.53333333rem; }
	.calculator-pop .left { float: none; width: 100%;}
	.calculator-pop .left .tit{ padding: 0.4rem 0; font-size:0.4rem; }
	.calculator-pop .left .tit span{ font-size: 0.32rem;}
	.calculator-pop .left .div-input{ margin-top: 0.32rem; padding-left: 1.8rem;}
	.calculator-pop .left .div-input i{font-size: 0.32rem; line-height:44px; }
	.calculator-pop .left .div-input span em{ position: absolute; top:0; right:0.13333333rem;}
	.calculator-pop .left .div-input span input{ padding:9px 10px; line-height: 24px; height:44px; font-size: 0.32rem;}
	.calculator-pop .left .div-input .huxing_wrap{ position: relative; text-align: left;}
	.calculator-pop .left .div-input .huxing_show{ padding:0 0.4rem 0 0.13333333rem; height:44px; line-height: 42px;  font-size: 0.32rem;}
	.calculator-pop .left .div-input .huxing_show:after{  width: 0.4rem; height: 0.4rem; }
	.calculator-pop .left .div-input .huxing_wrap ul{ top:44px; padding:0.2rem 0.4rem 0.2rem 0.13333333rem;} 
	.calculator-pop .left .des{ margin-top:0.53333333rem; color: #FFFFFF; padding: 0.26666666rem 0.13333333rem; font-size: 0.32rem;}
	.calculator-pop .left .tip{ margin-top:0.26666666rem; font-size: 0.29333333rem;}
	.calculator-pop .button{ margin-top: 0.53333333rem; position:relative; height:2rem; overflow: hidden;}
	.calculator-pop .button .calculator-button{ max-width:30%;}
	.calculator-pop .right{display: none;}
	
}



/* ========== */
/* = ZT = */
/* ========== */
.activity-wrap{ padding-top:0; padding-bottom: 160px; }
.zt-banner{ background: url(../images/zt2021_top_bg.jpg) center top repeat-y;}
.zt-banner img{ max-width: 80%;}
.zt-imgcontent{ position:relative; z-index:1; background: url(../images/zt2021_bg.jpg) center top repeat-y;}
.zt-imgcontent img{ max-width: 80%;}
.zt-fixed-right{ position: fixed; width:120px; height: 315px; background-image: url(../images/fixed_right_img.png); top:50%; margin-top: -130px; right:25px; z-index: 999;}
.zt-fixed-right ul{ padding-top: 113px;}
.zt-fixed-right li a{ display: block; height: 27px; margin-bottom:6px; text-align: center; font-style: italic; color: #671400; font-weight: bold; font-size: 0;}
.zt-fixed-right li:last-child a{ margin-bottom: 0;}
.zt-fixed-right .back-top{ position: absolute;  width:40px; height: 40px; left:50%; margin-left: -18px; bottom:0;}

.zt-form{ height: 90px; overflow: hidden; background-image: url(../images/form_bg.jpg); position: fixed; bottom: 0; left:0; width: 100%; z-index: 2;}
.zt-form .png-01{ position: absolute; left:0; bottom:48px;}
.zt-form .png-02{ position: absolute; right:4%; bottom: 0;}
.zt-form .content{ position:relative; padding-left:340px;}
.zt-form .content .tit{ position: absolute; top:0; left:0;}
.zt-form .content .tit span{ font-size: 30px; font-weight: bold; color:#ffffff;}
.zt-form .content .tit p{ margin-top: 10px; font-size: 24px; color: #ffffff; }
.zt-form .content .tit p i{color: #ffcd56; font-style: normal;}
.zt-form .content .con{ padding:30px 0;}
.zt-form .content .con span{ float: left; width: 21%; margin-right: 3%;}
.zt-form .content .con span input{ width: 100%; height: 40px; line-height: 24px; padding: 7px 10px; background: #FFFFFF; border:1px solid #eeeeee;  padding:0 15px;}
.zt-form .content .con span:last-child{ float: right; width:24%; margin-top: -70px;}
.zt-form .content .con span .more-button{ width: 100%;  height: 40px; background: #ffcd56;}
.zt-form .content .con span p{ margin-top: 10px; text-align: center; color: #FFFFFF;}
.zt-form .content .con span p em{ font-size: 18px;}

.zt-case{ padding: 125px 0 99px; position: relative;}
.zt-case:before{ content: ""; position: absolute; top:-160px; left:0; background-image: url(../images/kuang_png.png); height: 400px; width: 100%; background-size: cover;}
.zt-case .png{ position: absolute; bottom:25px; left:0; max-width: 30%;}
.zt-theme{ text-align: center;}
.zt-theme h2{ font-size: 70px; color: #4c4c4c; }
.zt-theme h2 span{ background-image: -webkit-linear-gradient(bottom,#f5d492,#d5a653,#edc26d); color: transparent; -webkit-background-clip: text;}
.zt-theme p{ margin-top: 20px; font-size:30px; color: #4d4d4d; letter-spacing:6px;}
.zt-case .tab{ margin-top: 40px; text-align: center;}
.zt-case .tab span{min-width: 15%; margin: 0 1%; display: inline-block; vertical-align: middle; border: 1px solid #ececec; cursor: pointer;}
.zt-case .tab span img.hover{ display: none;}
.zt-case .tab span img{ display:inline-block; vertical-align: middle;}
.zt-case .tab span em{ margin-left: 10px;  display: inline-block; vertical-align: middle; font-size: 18px;}
.zt-case .tab span.active{ background: #cea753; border: 1px solid #cea753; color: #FFFFFF;}
.zt-case .tab span.active img.default{ display: none;}
.zt-case .tab span.active img.hover{ display: inline-block;}
.zt-case .js-tab-box{ margin-top: 35px; position:relative; z-index: 1;}
.zt-case .js-tab-con{ display: none;}
.zt-case .js-tab-con.active{ display: block;}
.zt-case .box{ border: 1px solid #ececec; padding: 30px; background: #FFFFFF;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.zt-case .box .left { position: relative; width: 65%;}
.zt-case .box .left .button{  position: absolute; z-index: 2; left:-20px; bottom:18%; }
.zt-case .box .left .button:before{ content: ""; position: absolute; left:0; bottom: -16px; width: 20px; height: 17px; background-image: url(../images/case_fangkuai.png); background-size: cover;}
.zt-case .box .left .more-button{ background:#d61a1a; width: 240px; height: 62px; line-height: 62px; font-size: 18px;}
.zt-case .box .left .more-button:after{ width: 80px; height: 80px; background-size: cover;}
.zt-case .box .right{ width: 32%;}
.zt-case .box .right .tit{ margin-top:20px; font-size: 28px; font-weight:bold; color: #333333;}
.zt-case .box .right .des{ margin-top: 25px;}
.zt-case .box .right .des span{ font-size: 18px; display: inline-block; vertical-align: middle; }
.zt-case .box .right .des i{ margin: 0 12px; display: inline-block; vertical-align: middle; width: 1px; height: 20px; background: #bcbcbc;}
.zt-case .box .right .img{ margin-top:8%; border: 1px solid #ececec; padding: 18px;}
.zt-case .box .right .img a{ display: block; width: 80%; margin:18px auto 0; line-height: 50px; background: #d61a1a;text-align: center; border-radius: 25px; color:#FFFFFF; font-size: 16px;}


.zt-designer{ padding: 85px 0 75px; position: relative;}
.zt-designer:before{ position: absolute; top:0; left:0; content: "";  width: 100%; height: 337px;  background: url(../images/designer_bg.png) center top no-repeat;}
.zt-designer .zt-theme{ position: relative; z-index: 1; text-align: left;}
.zt-designer .png-01{ position: absolute; top:50px; right:6%; z-index: 3;}
.zt-designer .png-02{ position: absolute; bottom:30%; right:7%; z-index: 3;}
.swiper-zt-designer{ margin-top: -40px; padding-top:80px;}
.swiper-zt-designer .box{ padding: 50px 40px; background: rgba(235,235,235,.5);}
.swiper-zt-designer .box ul{ float: left; width:62%;}
.swiper-zt-designer .box li{ margin-bottom: 25px; float: left; width:25%; margin-right:3%;}
.swiper-zt-designer .box li:nth-child(4){ margin-left:14%;}
.swiper-zt-designer .box li a{ display: block; position: relative; background: #d6d9de; overflow: hidden;}
.swiper-zt-designer .box li p{ position: absolute; bottom: 0; left:0; width: 100%; line-height:30px; font-size:16px; color: #FFFFFF; background: rgba(0,0,0,.4); text-align: center;}
.swiper-zt-designer .box li a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); }
.swiper-zt-designer .box .right-img{ margin-top:-100px; float: right; width:37%; position: relative; display: block; overflow: hidden;  background: #d6d9de;}
.swiper-zt-designer .box .right-img>span{ position: absolute; top:0; right:100%; display: block; background: #FFFFFF; width: 110px; height:250px; padding-top:110px;}
.swiper-zt-designer .box .right-img>span i{ display: inline-block; transform: rotate(90deg); -webkit-transform: rotate(90deg); font-style: normal; font-size: 28px; color: #b8b8b8; text-transform: uppercase;}
.swiper-zt-designer .box .right-img img{ width: 100%;}
.swiper-zt-designer .box .right-img p{ position: absolute; bottom: 0; left:0; width: 100%; padding: 30px 10px; font-size:18px; color: #FFFFFF; background: rgba(0,0,0,.4); text-align: center;}
.swiper-zt-designer .box .right-img p span{ font-size: 25px; font-weight: bold;}
.swiper-zt-designer .box .right-img:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);  }
.swiper-zt-designer .swiper-button-prev,
.swiper-zt-designer .swiper-button-next{ top:auto; margin-top: auto;left:77px; right:auto; width:42px; height: 42px;}
.swiper-zt-designer .swiper-button-prev{ bottom: 150px; background-image: url(../images/designer_prev.png);}
.swiper-zt-designer .swiper-button-next{ bottom: 98px;  background-image: url(../images/designer_next.png);}
.swiper-zt-designer .swiper-pagination{ display: none;}

.zt-style{ padding: 35px 0 80px; background-image: url(../images/style_bg.jpg); position: relative;}
.zt-style .png-01{ position: absolute; top:-100px; left:0;}
.zt-style .png-02{ position: absolute; bottom: 20px; right:20px;}
.zt-style .zt-theme{ color: #FFFFFF;}
.zt-style .zt-theme em{ font-size: 160px; font-weight: bold; opacity: .02;}
.zt-style .zt-theme h2{ margin-top: -90px; color: #FFFFFF;}
.zt-style .zt-theme p{ color: #FFFFFF;}
.zt-style .content{ margin:60px auto 0; max-width: 1260px; border:2px solid #cea753;  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.zt-style .content .img{ width: 50%;}
.zt-style .content .text{ width: 50%; background: #cea753; color: #FFFFFF; padding:5%;}
.zt-style .content .text .tit{ padding-bottom: 30px; border-bottom:1px solid #FFFFFF; font-size: 36px; font-weight: bold; position:relative;}
.zt-style .content .text .tit:after{ content: ""; position: absolute; bottom: -2px; left:0; width: 70px; height: 3px; background: #FFFFFF;}
.zt-style .content .text .des{ margin-top: 40px;}
.zt-style .content .text .des p{ font-size: 20px; line-height: 40px; margin-bottom: 20px; position: relative; padding-left: 60px;}
.zt-style .content .text .des p:before{ content: ""; position: absolute; top:18px; left:15px; width: 8px; height: 8px; background: #FFFFFF;}
.zt-style .content .text .des p:last-child{ margin-bottom: 0;}
.zt-style .content .text .des p span{ font-weight: bold; font-size: 24px;}

.zt-pingjia{ padding: 80px 0 85px; background-image: url(../images/zt_pingjia.jpg); position: relative;}
.zt-pingjia .png-01{ position: absolute; bottom: -200px; right:0;}
.zt-pingjia .ny-theme p span{ display: inline-block; vertical-align: middle; color: #d61a1a;}
.zt-pingjia .ny-theme p img{ display: inline-block; vertical-align: middle;}
.zt-pingjia .con{ margin-top: 40px;}
.zt-pingjia .more-button{ margin:20px auto 0;  width: 370px; line-height:68px; font-size: 22px; border-radius:34px; background:-moz-linear-gradient(top,#fdc75c,#fbb03c));background:-ms-linear-gradient(top,#fdc75c,#fbb03c));background:-o-linear-gradient(top,#fdc75c,#fbb03c);background:-webkit-linear-gradient(top,#fdc75c,#fbb03c);}

.zt-footer{ background-image: url(../images/zt_footer.jpg); padding-top: 78px; position: relative;}
.zt-footer .png-01{ position: absolute; top: -200px; left:-40px;}
.zt-footer .tit{ text-align: center; padding-bottom: 46px; border-bottom: 1px dashed rgba(255,255,255,.4);}
.zt-footer .tit img{ display: inline-block; vertical-align: middle;}
.zt-footer .tit span{ margin: 0 10px; display: inline-block; vertical-align: middle; font-size: 30px; color: #c09547;}
.zt-footer .content{ margin-top: 40px; display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.zt-footer .content .text{ width: 40%;}
.zt-footer .content .text .con{ margin-bottom: 40px; color: #FFFFFF;}
.zt-footer .content .text .con:last-child{ margin-bottom: 0;}
.zt-footer .content .text .con span{ margin-bottom: 20px; display: block; font-size: 24px;}
.zt-footer .content .text .con p{ font-size: 18px; line-height: 50px; color: #e2e2e2;}
.zt-footer .content .text .con p a{ color: #e2e2e2;}
.zt-footer .content .img{ width: 50%;}
.zt-copyright{ padding: 100px 0 40px; background-position: top center; background-image: url(../images/zt_copyright.png); color: #8b0412;}
.zt-copyright .container{  display: flex; align-items: center; justify-content: space-between; -webkit-justify-content: space-between;}
.zt-copyright a{ color: #8b0412;}
.zt-copyright i{ display: inline-block; width: 1px; height: 8px; background: #8b0412; margin: 0 10px;}

.baoming-content{ padding: 1rem 0.8rem; text-align: center;}
.baoming-content .tit{ font-size: 0.48rem; font-weight:bold; color: #333333;}
.baoming-content .tit span{ color: #f43d39;}
.baoming-content .des{ margin-top: 0.05rem; font-size: 0.29333333rem; color: #999999;}
.baoming-content .text{ margin-bottom: 0.2rem; margin-top: 0.26666666rem; display: inline-block; font-size: 0.34666666rem; position: relative;}
.baoming-content .text:before{ content: ""; position: absolute; left:-3.2rem; top:50%; width: 2.66666666rem; height: 1px; background: #cccccc;}
.baoming-content .text:after{ content: ""; position: absolute; right:-3.2rem; top:50%; width: 2.66666666rem; height: 1px; background: #cccccc;}
.baoming-content .in{ margin-top: 0.2rem; position: relative; padding-left: 0.56rem; padding-right: 0.26666666rem; border: 1px solid #cccccc; line-height: 0.77333333rem; font-size: 0.26666666rem; color: #b6b6b6;}
.baoming-content .in i{ position: absolute; top:0; left:0.26666666rem; line-height: 0.77333333rem; color: #f43d39;}
.baoming-content .in input{ width: 100%; font-size: 0.32rem; background: none; border: none;}
.baoming-content .button{ margin-top: 0.26666666rem; width: 100%; height: 0.93333333rem; line-height: 0.93333333rem; background: #f43d39; color: #FFFFFF; font-size: 0.32rem;}
.baoming-content .tip{ margin-top: 0.2rem; position: relative; display: inline-block; font-size: 0.26666666rem; color: #f43d39;}
.baoming-content .tip:before{ content: ""; position: absolute; left:-1.33333333rem; top:50%; width:1.2rem; height: 1px; background: #e5e5e5;}
.baoming-content .tip:after{ content: ""; position: absolute; right:-1.33333333rem; top:50%; width:1.2rem; height: 1px; background: #e5e5e5;}
.baoming-content .tip span{ font-size:0.32rem; font-weight:bold;}


.zt-banner{ position: relative; z-index: 1; }
.countdown-box{ position: absolute; z-index:9; top:12.8rem; left:0.26666666rem;}
.countdown-box p{ font-size: 0.32rem;  font-weight: bold; background-image: -webkit-linear-gradient(bottom,#f5d492,#d5a653,#edc26d); color: transparent; -webkit-background-clip: text;}
.countdown-box .box{ margin-top: 0.05rem; }
.countdown-box .box div{ display: inline-block; padding:0 0.05rem; vertical-align: bottom; width: 1.6rem; height:1.2rem; background-image: url(../images/count_bg.png); background-size: cover;}
.countdown-box .box div span{ width: 50%; display: block; float: left; line-height: 1.2rem; font-size: 0.86666666rem; color: #b70610; text-align: center; position: relative;}
.countdown-box .box div span:after{ content: ""; position: absolute; top:50%; left:20%; width: 60%; margin-top:-0.008rem; height:0.02rem; background:#752c30;}
.countdown-box .box i{ display: inline-block; vertical-align: bottom; font-style: normal; font-weight:bold; font-size: 0.24rem; line-height: 0.6rem; padding-left: 0.13333333rem; background-image: -webkit-linear-gradient(bottom,#f5d492,#d5a653,#edc26d); color: transparent; -webkit-background-clip: text;}


@media (max-width:999px){ 
	/* ========== */
	/* = ZT = */
	/* ========== */
	.zt-banner img{ max-width: 100%;}
	.zt-fixed-right{ right:0; }
	.zt-fixed-right ul{ padding: 0 0.1rem; }
	.zt-fixed-right li a{ width:1.4rem; font-size:0.29333333rem; height:0.8rem; line-height: 0.8rem; }
	.zt-fixed-right .img{ width:1.6rem;}
	.zt-form{ padding:0.66666666rem 0;}
	.zt-form .png-01{ display:none;}
	.zt-form .png-02{ width: 1.6rem;}
	.zt-form .content{ padding-left:0;}
	.zt-form .content .tit{ position: relative; top:auto; left:auto;}
	.zt-form .content .tit span{ font-size: 0.45333333rem;}
	.zt-form .content .tit p{ margin-top: 0.13333333rem; font-size: 0.32rem;}
	.zt-form .content .con{ padding:0.4rem 0 0;}
	.zt-form .content .con span{ margin-bottom: 0.4rem; width: 100%; margin-right:0%;}
	.zt-form .content .con span:last-child{ width: 100%;}
	
	.zt-case{ padding: 1rem 0; }
	.zt-case:before{ display: none;}
	.zt-case .png{display: none;}
	.zt-theme h2{ font-size: 0.5rem; }
	.zt-theme p{ margin-top: 0.26666666rem; font-size:0.4rem; letter-spacing:0.08rem;}
	.zt-case .tab{ margin-top: 0.53333333rem; text-align: center;}
	.zt-case .tab span{ width: 21%; padding: 0.12rem 0;}
	.zt-case .tab span img{ width: 0.6rem;}
	.zt-case .tab span em{ margin-left:0rem; font-size: 0.29333333rem;}
	.zt-case .js-tab-box{ margin-top: 0.53333333rem;}
	.zt-case .box{ display: block; padding: 0.4rem;}
	.zt-case .box .left { width: 100%;}
	.zt-case .box .left .button{ left:-0.26666666rem;}
	.zt-case .box .left .button:before{  bottom:-0.22666666rem; width: 0.26666666rem; height: 0.22666666rem;}
	.zt-case .box .left .more-button{ width: 3.2rem; height: 0.93333333rem; line-height: 0.93333333rem; font-size: 0.34666666rem;}
	.zt-case .box .left .more-button:after{width: 1.06666666rem; height: 1.06666666rem; }
	.zt-case .box .right{ width: 100%;}
	.zt-case .box .right .tit{ margin-top:0.4rem; font-size:0.4rem;}
	.zt-case .box .right .des{ margin-top: 0.33333333rem;}
	.zt-case .box .right .des span{ font-size: 0.32rem;; }
	.zt-case .box .right .des i{ margin: 0 0.16rem; height: 0.26666666rem;}
	.zt-case .box .right .img{ border: none; padding: 0;}
	.zt-case .box .right .img div{display: none;}
	.zt-case .box .right .img a{  width: 60%; line-height: 0.8rem; border-radius: 0.4rem; font-size: 0.32rem;}
	
	.zt-designer{ padding:1rem 0; }
	.zt-designer:before{ display:none;}
	.zt-designer .zt-theme{ text-align: center;}
	.zt-designer .png-01,
	.zt-designer .png-02{display: none;}
	.swiper-zt-designer{ margin-top:0; padding:0.6rem 0;}
	.swiper-zt-designer .box{ padding: 0.3rem;}
	.swiper-zt-designer .box ul{ width: 65%; }
	.swiper-zt-designer .box li { margin-bottom:0.3rem; }
	.swiper-zt-designer .box li p{  font-size: 0.26rem; line-height: 0.53333333rem;}
	.swiper-zt-designer .box .right-img{ margin-top:0; width:35%;} 
	.swiper-zt-designer .box .right-img>span{ display:none}
	.swiper-zt-designer .box .right-img p{ padding: 0.4rem 0.13333333rem; font-size:0.24rem;}
	.swiper-zt-designer .box .right-img p span{ font-size: 0.28rem;}
	.swiper-zt-designer .swiper-button-prev,
	.swiper-zt-designer .swiper-button-next{display: none;}
	.swiper-zt-designer .swiper-pagination{ display: block;}
	
	.zt-style{ padding: 0.8rem 0;}
	.zt-style .png-01,
	.zt-style .png-02{display:none;}
	.zt-style .zt-theme em{ font-size: 0.66666666rem;}
	.zt-style .zt-theme h2{ margin-top: -0.4rem; }
	.zt-style .content{ margin:0.8rem auto 0; display: block;}
	.zt-style .content .img{ width: 100%;}
	.zt-style .content .text{ width: 100%;}
	.zt-style .content .text .tit{ padding-bottom:0.4rem; font-size: 0.48rem; }
	.zt-style .content .text .tit:after{ width: 0.93333333rem;}
	.zt-style .content .text .des{ margin-top: 0.42rem;}
	.zt-style .content .text .des p{ font-size: 0.32rem; line-height: 0.64rem; margin-bottom: 0.26666666rem; padding-left: 0.5rem;}
	.zt-style .content .text .des p:before{ top:0.25rem; left:0; width:0.14rem; height: 0.14rem;}
	.zt-style .content .text .des p span{ font-size: 0.34rem;}
	
	.zt-pingjia{ padding: 1rem 0;}
	.zt-pingjia .png-01{ display: none;}
	.zt-pingjia .ny-theme p span{ font-size: 0.42rem;}
	.zt-pingjia .ny-theme p img{width: 0.44rem;}
	.zt-pingjia .con{ margin-top: 0.78666666rem;}
	.zt-pingjia .more-button{ width: 3rem; line-height:0.8rem; height: 0.8rem; border-radius: 0.4rem; font-size:0.34666666rem;}
	
	.zt-footer{ padding: 0.8rem 0;}
	.zt-footer .png-01{  top: -1rem; left:-0.3rem; width: 2rem;}
	.zt-footer .tit{ padding-bottom: 0.53333333rem;}
	.zt-footer .tit img{ width: 1.06666666rem;}
	.zt-footer .tit span{ margin: 0 0.13333333rem; font-size: 0.44rem;}
	.zt-footer .content{ display: block;}
	.zt-footer .content .text{ width: 1000%;}
	.zt-footer .content .text .con{ margin-bottom: 0.53333333rem; }
	.zt-footer .content .text .con span{ margin-bottom: 0.4rem; font-size: 0.34rem;}
	.zt-footer .content .text .con p{ font-size: 0.32rem; line-height: 0.64rem;}
	.zt-footer .content .img{ margin-top: 0.66666666rem; width: 100%;}
	.zt-copyright{ padding:2rem 0 0.53333333rem;}
	.zt-copyright .container{ display: block; font-size: 0.24rem; line-height: 0.48rem;}

	.activity-wrap{padding-bottom: 2.4rem;}
}


.fixed-bottom{ position:fixed; bottom: 0; left:0; width: 100%; height: 3.26666666rem; padding-top: 1.30666666rem; background-image: url(../images/fixed_bottom.png); padding-right: 3.73333333rem; text-align: center;}
.fixed-bottom .button img{ width: 5.10666666rem; position: relative;}
.fixed-bottom .text{ color: #FFFFFF; font-size: 0.32rem; margin-top: 0.26666666rem;}

.fixed-bottom .button{
	animation:twinkling 2.1s infinite ease-in-out;
	animation-fill-mode:both;
}
@-webkit-keyframes twinkling {
	0% {
		-webkit-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.9);
	}
	100% {
		-webkit-transform:scale(1);
	}
}
@keyframes twinkling {
	0% {
		-webkit-transform:scale(1);
	}
	50% {
		-webkit-transform:scale(0.9);
	}
	100% {
		-webkit-transform:scale(1);
	}
}


.zt-pop{  display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.zt-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.zt-pop .content{ position: relative; display: inline-block; vertical-align: middle; width: 450px; height: 530px; background-image: url(../images/zt_pop_bg.png); background-size: cover; padding:270px 70px 0; }
.zt-pop .content .in{ margin-bottom:10px; width: 100%; position: relative; border-radius:5px; overflow: hidden;}
.zt-pop .content .in i{ position: absolute; top:0; left:15px; font-style:normal; line-height: 50px;}
.zt-pop .content .in input{ width: 100%; height: 44px; line-height: 24px; padding: 15px 40px 15px 30px; border: 1px solid #E8E8E8;}
.zt-pop .content .in span{ position: absolute; top:50%; right:10px; margin-top: -15px; width: 30px; height: 30px; background-size:cover; }
.zt-pop .content .in .ico-yuyue-01{ background-image: url(../images/ico_yuyue_01.png); }
.zt-pop .content .in .ico-yuyue-02{ background-image: url(../images/ico_yuyue_02.png); }
.zt-pop .content .tip{ color: #FFFFFF; margin-top: 13px; line-height: 22px; letter-spacing:1px;}
.zt-pop .content .button-div{ margin-top:15px;display: flex; align-items:center; justify-content: space-between; -webkit-justify-content: space-between;}
.zt-pop .content .button-div input{ width: 48%; line-height: 48px; text-align: center; font-size: 16px; border-radius:5px; color: #d91a14;}
.zt-pop .content .button-div input:nth-child(1){ background: #f8a7a3;}
.zt-pop .content .button-div input:nth-child(2){  background-image: linear-gradient(90deg,#f8ffed,#f2ebb4);}
    
.zt-sucess{ display: none;   position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;}
.zt-sucess .content+i{ display: inline-block; vertical-align: middle; height: 100%;}
.zt-sucess .content{ position: relative; display: inline-block; vertical-align: middle; width: 480px; height: 448px; background-image: url(../images/zt_pop_sucess.png); background-size: cover; padding:155px 100px 0; }
.zt-sucess .content p{  line-height:30px; color: #787775;} 
.zt-sucess .content .close{  margin-top: 25px; text-align: center; padding: 0 50px; border-radius:18px; line-height:36px; overflow: hidden; font-size: 16px; color: #FFFFFF;  background-image: linear-gradient(180deg,#f8413c,#e01716);}
    
@media (max-width:999px) {
	.zt-pop .content{  width: 10rem; height: 11.46666666rem; background-image: url(../images/zt_pop_mb.png);  padding:6.2rem 1.46666666rem 0; }
	.zt-pop .content .in{ margin-bottom:0.2rem;}
	.zt-pop .content .in i{ font-size: 0.26666666rem; left: 0.2rem; line-height:0.93333333rem;}
	.zt-pop .content .in input{ height: 0.93333333rem; line-height:0.53333333rem; padding: 0.2rem 0.8rem 0.2rem 0.44rem;  font-size: 0.26666666rem;}
	.zt-pop .content .in span{  right:0.13333333rem; margin-top:-0.26666666rem; width:0.53333333rem; height:0.53333333rem;}
	.zt-pop .content .tip{ margin-top: 0.2rem; line-height: 0.4rem; font-size: 0.26666666rem; letter-spacing:0.01333333rem;}
	.zt-pop .content .button-div{ margin-top:0.3rem;}
	.zt-pop .content .button-div input{  line-height: 0.93333333rem;  font-size: 0.32rem;}
	
	.zt-sucess .content{  width: 10rem; height: 9.33333333rem; background-image: url(../images/zt_pop_sucess_mb.png); padding:3.3rem 2rem 0; }
	.zt-sucess .content p{  line-height:0.66666666rem; font-size: 0.32rem;}
	.zt-sucess .content .close{  margin-top: 0.6rem; padding: 0 0.9rem; border-radius:0.33333333rem; line-height:0.66666666rem;  font-size: 0.32rem; }
		
	
}