.ny-banner{ height: 500px; background-position:center; padding-top: 200px; text-align: center; color: #FFFFFF; letter-spacing: 5px; text-shadow:0 3px 12px rgba(0,0,0,.4);}
.ny-banner .box{ position: relative; padding: 45px 0; line-height: 46px; }
.ny-banner .box:before{ content: ""; position: absolute; z-index:0; top:0; left:50%; width: 98px; height: 100%; margin-left: -49px;  border:4px solid #b48b62; opacity: .65; -o-box-shadow:0 3px 8 rgba(0,0,0,.35); -ms-box-shadow:0 3px 8 rgba(0,0,0,.35); -moz-box-shadow:0 3px 8 rgba(0,0,0,.35); -webkit-box-shadow:0 3px 8 rgba(0,0,0,.35); box-shadow:0 3px 8 rgba(0,0,0,.35);}
.ny-banner .box h2{ position: relative; z-index: 1; font-size: 48px; font-weight: lighter; text-transform: uppercase;}
.ny-banner .box p{  position: relative; z-index: 1; font-size: 36px; letter-spacing: 8px; }
.ny-banner .box p:after{ content: ""; position:absolute; bottom:-30px; left:50%; margin-left: -10px; display: block; width: 20px; height: 3px; background: #b48b62; -o-box-shadow:0 3px 8 rgba(0,0,0,.35); -ms-box-shadow:0 3px 8 rgba(0,0,0,.35); -moz-box-shadow:0 3px 8 rgba(0,0,0,.35); -webkit-box-shadow:0 3px 8 rgba(0,0,0,.35); box-shadow:0 3px 8 rgba(0,0,0,.35);}
.ny-banner .des{ margin-top: 5px; font-size: 18px; padding: 0 10px; letter-spacing:10px;}

.bread{ padding: 25px 0; color: #999999; font-size: 12px; text-align: right; border-bottom: 1px solid #eeeeee;}
.bread span{ margin: 0 5px;}
.bread i{ font-style: normal; color: #333333;}

.ny-sub{ border-bottom: 1px solid #eeeeee;}
.ny-sub .content{ position: relative; padding-right: 210px;}
.ny-sub .bread{ position: absolute; top:0; right:-30px; padding:0;line-height: 66px; border: none;}
.ny-sub .sub{  border-left: 1px solid #eeeeee; text-align: center;}
.ny-sub .sub a{ float: left; width: 16.6666667%; display: block; line-height: 66px; height: 66px; border-right: 1px solid #eeeeee; font-size: 16px; color: #333333; position: relative;}
.ny-sub .sub a:before{ display: none; content: ""; position: absolute; top:0; left:0; height: 2px; width: 100%; background: #d2a97e;}
.ny-sub .sub a:hover{ color: #d2a97e;}
.ny-sub .sub a.active{ color: #d2a97e; background-image: url(../Images/ny_sub_bg.png); background-size: cover;}
.ny-sub .sub a.active:before{ display: block; }


.page{ text-align: center; line-height:38px; font-size: 0;}
.page a,
.page span,
.page i{display: inline-block; margin: 0 5px; font-style: normal; height:40px; min-width:45px; border: 1px solid #e7e7e7; padding: 0 20px; font-size: 12px;}
.page a:hover,
.page span:hover,
.page a.current,
.page span.current{ background: #b48b62; border:1px solid #b48b62; font-weight: bold; color: #FFFFFF;}
.ny-more{ margin: 0 auto; width: 180px; height: 46px; line-height: 46px; display: block; text-align: center; font-size: 12px; color: #FFFFFF; background: #b48b62; } 
.ny-more2{ margin: 0 auto; width: 150px; height: 40px; line-height: 40px; display: block; text-align: center; font-size: 12px; color: #FFFFFF; background: #b48b62; } 
.page a.page-num-current{ background: #b48b62; border:1px solid #b48b62; font-weight: bold; color: #FFFFFF;}




.filter{ border: 1px solid #eeeeee; }
.filter-choice{ position: relative;background: #eeeeee; color: #333333; padding:8px 125px 0px 150px; min-height:46px;}
.filter-choice .tit{ position: absolute; top:8px; left:50px; display: block; line-height: 28px; height: 28px;}
.filter-choice .close{ position: absolute; bottom:8px; right:25px; display: block; line-height: 28px; height: 28px; color: #999999;}
.filter-choice div span{ margin-right:5px; margin-bottom:8px; display:inline-block; padding:0 30px 0 18px; background: #0a2444; color: #FFFFFF; line-height: 26px; height: 26px; position: relative;}
.filter-choice div span i{ cursor: pointer; position: absolute; right:0; width:30px; height: 26px; background:url(../Images/filter_close.png);}
.filter-con{ position: relative; padding: 0 50px; }
.filter-con .item{ padding: 5px 0 5px 100px; border-bottom: 1px solid #eeeeee; position: relative;}
.filter-con .item:last-child{ border-bottom: none;}
.filter-con .item span{ position: absolute; top:5px; left:0; line-height: 34px; height: 34px; color:#18171d;}
.filter-con .item div a{ margin-right:15px; min-width: 110px; display: inline-block; position: relative; line-height: 34px; height: 34px; color: #777777;}
.filter-con .item div a.xuan{ color: #b48b62;}
.filter-con .item .down-div{ height: 34px; overflow: hidden; position: relative; padding-right: 120px; }
.filter-con .item .down-div em{ position: absolute; top:8px; right:30px; display: inline-block; padding-right: 20px; background: url(../Images/filter_down.png) no-repeat right; cursor: pointer;}
.filter-con .item .down-div.active{ height: auto;}
.filter-con .item .down-div.active em{ display: none;}


.filter-mobile{ position: relative; z-index: 9; }
.filter-mobile .tab{ border: 1px solid #eeeeee;  border-bottom: none; border-right: none;}
.filter-mobile .tab .item{ float: left; width: 50%; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; height: 40px; line-height:40px; font-size: 14px; padding:0 10px 0 25px; position: relative; background: #FFFFFF; -o-box-shadow:0 0 5px rgba(0,0,0,.05); -ms-box-shadow:0 0 5px rgba(0,0,0,.05); -moz-box-shadow:0 0 5px rgba(0,0,0,.05);  -webkit-box-shadow:0 0 5px rgba(0,0,0,.05); box-shadow:0 0 5px rgba(0,0,0,.05); }
.filter-mobile .tab .item.active{ color: #4b4b4b; font-weight: bold;}
.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 select{ width: 100%; border: none; background: none; padding:0.266666rem;}
.filter-mobile .tabcon{ position: absolute; top:80px; left:0; width: 100%; text-align: center;}
.filter-mobile .con{ display: none; padding:12px; background: rgba(0,0,0,.6);}
.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-mobile2 .tabcon{ top:40px;}





.filter-search{ margin-top: 10px; padding:10px 50px; line-height:30px; background: #eeeeee;}
.filter-search div{ float: left; width: 320px; height:30px; position: relative; padding-right: 67px;}
.filter-search .in{ width: 100%; height:30px; border: 1px solid #0a2444; padding:4px 20px; line-height:24px; font-size: 12px; color: #666666;}
.filter-search .bt{ position: absolute; top:0; right:0; height: 30px; width: 67px; background: url(../Images/filter_search.png);}
.filter-search .result{ float: right; color: #999999;}






.ny-theme{ padding-bottom: 12px; position: relative; border-bottom: 1px solid #eeeeee;}
.ny-theme .tit{ float: left;}
.ny-theme .tit span{ font-size: 24px; color: #1f0a00; letter-spacing: 2px; padding-left: 11px; position: relative;}
.ny-theme .tit span:before{ content: ""; position: absolute; top:50%; margin-top: -12px; left:0; width: 3px; height: 24px; background: #b48b62;}
.ny-theme .tit i{ margin-left: 10px; font-size: 12px; color: #cccccc; text-transform: uppercase; font-style: normal;}
.ny-theme .link{ position: absolute; bottom:-1px; right:0;}
.ny-theme .link a{ margin-left: 60px; display: inline-block; line-height: 38px; padding-bottom: 1px;}
.ny-theme .link a.active,
.ny-theme .link a:hover{ padding-bottom: 0; border-bottom: 1px solid #b48b62; color: #b48b62;}
.ny-tit{ position: relative; font-size: 30px; letter-spacing: 3px; padding-bottom: 20px; color: #333333; text-align: center;}
.ny-tit:after{ content: ""; position: absolute; bottom:0; left:50%; width: 40px; height: 2px; margin-left: -20px; background: #b48b62;}





.flip{ padding-top:25px; border-top: 1px dotted #e1dfe0;}
.flip a{ max-width:48%; display: inline-block; position: relative; line-height:30px; color:#777777;}
.flip a:before{ content: ""; width:11px; height: 11px; position: absolute; top:50%; margin-top: -5px;}
.flip .prev{ float: left; padding-left:20px;}
.flip .prev:before{ left:0; background-image: url(../Images/flip_prev.png); background-size: cover;}
.flip .next{ float: right; padding-right:20px;}
.flip .next:before{ right:0; background-image: url(../Images/flip_next.png); background-size: cover;}
.flip a:hover{color: #b48b62;}
.flip .prev:hover:before{ background-image: url(../Images/flip_prevh.png);}
.flip .next:hover:before{ background-image: url(../Images/flip_nexth.png);}

.share{ display:inline-block; vertical-align: middle; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.share span{ display: inline-block; vertical-align: middle;}
.share .bdsharebuttonbox{ display: inline-block; vertical-align: middle;}



@media (max-width:780px) {
	
	
	
	.ny-banner{ height:6.13333333rem; padding-top: 1.33333333rem; background-size: cover; letter-spacing:1px;}
	.ny-banner .box{ position: relative; padding:0.8rem 0; line-height:0.8rem; letter-spacing:0;}
	.ny-banner .box:before{  width: 1.6rem; margin-left: -0.8rem; border:0.06666666rem solid #b48b62;}
	.ny-banner .box h2{ font-size: 0.74666666rem;}
	.ny-banner .box p{ font-size: 0.56rem; letter-spacing: 0.1rem;}
	.ny-banner .box p:after{ bottom:-0.4rem; height: 2px; width: 0.4rem; margin-left: -0.2rem; }
	.ny-banner .des{ margin-top: 0.06666666rem; font-size: 0.29333333rem; letter-spacing:0.06666666rem; }


	
	
	
	.ny-sub{ border-bottom: none;}
	.ny-sub .w1200{ padding: 0}
	.ny-sub .content{ padding-right: 0;}
	.ny-sub .sub a{ width: 33.333333%; line-height:50px; height:50px; font-size: 12px; border-bottom: 1px solid #EEEEEE;}
	.ny-sub .sub2 a{ width:50%;}
	

	
	
	
	.page{ line-height: 32px;}
	.page a,
	.page span,
	.page i{ margin:2px; height:34px; min-width:34px; padding: 0 10px;}

	
	
	
	
	
	.filter-search{ padding:10px 20px;}
	.filter-search div{ width: 100%;}
	.filter-search .result{ margin-top: 10px;}
	
	
	
	
	
	.ny-theme .tit span{ font-size:20px; letter-spacing:1px;}
	.ny-theme .tit span:before{ height:18px; margin-top:-9px; }
	.ny-theme .tit i{ display: none;}
	.ny-theme .link a{  margin-left: 10px; line-height:40px; font-size: 13px;}
	.ny-theme2{ padding-bottom:0;}
	.ny-theme2 .tit{ padding-bottom: 12px;}
	.ny-theme2 .link{ margin-bottom:-1px; float: left; width: 100%; position: relative; right:auto; bottom:auto; text-align:center;}
	.ny-theme2 .link a{ margin: 0 6px;}
	.ny-tit{ font-size: 20px;}
	
	
	
	
	.flip{ font-size: 12px;}
	.flip a{line-height:30px;}
}










.ny-newsbox{ margin-top: 95px;}
.ny-newsbox .content { margin-top: 38px; }
.ny-newsbox .content .left{ float: left; width: 580px;}
.ny-newsbox .content .left .img{ overflow: hidden;}
.ny-newsbox .content .left .img img{ width: 100%;}
.ny-newsbox .content .left .text{ padding:10px 40px 25px;}
.ny-newsbox .content .left span{ display:block; font-size: 12px; color: #999999;}
.ny-newsbox .content .left .tit{ margin-top:5px; position: relative; display: block; line-height:30px; height: 30px; position: relative; padding-right: 80px; font-size: 18px; }
.ny-newsbox .content .left .tit i{ font-style:normal; display: block; color: #222222;}
.ny-newsbox .content .left .tit em{ position: absolute; top:0; right:0; padding-left: 26px; color: #333333; background: url(../Images/ico_hot.png) no-repeat left; letter-spacing: 1px;}
.ny-newsbox .content .left .bt{ margin-top:8px;}
.ny-newsbox .content .left .bt a{ display: inline-block; margin-right: 10px; width: 120px; height: 32px; line-height: 30px; border: 1px solid #b48b62; color: #b48b62; font-size: 12px; letter-spacing: 1px; text-align: center; }
.ny-newsbox .content .left .bt a:hover{ background: #b48b62; color: #FFFFFF;}
.ny-newsbox .content .left:hover .img img{ transform:scale(1.05); -webkit-transform: scale(1.05);}
.ny-newsbox .content .left:hover .tit{color: #b48b62;}

.ny-newsbox ul{ margin-left: 630px;}
.ny-newsbox li{ border-bottom:1px solid #e5e5e5; }
.ny-newsbox li a{ display: block; position:relative; padding:20px 20px 20px 154px; position: relative;}
.ny-newsbox li a:after{ content: ""; position: absolute; bottom:-1px; left:0; width: 0; height: 2px; background: #b48b62; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.ny-newsbox li .date{ position: absolute; top:18px; left:30px; height:55px; width:105px; border-right:1px dotted #e1dfe0;}
.ny-newsbox li .date span{ display: block; font-size: 24px; color: #0a2444;}
.ny-newsbox li .date p{ margin-top: 5px; font-size: 12px; color: #999999;}
.ny-newsbox li .tit{ font-size: 18px; color: #222222;}
.ny-newsbox li .des{ margin-top: 12px; font-size: 12px; color: #999999; padding-right: 70px; position: relative;}
.ny-newsbox li .des em{ position: absolute; top:0; right:0; color: #b48b62;}
.ny-newsbox li a:hover{ -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.ny-newsbox li a:hover:after{ width: 100%;}
.ny-newsbox li a:hover .tit{ color: #b48b62;}





.bottom-three-link ul{ margin: 0 -20px;}
.bottom-three-link li{  margin-top: 85px; float: left; width: 33.3333333333%; padding:0 20px;}
.bottom-three-link .item{ display: block; color: #FFFFFF; text-align: center; padding:50px 10px 40px;}
.bottom-three-link .item div{ font-size: 32px; letter-spacing:5px;}
.bottom-three-link .item p{ opacity: .6; font-size: 12px; text-transform: uppercase; letter-spacing:2px;}
.bottom-three-link .item span{ margin-top: 20px; display: inline-block; width: 140px; height: 32px; line-height: 30px; border: 1px solid rgba(255,255,255,.6); font-size: 12px; text-transform: uppercase;}
.bottom-three-link .item:hover span{ background: #b48b62; border: 1px solid #b48b62; color: #FFFFFF;} 
.appointment-box{ margin: 15px 0;}


@media (max-width:1200px) {
	
	
	
	.ny-newsbox li .date{ left:20px; width: 75px;}
	.ny-newsbox li a{ padding-left:124px ;}
}

@media (max-width:999px) {
	
	
	
	
	.ny-newsbox{ margin-top: 40px;}
	.ny-newsbox .content .left{ float: none; width: 100%; }
	.ny-newsbox .content .left .text{ padding: 15px 10px;}
	.ny-newsbox .content .left .tit{ font-size: 16px;}
	.ny-newsbox .content .left .tit em{ padding-left: 20px;}
	.ny-newsbox .content .left .bt{ text-align: center;}
	.ny-newsbox ul{ margin-top: 20px; margin-left:0%;}
	.ny-newsbox li a{  padding: 15px 15px 15px 85px;}
	.ny-newsbox li .date{ left:10px; width:60px;}
	.ny-newsbox li .date span{ font-size:18px;}
	
	
	
	
	.bottom-three-link li{  margin-top:40px; width: 100%;}
	.bottom-three-link .item div{ font-size: 22px;}
	
}








.case{ padding: 65px 0 70px;}
.case .case-list{ margin-top: 40px; margin-bottom: 60px;}
.case-list{ margin-left: -10px; margin-right: -10px;}
.case-list li{ float: left; width: 33.3333333333%; padding: 10px;}
.case-list li:nth-child(3n+1){ clear: both;}
.case-item{ display: block; background: #FFFFFF; position: relative; border: 1px solid #eeeeee;}
.case-item .img{ position: relative; overflow: hidden; position: relative; display: block;}
.case-item .img-vertical i{ padding-bottom: 67.021277%;} 
.case-item .ico-720{ position: absolute; top:50%; left:50%; margin-top: -34px; margin-left: -34px; width: 68px; height: 68px; background: url(../Images/ico_720.png);}
.case-item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(10,36,68,.8); text-align: center; overflow: hidden;}
.case-item .pop .con{ display: inline-block; vertical-align: middle; padding:0 20px;}
.case-item .pop .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.case-item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size: 12px; line-height: 28px; max-height:48px; overflow: hidden;}
.case-item .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../Images/ico_search.png);}
.case-item .text{ padding: 15px 25px; border-top: 1px solid #eeeeee;}
.case-item .tit{ padding-right: 90px; position: relative;}
.case-item .tit span{ display: block; color: #101b26; line-height:26px; font-size:20px;}
.case-item .tit em{position: absolute; top:0; right:0; line-height:26px;  background: url(../Images/ico_heart.png) no-repeat left; padding-left: 22px; color: #101b26; font-size: 16px; font-style: normal; cursor: pointer;}
.case-item .des{ margin-top: 10px;}
.case-item .des span{ margin: 0 8px;}
.case-item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.case-item:hover .pop{ height: 100%;}
.case-item:hover .tit span{ color: #b48b62;}
.case-item:hover .tit em,
.case-item .tit em.active{ background: url(../Images/ico_heart_h.png) left no-repeat; color: #b48b62;}






.case-detail{ padding: 70px 0 115px;}
.case-img-scroll{ position: relative; padding-right: 235px; min-height: 645px;}
.case-img-scroll .left{  width:100%;border: 1px solid #EEEEEE;}
.case-img-scroll .left .slick-prev{ left:10px; }
.case-img-scroll .left .slick-next{ right:10px; }
.case-img-scroll .right{ position:absolute; top:0; right:0; width: 213px; border: 1px solid #EEEEEE; }
.case-img-scroll .slick-nav{ height: 645px; padding:31px 0;}
.case-img-scroll .slick-nav .slick-slide{ padding:2px 0;}
.case-img-scroll .slick-nav .slick-slide img{ max-height: 100%;}
.case-img-scroll .slick-nav .slick-prev,
.case-img-scroll .slick-nav .slick-next{ right:auto; left:auto; left:0; top:auto; margin: 0; width: 100%; height: 27px; background-color: #0a2444; background-repeat: no-repeat; background-position:center; border-radius: 0;}
.case-img-scroll .slick-nav .slick-prev{ top:0; background-image: url(../Images/case_img_prev.png); }
.case-img-scroll .slick-nav .slick-next{ bottom:0; background-image: url(../Images/case_img_next.png);}
.case-img-scroll .slick-nav .slick-prev:hover,
.case-img-scroll .slick-nav .slick-next:hover{ background-color: #b48b62;}
.case-img-scroll .img-vertical i{ padding-bottom: 66.839378%;}

.qj-button{ margin-top: 20px; display: inline-block; padding:8px 15px; color: #ffffff; background: #0a2444; }

.case-detail-content{  border-top: 1px solid #e5e5e5; margin-top: 45px;}
.case-detail-info{ margin-top: 40px;  float: left; width: 70%; padding-top: 20px; position: relative;}
.case-detail-info:before{ content:""; position: absolute;top:0; left:0; width: 40px; height: 3px; background: #b48b62;}
.case-detail-info .tit{ position: relative; padding-right: 120px;}
.case-detail-info .tit .title{ font-size: 24px; color: #333333;}
.case-detail-info .tit .view{ position: absolute; top:0; right:0; border: 1px solid #e5e5e5; display: inline-block; border-radius:3px; font-size: 16px; color: #101b26; padding:0 18px 0 35px; line-height: 26px; background: url(../Images/ico_heart.png) 15px 6px no-repeat; cursor: pointer;}
.case-detail-info .tit .view.active,
.case-detail-info .tit .view:hover{ background: url(../Images/ico_heart_h.png) 15px 6px no-repeat; color: #b48b62; border: 1px solid #b48b62;}
.case-detail-info .des{ margin-top: 10px;}
.case-detail-info .des .text{ float: left; width:65%; line-height: 28px;}
.case-detail-info .des .share{ float: right;}
.case-detail-info .article{ margin-top:20px; padding:30px 0; border-top: 1px dotted #e1dfe0; line-height: 30px;}
.case-detail-info .article .tip{ margin-top: 40px; margin-bottom: 20px; display: inline-block; background: #0a2444; color: #FFFFFF; font-size: 12px; width: 110px; height: 26px; line-height: 26px; text-align: center;}
.case-detail-info .article .tip:first-child{ margin-top: 0;}
.case-detail-info .article .con p{ text-indent: 2em;}

.case-designer{ margin-top: 60px; float: right; width: 27.5%;}
.case-designer .item{ margin-bottom: 16px; background: #f5f5f5; padding: 35px 25px 25px;}
.case-designer .item h2{ margin-bottom: 20px; font-size: 12px; text-transform: uppercase; color: #999999; letter-spacing: 2px;}
.case-designer .item h2 span{ margin-right:10px; font-size: 24px; color: #333333; letter-spacing: 3px;}
.case-designer .item .img{ float: left; width: 49%;}
.case-designer .item .img-vertical i{ padding-bottom: 125.547445%;}
.case-designer .item .text{ float: right; width: 46%; padding-top: 30px;}
.case-designer .item .text .tit{font-size: 20px; color: #333333; letter-spacing: 2px;}
.case-designer .item .text .tip{ margin-top: 10px; font-size: 12px; letter-spacing: 1px;}
.case-designer .item .text .bt{ margin-top: 20px; text-align: center;}
.case-designer .item .text .bt a{ display: block; margin-bottom: 8px; line-height: 22px; border:1px solid #b48b62; color: #b48b62; font-size: 12px; text-transform: uppercase;}
.case-designer .item .text .bt a:hover,
.case-designer .item .text .bt a.active{ background: #b48b62; color: #FFFFFF;}

.related-case{ margin-top: 80px;}
.related-case .slick{ padding-bottom: 50px; }
.related-case .slick-dots{ bottom: 0; }
.related-case .js-tab-con{ display: none;}
.related-case .js-tab-con.active{ display: block;}
.related-case ul{ margin-top: 25px;}
.related-case .ny-more{ margin-top: 30px;}

.case-add{ margin-top:70px;}
.case-cooperation{ margin-top: 85px;}
.case-cooperation .js-tab-box{ margin-top: 20px;}
.case-cooperation .js-tab-con{ display: none;}
.case-cooperation .js-tab-con.active{ display: block;}
.case-cooperation ul li{ float: left; width:12.5%; margin-top: 15px;}
.case-detail .home-choose{ margin-top: 110px;}
.case-cooperation .more{
	margin: 40px auto 0;
    width: 140px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    display: block;
    background: #b48b62;
    color: #FFFFFF;
    text-align: center;
}

@media (max-width:999px) {
	
	
	
	
	.case{ padding: 40px 0;}
	.case .case-list{ margin-bottom: 30px; margin-top: 30px;}
	.case-list li{ width: 100%;}
	

	
	
	
	.case-detail{ padding: 40px 0 25px;}
	.case-img-scroll{ margin-top: 20px; padding-right: 0; min-height: 0;}
	.case-img-scroll .right{ display: none; }
	.case-detail-content{ border-top: none; padding-top: 0; margin-top:0; }

	.case-detail-info{ width:100%; padding-top: 0; margin-top: 0;} 
	.case-detail-info:before{ display: none;}
	.case-detail-info .tit{ padding-right:0; text-align: center;}
	.case-detail-info .tit .title{ font-size:22px;}
	.case-detail-info .tit .view{ margin-top: 10px; position: relative; top:auto; right:auto;}
	.case-detail-info .des{ text-align: center;}
	.case-detail-info .des .text{ width:100%;}
	.case-detail-info .des .share{ float: none;}
	
	.case-designer{ margin-top: 40px; width:100%;}
	.case-designer .item h2 span{ font-size: 20px; letter-spacing:1px;}
	.case-designer .item .text{ padding-top: 20px;}
	.case-designer .item .text .tit{font-size:18.designer-detail-boxpx;}
	
	.related-case{ margin-top:40px;}
	.case-cooperation{ margin-top: 40px;}
	.case-cooperation ul li{ float: left; width:33.33333333%;}
	.case-detail .home-choose{ margin-top: 40px;}


	.related-case .designer-list li{ width: 50%; }
	.related-case .designer-list li:nth-child(2n+1){ clear: both; } 
	.related-case .designer-item .text .con{ padding:.3rem; }
	.related-case .designer-item .tit{ padding-right: 0; font-size:.22rem;}
	.related-case .designer-item .tit div span{ font-size: .32rem; }
	.related-case .designer-item .tip em{ display: none; }
	.related-case .designer-item .tit em{ display: none; }
	.related-case .designer-item .bt{ display: none; }
}









.designer{ padding:90px 0;}
.designer .page{ margin-bottom: 60px; }
.designer-detail-box{ margin: 50px 0 60px; padding:0 75px 42px 105px; background-image: url(../Images/designer_info_bg.jpg); background-position: top center; background-size: cover; overflow: hidden;}
.designer-detail-box .left{ float: left; width: 41%; max-width: 410px; position: relative;}
.designer-detail-box .left .en{ position: absolute; bottom:0; left:-73px;}
.designer-detail-box .left:before{ content: ""; position: absolute; top:0; left:-68px; width: 1px; height: 270px; background: #b48b62;}
.designer-detail-box .img{ position: relative; display: block;}
.designer-detail-box .img img{ width: 100%;}
.designer-detail-box .img .text{ position: absolute; bottom:0; left:0; width: 100%; background: rgba(10,36,68,.7); color: #FFFFFF; padding: 10px 0; text-align: center; cursor: pointer;}
.designer-detail-box .img .text span{  display: inline-block; vertical-align: middle; ccolor: #ffffff; letter-spacing:2px;}
.designer-detail-box .img .text i{ margin-left:50px; display: inline-block; vertical-align: middle; width:42px; height: 42px; background-image: url(../Images/ico_video.png); background-size:cover;}
.designer-detail-box .right{ float: right; width: 53%; padding-top: 95px;}
.designer-detail-box .right .tit{ font-size: 16px; color: #999999; text-transform: uppercase;}
.designer-detail-box .right .tit span{ margin-right: 15px; font-size:30px; color: #333333; letter-spacing:4px;}
.designer-detail-box .right .tip{ margin-top: 20px;}
.designer-detail-box .right .tip span{ margin-right: 5px; margin-bottom:5px; display: inline-block; border: 1px solid #b48b62; padding: 5px 22px; border-radius: 3px;}
.designer-detail-box .right .des{ margin-top: 22px; padding-top: 10px; border-top:1px dashed #ebebeb;}
.designer-detail-box .right .des p{ position: relative; padding-left: 72px; line-height: 28px; min-height: 28px; color: #333333;}
.designer-detail-box .right .des p span{ position: absolute; top:0; left:0; line-height: 28px;}
.designer-detail-box .right .img-ul{ margin: 20px -3px 0;}
.designer-detail-box .right .img-ul li{float: left; width: 33.3333333%; padding: 0 3px;}
.designer-detail-box .right .img-ul li a{ position: relative;}
.designer-detail-box .right .img-ul li p{ margin-top:5px; font-size: 12px; text-align: center;}
.designer-detail-box .right .img-ul li img{ width: 100%;}
.designer-detail-box .right .img-ul2 li{ width: 25%;}
.designer-detail-box .right .bt{ margin-top: 20px; letter-spacing:2px;}
.designer-detail-box .right .bt a{ margin-right: 5px; display: inline-block;  width: 44%; font-size: 12px; color: #333333; text-transform: uppercase; border: 1px solid #434343; text-align: center; padding:12px 0;}
.designer-detail-box .right .en{ margin-top:20px; font-size: 12px; color:#999999;  text-transform: uppercase; letter-spacing: 2px; color: #cccccc; position: relative; }
.designer-detail-box .right .en:after{ content: ""; position: absolute; top:50%; left:280px; width: 100%; height: 1px; background: #b48b62;}



.designer .designer-list{ margin-top: 40px; margin-bottom: 65px;}
.designer-list{ margin-left: -10px; margin-right:-10px;}
.designer-list li{ float: left; width: 25%; padding: 10px;}
.designer-list li:nth-child(4n+1){ clear: both;}
.designer-item{ border: 1px solid #eeeeee; }
.designer-item .img{ position: relative; display: block;}
.designer-item .img-vertical i{ padding-bottom:124.475524%;}
.designer-item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(10,36,68,.8); text-align: center; overflow: hidden;}
.designer-item .pop .con{ display: inline-block; vertical-align: middle; padding:0 20px;}
.designer-item .pop .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.designer-item .pop p{ margin:0 auto 20px;  max-width: 210px; color: #ffffff; font-size: 12px; line-height: 28px; max-height:48px; overflow: hidden;}
.designer-item .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../Images/ico_search.png);}
.designer-item .text .con{ padding: 22px 20px 15px;}
.designer-item .tit { position: relative; padding-right:90px;}
.designer-item .tit div{ float: left; font-size:12px; color: #999999; text-transform: uppercase;}
.designer-item .tit div span{ margin-right: 8px; display: inline-block; font-size: 24px; color: #333333; }
.designer-item .tit em{ position: absolute; right:0; top:50%; margin-top:-11px; line-height: 22px; cursor: pointer; line-height:30px; background: url(../Images/ico_heart.png) no-repeat left; padding-left: 22px; color: #101b26; font-size: 16px; font-style: normal;}
.designer-item .tip{ margin-top: 10px;}
.designer-item .tip span{ margin:0 15px;}
.designer-item .tip em{ font-style: normal; }
.designer-item .bt{ padding: 10px 20px; border-top: 1px solid #eeeeee;font-size: 12px; line-height: 32px; }
.designer-item .bt a{ float: left; display: inline-block; width: 55%; max-width: 130px; background: #b48b62; color: #FFFFFF; text-align: center;}
.designer-item .bt span{ float: right; max-width: 45%;}
.designer-item .bt span em{ font-style: normal; color: #b48b62;}
.designer-item:hover{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08);-moz-box-shadow:0 0 30px rgba(0,0,0,.08);-webkit-box-shadow:0 0 30px rgba(0,0,0,.08);box-shadow:0 0 30px rgba(0,0,0,.08);}
.designer-item:hover{ border:1px solid #FFFFFF;}
.designer-item:hover .pop{ height: 100%;}
.designer-item:hover .tit div span{ color: #b48b62;}
.designer-item:hover .tit em,
.designer-item .tit em.active{ color: #b48b62; background: url(../Images/ico_heart_h.png) no-repeat left;}

.video-pop .content{ background:rgba(0,0,0,0);}
.video-pop .video-close{ top:-50px; right:0;}
.video-pop video{ width: 100%;}





.designer-detail{ padding:25px 0 120px;}
.construction-site{ margin-top: 75px;}
.construction-site ul{ margin-top: 25px;}
.construction-site li{ padding: 25px 0; border-bottom: 1px dashed #e5e5e5;}
.construction-site li div{ float: left;}
.construction-site li .tit{ width: 24%; padding-top: 10px;}
.construction-site li .tit a{ font-size: 20px; line-height:30px; color: #333333; display: inline-block; padding-right: 55px; position: relative;}
.construction-site li .tit a i{ position: absolute; top:6px; right:0; display: inline-block; width: 48px; height: 17px; line-height: 17px; font-size: 12px; color: #FFFFFF; background: url(../Images/ico_new.png); font-style: normal; padding-left: 13px;} 
.construction-site li .col{ padding: 0 15px; position: relative; color: #333333; width:13%; text-align: center;}
.construction-site li .col:before{ content: ""; position: absolute; top:0; left:0; width: 1px; height: 100%; background: #e5e5e5;}
.construction-site li .col-01:before{ display: none;}
.construction-site li .col p{ margin-top: 10px;}
.construction-site li .appoint-site-button{ margin-top: 10px; float: right; display: block; width: 14%; height: 36px; line-height: 36px; font-size: 12px; background: #0a2444; color: #FFFFFF; text-align: center;}



@media (max-width:999px) {
	
	
	
	.designer{ padding:40px 0;}
	.designer-detail-box{ margin: 40px 0; padding:0; background: none; }
	.designer-detail-box .left{  width: 100%; max-width: 100%; }
	.designer-detail-box .left .en{ display: none; }
	.designer-detail-box .left:before{display: none;}
	.designer-detail-box .img .text i{ margin-left:15px;  width: 30px; height: 30px;}
	.designer-detail-box .right{ width: 100%; padding-top: 30px;}
	.designer-detail-box .right .tit{ font-size: 14px;}
	.designer-detail-box .right .tit span{ font-size: 22px;}
	.designer-detail-box .right .bt{ text-align: center; letter-spacing: 0;}

	.designer .designer-list{ margin-top: 30px; margin-bottom: 30px;}
	.designer-list{    margin-left: -5px; margin-right: -5px;}
	.designer-list li{ width: 50%; padding:0 5px;}
	.designer-item .tit{ padding-right: 0; }
	.designer-item .tit div span{ font-size: 16px;  font-weight: bold; margin-bottom:4px; display: block;}
	.designer-item .tit em{ display: none; }
	.designer-item .tip em,.designer-item .tip span{ display: none; }
	.designer-item .bt a{ float: none; width: 100%;}
	.designer-item .bt span{  float: none; max-width: 100%; font-style: 11px; display: block;}
	.video-pop .video-close{ top:-35px;}
	
	
		
	
	
	
	.designer-detail{ padding:0 0 40px;}
	.construction-site{ margin-top: 40px;}
	.construction-site li .tit{ text-align: center;}
	.construction-site li .tit{ width:100%; padding-top: 0; margin-bottom:20px;}
	.construction-site li .col{  width: 25%; padding: 0; margin-bottom: 20px;}
	.construction-site li .col p{  font-size: 10px; }
	.construction-site li .appoint-site-button{ clear: both; float: none; width: 150px; margin: 0 auto;}
}







.hotcase{ padding: 70px 0 100px;}
.hotcase-hotlink{ border: 1px solid #eeeeee; padding: 10px 50px; line-height: 30px; position: relative; padding-left:125px;}
.hotcase-hotlink span{ display: block; position: absolute; top:10px; left:50px; line-height: 30px;}
.hotcase-hotlink a{ display: inline-block; margin-right: 42px;}
.hotcase-hotlink a:hover{ color: #b48b62;}
.hotcase-list{ margin: 40px -10px 50px;}
.hotcase-list li{ float: left; width: 33.33333333%; padding: 10px;}
.hotcase-list li:nth-child(3n+1){ clear: both;}
.hotcase-item .img{ position: relative; overflow: hidden;}
.hotcase-item .img-vertical{ padding-bottom: 67.021277%;}
.hotcase-item .img img{ width: 100%;}
.hotcase-item .num{ position: absolute; top:0; left:0; text-align: center;background: rgba(10,36,68,.8); width: 70px; height: 100%; color: #FFFFFF;}
.hotcase-item .num span{ position: absolute; top:50%; left:0; width: 100%; line-height: 30px; margin-top: -30px;}
.hotcase-item .num span i{ font-style: normal; font-size: 24px;}
.hotcase-item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0%; background: rgba(10,36,68,.8); text-align: center; overflow: hidden; color: #FFFFFF;}
.hotcase-item .pop .con{ display: inline-block; vertical-align: middle; padding:0 10px; width: 100%;}
.hotcase-item .pop .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.hotcase-item .pop .text{ color:#FFFFFF; line-height: 24px;}
.hotcase-item .pop .bt{ margin-top: 25px;}
.hotcase-item .pop .bt a{ display: inline-block; margin: 0 2px; font-size: 12px; border: 1px solid #b48b62; width: 40%; max-width: 120px; line-height: 30px; color: #FFFFFF;}
.hotcase-item .pop .bt a:first-child{ background: #b48b62;}
.hotcase-item .pop .bt a:last-child{ background: rgba(255,255,255,.12);}
.hotcase-item .tit{ display: block; height: 58px; line-height: 58px; color: #333333; font-size: 20px; text-align: center;}
.hotcase-item:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.hotcase-item:hover .pop{ height: 100%;}
.hotcase-item:hover .num{  display:none;}
.hotcase-item:hover .pop{ height: 100%;}





.hotcase-detail{ padding: 75px 0 130px;}
.hotcase-detail-box .img{ float: left; width:68%; max-width: 800px;}
.hotcase-detail-box .right{ float: right; width:30%;}
.hotcase-detail-box .right .title{ font-size: 24px; color: #333333;}
.hotcase-detail-box .right .tip{ padding: 20px 0; font-size: 12px;  border-bottom: 1px dashed  #EEEEEE;}
.hotcase-detail-box .right .tip span{ margin-right: 10px; padding-left: 25px; position: relative;line-height: 24px; display:inline-block;}
.hotcase-detail-box .right .tip i{ position: absolute; top:2px; left:0; width: 20px; height: 20px;}
.hotcase-detail-box .right .tip .ico-01{ background:url(../Images/ico_hotcase_01.png);}
.hotcase-detail-box .right .tip .ico-02{ background:url(../Images/ico_hotcase_02.png);}
.hotcase-detail-box .right .tip .ico-03{ background:url(../Images/ico_hotcase_03.png);}
.hotcase-detail-box .right .des{ margin-top: 30px; line-height: 30px; color: #999999;}
.hotcase-detail-box .right .text{ margin-top: 65px;font-size: 12px; }
.hotcase-detail-box .right .text a{ width: 45%; height: 46px; line-height: 46px; text-align: center; color: #FFFFFF; display: inline-block; background: #b48b62;}
.hotcase-detail-box .right .text span{ margin-left:5%; max-width: 50%;}
.hotcase-detail-box .right .text span i{ font-style: normal; color: #b48b62;}


.hotcase-chooseplan{ margin-top: 95px;}
.hotcase-chooseplan .tip{ position: absolute;  bottom:10px; right:0;}
.hotcase-chooseplan .tip>span{  margin-right: 10px; display: inline-block; vertical-align: middle; font-size: 12px; }
.hotcase-chooseplan .swiper-pagination{ position: relative; display:inline-block ; vertical-align: middle;}
.hotcase-chooseplan-item{ margin-top: 35px;}
.hotcase-chooseplan-item .left{ float:left; width: 66.666667%;}
.hotcase-chooseplan-item .slick .slick-prev,
.hotcase-chooseplan-item .slick .slick-next{ margin:0;  bottom:0; top:auto; width: 45px; height: 45px; border-radius: 0; background-color:rgba(0,0,0,0);background-color:#b48b62;}
.hotcase-chooseplan-item .slick .slick-prev{ left:auto; right:46px;}
.hotcase-chooseplan-item .slick .slick-prev:hover,
.hotcase-chooseplan-item .slick .slick-next:hover{ background-color: #b48b62;}
.hotcase-chooseplan-item .slick .slick-next{ right:0;}
.hotcase-chooseplan-item .slick-slide{ position: relative;}
.hotcase-chooseplan-item .slick-slide .text{ position: absolute; bottom:0; left:0; width: 100%; line-height: 26px; padding: 10px 120px 10px 35px; background: rgba(10,36,68,.8); color: #FFFFFF; letter-spacing: 1px; }
.hotcase-chooseplan-item .right{ float:right; width:30%; padding-top: 15px;}
.hotcase-chooseplan-item .right .tit{ font-size: 20px; background: url(../Images/ico_designer.png) no-repeat left; padding-left:40px; color: #333333;}
.hotcase-chooseplan-item .right .des{ padding:15px 0 60px; border-bottom: 1px solid #eeeeee; line-height: 30px; color: #999999;}
.hotcase-chooseplan-item .right .in{ position: relative; padding-left: 75px; border-bottom: 1px solid #eeeeee;}
.hotcase-chooseplan-item .right .in span{ position: absolute; top:0; left:0; line-height: 50px; color: #333333;}
.hotcase-chooseplan-item .right .in input{ width: 100%; height: 50px; padding:13px 0; line-height: 24px; border: none; background: none;}
.hotcase-chooseplan-item .right .button{ margin-top: 35px;}
.hotcase-chooseplan-item .right .button input{ width: 70%; border: 1px solid #434343; background: none; font-size: 12px; letter-spacing: 2px; padding:15px;}
.hotcase-chooseplan-item .right .share{ margin-top:25px;}


.hotcase-display{ margin-top: 90px;}
.hotcase-display .content{ margin:35px -10px 0; padding-bottom: 50px;}
.hotcase-display .slick-dots{ bottom:-50px;}
.hotcase-display .slick-slide{ padding: 0 10px;}

.signing-case{ margin-top: 70px;}
.signing-case .content{ margin: 30px -10px 0;  padding-bottom: 50px;}
.signing-case .slick-dots{ bottom:-50px;}
.signing-case .slick-slide{ padding: 0 10px;}


.genero-service{ margin-top: 84px;}
.genero-service .tit{ text-align: center; padding-bottom: 20px; position: relative;}
.genero-service .tit h2{ font-size: 30px; color: #333333; letter-spacing:4px;}
.genero-service .tit p{ margin-top: 15px; font-size: 16px; letter-spacing:8px;}
.genero-service .tit:after{ content: ""; position: absolute; bottom:0; left:50%; width: 320px; margin-left: -160px; height: 1px; background: #eeeeee;}
.genero-service ul{ margin-top: 50px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5;}
.genero-service li{ float: left; width: 20%; border:1px solid #e5e5e5; border-bottom: none; border-left: none; padding: 20px 28px; height:80px;}  
.genero-service li i{ float: left; display: inline-block; border-radius: 50%; font-style: normal; width: 32px; line-height: 32px; color: #FFFFFF; background: #b48b62; text-align: center;} 
.genero-service li div{ margin-left: 40px;}
.genero-service li div span{ display: block; font-size: 16px; line-height: 18px; color: #333333; letter-spacing: 3px;}
.genero-service li div p{ margin-top: 4px; font-size: 12px; color: #aaaaaa; text-transform: uppercase;}
.genero-service li div span{ display: block; font-size: 16px; line-height: 18px; color: #333333; letter-spacing: 3px;}
.genero-service li:last-child{ padding: 0;}
.genero-service li a{ display: block; width: 100%; height:80px; line-height: 80px; background: #0a2444; color: #FFFFFF; text-align: center;}
.genero-service li a img{ display:inline-block; vertical-align: middle;}
.genero-service li a span{ margin-left: 10px; display:inline-block; vertical-align:middle}
.genero-service .horn{ margin-top: 35px; text-align: center;}
.genero-service .horn div{ display: inline-block; background: url(../Images/ico_horn.png) no-repeat left; line-height: 26px; font-size:12px; padding-left: 25px;}
.genero-service .horn div span{ display: inline-block; margin: 0 15px;}


@media (max-width:999px) {
	
	
	
	.hotcase{ padding: 40px 0;}
	.hotcase-hotlink{ padding: 10px 20px;}
	.hotcase-hotlink span{ position: relative; top:auto; left:auto;}
	.hotcase-hotlink a{  margin-right: 10px;}
	.hotcase-list{ margin-bottom:20px;}
	.hotcase-list li{ width:50%; }
	.hotcase-list li:nth-child(2n+1) {clear: both;}
	.hotcase-list li:nth-child(3n+1) { clear: initial;}
	.hotcase-item .tit{ font-size: 14px; }
	
	
	
	
	
	.hotcase-detail{ padding:40px 0;}
	.hotcase-detail-box .img{ width: 100%; max-width: 100%;}
	.hotcase-detail-box .right{  width: 100%; margin-top: 25px;}
	.hotcase-detail-box .right .text{ margin-top: 20px;}
	
	.hotcase-chooseplan{ margin-top:40px;}
	.hotcase-chooseplan-item .left{ width: 100%;}
	.hotcase-chooseplan-item .slick .slick-prev,
	.hotcase-chooseplan-item .slick .slick-next{ margin-top:-15px; width: 30px; height: 30px; bottom:auto; top:50%; background-color:#0a2444;}
	.hotcase-chooseplan-item .slick .slick-prev{ left:0; right:auto;}
	.hotcase-chooseplan-item .slick .slick-next{ right:0;}
	.hotcase-chooseplan-item .slick-slide .text{ padding:10px; font-size: 12px; line-height: 22px;}
	.hotcase-chooseplan-item .right{ width: 100%; margin-top: 20px;}
	.hotcase-chooseplan-item .right .des{ padding:15px 0 30px; line-height:24px; font-size: 12px;}
	.hotcase-chooseplan-item .right .button{ margin-top: 35px; text-align: center;}
	
	.hotcase-display{ margin-top: 40px;}
	.signing-case{ margin-top: 40px;}
	.genero-service{ margin-top: 40px;}
	.genero-service .tit h2{ font-size: 20px; letter-spacing:0;}
	.genero-service .tit p{font-size: 12px; letter-spacing:0;}
	.genero-service ul{ margin-top:40px;}
	.genero-service li{ width:50%; padding:20px 0 20px 10px;}   
	.genero-service li div span{ font-size: 14px;}
	.genero-service li div p{ font-size: 10px;}

}









.seiko-point{ padding-bottom: 50px; background-image:url(../Images/technology_bg.jpg); background-size: cover;}
.seiko-point ul{ margin: 0 -15px;}
.seiko-point li{  margin-top: 50px; float: left; width: 33.333333333%; padding: 0 15px;}
.seiko-point li .item{ background: #FFFFFF; padding: 30px 5px 30px 15px; position: relative;}
.seiko-point li .item:before{ content: ""; position: absolute; top:0; left:0; width:0; height: 2px; background: #b18b61; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.seiko-point li .item:after{ content: ""; position: absolute; bottom:0; left:0; width:100%; height: 2px; background: #2b3a56;  -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.seiko-point li .item .img{ float: left; position: relative; display: inline-block;}
.seiko-point li .item .img .default{ position: absolute; top:0; left:0;}
.seiko-point li .item .img .hover{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);opacity: 0; }
.seiko-point li .item .text{ margin-left:65px;}
.seiko-point li .item .text span{ display: block; font-size: 20px; color: #333333;}
.seiko-point li .item .text p{ margin-top: 12px; color: #bbbbbb; font-size: 12px; text-transform: uppercase;}
.seiko-point li:hover .item .img .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); opacity: 0;}
.seiko-point li:hover .item .img .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg);  opacity: 1;}
.seiko-point li:hover .item:before{ width: 100%;}
.seiko-point li:hover .item:after{ width: 0;}

.seiko-quality{ padding:110px 0;}
.seiko-quality ul{ margin-top: 35px; border-top:1px solid #EEEEEE; border-left: 1px solid #EEEEEE;}
.seiko-quality li{ float: left; width: 25%; text-align: center; border: 1px solid #eeeeee; height: 210px; border-top: none; border-left: none; padding: 35px 5px 25px;}
.seiko-quality li span{ display: inline-block; border-radius: 50%; background: #2b3a56;}
.seiko-quality li h2{ margin-top: 25px; font-size: 18px; color: #333333;}
.seiko-quality li p{ margin-top: 10px; font-size: 12px; color: #bbbbbb; text-transform: uppercase;}
.seiko-quality li:hover{ -o-box-shadow:0 0 35px rgba(0,0,0,.08); -ms-box-shadow:0 0 35px rgba(0,0,0,.08);-moz-box-shadow:0 0 35px rgba(0,0,0,.08);-webkit-box-shadow:0 0 35px rgba(0,0,0,.08);box-shadow:0 0 35px rgba(0,0,0,.08);}
.seiko-quality li:hover span{ background: #b18b61;}
.seiko-quality li:hover h2{ color: #b18b61;}


.seiko-technology-tit{ text-align: center;}
.seiko-technology-tit{ padding-bottom: 25px; position: relative;}
.seiko-technology-tit:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -170px; width: 340px; height: 1px; background: #EEEEEE;}
.seiko-technology-tit span{position: relative; display:inline-block; vertical-align: middle; font-size: 30px; color: #333333; letter-spacing:4px;} 
.seiko-technology-tit p{ margin-top: 15px; letter-spacing: 2px;}

 
.seiko-patent{ padding: 110px 0 100px; background-image: url(../Images/whole_house_bg.jpg); background-size:cover;}
.seiko-patent .seiko-technology-tit span{ background: url(../Images/patent_ico.png) no-repeat left; padding-left: 45px;}
.seiko-patent .ny-more2{ margin-top:85px; background: #0a2444;}
.seiko-patent .content{ margin-top: 65px;}
.seiko-patent .left{ float: left; width: 30.5%;}
.seiko-patent .left .item{ height: 154px; padding-top:15px; }
.seiko-patent .left .item div{ padding-bottom:15px; font-size: 16px; line-height: 30px; color: #bb9570; font-weight: bold; text-transform: uppercase; position: relative;}
.seiko-patent .left .item div:after{ content: ""; position: absolute; bottom:0; left:0; width: 12px; height: 2px; background: #0a2444;}
.seiko-patent .left .item p{ margin-top: 20px; color: #999999; letter-spacing: 3px;}
.seiko-patent .center{ float: left; padding: 0 10px; width: 51%;}
.seiko-patent .right{ float: right; width: 18.5%; position: relative;}
.seiko-patent .right img{ float:right;}
.seiko-patent .right a{ position: absolute; bottom:-60px; left:-100px; background: #2b3a56; display: inline-block; width: 185px; height: 80px; line-height: 80px; text-transform: uppercase; color: #FFFFFF; text-decoration: underline !important; text-align: center;}
.seiko-patent .right a span{ display: inline-block; background: url(../Images/ico_jt.png) no-repeat right; padding-right: 40px;}


.seiko-technology{ padding: 85px 0 25px; }
.seiko-technology  .des{ margin-top: 20px; text-align: center; line-height: 30px;}
.seiko-technology  .tab li{ margin-top: 45px; float: left; width:20%; padding:10px 5px 20px; text-align: center; position: relative; cursor:pointer; border-bottom: 2px solid #FFFFFF;}
.seiko-technology  .tab li:after{ content: ""; position: absolute; top:0; right:0; width: 1px; height: 100%; background: #e5e5e5;}
.seiko-technology  .tab li:last-child:after{ display: none;}
.seiko-technology  .tab li:before{ display: none;  content: ""; position: absolute; bottom:-15px; left:50%; margin-left: -5px; border-style:solid dashed dashed dashed;  border-color:#b48b62 transparent transparent  transparent;  border-width: 7px;}
.seiko-technology  .tab li .img { position: relative; display: inline-block;}
.seiko-technology  .tab li .img .default{ position: absolute; top:0; left:0;}
.seiko-technology  .tab li .img .hover{ transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg);opacity: 0; }
.seiko-technology  .tab li p{ margin-top:10px; letter-spacing:2px;}
.seiko-technology  .tab li.active{ border-bottom: 2px solid #b48b62; -o-box-shadow:0 0 25px rgba(0,0,0,.08); -ms-box-shadow:0 0 25px rgba(0,0,0,.08); -moz-box-shadow:0 0 25px rgba(0,0,0,.08); -webkit-box-shadow:0 0 25px rgba(0,0,0,.08); box-shadow:0 0 25px rgba(0,0,0,.08);}
.seiko-technology  .tab li:hover .img .default,
.seiko-technology  .tab li.active .img .default{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);opacity: 0;}
.seiko-technology  .tab li:hover .img .hover,
.seiko-technology  .tab li.active .img .hover{ transform: rotateY(0deg); -webkit-transform: rotateY(0deg);opacity: 1;}
.seiko-technology  .tab li.active:before{ display: block;}
.seiko-technology  .tab li:hover p,
.seiko-technology  .tab li.active p{ color: #b48b62; }

.seiko-technology  .js-tab-box{ margin-top:45px;  padding: 60px 20px 35px; background-image: url(../Images/technology_bg.jpg); background-size: cover;}
.seiko-technology  .js-tab-con{ height:0; overflow: hidden;}
.seiko-technology  .js-tab-con.active{ height: auto;}
.seiko-technology  .js-tab-con .tit{ text-align: center; }
.seiko-technology  .js-tab-con .tit span{ display: block; font-size: 24px; color: #333333; letter-spacing:3px;}
.seiko-technology  .js-tab-con .tit p{ margin-top: 15px; font-size: 12px; color: #bbbbbb; text-transform: uppercase;}
.seiko-technology .slick{ padding:0 45px;}
.seiko-technology .slick-prev{ left:0;}
.seiko-technology .slick-next{ right:0;}
.seiko-technology .slick-slide{ padding:50px 8px;}
.seiko-technology .slick-slide .item{ background:#FFFFFF; -o-box-shadow:0 0 15px rgba(0,0,0,.08); -ms-box-shadow:0 0 15px rgba(0,0,0,.08);-moz-box-shadow:0 0 15px rgba(0,0,0,.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);box-shadow:0 0 15px rgba(0,0,0,.08);}
.seiko-technology .slick-slide .item img{ width: 100%;}
.seiko-technology .slick-slide .text{ padding: 20px 20px 30px;}
.seiko-technology .slick-slide .text span{ display: block; padding-left: 20px; position: relative; color: #333333; font-size: 16px; line-height: 30px; min-height:60px;}
.seiko-technology .slick-slide .text span:before{ content:""; position: absolute; top:12px; left:0; width: 6px; height:6px; background: #0a2444; border-radius: 50%;}





.service{ padding: 100px 0;}
.service-box ul{ margin:0 -10px;}
.service-box li{ margin-top: 60px; float: left; width: 20%; padding: 0 10px;} 
.service-box .item{ position: relative; border: 1px solid #eeeeee; background-image: url(../Images/service_item_bg.png); background-size: cover; text-align: center; padding: 55px 5px 30px;}
.service-box .item .ico{ position: absolute; display: block; top:-20px; left:50%; margin-left: -25px; width: 40px; height: 40px; background-image: url(../Images/ico_right1.png);}
.service-box .item .tit{ position: relative; padding-bottom: 15px;}
.service-box .item .tit:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -16px; width: 32px; height:2px; background: #b48b62;}
.service-box .item .tit span{ display: block; font-size: 20px; color: #333333; letter-spacing: 3px; }
.service-box .item .tit p{ font-size: 12px; color: #aaaaaa; text-transform: uppercase; letter-spacing:1px;}
.service-box .item .des{ margin: 15px auto 0; max-width: 160px; line-height: 22px; min-height: 44px; color: #777777;}

.service-content{ margin-top: 100px; text-align: center;}
.service-content .tit{ padding-bottom: 25px; position: relative;}
.service-content .tit:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -160px; width: 320px; height: 1px; background: #EEEEEE;}
.service-content .tit span{ display: block; font-size: 30px; color: #333333; letter-spacing:4px;}
.service-content .tit p{ margin-top: 15px; letter-spacing: 10px; font-size: 16px;}
.service-content .des{ margin: 35px auto 0; max-width: 960px; line-height: 30px; letter-spacing:2px;}
.service-content .content{ margin: 35px -10px 0;}
.service-content .box{  float: left; padding:10px;}
.service-content .box .img{ width: 100%; position: relative; overflow: hidden;}
.service-content .box .img img{ width: 100%;}
.service-content .box1{ width: 66.5%;}
.service-content .box2{ width: 33.5%;}
.service-content .box3{ width: 50%;}
.service-content .box .bg{ display: none; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(10,36,68,.8); color: #FFFFFF;}
.service-content .box .bg span{ display:inline-block; vertical-align:middle; font-size: 18px; letter-spacing: 3px; border: 1px solid rgba(255,255,255,.55); padding: 10px 30px;}
.service-content .box .bg i{ display:inline-block; vertical-align:middle; height: 100%;}
.service-content .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.service-content .box:hover .bg{ display: block;}


@media (max-width:999px) {
	
	
	
	
	.seiko-point{ padding-bottom:40px;}
	.seiko-point li{ margin-top:40px; width:100%;}
	.seiko-point li .item .img{  width: 40px;}
	.seiko-point li .item .text{ margin-left:50px;}
	.seiko-point li .item .text span{ font-size:16px;}
	.seiko-point li .item .text p{ margin-top:5px;}
	
	.seiko-patent .seiko-technology-tit span{ font-size: 20px;}

	.seiko-quality{ padding:40px 0;}
	.seiko-quality li{ width:50%; height:170px; padding-top: 25px;}
	.seiko-quality li span{ width: 40px;}
	.seiko-quality li h2{ margin-top:15px; font-size: 13px;}
	.seiko-quality li p{ font-size: 10px;}
	 
	.seiko-patent{ padding: 40px 0;}
	.seiko-patent .seiko-technology-tit span{ padding-left: 0; background: none;}
	.seiko-patent .ny-more2{ margin-top:85px; background: #0a2444;}
	.seiko-patent .content{ margin-top:40px;}
	.seiko-patent .content img{ width: 100%;}
	.seiko-patent .left{ width: 100%; }
	.seiko-patent .center{ margin-top: 20px; width: 100%; padding: 0;}
	.seiko-patent .right{ margin-top: 20px; width: 100%;}
	.seiko-patent .right div{ width: 50%; float: left;}
	.seiko-patent .right .tit img{ float: left; max-width:35%; padding-top: 10px;}
	.seiko-patent .right a{ bottom:0; left:0; height: 50px; line-height: 50px;}

	.seiko-technology{ padding:40px 0 25px;}
	.seiko-technology .tab li{ margin-top: 30px; padding: 10px 0;}
	.seiko-technology .tab li .img { width:40px;}
	.seiko-technology .tab li p{  display: none;}
	
	.seiko-technology .js-tab-box{ margin-top:40px; padding: 20px 10px 30px;}
	.seiko-technology .slick{ padding: 0;}
	.seiko-technology .slick-dots{ bottom:0;}
	.seiko-technology .slick-slide{ padding:30px 8px 50px;}
	.seiko-technology .slick-slide .text{ padding:15px 10px;}
	.seiko-technology .slick-slide .text span{ font-size: 13px; line-height:22px;}
	.seiko-technology .slick-slide .text span:before{ display:none;}
	.seiko-technology .slick-slide .text p{ font-size: 11px; line-height: 18px;}
	
	
	
	
	
	.service{ padding: 40px 0;}
	.service-box li{ margin-top: 50px; width: 100%;} 
	.service-content{ margin-top:40px;}
	.service-content .tit{ padding-bottom:15px;}
	.service-content .tit span{ font-size:20px;}
	.service-content .tit p{ font-size: 14px; letter-spacing: 1px;}
	.service-content .des{  font-size: 12px; line-height: 22px; letter-spacing:0;}
	.service-content .content{ margin: 30px -3px 0;}
	.service-content .box{  float: left; padding:3px;}

}







.supplychain{ padding: 100px 0;}
.material-box{ text-align: center;}
.material-box .tit{ padding-bottom: 25px; position: relative;}
.material-box .tit:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -160px; width: 320px; height: 1px; background: #EEEEEE;}
.material-box .tit span{ display: block; font-size: 30px; color: #333333; letter-spacing:4px;}
.material-box .tit p{ margin-top: 15px; letter-spacing: 10px; font-size: 16px; }
.material-box ul{ margin: 0 -15px;}
.material-box li{ margin-top: 45px; float: left; width: 16.6666667%; padding:0 15px;}
.material-box li i{ display: inline-block; width: 70px; height: 70px; background: #102543; border-radius: 50%;}
.material-box li span{ margin-top: 10px; display: block; font-size: 20px; color: #333333; letter-spacing:3px;}
.material-box li p{ margin-top: 5px; font-size: 12px; color: #aaaaaa; text-transform: uppercase; letter-spacing:1px;}
.material-box li:hover i{ background: #b48b62;}
.material-box li:hover span{ color: #b48b62;}
.supplychain-brand{ margin-top: 110px; text-align: center;}
.supplychain-brand .tit{ padding-bottom: 25px; position: relative;}
.supplychain-brand .tit:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -160px; width: 320px; height: 1px; background: #EEEEEE;}
.supplychain-brand .tit span{ display: block; font-size: 30px; color: #333333; letter-spacing:4px;}
.supplychain-brand .des{ margin: 25px auto 0; line-height: 30px; max-width: 950px; letter-spacing: 2px;}
.supplychain-brand .content{ padding:40px 0; margin: 0 -10px;}
.supplychain-brand .slick-dots{ bottom:-40px;}
.supplychain-brand .slick-slide{ padding:0 10px;}
.supplychain-brand .slick-slide .item{ margin: 22px 0; position:relative;}
.supplychain-brand .slick-slide .item:before{ content: ""; position: absolute; bottom:-4px; left:0; width:0; height: 3px; background: #b18b61; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.supplychain-brand .slick-slide .item:hover{ -o-box-shadow:0 0 15px rgba(0,0,0,.08); -ms-box-shadow:0 0 15px rgba(0,0,0,.08);-moz-box-shadow:0 0 15px rgba(0,0,0,.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);box-shadow:0 0 15px rgba(0,0,0,.08);}
.supplychain-brand .slick-slide .item:hover:before{ width: 100%; }


@media (max-width:999px) {
	
	
	
	.supplychain{ padding: 40px 0;}
	.material-box .tit{ padding-bottom: 15px;} 
	.material-box .tit span{font-size: 20px;}
	.material-box .tit p{ letter-spacing: 1px; font-size: 16px;}
	.material-box ul{ margin: 0 -5px;}
	.material-box li{ width: 33.33333333%; padding: 0 5px;}
	.material-box li:nth-child(3n+1){ clear: both;}
	.material-box li i{ width: 46px; height:46px; }
	.material-box li span{ font-size: 16px;}
	.material-box li p{ font-size:10px;}
	.supplychain-brand{ margin-top: 40px; }
	.supplychain-brand .tit{ padding-bottom:15px;}
	.supplychain-brand .tit span{ font-size: 20px;}
	.supplychain-brand .des{font-size:12px; line-height: 22px;}
	.supplychain-brand .content{ padding:30px 0;}
	.supplychain-brand .slick-slide{ padding: 0 10px;}
	.supplychain-brand .slick-slide .item{ margin: 10px 0;}
}







.news{ padding: 80px 0 100px;}
.news-box{ border:1px solid #EEEEEE;}
.news-box a{ display: block;}
.news-box .left{ float:left; width: 50%; overflow:hidden;}
.news-box .right{ float:right; width: 50%; padding:65px 65px 0;}
.news-box .right .date{ font-size: 30px;}
.news-box .right .tit{ margin-top: 10px; font-size:24px; color: #b48b62;}
.news-box .right .des{ margin-top: 10px; color: #777777;line-height: 30px; height: 60px; overflow: hidden;}
.news-box .right span{ margin: 35px 0 0;}  
.news-box a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}

.news-link{ margin: 45px -12px 0;}
.news-link li{ float:left; width: 25%; padding: 0 12px;}
.news-link li a{ display: block; text-align: center; background: #f5f5f5; padding: 10px 0;}
.news-link li em{ margin-right: 10px; display: inline-block; vertical-align:middle; background: #0a2444; border-radius: 50%;}
.news-link li span{ display: inline-block; vertical-align: middle; font-size:20px; color: #333333;}
.news-link li i{ display: inline-block; font-style: normal; vertical-align: middle; font-size:1px;  color: #bbbbbb; text-transform: uppercase;} 
.news-link li a.active{ background: #0a2444;}
.news-link li a.active em{ background: #b48b62;}
.news-link li a.active i{ color: #FFFFFF;}
.news-link li a.active span{ color: #FFFFFF;}

.news-list{ margin: 40px 0 70px;  border-top:1px dashed #e5e5e5;}
.news-list li{ margin-top: -1px; position: relative;}
.news-list li a{ display: block; padding:35px 190px 35px 30px; position: relative; border-bottom:1px dashed #e5e5e5; position: relative; }
.news-list li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #b48b62; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s;  transition: all ease .4s;}
.news-list li .img{ float: left; overflow: hidden; width: 250px;}
.news-list li .img-vertical i{ padding-bottom: 58.8%;}
.news-list li .text{  margin-left: 250px; padding: 0 45px;}
.news-list li .text .tit{ height: 46px; line-height: 46px; font-size: 18px; color: #101010;}
.news-list li .text .des{ color: #999999; line-height:30px; height:60px; overflow: hidden; }
.news-list li .text span{ margin-top:22px; display: block; color: #d8d8d8; font-size: 12px; text-transform: uppercase;}
.news-list li .date{ position: absolute; top:50px; right:0; width: 190px; border-left: 1px solid #eeeeee; padding-left: 50px; color: #999999;}
.news-list li .date span{ display: block; font-size: 30px; opacity: .6;}
.news-list li .date p{ font-size: 12px; }
.news-list li .date i{ margin-top:35px; display: inline-block; width:32px; height: 32px; background:url(../Images/slick_next.png); background-color: #0a2444; border-radius:50%;}
.news-list li:hover{z-index:1; }
.news-list li a:hover:before{ width: 100%;}
.news-list li a:hover{ background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}
.news-list li a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news-list li a:hover .text .tit{ color: #b48b62;}
.news-list li a:hover .date i{ background-color: #b48b62;}




.news-detail{ padding: 80px 0 120px;}
.news-detail .title{ color: #333333; font-size: 22px; line-height: 28px; text-align: center;} 
.news-detail .w1200{ max-width: 1070px; }
.news-detail .w1200 img{ width: 100%; }
.article-come{ line-height:26px; margin-top:15px; text-align: center; color: #999999;}
.article-come span{ margin:0 10px; padding-left: 28px; display: inline-block; vertical-align: middle; position: relative;}
.article-come .span-date{ background: url(../Images/article_time.png) no-repeat left;}
.article-come .span-num{ background: url(../Images/article_num.png) no-repeat left;}
.news-article{ margin-top: 15px; padding:65px 0; border-top: 1px solid #eeeeee; line-height: 30px; color: #999999;}
.news-detail .flip{ margin-top: 50px;}





.activity{ padding: 85px 0 90px;}
.activity ul{ margin: 10px 0 60px;}
.activity li{ margin-top: 30px;}
.activity li a{ display: block; padding: 35px 60px; background: #FFFFFF; border: 1px solid #e5e5e5; position: relative;}
.activity li a:before{ content: ""; position: absolute; bottom:0; left:0; width: 0;  height: 3px; background: #c1a64f; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; }
.activity li .img{ float: left; width: 54%; overflow: hidden; position: relative;}
.activity li .img img{ width: 100%;}
.activity li .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(10,36,68,.8); text-align: center; overflow: hidden;}
.activity li .pop .con{ display: inline-block; vertical-align: middle; padding:0 20px;}
.activity li .pop .con+i{ display: inline-block; vertical-align: middle; height: 100%;}
.activity li .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../Images/ico_search.png);}
.activity li .text{ float: right; width:40%; text-align: right; padding-top:20px;}
.activity li .text span{ display: block; font-size:30px; }
.activity li .text .tit{ margin-top: 20px; font-size: 24px; color: #333333;}
.activity li .text .des{ margin-top: 20px; font-size: 14px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.activity li .text .tip{ margin-top: 45px; padding-bottom: 10px; position: relative; font-size: 12px; color: #cccccc; text-transform: uppercase;}
.activity li .text .tip:after{ content: ""; position: absolute; bottom:0; right:0; width: 130%; border-bottom:1px solid #b48b62;}
.activity li .text em{ margin-top: 35px; display:inline-block; background: #0a2444;}
.activity li a:hover { border: 1px solid #FFFFFF; -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08);-moz-box-shadow:0 0 30px rgba(0,0,0,.08);-webkit-box-shadow:0 0 30px rgba(0,0,0,.08);box-shadow:0 0 30px rgba(0,0,0,.08);}
.activity li a:hover:before{ width: 100%;}
.activity li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.activity li a:hover .pop{ height: 100%;}
.activity li a:hover .text em{ background: #b48b62; }



@media (max-width:999px) {
	
	
	
	
	.news{ padding: 40px 0;}
	.news-box .left{ width: 100%;}
	.news-box .right{ width: 100%; padding:20px;}
	.news-box .right .date{ font-size: 18px;}
	.news-box .right .tit{ font-size:20px;}
	.news-box .right span{ margin-top: 15px; }  
	
	.news-link{ margin: 40px -3px 0;}
	.news-link li{ float:left; width: 50%; padding:3px;}
	.news-link li span{ font-size: 13px;}
	.news-link li i{display: none;}
	
	.news-list{ margin-bottom: 40px;}
	.news-list li a{ padding:20px 0;}
	.news-list li .img{ width: 120px;}
	.news-list li .text{ margin-left: 120px; padding: 0; padding-left: 10px; }
	.news-list li .text .tit{ font-size: 14px; line-height: 30px; height: 30px;}
	.news-list li .text .des{ font-size: 12px; line-height: 20px; height: 40px;}
	.news-list li .text span,
	.news-list li .date{ display: none;}
	
	
	
	
	
	.news-detail{ padding: 40px 0;}
	.news-detail .title{ font-size:18px; }
	.news-article{padding:30px 0; }
	
	
	
	
	
	.activity{ padding:40px 0;}
	.activity ul{ margin: 10px 0 40px;}
	.activity li a{ padding:20px;}
	.activity li .img{ width: 100%;}
	.activity li .text{  width: 100%; text-align: left;}
	.activity li .text span{ font-size:20px; }
	.activity li .text .tit{ margin-top: 10px; font-size: 20px;}
	.activity li .text .des{ margin-top: 10px;}
	.activity li .text .tip{ margin-top: 20px;}
	.activity li .text .tip:after{ width: 100%;}
	.activity li .text em{ margin-top: 20px;}	
}







.about-box{ margin-top: 150px;}
.about-box .left{ float: left; width: 52.5%;}
.about-box .tit{ font-size: 36px; letter-spacing: 3px;}
.about-box .tit h2{ color: #999999; text-transform: uppercase;}
.about-box .tit p{ color: #333333;}
.about-box .text{ margin-top: 45px; font-size: 12px; line-height: 24px; letter-spacing: 1px;text-align: justify;}
.about-box .right{ float: right; width: 44%; max-width:480px; padding-top: 140px;}
.about-box .right video{ width: 100%;}

.about-concept{ margin-top: 95px;}
.about-concept ul{ margin: 0 -12px;}
.about-concept li{margin-top: 48px; padding: 0 12px; float: left; width: 20%;}
.about-concept .item{ padding:50px 20px 25px; letter-spacing: 1px; text-align: center; border: 1px solid #eeeeee; background-image: url(../Images/concept_bg.png); background-size: cover;}
.about-concept .item span{ margin-top: 55px; display: block; font-size: 20px; color: #333333; padding-bottom: 22px; position: relative; }
.about-concept .item span:after{ content: ""; position: absolute; bottom: 0; left:50%; width: 20px; height: 2px; background: #b48b62; margin-left: -10px;}
.about-concept .item p{ margin-top: 22px; line-height: 24px; min-height:48px; color: #777777;}
.about-concept .item:hover{ -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08);-moz-box-shadow:0 0 30px rgba(0,0,0,.08);-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}

.history-box{ margin-top: 95px; padding:90px 0 125px; border-top: 1px solid #EEEEEE; }
.history-box .content{ background: url(../Images/history_bg_line.png) repeat-x bottom;}
.history-box .slick-for .box{ padding: 100px 90px 110px; }
.history-box .slick-for .box .date{ float: left; font-size:100px; line-height: 100px; color: #b48b62; font-weight:300;}
.history-box .slick-for .box .text{ margin-left: 330px; padding-top:20px; font-size: 18px; line-height: 34px; color: #555555;}
.history-box .slick-nav { margin-top: 40px; text-align: center;}
.history-box .slick-nav .slick-slide{ cursor: pointer;}
.history-box .slick-nav .slick-slide span{ display: block; height: 50px; line-height:50px; position:relative;}
.history-box .slick-nav .slick-slide span:before,
.history-box .slick-nav .slick-slide span:after{ display: none; content: ""; position: absolute; left:50%; margin-left: -5px;}
.history-box .slick-nav .slick-slide span:before{ top:0; border-style:solid dashed dashed dashed;  border-color:#b48b62 transparent transparent  transparent;  border-width: 7px;}
.history-box .slick-nav .slick-slide span:after{ bottom:0; border-style: dashed dashed  solid dashed;  border-color: transparent transparent  #b48b62 transparent;  border-width: 7px;}
.history-box .slick-nav .slick-current{ color: #b48b62;}
.history-box .slick-nav .slick-current span:before,
.history-box .slick-nav .slick-current span:after{ display: block;}

 



.honor{ padding: 120px 0 90px;}
.honor-info{ position: relative; padding-left: 304px; border: 1px solid #eeeeee;}
.honor-info .box{ position: absolute; top:0; left:0; width:304px; height: 100%; background: url(../Images/honor_bg.jpg); padding:70px 0 0 40px;}
.honor-info .box span{ display: block; font-size: 36px; text-transform: uppercase; color: #b48b62; }
.honor-info .box p{ font-size: 20px ; color: #b48b62; text-transform: uppercase; position: relative; padding-bottom: 20px;}
.honor-info .box p:after{ content: ""; position: absolute; bottom: 0; left:0; width: 25px; height: 3px; background: #FFFFFF;}
.honor-info .box h2{ margin-top: 35px; font-size:36px; color: #FFFFFF;}
.honor-info .box em{ margin-top:35px; display: inline-block; width: 44px; height:44px; background-image: url(../Images/honor_ico.png); background-size:cover;}
.honor-info ul{ float: left; width: 50%; padding: 30px 20px 30px 12%;}
.honor-info li{ position:relative; line-height: 34px; font-size: 12px; padding-left: 20px;}
.honor-info li:before{ content:""; position: absolute; left:0; top:15px; width:4px; height: 4px; background: #141b33;}
.honor-box { margin-top: 75px;}
.honor-box .slick{ margin:15px -18px 0; text-align:center;}
.honor-box .slick-slide{ padding: 0 18px;}
.honor-box .slick-slide .box{ margin-top: 20px; }
.honor-box .slick-slide .box .text{ margin-top: 20px; line-height: 24px; min-height:48px; font-size: 12px;}
.honor-pop .content{ background:none; max-width: 80%; width: auto;}
.honor-pop .close{ top:-20px; right:-50px;}






.culture{ padding: 150px 0 75px;}
.culture-box .left{ float: left; width:57%;}
.culture-box .left .tit{ font-size:36px; letter-spacing: 3px; }
.culture-box .left .tit span{ display: block;color: #999999; text-transform: uppercase;}
.culture-box .left .tit p{ margin-top:5px; color: #333333;}
.culture-box .left .des{ margin-top: 35px; line-height: 24px;}
.culture-box .right{ float: right; max-width: 342px; width:36%;}

.social-responsibility{ margin-top: 70px;}
.social-responsibility ul{ margin-top: 45px;}
.social-responsibility li{ background: #f5f5f5;}
.social-responsibility li .img{ float: left; width: 50%;}
.social-responsibility li .img img{ width: 100%;}
.social-responsibility li .text{ float: right; width: 50%; padding: 80px 65px;}
.social-responsibility li:nth-child(2n) .img{ float: right;}
.social-responsibility li:nth-child(2n) .text{ float: left;}
.social-responsibility li .text .tit{ position: relative; padding-bottom: 22px;}
.social-responsibility li .text .tit:after{ content: ""; position: absolute; bottom: 0; left:0; width: 40px; height: 3px; background: #b48b62;}
.social-responsibility li .text .tit span{ margin-left: -1em; display: block; font-size: 24px; color: #333333;}
.social-responsibility li .text .tit p{ margin-top: 10px; font-size: 12px; text-transform: uppercase; color: #aaaaaa;}
.social-responsibility li .text .des{ margin-top: 40px;  line-height:30px;}

.social-welfare{ margin-top: 85px;}
.social-welfare .content{ margin:35px -15px 0;}
.social-welfare .slick-slide{ padding: 0 15px;}
.social-welfare .slick-slide img{ width: 100%;}
.social-welfare .slick-slide p{ line-height: 60px; height: 60px; text-align: center; color: #333333; text-align: center}






.video{ padding: 110px 0;}
.video-list{ margin:0 -18px 45px;}
.video-list li{ float:left; padding:18px; width: 33.333333333333%;}
.video-list li .item{ display:block; cursor: pointer;}
.video-list li .img{ position:relative;}
.video-list li .img img{ width: 100%;}
.video-list li .img:before{ content:""; position: absolute; top:50%; left:50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; background-image: url(../Images/ico_video.png);}
.video-list li .text{ padding: 15px; font-size: 16px; color: #333333; border: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;}





.contact{ padding: 100px 0;}
.contact-ul{ margin-top: 45px;}
.contact-ul li{ float: left; width: 48%; margin-right:4%; background-image: url(../Images/contact_li_bg.png); background-size: cover; border: 1px solid #e5e5e5;  padding-bottom: 10px; height: 125px;}
.contact-ul li:nth-child(2n){ margin-right: 0;}
.contact-ul li img{ float: left;}
.contact-ul li .item{ padding:32px 10px 0 30px;}
.contact-ul li .item div{ margin-left:70px; padding-left: 25px; border-left: 1px dashed #e5e5e5;}
.contact-ul li .item div span{ display: block;  color: #333333; font-size: 16px;}
.contact-ul li .item div p{ margin-top: 8px; font-size: 18px; color: #b48b62;}
.contact-ul li .item div b{ font-size: 24px;}
.contact-ul li .des{ margin-top:7px; font-size: 12px; text-align: center; letter-spacing: 1px;}
.contact-ul li .des em{ color: #ee0f0f;}

.contact-info{ margin: 70px -30px 0; border-top: 1px dashed #EEEEEE;}
.contact-info li{ float: left; margin-top: 55px; width: 50%; padding: 0 30px;}
.contact-info li h2{ background: url(../Images/ico_building.png) no-repeat left 9px; line-height: 32px; font-size: 20px; color: #333333; padding-left: 30px;}
.contact-info li div{ margin-top: 20px; line-height: 30px; color: #999999;}
.contact-info li div p{ position: relative; padding-left:72px; cursor: pointer;}
.contact-info li div i{ position: absolute; top:5px; left:0; width: 13px; height: 16px;}
.contact-info li div .ico-add{ background:url(../Images/ico_address.png);}
.contact-info li div .ico-bus{ background:url(../Images/ico_bus.png);}
.contact-info li div span{ position: absolute; top:0; left:30px; line-height: 30px;}
.contact .js-tab-con{ height: 0; overflow: hidden;}
.contact .js-tab-con.active{ height: auto; }
.contact .map{ margin-top:50px; border: 1px solid #dcdcdc;}
.contact .map-box{ width: 100%; height:500px; position:relative;}
.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; }



@media (max-width:999px) {

	
	
	
	.about-box{ margin-top:40px;}
	.about-box .left{  width: 100%;}
	.about-box .tit{ font-size:20px; text-align: center;}
	.about-box .text{ margin-top:30px; }
	.about-box .right{ width: 100%; max-width:100%; padding-top:30px;}
	.about-concept{ margin-top:40px;}
	.about-concept li{ margin-top: 35px; width: 100%;}
	.about-concept .item span{ margin-top: 25px;}
	.history-box{ margin-top:40px; padding:40px 0; }
	.history-box .slick-for .box{ padding:40px 20px;}
	.history-box .slick-for .box .date{ float:none; font-size:28px; line-height:30px; text-align: center;}
	.history-box .slick-for .box .text{ margin-left: 0; padding-top:20px; }
	.history-box .slick-nav {  padding: 0 50px;}
	
	
	
	
	
	.honor{ padding: 40px 0;}
	.honor-info{ padding-left: 0; }
	.honor-info .box{ position: relative; top:auto; left:auto; width:100%; height: 100%; padding:25px;}
	.honor-info .box span{ font-size: 24px;}
	.honor-info .box p{ font-size:16px;}
	.honor-info .box h2{ margin-top:20px; font-size:24px; }
	.honor-info .box em{ margin-top:20px; width: 30px; height:30px;}
	.honor-info ul{ margin-top: 25px; width: 100%; padding:0 20px 20px;}
	.honor-box { margin-top: 45px;}
	.honor-box .slick{  padding: 0 40px; margin:20px -5px 0;}
	.honor-pop .close{ top:-35px; right:0;}
	
	
	
	
	.culture{ padding: 40px 0;}
	.culture-box .left{ width: 100%;}
	.culture-box .left .tit{ font-size:22px; text-align: center;}
	.culture-box .left .des{ margin-top: 20px; }
	.culture-box .right{ margin-top: 25px; max-width: 100%; width:100%;}
	.social-responsibility{ margin-top: 40px;}
	.social-responsibility ul{ margin-top:0;}
	.social-responsibility li{ margin-top: 30px;}
	.social-responsibility li .img{ width: 100%;}
	.social-responsibility li .text{ width: 100%; padding:20px;}
	.social-responsibility li .text .tit span{ font-size: 20px;}
	.social-responsibility li .text .des{ margin-top: 20px;}
	.social-welfare{ margin-top:40px;}
	.social-welfare .content{ margin:35px 0 0;}
	.social-welfare .slick-slide{ padding:0;}
	
		
	
	
	
	.video{ padding: 20px 0 40px;}
	.video-list{ margin-bottom: 20px;}
	.video-list li{ width: 100%;}
	
	
	
	
	
	.contact{ padding: 40px 0;}
	.contact-ul{ margin-top:20px;}
	.contact-ul li{ margin-top: 20px; width: 100%; margin-right: 0; height: auto;padding:30px 15px; }
	.contact-ul li:nth-child(3n){ margin-right: 0;}
	.contact-ul li .item{ padding: 0; }
	.contact-ul li .item div{ margin-left:60px;padding-left: 15px;}
	.contact-ul li .item div p{font-size: 15px;}
	.contact-ul li .item div b{ font-size: 20px;}
	.contact-info{ padding-top: 0; margin:0;}
	.contact-info li{  margin-top: 40px; width: 100%; padding: 0; margin-top:40px;}
	.contact .map-box{ height:280px;}

}









.wholehouse{ padding-bottom: 100px;}
.wholehouse-theme{ text-align: center;}
.wholehouse-theme{ padding-bottom: 25px; position: relative;}
.wholehouse-theme:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -170px; width: 340px; height: 1px; background: #EEEEEE;}
.wholehouse-theme img{ display: inline-block; vertical-align:middle;}
.wholehouse-theme span{ margin-left: 15px; padding-left: 22px; position: relative; display:inline-block; vertical-align: middle; font-size: 30px; color: #333333; letter-spacing:4px;}
.wholehouse-theme span:before{ content: ""; position: absolute; top:50%; margin-top: -3px; left:0; width: 6px; height: 6px; border-radius: 50%; background: #b48b62;}
.wholehouse-theme p{ margin-top: 15px; letter-spacing: 10px; font-size: 16px;}


.wholehouse-point-box{ padding:80px 0 75px; border-bottom: 1px solid #EEEEEE;}
.wholehouse-point-box ul{ margin:0 -10px;}
.wholehouse-point-box li{ margin-top:30px; float: left; width: 20%; padding: 0 5px;} 
.wholehouse-point-box .item{ position: relative; border: 1px solid #eeeeee; background-image: url(../Images/point_bg.jpg); background-size: cover; text-align: center; padding: 25px 5px 30px;}
.wholehouse-point-box .item span{ display: inline-block; border-radius: 50%; background: #102543;}
.wholehouse-point-box .item p{ margin-top: 10px; font-size: 18px; color: #333333; letter-spacing: 2px;}
.wholehouse-point-box .item i{ font-size: 12px; font-style: normal; color: #aaaaaa; text-transform: uppercase; letter-spacing:1px;}
.wholehouse-point-box .item:hover { background: #FFFFFF; -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08);-moz-box-shadow:0 0 30px rgba(0,0,0,.08);-webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
.wholehouse-point-box .item:hover span{ background: #b48b62;}
.wholehouse-point-box .item:hover p{ color: #b48b62;}


.wholehouse-design{ padding-top: 110px;}
.wholehouse-design .content{ margin: 30px 0 75px;}
.wholehouse-design .slick-dots{ bottom:-50px;}
.wholehouse-design .item{ float: left; width: 48.5%; margin-right:3%; position: relative;}
.wholehouse-design .item span{ position: absolute; bottom: 0; left:0; padding:15px 40px; color: #ffffff;  font-size: 16px; letter-spacing: 3px; background: rgba(16,18,40,.8);}
.wholehouse-design .item:last-child{ margin-right: 0; }
.wholehouse-more{ margin:0 auto;  width: 140px; height: 32px; line-height: 32px; font-size: 12px; display: block; background: #b48b62; color:#FFFFFF; text-align: center;}

.budget-analysis{ padding-top: 95px;}
.budget-analysis ul{ margin-bottom: 60px;}
.budget-analysis li{ margin-top: 30px; }
.budget-analysis li .img{ float: left;}
.budget-analysis li .text{ margin-left: 50px; float: left;padding-top: 12px; }
.budget-analysis li .text span{ display: block; font-size: 20px; color: #333333; letter-spacing: 3px;}
.budget-analysis li .text p{ margin-top: 5px; font-size: 12px; color: #cccccc; text-transform: uppercase;}
.budget-analysis li .text div{ margin-top: 20px; max-width: 380px; display: inline-block; color: #777777; line-height:30px; letter-spacing:2px;}
.budget-analysis li:nth-child(2n) .img{ float: right;}
.budget-analysis li:nth-child(2n) .text{ float: right; text-align: right; margin-left:0; margin-right: 50px;}


.wholehouse-material{ margin-top: 90px; padding-top: 95px; border-top: 1px solid #EEEEEE;}
.wholehouse-material .wholehouse-theme{ padding-bottom: 0;}
.wholehouse-material .tab{ margin: 20px 0; text-align: center;}
.wholehouse-material .tab span{ margin: 0 3px; display: inline-block; padding:8px 40px; font-size: 12px; border: 1px solid #0a2444; color: #333333; letter-spacing: 2px; cursor: pointer;}
.wholehouse-material .tab span.active{ background: #102543; border: 1px solid #102543; color: #FFFFFF;}
.wholehouse-material .js-tab-con{ height: 0; overflow: hidden;}
.wholehouse-material .js-tab-con.active{ height:auto;}
.wholehouse-material .content{ margin: 0 -10px;}
.wholehouse-material .slick{ padding-bottom:70px;}
.wholehouse-material .slick-dots{ bottom:30px;}
.wholehouse-material .slick-slide{ padding:0 10px;}
.wholehouse-material .slick-slide .item{ margin: 22px 10px; position:relative;}
.wholehouse-material .slick-slide .item:before{ content: ""; position: absolute; bottom:-4px; left:0; width:0; height: 3px; background: #b18b61; -webkit-transition: all ease .4s; -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.wholehouse-material .slick-slide .item:hover{ -o-box-shadow:0 0 15px rgba(0,0,0,.08); -ms-box-shadow:0 0 15px rgba(0,0,0,.08);-moz-box-shadow:0 0 15px rgba(0,0,0,.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);box-shadow:0 0 15px rgba(0,0,0,.08);}
.wholehouse-material .slick-slide .item:hover:before{ width: 100%; }


.intelligent-equipment{ margin-top: 100px;} 
.intelligent-equipment ul{ margin: 60px -10px 0;}
.intelligent-equipment li{ float: left; width: 25%; padding:0 10px; text-align: center;}
.intelligent-equipment li .item{ border: 1px solid #EEEEEE;  padding:35px 20px 25px; position: relative;}
.intelligent-equipment li .item .tit{ position: absolute; top:0; left:0; width: 100%; line-height: 30px; height: 30px; margin-top: -15px;}
.intelligent-equipment li .item span{ display:inline-block; padding: 0 15px; background: #FFFFFF; letter-spacing: 2px; font-size: 17px; font-weight: bold; color: #b08b62;}
.intelligent-equipment li .item i{ display:inline-block; margin: -28px auto 0; background: #102543; border-radius: 50%;}
.intelligent-equipment li .item .text{ margin-top: 20px; font-size: 12px; letter-spacing:2px; line-height: 18px; min-height: 144px;}
.intelligent-equipment li .item:hover{ border:1px solid #FFFFFF; -o-box-shadow:0 0 15px rgba(0,0,0,.08); -ms-box-shadow:0 0 15px rgba(0,0,0,.08);-moz-box-shadow:0 0 15px rgba(0,0,0,.08);-webkit-box-shadow:0 0 15px rgba(0,0,0,.08);box-shadow:0 0 15px rgba(0,0,0,.08);}
.intelligent-equipment li .item:hover i{ background: #b48b62;}

.wholehouse-add{ margin-top: 70px;}

.wholehouse-systems{ padding: 75px 0 80px;}
.wholehouse-systems .ny-tit:after{ display: none;}
.wholehouse-systems ul{ margin: 40px -15px 0;}
.wholehouse-systems li{ float: left; width: 25%; padding: 0 15px;} 
.wholehouse-systems li .item{ border: 1px solid #EEEEEE; padding: 20px 12px;}
.wholehouse-systems li .item img{ float: left;}
.wholehouse-systems li .item div{ margin-left: 75px; width: 100%; line-height: 60px; padding-left: 20px; font-size: 20px; color: #333333; border-left: 1px dashed #707070;}
.wholehouse-systems .content{ margin-top: 60px;}
.wholehouse-systems .content .left{ float: left; width: 38%; max-width: 435px; padding-top:5px; background: url(../Images/systems_png.png) no-repeat left top; padding-left: 40px;}
.wholehouse-systems .content .left .cn{ font-size: 18px; color: #b48b62; line-height: 32px; letter-spacing:4px;}
.wholehouse-systems .content .left .en{ margin-top: 10px; font-size: 12px; line-height: 24px; letter-spacing: 1px; color: #aaaaaa; text-transform: uppercase;}
.wholehouse-systems .content .right{  float: right; width: 59%;}
.wholehouse-systems .content .right p{ margin-bottom:35px; padding-left:65px; position: relative; line-height: 24px; font-size: 12px; color: #333333;}
.wholehouse-systems .content .right p:last-child{ margin-bottom: 0}
.wholehouse-systems .content .right p:before{ content: ""; position: absolute; top:5px; left:0; border: 2px solid #c3c3c3; width: 14px; height: 14px; border-radius:50%; display: inline-block;}


.golden-box{ padding-top: 80px; border-top: 1px solid #EEEEEE;}
.golden-box .des{ margin:25px auto 0; text-align:center; line-height: 30px; letter-spacing: 2px;}
.golden-box .content{ margin-top: 45px; background: url(../Images/golden_bg.jpg) bottom center no-repeat;}

.construction-box{ margin: 85px 0 100px;}
.construction-box ul{ margin: 30px -10px 0;}
.construction-box li{ float:left; width: 50%; padding: 10px;}
.construction-box li .item{ position: relative; border: 1px solid #eeeeee;}
.construction-box li .img{ width:60%; }
.construction-box li .text{ position: absolute; top:0; right:0px; width: 40%; height: 100%; text-align:center;}
.construction-box li .text .con{ display: inline-block; vertical-align: middle; color: #333333;}
.construction-box li .text i{ display:inline-block; height: 100%; vertical-align: middle;}
.construction-box li .text span{ display: inline-block; width: 40px; height:40px; border-radius: 50%; background: #102543; color: #FFFFFF; line-height: 40px; text-align: center; font-size: 16px;}
.construction-box li .text p{ margin-top: 10px; font-size: 16px;}
.construction-box li .text h2{ margin-top:5px;  font-size: 20px; letter-spacing: 2px;}
.construction-box li .text a{ margin-top:15px; display: inline-block; color:#FFFFFF; font-size: 12px; background: #b48b62; color: #FFFFFF; padding: 3px 20px; text-transform:uppercase;}








.softlife-theme{ text-align: center;}
.softlife-theme{ padding-bottom: 25px; position: relative;}
.softlife-theme:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left: -160px; width: 320px; height: 1px; background: #EEEEEE;}
.softlife-theme span{ display: block; font-size: 30px; color: #333333; letter-spacing:4px;}
.softlife-theme p{ margin-top: 15px; letter-spacing: 10px; font-size: 16px;}

.softlife-enjoy{ padding: 85px 0; border-bottom: 1px solid #EEEEEE;}
.softlife-enjoy .ny-des{ margin-top: 40px; line-height: 30px; text-align: center;}
.softlife-enjoy .tab{ margin-top: 45px; margin-bottom: 25px; text-align: center;}
.softlife-enjoy .tab span{ margin: 0 5px; display: inline-block; padding:10px 40px; font-size: 12px; border: 1px solid #EEEEEE; color: #333333; letter-spacing: 2px; cursor: pointer;}
.softlife-enjoy .tab span.active{ background: #102543; border: 1px solid #102543; color: #FFFFFF;}
.softlife-enjoy .js-tab-con{ height:0; overflow: hidden;}
.softlife-enjoy .js-tab-con.active{ height: auto;}

.enjoy-content-01{ border: 1px solid #EEEEEE; border-bottom: none; position:relative;}
.enjoy-content-01 .left{ float: left; width: 50%;}
.enjoy-content-01 .right{ float: right; width: 50%; text-align:right; padding:65px 65px 0; }
.enjoy-content-01 .right .tit{ width: 100%; padding-bottom: 25px; position: relative;color: #999999; }
.enjoy-content-01 .right .tit:after{ content: ""; position: absolute; bottom:0; right:0%; width: 65px; height:2px; background: #b48b62;}
.enjoy-content-01 .right .tit span{ display: block; font-size: 30px; color: #333333;}
.enjoy-content-01 .right .tit i{ margin-top: 5px; font-size: 12px; color: #aaaaaa; letter-spacing:5px; text-transform: uppercase; font-style: normal;}
.enjoy-content-01 .right .tit p{ margin-top: 15px; font-size: 18px; color: #333333; letter-spacing: 3px;}
.enjoy-content-01 .right .des{ float: right; margin-top:25px; line-height:30px; font-size: 13px; max-width: 445px;}
.enjoy-content-02{ background: #f5f5f5; position:relative;}
.enjoy-content-02 .box-con{ text-align: center; padding:0 60px;}
.enjoy-content-02 .box-con .con+i{ display: inline-block; vertical-align: middle; height: 178px;}
.enjoy-content-02 .box-con .con{ display: inline-block; vertical-align: middle; text-align:left;}
.enjoy-content-02 .box-con .tit{ font-size: 20px; color: #b48b62; font-weight: bold;letter-spacing:3px; position: relative;}
.enjoy-content-02 .box-con .tit span{ display: inline-block;font-style:italic; }
.enjoy-content-02 .box-con .tit:before{ content: " “ "; position: absolute; top:-5px; left:-35px; font-size:38px; color:#FFFFFF; opacity: .5; font-family: arial;} 
.enjoy-content-02 .box-con .tit:after{content: " ” ";  position: absolute; top:0; right:-35px;font-size:38px; color:#FFFFFF; opacity: .5;  font-family: arial;}
.enjoy-content-02 .box-con .des{ margin-top:8px; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #FFFFFF; opacity: .16; letter-spacing: 5px;}
.enjoy-content-02 .box-con .name{ margin-top: 15px; text-align: right; font-style:italic; letter-spacing: 2px; color: #FFFFFF;}
.enjoy-content-02 .box-con .name span{ position: relative;}
.enjoy-content-02 .box-con .name span:before{ content: ""; position: absolute; top:50%; left:-58px; width: 45px; height: 1px; background: #FFFFFF;}
.enjoy-content-02 .box-text{ width: 50%; padding: 35px 35px 0; text-align: center; height: 178px;}
.enjoy-content-02 .box-text .tit{ padding-bottom: 10px; position: relative;color: #999999; }
.enjoy-content-02 .box-text .tit:after{ content: ""; position: absolute; bottom:0; left:50%; margin-left: -15px; width: 30px; height:2px; background: #b48b62;}
.enjoy-content-02 .box-text .tit span{ display: block; font-size: 14px; text-transform: uppercase;}
.enjoy-content-02 .box-text .tit p{ margin-top: 5px; font-size: 20px; color: #333333; letter-spacing: 3px;}
.enjoy-content-02 .box-text .des{ margin-top:10px; line-height: 24px; font-size: 13px;}
.enjoy-content-02 .left{ float: left; width: 50%;}
.enjoy-content-02 .left .box{ height: 178px; background-size:cover;}
.enjoy-content-02 .left .box .img{ float: left; width:50%; height: 178px; background-size: cover;}
.enjoy-content-02 .left .box2 .box-text{ float: right;}
.enjoy-content-02 .right{ position: absolute; top:0; right:0; height: 100%; width: 50%;  background-size:cover;}
.enjoy-content-02 .right .box-text{ position: absolute; bottom:0; right:0; background: rgba(10,36,68,.8);  color:#FFFFFF;}
.enjoy-content-02 .right .box-text .tit{ color: #FFFFFF;}
.enjoy-content-02 .right .box-text .tit:after{ background: #FFFFFF;}
.enjoy-content-02 .right .box-text p{color: #FFFFFF;}

@media (max-width:1340px){
	.enjoy-content-01 .right{ padding: 40px 40px 0;}
	.enjoy-content-01 .right .tit span{ font-size: 26px;}
	.enjoy-content-02 .box-con .tit{ font-size: 16px;}
	.enjoy-content-02 .box-text{ padding:25px 10px 0;}
	.enjoy-content-02 .box-text .tit p{ font-size:16px;}
}


.softlife-enjoy-slick{ margin:40px 0 65px; padding: 0 50px;}
.softlife-enjoy-slick .slick-prev{ left:0;}
.softlife-enjoy-slick .slick-next{ right: 0;}
.softlife-enjoy-slick .slick-dots{ bottom:-65px;}
.softlife-enjoy-slick .slick-slide{ padding: 0 10px; text-align:center;}
.softlife-enjoy-slick .slick-slide p{ margin-top: 10px; font-size: 12px; color: #999999;}


.softlife-designer{ margin-top: 100px;}
.softlife-designer .content{ margin: 32px -5px 0;}
.softlife-designer .col{ float: left;}
.softlife-designer .box{ padding: 5px;}
.softlife-designer .col-01{ width: 21%; position: relative;}
.softlife-designer .col-01 .box i{ padding-bottom: 78.5%; display: block;}
.softlife-designer .col-01 .box .con{ position: absolute; top:0; left:0; padding: 5px;}
.softlife-designer .col-01 .box .con span{ display:block; padding-bottom: 20px; position: relative; font-size: 24px; color: #bb9570; line-height: 36px; text-transform: uppercase; font-weight:bold;}
.softlife-designer .col-01 .box .con span:after{ content: ""; position: absolute; bottom:0; left:0; width:20px; height: 2px; background: #102543;}
.softlife-designer .col-01 .box .con p{ margin-top: 10px; font-size: 12px; color: #aaaaaa; letter-spacing:10px;}
.softlife-designer .col-02{ width: 37.5%;}
.softlife-designer .col-03{ width: 41.5%; position: relative;}
.softlife-designer .col-03 .row .box{ float: left; width: 50%;}
.softlife-designer .col-03 .box{ position: relative;}
.softlife-designer .col-03 .box i{ padding-bottom: 38%; display: block;}
.softlife-designer .col-03 .con{  position: absolute; top:0; left:0;  width: 100%; height: 100%; padding: 5px;}
.softlife-designer .col-03 .con .text{ margin-top: 10px; text-align: right; font-size: 16px; line-height: 30px; color: #b48b62;}
.softlife-designer .col-03 .con .en{ padding-bottom: 35px; position: relative; margin-top: 10px; font-size: 12px; text-transform: uppercase; color: #aaaaaa; text-align: right; letter-spacing:2px;}
.softlife-designer .col-03 .con .en:after{ content: ""; position: absolute; bottom:0; right:0; width:30px; height: 2px; background: #d2d2d2;}
.softlife-designer .col-03 .con .more{ position: absolute; bottom:0; left:0; padding:8px 30px; font-size: 12px; display: inline-block; background: #b48b62; color:#FFFFFF;}

@media (max-width:1240px){
	.softlife-designer .col-01 .box .con span{ font-size: 20px; line-height:28px;}
	.softlife-designer .col-03 .con .text{ font-size: 14px; line-height: 24px;}
	.softlife-designer .col-03 .con .en{ font-size:13px;}
}


.softlife-style{ margin-top: 100px;}
.softlife-style ul{ margin: 0 -15px;}
.softlife-style li{ margin-top: 35px; float: left; width: 33.333333333%; padding: 0 15px;}
.softlife-style li .item{border: 1px solid #eeeeee; }
.softlife-style li .img{ position: relative;}
.softlife-style li .img-vertical i{ padding-bottom: 66.842105%;}
.softlife-style li .img .bg{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(10,36,68,.8); text-align: center;-webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; overflow: hidden;}
.softlife-style li .img .bg i{ position:absolute; top:50%;  left:50%; margin-left: -24px; margin-top: -24px; display: inline-block; width: 48px; height: 48px; background-image:url(../Images/ico_search.png);}
.softlife-style li .text{ border-top: none; padding: 25px;}
.softlife-style li .text span{ display: block; font-size: 12px; color: #999999;}
.softlife-style li .text p{ margin: 5px 0;  font-size: 20px; color: #333333;}
.softlife-style li .text div{ font-size: 12px; color: #999999; line-height: 24px; height: 48px; overflow: hidden;}
.softlife-style li .text em{ color: #b48b62;}
.softlife-style li .item:hover{ border: 1px solid #FFFFFF;}
.softlife-style li .item:hover .img .bg{ height: 100%;}
.softlife-style li .item:hover .text{ -o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08);-moz-box-shadow:0 0 30px rgba(0,0,0,.08);-webkit-box-shadow:0 0 30px rgba(0,0,0,.08);box-shadow:0 0 30px rgba(0,0,0,.08);}
.softlife-style li .item:hover p{ color: #b48b62;}


.softlife-choose{ margin-top: 110px;}
.softlife-choose .content{ margin-top: 50px;}
.softlife-choose ul{ float: left; width:65%;}
.softlife-choose li{ margin-bottom: 55px; float: left; width:33.3333333333%; padding-left:20px;}
.softlife-choose li:nth-child(3n+1){ clear: both;}
.softlife-choose li img{ float: left;}
.softlife-choose li div{ margin-left:50px; max-width: 180px;}
.softlife-choose li div span{ display: block; font-size: 16px; color: #333333;}
.softlife-choose ul div p{ margin-top: 10px; color: #777777; line-height: 22px; font-size: 12px; letter-spacing:1px;} 
.softlife-choose .img{ float: right; width: 35%; position:relative; text-align: right;}
.softlife-choose .img div{ position: absolute; top:0; left:0; width: 100%; text-align: right; color: #b48b62; letter-spacing: 2px;}
.softlife-choose .img div span{ display: block; font-size: 26px; line-height: 30px; text-transform:uppercase;}
.softlife-choose .img div p{ margin-top:8px; font-size: 12px; text-transform: uppercase; font-size: 16px; line-height: 26px;}


.softlife-life{ margin-top:20px;}
.softlife-life .ny-tit:after{ display: none;}
.softlife-life ul{ margin-bottom: 45px;}
.softlife-life li{ margin-top:40px; float: left; width:20%; text-align: center; position: relative;}
.softlife-life li:after{ content: ""; position: absolute; bottom: 18px; right:-50px; width: 100px;  border-bottom:1px dashed #e5e5e5;}
.softlife-life li:before{content: ""; position: absolute; top:22px; right:-10px; width: 0px; height: 0px; border-style:dashed dashed dashed solid;  border-color:transparent transparent transparent #6d7d93 ; border-width:7px;}
.softlife-life li:last-child:after,
.softlife-life li:last-child:before{ display: none;}
.softlife-life li i{ display: inline-block; background: #0a2444; border-radius: 50%;}
.softlife-life li p{ margin-top: 10px; font-size: 16px; line-height: 24px; color: #111111;}
.softlife-life li div{ margin: 10px auto 0; max-width:190px; font-size: 12px; line-height:22px; color: #999999; min-height:66px; overflow: hidden;}
.softlife-life li span{ margin-top:20px; display: inline-block; font-size: 12px; width: 25px; height:30px; line-height: 30px; background: url(../Images/ico_liubian.png); color: #999999;}
.softlife-life li:hover i{ background: #b48b62;}
.softlife-life li:hover p{ color: #b48b62;}



.magazine-box{ margin-top: 85px;}
.magazine-box ul{ margin: 0 -33px;}
.magazine-box li{ margin-top:50px; float: left; width: 25%; padding: 0 33px; text-align: center;}
.magazine-box li .img{ position: relative;}
.magazine-box li .img .bg{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(10,36,68,.8); text-align: center;-webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; overflow: hidden;}
.magazine-box li .img .bg i{ position:absolute; top:50%;  left:50%; margin-left: -24px; margin-top: -24px; display: inline-block; width: 48px; height: 48px; background-image:url(../Images/ico_search.png);}
.magazine-box li span{ margin-top:10px; display: block; font-size: 12px;}
.magazine-box li p{ margin-top: 5px; font-size: 20px; color:#333333;}
.magazine-box li:hover .img .bg{ height: 100%;}
.magazine-box li:hover p{ color: #b48b62;}

.softlife .ny-newsbox{ padding-bottom: 100px;}
.softlife .ny-newsbox .ny-more2{ margin-top:50px;}





.softlife-magazine{ padding: 80px 0 110px;}
.softlife-magazine .img-box{ margin:0 -7px; }
.softlife-magazine .img-box li{ margin-top: 35px; float: left; width: 25%; padding: 0 7px;}
.softlife-magazine .img-box .item{ position: relative;}
.softlife-magazine .img-box .item .img{ width: 100%;}
.softlife-magazine .img-box .item .png{ position: absolute; top:15px; left:15px;}
.softlife-magazine .img-box .item span{ position: absolute; bottom:20px; left:20px; color: #FFFFFF; font-size: 18px; letter-spacing: 3px;}
.softlife-magazine .text-box{ margin: 35px -10px 60px;}
.softlife-magazine .text-box li{ float: left; width:50%; padding: 0 10px; line-height: 40px; font-size: 16px; color: #333333;}

@media (max-width:999px) {
	
	
	
	.softlife-magazine{ padding:40px 0;}
	.softlife-magazine .img-box li{ width:50%;}
	.softlife-magazine .text-box li{ width: 100%; font-size: 13px;}
}







.main-404{ padding:200px 0 150px; text-align: center;}
.main-404 .p1{ margin-bottom: 10px;}




.section-search{ padding:150px 0 50px;}
.section-search .theme{ text-align: center; font-size:26px; color: #333;}
.section-search .search-tit{ margin: 50px 0 20px; font-size:22px; color: #333333; position: relative; padding-left: 15px;}
.section-search .search-tit:before{ content: ""; position: absolute; left:0; top:50%; margin-top:-10px; border-left:3px solid #bd9976; height: 20px;}


@media screen and (max-width:600px) {

	
	
	
	.main-404{ padding:20px 0 60px;}
	
	
	
	
	.section-search{ padding: 40px 0 0;}
	.section-search .theme{ font-size: 26px;}
	.section-search .search-tit{ margin-top: 30px; font-size: 20px;}
}