/**
 * 人人站CMS
 * ============================================================================
 * 版权所有 2015-2030 山东康程信息科技有限公司，并保留所有权利。
 * 网站地址: http://www.rrzcms.com
 * ----------------------------------------------------------------------------
 * 如果商业用途务必到官方购买正版授权, 以免引起不必要的法律纠纷.
 * ============================================================================
 */

.ny-banner{height:500px;background-position:center;padding-top:200px;text-align:center;color:#fff;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:#999;font-size:12px;text-align:right;border-bottom:1px solid #eee}
.bread span{margin:0 5px}
.bread i{font-style:normal;color:#333}
.ny-sub{border-bottom:1px solid #eee}
.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 #eee;text-align:center}
.ny-sub .sub a{float:left;width:16.6666667%;display:block;line-height:66px;height:66px;border-right:1px solid #eee;font-size:16px;color:#333;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(../img/ny_sub_bg.png);background-size:cover}
.ny-sub .sub a.active:before{display:block}
.page{text-align:center;line-height:38px}
.page a,.page i,.page span{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.current,.page a:hover,.page span.current,.page span:hover{background:#b48b62;border:1px solid #b48b62;font-weight:700;color:#fff}
.ny-more{margin:0 auto;width:180px;height:46px;line-height:46px;display:block;text-align:center;font-size:12px;color:#fff;background:#b48b62}
.ny-more2{margin:0 auto;width:150px;height:40px;line-height:40px;display:block;text-align:center;font-size:12px;color:#fff;background:#b48b62}
.filter{border:1px solid #eee}
.filter-choice{position:relative;background:#eee;color:#333;padding:8px 125px 0 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:#999}
.filter-choice div span{margin-right:5px;margin-bottom:8px;display:inline-block;padding:0 30px 0 18px;background:#0a2444;color:#fff;line-height:26px;height:26px;position:relative}
.filter-choice div span i{cursor:pointer;position:absolute;right:0;width:30px;height:26px;background:url(../img/filter_close.png)}
.filter-con{position:relative;padding:0 50px}
.filter-con .item{padding:5px 0 5px 100px;border-bottom:1px solid #eee;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:#777}
.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(../img/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 #eee;border-bottom:none;border-right:none}
.filter-mobile .tab .item{float:left;width:50%;border-right:1px solid #eee;border-bottom:1px solid #eee;height:40px;line-height:40px;font-size:14px;padding:0 10px 0 25px;position:relative;background:#fff;-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:700}
.filter-mobile .tab .item:after{position:absolute;top:18px;right:10px;content:"";width:0;height:0;border-style:solid dashed dashed dashed;border-color:#666 transparent transparent transparent;border-width:5px}
.filter-mobile .tab .item select{width:100%;border:none;background:0 0;padding:.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 #fff;color:#fff;border-radius:5px}
.filter-mobile2 .tabcon{top:40px}
.filter-search{margin-top:10px;padding:10px 50px;line-height:30px;background:#eee}
.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:#666}
.filter-search .bt{position:absolute;top:0;right:0;height:30px;width:67px;background:url(../img/filter_search.png)}
.filter-search .result{float:right;color:#999}
.ny-theme{padding-bottom:12px;position:relative;border-bottom:1px solid #eee}
.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:#ccc;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:#333;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:#777}
.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(../img/flip_prev.png);background-size:cover}
.flip .next{float:right;padding-right:20px}
.flip .next:before{right:0;background-image:url(../img/flip_next.png);background-size:cover}
.flip a:hover{color:#b48b62}
.flip .prev:hover:before{background-image:url(../img/flip_prevh.png)}
.flip .next:hover:before{background-image:url(../img/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:.8rem 0;line-height:.8rem;letter-spacing:0}
	.ny-banner .box:before{width:1.6rem;margin-left:-.8rem;border:.06666666rem solid #b48b62}
	.ny-banner .box h2{font-size:.74666666rem}
	.ny-banner .box p{font-size:.56rem;letter-spacing:.1rem}
	.ny-banner .box p:after{bottom:-.4rem;height:2px;width:.4rem;margin-left:-.2rem}
	.ny-banner .des{margin-top:.06666666rem;font-size:.29333333rem;letter-spacing:.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 #eee}
	.ny-sub .sub2 a{width:50%}
	.page{line-height:32px}
	.page a,.page i,.page span{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:#999}
.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:#222}
.ny-newsbox .content .left .tit em{position:absolute;top:0;right:0;padding-left:26px;color:#333;background:url(../img/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:#fff}
.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:#999}
.ny-newsbox li .tit{font-size:18px;color:#222}
.ny-newsbox li .des{margin-top:12px;font-size:12px;color:#999;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:#fff;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:#fff}
.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:#fff;position:relative;border:1px solid #eee}
.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(../img/case/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:#fff;font-size:12px;line-height:28px;max-height:48px;overflow:hidden}
.case-item .pop span{display:inline-block;width:48px;height:48px;background:url(../img/ico_search.png)}
.case-item .text{padding:15px 25px;border-top:1px solid #eee}
.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(../img/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 .tit em.active,.case-item:hover .tit em{background:url(../img/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 #eee}
.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 #eee}
.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-next,.case-img-scroll .slick-nav .slick-prev{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(../img/case_img_prev.png)}
.case-img-scroll .slick-nav .slick-next{bottom:0;background-image:url(../img/case_img_next.png)}
.case-img-scroll .slick-nav .slick-next:hover,.case-img-scroll .slick-nav .slick-prev: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:#fff;background:#0a2444}
.case-detail-content{border-top:1px solid #e5e5e5;margin-top:45px}
.case-detail-info{margin-top:40px;float:none;width:95%;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:#333}
.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(../img/ico_heart.png) 15px 6px no-repeat;cursor:pointer}
.case-detail-info .tit .view.active,.case-detail-info .tit .view:hover{background:url(../img/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:95%;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:#fff;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:1%}
.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:#999;letter-spacing:2px}
.case-designer .item h2 span{margin-right:10px;font-size:24px;color:#333;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:#333;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.active,.case-designer .item .text .bt a:hover{background:#b48b62;color:#fff}
.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:#fff;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:18px}
	.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(3n+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(../img/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:#fff;padding:10px 0;text-align:center;cursor:pointer}
.designer-detail-box .img .text span{display:inline-block;vertical-align:middle;ccolor:#fff;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(../img/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:#999;text-transform:uppercase}
.designer-detail-box .right .tit span{margin-right:15px;font-size:30px;color:#333;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:#333}
.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:#333;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:#999;text-transform:uppercase;letter-spacing:2px;color:#ccc;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 #eee}
.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:#fff;font-size:12px;line-height:28px;max-height:48px;overflow:hidden}
.designer-item .pop span{display:inline-block;width:48px;height:48px;background:url(../img/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:#999;text-transform:uppercase}
.designer-item .tit div span{margin-right:8px;display:inline-block;font-size:24px;color:#333}
.designer-item .tit em{position:absolute;right:0;top:50%;margin-top:-11px;line-height:22px;cursor:pointer;line-height:30px;background:url(../img/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 #eee;font-size:12px;line-height:32px}
.designer-item .bt a{float:left;display:inline-block;width:55%;max-width:130px;background:#b48b62;color:#fff;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 #fff}
.designer-item:hover .pop{height:100%}
.designer-item:hover .tit div span{color:#b48b62}
.designer-item .tit em.active,.designer-item:hover .tit em{color:#b48b62;background:url(../img/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:#333;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:#fff;background:url(../img/designer/ico_new.png);font-style:normal;padding-left:13px}
.construction-site li .col{padding:0 15px;position:relative;color:#333;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:#fff;text-align:center}
@media (max-width:999px){.designer{padding:40px 0}
	.designer-detail-box{margin:40px 0;padding:0;background:0 0}
	.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:700;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 #eee;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:#fff}
.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:#fff}
.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:#fff;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:#fff}
.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:#333;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:#333}
.hotcase-detail-box .right .tip{padding:20px 0;font-size:12px;border-bottom:1px dashed #eee}
.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(../img/ico_hotcase_01.png)}
.hotcase-detail-box .right .tip .ico-02{background:url(../img/ico_hotcase_02.png)}
.hotcase-detail-box .right .tip .ico-03{background:url(../img/ico_hotcase_03.png)}
.hotcase-detail-box .right .des{margin-top:30px;line-height:30px;color:#999}
.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:#fff;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-next,.hotcase-chooseplan-item .slick .slick-prev{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-next:hover,.hotcase-chooseplan-item .slick .slick-prev: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:#fff;letter-spacing:1px}
.hotcase-chooseplan-item .right{float:right;width:30%;padding-top:15px}
.hotcase-chooseplan-item .right .tit{font-size:20px;background:url(../img/hotcase/ico_designer.png) no-repeat left;padding-left:40px;color:#333}
.hotcase-chooseplan-item .right .des{padding:15px 0 60px;border-bottom:1px solid #eee;line-height:30px;color:#999}
.hotcase-chooseplan-item .right .in{position:relative;padding-left:75px;border-bottom:1px solid #eee}
.hotcase-chooseplan-item .right .in span{position:absolute;top:0;left:0;line-height:50px;color:#333}
.hotcase-chooseplan-item .right .in input{width:100%;height:50px;padding:13px 0;line-height:24px;border:none;background:0 0}
.hotcase-chooseplan-item .right .button{margin-top:35px}
.hotcase-chooseplan-item .right .button input{width:70%;border:1px solid #434343;background:0 0;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:#333;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:#eee}
.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:#fff;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:#333;letter-spacing:3px}
.genero-service li div p{margin-top:4px;font-size:12px;color:#aaa;text-transform:uppercase}
.genero-service li div span{display:block;font-size:16px;line-height:18px;color:#333;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:#fff;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(../img/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-next,.hotcase-chooseplan-item .slick .slick-prev{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(../img/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:#fff;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:#333}
.seiko-point li .item .text p{margin-top:12px;color:#bbb;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(0);-webkit-transform:rotateY(0);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 #eee;border-left:1px solid #eee}
.seiko-quality li{float:left;width:25%;text-align:center;border:1px solid #eee;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:#333}
.seiko-quality li p{margin-top:10px;font-size:12px;color:#bbb;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:#eee}
.seiko-technology-tit span{position:relative;display:inline-block;vertical-align:middle;font-size:30px;color:#333;letter-spacing:4px}
.seiko-technology-tit p{margin-top:15px;letter-spacing:2px}
.seiko-patent{padding:110px 0 100px;background-image:url(../img/whole_house_bg.jpg);background-size:cover}
.seiko-patent .seiko-technology-tit span{background:url(../img/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:700;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:#999;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:#fff;text-decoration:underline!important;text-align:center}
.seiko-patent .right a span{display:inline-block;background:url(../img/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 #fff}
.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.active .img .default,.seiko-technology .tab li:hover .img .default{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);opacity:0}
.seiko-technology .tab li.active .img .hover,.seiko-technology .tab li:hover .img .hover{transform:rotateY(0);-webkit-transform:rotateY(0);opacity:1}
.seiko-technology .tab li.active:before{display:block}
.seiko-technology .tab li.active p,.seiko-technology .tab li:hover p{color:#b48b62}
.seiko-technology .js-tab-box{margin-top:45px;padding:60px 20px 35px;background-image:url(../img/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:#333;letter-spacing:3px}
.seiko-technology .js-tab-con .tit p{margin-top:15px;font-size:12px;color:#bbb;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:#fff;-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:#333;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 #eee;background-image:url(../img/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(../img/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:#333;letter-spacing:3px}
.service-box .item .tit p{font-size:12px;color:#aaa;text-transform:uppercase;letter-spacing:1px}
.service-box .item .des{margin:15px auto 0;max-width:160px;line-height:22px;min-height:44px;color:#777}
.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:#eee}
.service-content .tit span{display:block;font-size:30px;color:#333;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:#fff}
.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:0 0}
	.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:#eee}
.material-box .tit span{display:block;font-size:30px;color:#333;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:#333;letter-spacing:3px}
.material-box li p{margin-top:5px;font-size:12px;color:#aaa;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:#eee}
.supplychain-brand .tit span{display:block;font-size:30px;color:#333;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 #eee}
.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:#777;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:#333}
.news-link li i{display:inline-block;font-style:normal;vertical-align:middle;font-size:1px;color:#bbb;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:#fff}
.news-link li a.active span{color:#fff}
.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:#999;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 #eee;padding-left:50px;color:#999}
.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(../img/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:#fff;border-bottom:1px solid #fff;-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:#333;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:#999}
.article-come span{margin:0 10px;padding-left:28px;display:inline-block;vertical-align:middle;position:relative}
.article-come .span-date{background:url(../img/article_time.png) no-repeat left}
.article-come .span-num{background:url(../img/article_num.png) no-repeat left}
.news-article{margin-top:15px;padding:65px 0;border-top:1px solid #eee;line-height:30px;color:#999}
.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:#fff;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(../img/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:#333}
.activity li .text .des{margin-top:20px;font-size:14px;color:#999;line-height:24px;height:48px;overflow:hidden}
.activity li .text .tip{margin-top:45px;padding-bottom:10px;position:relative;font-size:12px;color:#ccc;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 #fff;-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 .date,.news-list li .text span{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:#999;text-transform:uppercase}
.about-box .tit p{color:#333}
.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 #eee;background-image:url(../img/concept_bg.png);background-size:cover}
.about-concept .item span{margin-top:55px;display:block;font-size:20px;color:#333;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:#777}
.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 #eee}
.history-box .content{background:url(../img/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:#555}
.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:after,.history-box .slick-nav .slick-slide span:before{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:after,.history-box .slick-nav .slick-current span:before{display:block}
.honor{padding:120px 0 90px}
.honor-info{position:relative;padding-left:304px;border:1px solid #eee}
.honor-info .box{position:absolute;top:0;left:0;width:304px;height:100%;background:url(../img/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:#fff}
.honor-info .box h2{margin-top:35px;font-size:36px;color:#fff}
.honor-info .box em{margin-top:35px;display:inline-block;width:44px;height:44px;background-image:url(../img/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:0 0;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:#999;text-transform:uppercase}
.culture-box .left .tit p{margin-top:5px;color:#333}
.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:#333}
.social-responsibility li .text .tit p{margin-top:10px;font-size:12px;text-transform:uppercase;color:#aaa}
.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:#333;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(../img/ico_video.png)}
.video-list li .text{padding:15px;font-size:16px;color:#333;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(../img/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:#333;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 #eee}
.contact-info li{float:left;margin-top:55px;width:50%;padding:0 30px}
.contact-info li h2{background:url(../img/ico_building.png) no-repeat left 9px;line-height:32px;font-size:20px;color:#333;padding-left:30px}
.contact-info li div{margin-top:20px;line-height:30px;color:#999}
.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(../img/ico_address.png)}
.contact-info li div .ico-bus{background:url(../img/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}
.contact .map-box{width:100%;height:400px;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}
}
.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:#eee}
.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:#333;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 #eee}
.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 #eee;background-image:url(../img/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:#333;letter-spacing:2px}
.wholehouse-point-box .item i{font-size:12px;font-style:normal;color:#aaa;text-transform:uppercase;letter-spacing:1px}
.wholehouse-point-box .item:hover{background:#fff;-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:#fff;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:#fff;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:#333;letter-spacing:3px}
.budget-analysis li .text p{margin-top:5px;font-size:12px;color:#ccc;text-transform:uppercase}
.budget-analysis li .text div{margin-top:20px;max-width:380px;display:inline-block;color:#777;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 #eee}
.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:#333;letter-spacing:2px;cursor:pointer}
.wholehouse-material .tab span.active{background:#102543;border:1px solid #102543;color:#fff}
.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 #eee;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:#fff;letter-spacing:2px;font-size:17px;font-weight:700;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 #fff;-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 #eee;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:#333;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(../img/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:#aaa;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:#333}
.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 #eee}
.golden-box .des{margin:25px auto 0;text-align:center;line-height:30px;letter-spacing:2px}
.golden-box .content{margin-top:45px;background:url(../img/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 #eee}
.construction-box li .img{width:60%}
.construction-box li .text{position:absolute;top:0;right:0;width:40%;height:100%;text-align:center}
.construction-box li .text .con{display:inline-block;vertical-align:middle;color:#333}
.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:#fff;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:#fff;font-size:12px;background:#b48b62;color:#fff;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:#eee}
.softlife-theme span{display:block;font-size:30px;color:#333;letter-spacing:4px}
.softlife-theme p{margin-top:15px;letter-spacing:10px;font-size:16px}
.softlife-enjoy{padding:85px 0;border-bottom:1px solid #eee}
.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 #eee;color:#333;letter-spacing:2px;cursor:pointer}
.softlife-enjoy .tab span.active{background:#102543;border:1px solid #102543;color:#fff}
.softlife-enjoy .js-tab-con{height:0;overflow:hidden}
.softlife-enjoy .js-tab-con.active{height:auto}
.enjoy-content-01{border:1px solid #eee;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:#999}
.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:#333}
.enjoy-content-01 .right .tit i{margin-top:5px;font-size:12px;color:#aaa;letter-spacing:5px;text-transform:uppercase;font-style:normal}
.enjoy-content-01 .right .tit p{margin-top:15px;font-size:18px;color:#333;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:700;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:#fff;opacity:.5;font-family:arial}
.enjoy-content-02 .box-con .tit:after{content:" ” ";position:absolute;top:0;right:-35px;font-size:38px;color:#fff;opacity:.5;font-family:arial}
.enjoy-content-02 .box-con .des{margin-top:8px;font-size:12px;line-height:16px;text-transform:uppercase;color:#fff;opacity:.16;letter-spacing:5px}
.enjoy-content-02 .box-con .name{margin-top:15px;text-align:right;font-style:italic;letter-spacing:2px;color:#fff}
.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:#fff}
.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:#999}
.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:#333;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:#fff}
.enjoy-content-02 .right .box-text .tit{color:#fff}
.enjoy-content-02 .right .box-text .tit:after{background:#fff}
.enjoy-content-02 .right .box-text p{color:#fff}
@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:#999}
.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:700}
.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:#aaa;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:#aaa;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:#fff}
@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 #eee}
.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(../img/ico_search.png)}
.softlife-style li .text{border-top:none;padding:25px}
.softlife-style li .text span{display:block;font-size:12px;color:#999}
.softlife-style li .text p{margin:5px 0;font-size:20px;color:#333}
.softlife-style li .text div{font-size:12px;color:#999;line-height:24px;height:48px;overflow:hidden}
.softlife-style li .text em{color:#b48b62}
.softlife-style li .item:hover{border:1px solid #fff}
.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:#333}
.softlife-choose ul div p{margin-top:10px;color:#777;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:0;height:0;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:#111}
.softlife-life li div{margin:10px auto 0;max-width:190px;font-size:12px;line-height:22px;color:#999;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(../img/ico_liubian.png);color:#999}
.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(../img/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:#333}
.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:#fff;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:#333}
@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:#333;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}
}