/* ========== */
/* = BANNER = */
/* ========== */
.banner { position: relative;}
.banner .slick-slide{ position: relative;}
.banner .swiper-button-prev,
.banner .swiper-button-next{ margin-top:50px; width: 123px; height: 47px; margin-top: -23px; background-color:rgba(255,255,255,0); border-radius: 0;}
.banner .swiper-button-prev{ left:4%; background-image: url(../images/banner_prev.png);}
.banner .swiper-button-next{ right:4%; background-image: url(../images/banner_next.png);}
.banner .swiper-pagination { bottom: 72px;}
.banner .swiper-pagination .swiper-pagination-bullet { border:1px solid rgba(255,255,255,0);}
.banner .swiper-pagination .swiper-pagination-bullet:before{ background: #FFFFFF;}
.banner .swiper-pagination .swiper-pagination-bullet-active {border:1px solid #ffffff;}
.banner .swiper-pagination .swiper-pagination-bullet-active:before{background: #ffffff;}
.banner .prev-num,
.banner .next-num{ position: absolute; display: block; top: 50%; margin-top: 50px;  margin-top:50px; width: 123px; height: 47px; margin-top: -23px; color: #FFFFFF;}
.banner .prev-num{ left:4%; padding-left: 23px;}
.banner .next-num{ right: 4%; text-align: right; padding-right: 27px;}
.banner-text{ position: absolute; top:50%; margin-top: -70px; left:0; width: 100%; text-align: center; color: #FFFFFF;}
.banner-text h2{ font-size: 48px; letter-spacing: 10px;}
.banner-text .cn{ margin-top: 5px; font-size: 18px; letter-spacing: 5px;}
.banner-text .en{ margin-top: 5px; font-size: 14px; text-transform: uppercase; letter-spacing:3px;}
.banner-more{ margin-top:40px; display: inline-block; padding: 12px 50px; letter-spacing:2px; text-transform: uppercase; font-size: 12px; background: rgba(255,255,255,.2); border: 1px solid rgba(255,255,255,.6); color: #FFFFFF;}
.banner-more:hover{ background: rgba(255,255,255,.4);}




/* ========== */
/* = HOME-POINT = */
/* ========== */
.home-point{ position: relative; z-index:1;}
.home-point li{ float: left; width: 20%; border-right: 1px solid #dcdcdc; text-align: center; }
.home-point li a{ display: block;padding: 22px 10px; min-height: 110px; }
.home-point li:nth-child(5){ border-right: none;}
.home-point li .item{ display: inline-block;}
.home-point li .item img{ float: left;}
.home-point li .item div{ margin-left: 70px; text-align: left; padding-top:8px;}
.home-point li .item div span{ display: block; font-size: 16px; line-height: 22px; color: #333333;}
.home-point li .item div p{ margin-top:3px; color: #cccccc; font-size:12px; text-transform: uppercase;}
.home-point li:hover img{ animation: tada 1s; -webkit-animation: tada 1s;}


/* ========== */
/* = HOME-TIT = */
/* ========== */
.home-tit{ text-align: center;}
.home-tit .tit{ height: 150px; background: url(../images/home_tit_png.png) top no-repeat; padding-top: 50px;background-size:60px 100% ;}
.home-tit .tit span{ display: block; font-size: 30px; line-height: 30px; color: #071e4d; font-weight:lighter; letter-spacing: 2px; text-transform: uppercase;}
.home-tit .tit p{ font-size: 38px; line-height:48px; color: #0f2450; letter-spacing: 7px;}
.home-tit .des{ margin-top: 10px; font-size: 22px; color: #664d02; letter-spacing: 5px; font-weight:lighter;}
.home-tit .des span{ position: relative; }
.home-tit .des span:before,
.home-tit .des span:after{ position:absolute; top:50%; content: ""; width: 60px; height: 1px; background: #8c6900;}
.home-tit .des span:before{ left:-75px;}
.home-tit .des span:after{ right:-75px;}
.home-tit .tip{ margin-top: 8px; color: #664d02; letter-spacing:15px; opacity: .8;}

.home-tab { text-align: center;}
.home-tab span, .home-tab a{display: inline-block; margin: 0 3px;padding:0 30px;line-height: 30px; border: 1px solid #0a2444; color: #0a2444;  cursor:pointer;}
.home-tab span.active{ background: #0a2444; color: #FFFFFF;}


.home-more{ margin: 0 auto; display: block; width: 180px; text-align: center; height: 46px; line-height: 46px; background: #0a2444; color: #FFFFFF; font-size: 12px; letter-spacing: 1px;}
.home-more:hover{ background: #0d3970;}


/* ========== */
/* = HOME-WHOLEHOUSE = */
/* ========== */
.home-wholehouse{  padding: 30px 0; background-image: url(../images/whole_house_bg.jpg);}
.home-wholehouse-ul{ margin: 0 -18px 50px;  padding-bottom: 25px; border-bottom: 1px solid #dcdcdc; }
.home-wholehouse-ul li{ margin-top: 30px; padding: 0 18px; float: left; width: 33.333333333%;}
.home-wholehouse-ul li .img{ overflow: hidden;}
.home-wholehouse-ul li .img img {height:238px;width:100%;}
.home-wholehouse-ul li span{ margin-top: 10px; display: block; font-size: 18px; color:#000000; letter-spacing: 2px;}
.home-wholehouse-ul li p{ margin-top: 10px; font-size:12px; color: #999999; }
.home-wholehouse-ul li:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-wholehouse-ul li:hover span{ color: #c38e59;}



/* ========== */
/* = HOME-VR = */
/* ========== */
.home-vr{ padding-top: 30px; position: relative; z-index: 1;}
.home-vr .home-tab{ text-align: center; margin: 28px 0;}
.home-vr .js-tab-con{ display: none; position: relative;}
.home-vr .js-tab-con.active{ display: block;}
.home-vr .png{ position:absolute; left:80px; top:55px;}
.home-vr .con{ position: relative; max-width: 960px;margin: 0 auto; 
/* padding-bottom: 37.5%; */
 overflow: hidden;}
/* .home-vr .con:after{ content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,.4);z-index:0;} */
.home-vr .con iframe{ position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden;}
.home-vr .con span{ position: absolute; top:50%; left:50%; margin-left: -40px; margin-top: -30px; z-index: 1;}
.home-vr .con:hover:after{ display: none;}
.home-vr .con:hover span{ display:none;}


/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{
	/* margin-top: -125px; */
 padding: 125px 0 30px; background-image: url(../images/home_case_bg.jpg);}
.home-case .home-tit .tit{ background-image: url(../images/home_tit_png2.png);}
.home-case .home-tit .tit span{  color: #FFFFFF;}
.home-case .home-tit .tit p{  color: #FFFFFF;}
.home-case .home-tit .des{ color: rgba(255,255,255,.4);}
.home-case .home-tit .des span:before,
.home-case .home-tit .des span:after{ background:  rgba(255,255,255,.4);}
.home-case .home-tab{ margin: 22px 0;}
.home-case .home-tab span,
.home-case .home-tab a{ border: 1px solid rgba(255,255,255,.3); background: rgba(255,255,255,.1); color: #FFFFFF;}
.home-case .home-tab span.active{ border: 1px solid #b48b62; background: #b48b62; }
.home-case .js-tab-con{ display: none;}
.home-case .js-tab-con.active{ display: block;}

.home-case-list li{ float: left; padding: 8px; width: 25%;}
.home-case-list li:nth-child(4n+1){ clear: both;}
.home-case-list .item{ display: block; background: #FFFFFF;}
.home-case-list .item .img{ position: relative; overflow: hidden; display: block;}
.home-case-list .item .img-vertical i{ padding-bottom: 67.021277%;}
.home-case-list .item .pop{ position: absolute; bottom:0; left:0; width: 100%; height:0; background: rgba(12,16,33,.8); text-align: center; overflow: hidden;}
.home-case-list .item .pop .con{ display: inline-block; vertical-align: middle; padding:0 20px;}
.home-case-list .item .pop i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-case-list .item .pop p{ margin:0 auto 20px;  max-width: 340px; color: #ffffff; font-size: 12px; line-height: 28px; max-height:84px; overflow: hidden;}
.home-case-list .item .pop span{ display: inline-block; width: 48px; height: 48px; background: url(../images/ico_search.png);}
.home-case-list .item .text{ padding: 15px 32px;}
.home-case-list .item .tit{ padding-right: 90px; position: relative;}
.home-case-list .item .tit span{ display: block; color: #101b26; line-height:26px; font-size: 24px;}
.home-case-list .item .tit i{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;}
.home-case-list .item .des{ margin-top: 8px; font-size: 12px;}
.home-case-list .item .des span{ margin: 0 15px;}
.home-case-list .item:hover .img img{ transform: scale(1.05); -webkit-transform: scale(1.05);}
.home-case-list .item:hover .pop{ height: 100%;}
.home-case-list .item:hover .tit span{ color: #b48b62;}
.home-case-list .item:hover .tit i,
.home-case-list .item .tit i.active{ background: url(../images/ico_heart_h.png) left no-repeat; color: #b48b62;}



/* ========== */
/* = HOME-SERVICE = */
/* ========== */
.home-service{ padding: 30px 0;}
.home-service ul{ margin: 0 -10px;}
.home-service li{ float: left; width: 11%; text-align: center;letter-spacing: 1px;}
.home-service li span{ margin-top: 12px; display: block; font-size: 16px; color: #333333;}
.home-service li p{ margin-top: 2px; font-size: 12px; color: #cccccc; text-transform:uppercase; }
.home-service li:hover img{ animation: bounce 1s; -webkit-transform:  bounce 1s;}



/* ========== */
/* = HOME-DESIGNER = */
/* ========== */
.home-designer{ padding: 30px 0; background-image: url(../images/whole_house_bg.jpg);}
.home-designer .home-tit {margin-bottom:30px;}
.home-designer .home-tab{ margin: 30px 0 40px;}
.home-designer .js-tab-con{ display: none;}
.home-designer .js-tab-con.active{ display: block;}
.home-designer .js-tab-box { margin-top:30px;}
.home-designer .item{ margin-bottom: 50px;}
.home-designer .item .img{ float: left; width: 40%; position: relative;}
.home-designer .item .img-vertical{ padding-bottom: 100%;}
.home-designer .item .img-vertical img{ bottom:auto; min-width: 100%; max-height:1000%;}
.home-designer .item .img .text{ position: absolute; bottom:0; left:0; width: 100%; text-align: center; background: rgba(12,16,33,.8); padding:12px; color: #FFFFFF;}
.home-designer .item .img .text span{ margin: 0 10px;}
.home-designer .item ul{ float: right; width: 60%; margin-top: 60px; position: relative;}
.home-designer .item ul:before{ content: ""; position: absolute; top:-8%; left:0; width: 50%; height:116%;  border:2px solid #b48b62; border-left: none;}
.home-designer .item li{ float: left;  width: 25%; position: relative;}
.home-designer .item li .con{ position: absolute; bottom:0; left:0; width: 100%; height:0%; overflow: hidden; background: rgba(12,16,33,.8); color: #FFFFFF; text-align: center; overflow: hidden; -webkit-transition: all ease .4s; -moz-transition: all ease .4s; -ms-transition: all ease .4s;  -o-transition: all ease .4s; transition: all ease .4s;}
.home-designer .item li .con div{ display: inline-block; vertical-align: middle; padding:0 10px; font-size: 18px; letter-spacing: 2px;}
.home-designer .item li .con span{  margin-top: 12px; display: inline-block; width: 36px; height: 36px; background: url(../images/ico_search2.png);}
.home-designer .item li .con i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-designer .item li .des{ display: none;}
.home-designer .item li.active .con{  height: 100%; }


/* ========== */
/* = HOME-SOFTFITTED = */
/* ========== */
.home-softfitted{ padding: 30px 0;}
.home-softfitted .slick{ margin:30px -3px 72px;}
.home-softfitted .slick-dots{ bottom:-40px;}
.home-softfitted .item ul{ float: left; width: 19.98%;}
.home-softfitted .item li{ padding: 3px;}
.home-softfitted .item li .box{ position: relative; text-align: center;}
.home-softfitted .item li .box div{ position: absolute; bottom:0; left:0; width: 100%; height: 0; background: rgba(10,36,68,.8); }
.home-softfitted .item li .box div p{ display: inline-block; vertical-align: middle; font-size: 12px; line-height: 24px; max-height: 48px; overflow: hidden; color: #FFFFFF; padding: 0 30px; text-align: center;}
.home-softfitted .item li .box div i{ display: inline-block; vertical-align: middle; height: 100%;}
.home-softfitted .item li:hover .box div{ height: 100%;}
.home-softfitted .item .big{ float: left; width:60.04%; padding: 3px;}
.home-softfitted .item .big-box{ position: relative; }
.home-softfitted .item .big-box .text{ position: absolute; bottom:0; left:0; padding: 15px 25px; width: 100%; background: rgba(10,36,68,.8);  color: #FFFFFF;}


/* ========== */
/* = HOME-ADD = */
/* ========== */
.home-add{ height: 220px; background-image: url(../images/home_add_bg.jpg); padding-top: 82px;}
.home-add img{ margin: 0;}
.home-add .tit{ float: left; width:25.5%; font-size: 24px; line-height: 30px; color: #c8c8c8; font-weight: lighter; letter-spacing: 5px; padding-bottom: 7px; border-bottom: 2px solid #b48b62; text-align: right; padding-bottom: 10px;}
.home-add .tit span{ display: block; text-transform: uppercase;}
.home-add .text{ margin-left:40px; float: left;}
.home-add .text p{ font-size: 18px;  line-height: 30px; letter-spacing:10px; margin-bottom: 10px; color: #c8c8c8;}
.home-add ul{ float: right; width:40%;}
.home-add ul li{ margin-bottom: 20px; float: left; width:50%; text-align: right;}
.home-add ul li a{ display: inline-block; text-align: left; background: url(../images/ico_right.png) left 7px no-repeat; padding-left: 28px; color:#c8c8c8;}
.home-add ul li p{ margin-bottom: 5px; display: block; font-size: 16px;}




/* ========== */
/* = HOME-CRAFTSMANSHIP = */
/* ========== */
.home-craftsmanship{ padding: 30px 0;}
.home-craftsmanship .ico-box{ margin-top: 20px; text-align: center;}
.home-craftsmanship .ico-box span{ display: inline-block; padding: 0 30px; border-right: 1px solid #e5e5e5;}
.home-craftsmanship .ico-box span:last-child{ border-right:none;}
.home-craftsmanship .ico-box span p{ margin-top: 10px; font-size: 12px; color: #959595;}
.home-craftsmanship ul{ margin: 30px -15px 38px;}
.home-craftsmanship li{ float: left; width: 25%; padding: 0 15px;}
.home-craftsmanship .item{ display:block; color: #FFFFFF; padding: 100px 10px; text-align:center; letter-spacing: 1px;}
.home-craftsmanship .item span{ font-size: 48px; line-height: 50px; margin-right: 3px; font-weight: lighter;}
.home-craftsmanship .item .des{ margin-top: 8px; font-size: 12px;}
.home-craftsmanship .item .tip{ margin-top: 12px; display: inline-block; background: #b48b62; color: #FFFFFF; font-size: 18px; padding: 4px 20px;}


/* ========== */
/* = HOME-HOTCASE = */
/* ========== */
.home-hotcase{ padding:30px 0; background-image: url(../images/whole_house_bg.jpg);}
.home-hotcase ul{ margin:15px -6px 35px;}
.home-hotcase li{ margin-top: 20px; float: left; width: 25%; padding: 0 6px;}
.home-hotcase li:nth-child(4n+1){ clear:both;}
.home-hotcase li .item{ display: block;}
.home-hotcase li .img{ position: relative; color: #FFFFFF; overflow: hidden;}
.home-hotcase li .img .img-vertical{ padding-bottom: 67.021277%;}
.home-hotcase li .img img{ width: 100%;}
.home-hotcase li .text{ position: absolute; bottom: 0; left:0; width: 100%; line-height: 46px; padding: 0 30px; background: rgba(10,36,68,.8); letter-spacing: 1px;}
.home-hotcase li .text span{ float: left; font-size: 12px;}
.home-hotcase li .text span em{ font-size:24px; letter-spacing:1px;}
.home-hotcase li .text i{ float:right;background: url(../images/ico_heart2.png) no-repeat left; padding-left: 22px; font-size: 16px; font-style: normal;}
.home-hotcase li .pop{  display: none; position: absolute; bottom: 0; left:0; width: 100%; height: 100%; background: rgba(10,36,68,.8); text-align: center;}
.home-hotcase li .pop div{ display: inline-block; vertical-align: middle; padding: 0 15px;}
.home-hotcase li .pop i{display: inline-block; vertical-align: middle; height: 100%;}
.home-hotcase li .pop p{ margin:0 auto 20px;  max-width: 360px; color: #ffffff; font-size: 12px; line-height: 24px; max-height:48px; overflow: hidden;}
.home-hotcase li .pop span{display: inline-block; width: 48px; height: 48px; background: url(../images/ico_search.png);}
.home-hotcase li .tit{ line-height: 60px; height: 60px; text-align: center; padding: 0 50px;} 
.home-hotcase li .tit span{ position:relative; display:inline-block; font-size: 24px; color: #0a2444;}
.home-hotcase li .tit span:before,
.home-hotcase li .tit span:after{ content:""; position:absolute; top:50%; width: 30px; height: 1px; background: #0a2444;}
.home-hotcase li .tit span:before{ left:-50px;}
.home-hotcase li .tit span:after{ right:-50px;}
.home-hotcase li .item:hover .img img{ transform:scale(1.05); -webkit-transform: scale(1.05);}
.home-hotcase li .item:hover .text{ display: none;}
.home-hotcase li .item:hover .pop{ display: block;}



/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ padding: 30px 0;}
.home-news .home-tab{ margin-top:25px;}
.home-news .js-tab-box{ margin-top: 35px;}
.home-news .js-tab-con{ display:none;}
.home-news .js-tab-con.active{ display: block;}
.home-news .content { margin-bottom: 50px;}
.home-news .content .left{ float: left; width: 580px;}
.home-news .content .left .img{ overflow: hidden; position: relative;}
.home-news .content .left .img img{ position: absolute; top:0;  left:0; width: 100%}
.home-news .content .left .img i{  display: inline-block; padding-bottom: 58.62%; }
.home-news .content .left .text{ padding:27px 45px;}
.home-news .content .left span{ margin-bottom:5px; display:block; font-size: 12px; color: #bbbbbb;}
.home-news .content .tit{ font-size: 18px; color: #222222;}
.home-news .content .des{ margin-top: 12px; font-size: 12px; color: #999999; padding-right: 70px; position: relative;}
.home-news .content .des em{ position: absolute; top:0; right:0; color: #b48b62;}
.home-news .content .left a:hover .img img{ transform:scale(1.05); -webkit-transform: scale(1.05);}
.home-news .content .left a:hover .tit{color: #b48b62;}
.home-news ul{  margin-left: 630px;}
.home-news li{ border-bottom:1px solid #e5e5e5; }
.home-news li a{ display: block; position:relative; padding:20px 20px 20px 154px; position: relative;}
.home-news 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;}
.home-news li .date{ position: absolute; top:18px; left:30px; height:55px; width:105px; border-right:1px dotted #e1dfe0;}
.home-news li .date span{ display: block; font-size: 24px;}
.home-news li .date p{ margin-top: 5px; font-size: 12px; color: #999999;}
.home-news 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);}
.home-news li a:hover:after{ width: 100%;}
.home-news li a:hover .tit{ color: #b48b62;}




/* ========== */
/* = HOME-BOTTOM = */
/* ========== */
.home-bottom{  padding:30px 0; background-image: url(../images/whole_house_bg.jpg); background-position: top center; text-align: center;}
.home-bottom p{font-size: 18px; color: #525d6e; letter-spacing: 20px; font-weight: lighter; text-transform: uppercase;}
.home-bottom .text{ margin:0 auto; width: 726px; height: 85px; font-size: 24px; line-height: 30px; letter-spacing: 10px; color:#222222; background: url(../images/bottom_bg.png) no-repeat top;}
.home-bottom a{ margin: -17px auto 0; display: block; width: 190px; height:34px; line-height: 34px; background: #b48b62; color: #FFFFFF; }
.home-bottom a:hover{background: #b9834d;}
.home-bottom .tip{ margin-top: 5px; font-size: 12px; letter-spacing:4px; color: #858585; text-transform: uppercase;}


.home-case-list .item .des i {font-style:normal;}





.softfittedTypepcimg {height:477px;}
.softfittedImg {height:155px;}







/* 关于我们 start */
.homeAboutUs {padding:30px 0 0;line-height:28px;text-indent:28px;background-color: #fff;}
.abo {
	width: 1200px;
	overflow: hidden;
	padding-top: 20px;
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 30px
}
.abo-tu {
	float: left;
	width: 538px;
	/* height: 282px; */
	margin-right: 5px;
}
.homeAboutImg {
	height:342px;
}
.m-wz {
	float: left;
	width: 644px;
	padding-top: 10px
}
.m-wz h3 {
	margin-bottom: 10px;
	line-height: 22px;
	overflow: hidden;
}
.m-wz h3 a {
	color: #333333;
	font-weight:600;
}
.m-wz h3 a span {
	display:block;
	margin-bottom:10px;
	font-size: 22px;
}
.m-wz h3 em {
	display: block;
	color: #664d02;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
}
.m-wz .aboutContent {
	color: #555555;
	font-size: 13px;
	line-height: 32px;
	overflow: hidden;
	margin-top: 16px
}
.m-wz .aboutContent a {
	color: #664d02;
}
/* 关于我们 end */





@media (max-width:1600px) {
	
	/* ========== */
	/* = HOME-POINT = */
	/* ========== */
	.home-point li .item div span{ font-size: 14px;}
	.home-point li .item div{ margin-left: 65px;}
	
}



/* 手机站 start */
@media (max-width:1200px) {
	
.softfittedTypepcimg {height:447px;}
.softfittedImg {height:145px;}
}
@media (max-width:1100px) {
	
.softfittedTypepcimg {height:417px;}
.softfittedImg {height:135px;}
}
@media (max-width:999px) {
	
	/* ========== */
	/* = INDEX = */
	/* ========== */
	.mb-banner{ overflow: hidden;}
	.mb-banner img{ width: 100%;}
	.mb-banner .slick-prev,
	.mb-banner .slick-next{ display: none; }
	.mb-banner .slick-dots{ bottom:20px;}
	.mb-banner .slick-dots li { margin: 0 4px; width: 14px; height: 14px; padding: 3px; border:1px solid rgba(255,255,255,0);}
	.mb-banner .slick-dots li button{ background: #FFFFFF; width: 6px; height: 6px;}
	.mb-banner .slick-dots li.slick-active {border:1px solid #ffffff;}
	.mb-banner .slick-dots li.slick-active button {background: #ffffff;}



	.mb-point{ padding: 0.6rem 0.7rem 0.4rem; }
	.mb-point li{ float:left; width: 25%; text-align: center; }
	.mb-point li img{ width: 0.8rem; }
	.mb-point li span{ display: block; margin-top: 0.4rem; font-size: 0.3rem; }



	.mb-tit{ text-align: center; color: #071e4d; position: relative; padding-top: 1.1rem; height: 2.49333333rem; line-height: 0.50666666rem;}
	.mb-tit p{ font-size: 0.4rem; font-weight: lighter; font-size: 0.4rem; text-transform: uppercase; position: relative; z-index: 1;}
	.mb-tit h2{ font-size: 0.37333333rem; font-weight: bold; letter-spacing: 0.10666666rem; position:relative; z-index: 1;}
	.mb-tit span{ position: absolute; z-index: 0; top:0; left:50%; margin-left:-0.38666666rem; display: inline-block; width: 0.78666666rem; height: 2.49333333rem; background-image: url(../images/home_tit_png.png); background-size: cover;}
	.mb-des{ margin-top:0.13333333rem; text-align: center; font-size:0.26666666rem; color: #664d02; font-weight:lighter;}
	.mb-des span{ position: relative; }
	.mb-des span:before,
	.mb-des span:after{ position:absolute; top:50%; content: ""; width:0.8rem; height: 1px; background: #8c6900;}
	.mb-des span:before{ left:-0.93333333rem;}
	.mb-des span:after{ right:-0.93333333rem;}
	.mb-more{ display: block; height: 0.8rem; line-height: 0.8rem; font-size: 0.29333333rem; color: #FFFFFF; background: #0a2444; text-align: center; letter-spacing:0.04rem;}


	.ny-tab{ margin:0.53333333rem -0.4rem 0; text-align: center; font-size:0;}
	.ny-tab span{ margin: 0 0.16rem; display: inline-block; width: 2.05333333rem; padding: 0.2rem 0; border: 1px solid #cccccc; font-size:0.24rem; color: #555555;}
	.ny-tab span.active{ background: #b48b62;  border: 1px solid #b48b62; color: #FFFFFF;}



	.mb-case{ padding: 0.4rem 0.4rem 1.2rem;}
	.mb-case .js-tab-con{ display: none;}
	.mb-case .js-tab-con.active{ display: block;}
	.mb-case .ny-tab span{ margin-top: 0.16rem; }
	.mb-case ul{ margin: 0.53333333rem -2px 30px;}
	.mb-case li{ float: left; width: 50%; padding: 2px;}
	.mb-case li .img-vertical i{padding-bottom: 67.021277%;}
	.mb-case li  p{ font-size: 0.32rem;  margin-top: 0.2rem; color: #333;}
	.mb-case li .des{ font-size: 0.26rem;  margin-top: 0.13rem; text-align: center;}

	.mb-designer{ padding:0.8rem 0.4rem 1rem; background-image: url(../images/mb_designer_bg.jpg);}
	.mb-designer .mb-tit{color: #FFFFFF;}
	.mb-designer .mb-tit span{  background-image: url(../images/home_tit_png2.png);}
	.mb-designer .mb-des{ color: #FFFFFF;}
	.mb-designer .mb-des span:before,
	.mb-designer .mb-des span:after{ background:#FFFFFF;}
	.mb-designer .ny-tab span{ color:#FFFFFF;}
	.mb-designer .js-tab-con{ display: none;}
	.mb-designer .js-tab-con.active{ display: block;}
	.mb-designer ul{ margin: 0.53333333rem 0 0.4rem;}
	.mb-designer li{ float: left; width: 33.3333333333%;}
	.mb-designer li .img-vertical i{padding-bottom: 100%;}
	.mb-designer li .img-vertical img{ bottom:auto; min-width: 100%; max-height:1000%;}

	.mb-softfitted{ padding: 1.46666666rem 0.4rem 1rem;}
	.mb-softfitted .content{ margin: 0.33333333rem -0.08rem;}
	.mb-softfitted .content span{ float: left; width: 33.3333333333%; display: block; padding: 0.08rem;}
	.mb-softfitted .content span img{ width: 100%;}
	.mb-softfitted .content .big{ width: 66.6%;}
	.mb-softfitted .content .right{ float: right; width: 33.3333333333%;}
	.mb-softfitted .content .right span{  width: 100%;}


	.mb-hotcase{ padding: 0.43333333rem 0 1.06666666rem; background-image: url(../images/mb_hotcase_bg.jpg);}
	.mb-hotcase .content{ margin-top: 0.73333333rem; background: #ffffff;}
	.mb-hotcase .img img{ width: 100%;}
	.mb-hotcase .img-vertical{ padding-bottom: 67.021277%;}
	.mb-hotcase .text { padding: 0.2rem 0.4rem 0.3rem; }
	.mb-hotcase .text .tit span{ float: left; width:6rem; color: #111111; font-size: 0.36rem; line-height: 0.75rem; display: block;}
	.mb-hotcase .text .tit em{ float: right; display:block; width: 2.58666666rem; border: 1px solid #b48b62; color: #b48b62; padding: 0.15rem 0; font-size: 0.26666666rem; text-align: center;}
	.mb-hotcase .text .tip{ margin-top: 0.15rem;}
	.mb-hotcase .text .tip span{ float: left; width: 27%; color: #777777; font-size: 0.29333333rem;  position: relative; }
	.mb-hotcase .text .tip span:before{ content: ""; position: absolute; top:50%; margin-top:-0.10666666rem; left:0; width: 1px; height: 0.21333333rem; background: #dcdcdc;}
	.mb-hotcase .text .tip span:nth-child(1):before{ display: none;}
	.mb-hotcase .text .tip span:nth-child(2){ text-align:center; width: 46%; }
	.mb-hotcase .text .tip span:nth-child(3){ text-align:right;}
	.mb-hotcase .text .tip span i{ color: #b48b62; font-style: normal;}
	.mb-hotcase .text .tip span em{ position: relative; padding-left: 0.33333333rem;}
	.mb-hotcase .text .tip span em:before{ content: ""; position: absolute; left:0; top:50%; width: 0.26666666rem; height: 0.26666666rem; margin-top:-0.13333333rem; background-size: cover; background-image:url(../images/mb_heart.png);}
	.mb-hotcase .more{ padding: 0.4rem 0.4rem 0;}


	.mb-order{ padding: 0.66666666rem 0.4rem;}
	.mb-order .mb-des{ margin-bottom: 0.66666666rem;}
	.mb-order .in{ width: 100%; margin-bottom: 0.26666666rem; border: 1px solid #d9d9d9;}
	.mb-order .in input{ background: none; border: none; width: 100%; height:1rem; line-height:0.8rem; padding: 0.1rem 0.2rem; font-size: 0.32rem; color: #999999;}
	.mb-order .in select{ background:#ffffff; border: none; width: 100%; height:1rem; line-height:0.8rem; padding: 0.1rem 0.2rem; font-size: 0.32rem; color: #999999;}
	.mb-order .bt{ position: relative;}
	.mb-order .bt:after{ position: absolute; top:0.43rem; left:5.5rem; content: ""; height: 1.33333333rem; width: 0.93333333rem; background-image: url(../images/mb_head.png); background-size:cover;}
	.mb-order .bt input{ width: 100%; height: 1rem; line-height: 1rem; font-size: 0.4rem; color: #FFFFFF; background: #0a2444; letter-spacing: 0.08rem;}




	/* ========== */
	/* = MOBILE_WHOLEHOUSE = */
	/* ========== */
	.ny-mb-theme{ text-align: center;}
	.ny-mb-theme{ padding-bottom:0.4rem; position: relative;}
	.ny-mb-theme:after{ content: ""; position:absolute; bottom:0; left:50%; margin-left:-2.4rem; width: 4.8rem; height: 1px; background: #EEEEEE;}
	.ny-mb-theme img{ width: 0.68rem; display: inline-block; vertical-align:middle;}
	.ny-mb-theme span{ margin-left:0.15rem; padding-left:0.35rem; position: relative; display:inline-block; vertical-align: middle; font-size: 0.42666666rem; color: #333333; letter-spacing:0.07rem;}
	.ny-mb-theme span:before{ content: ""; position: absolute; top:50%; left:0; width: 4px; height:4px; border-radius: 50%; background: #b48b62;}
	.ny-mb-theme p{ margin-top: 0.2rem; letter-spacing: 0.13333333rem; font-size:0.24rem;}
	.ny-mb-theme span{ margin-left: 0; padding-left: 0;}
	.ny-mb-theme span:before{ display: none;}

	.mb-wholehouse-design{ padding: 1.06666666rem 0.4rem 0;}
	.mb-wholehouse-design .slick{ margin: 0.66666666rem 0 0.4rem;}
	.mb-wholehouse-design .slick img{ width: 100%;}
	.mb-wholehouse-design .item{ float: left; width: 48.5%; margin-right:3%; position: relative;}
	.mb-wholehouse-design .item span{ position: absolute; bottom: 0; left:0; padding:5px 20px; color: #ffffff;  font-size: 12px; letter-spacing:1px; background: rgba(16,18,40,.8);}
	.mb-wholehouse-design .item:last-child{ margin-right: 0; }
	.mb-wholehouse-design .slick-prev{ background-color: #FFFFFF; background-image: url(../images/slick_prev_black.png);}
	.mb-wholehouse-design .slick-next{ background-color: #FFFFFF; background-image: url(../images/slick_next_black.png);}

	.mb-budget{ padding: 1.46666666rem 0.4rem 0;}
	.mb-budget ul{ margin-top: 0.73333333rem;}
	.mb-budget li{ margin-bottom: 0.33333333rem; border: 1px solid #eeeeee;}
	.mb-budget li .img{ float:left; width: 38%;}
	.mb-budget li .text{ float: right; width: 62%; padding: 0.33333333rem 0.53333333rem 0;}
	.mb-budget li .text span{ display: block; font-size: 0.32rem; color: #333333; letter-spacing:0.06666666rem;}
	.mb-budget li .text p{ margin-top: 0.12rem; color: #cccccc; font-size: 0.16rem; text-transform: uppercase;}
	.mb-budget li .text div{ margin-top: 0.17rem; font-size: 0.24rem; line-height: 0.4rem; color: #777777;}
	.mb-budget li:nth-child(2n) .img{ float: right;}
	.mb-budget li:nth-child(2n) .text{ float: left;}

	.mb-golden{ padding: 1.46666666rem 0.4rem 0.8rem;}
	.mb-golden .des{ margin: 0.4rem 0 0.66666666rem; font-size: 0.24rem; line-height: 0.42666666rem; text-align: center;}
	.mb-golden .des .img{ padding:0 0.4rem;}





	/* ========== */
	/* = MOBILE_SOFTLIFE = */
	/* ========== */
	.line{ background: #ededed; width: 100%; height: 0.2rem; -webkit-box-shadow:0 0 0.06666666rem rgba(26,24,24,.1) inset;  box-shadow:0 0 0.06666666rem rgba(26,24,24,.1) inset;}

	.mb-enjoy{ padding: 1.13333333rem 0.4rem 1.2rem;}
	.mb-enjoy .tab{ margin:0.53333333rem 0; text-align: center;}
	.mb-enjoy .tab span{ float:left; width: 22%; margin-right:4%; line-height: 0.74666666rem; border: 1px solid #cccccc; font-size: 0.24rem; color: #555555;}
	.mb-enjoy .tab span:nth-child(4n){ margin-right: 0;}
	.mb-enjoy .tab span.active{ border: 1px solid #b48b62; background: #b48b62; color: #FFFFFF; }
	.mb-enjoy .js-tab-box .js-tab-con{ height: 0; overflow: hidden;}
	.mb-enjoy .js-tab-box .js-tab-con.active{ height: auto;}
	.mb-enjoy .box1{ border: 1px solid #EEEEEE; border-bottom: none;}
	.mb-enjoy .box1 .img{ float: left; width: 50%;}
	.mb-enjoy .box1 .text{ float: right; width: 50%; text-align: right; padding: 0.46666666rem 0.4rem 0;}
	.mb-enjoy .box1 .text .tit{ padding-bottom:0.26666666rem; position: relative;}
	.mb-enjoy .box1 .text .tit:after{ content: ""; position: absolute; bottom: 0; right:0; height: 2px; width: 0.8rem; background: #bd9976;}
	.mb-enjoy .box1 .text .tit span{ display: block; font-size: 0.37333333rem; line-height:0.4rem; color: #333333; letter-spacing: 0.08rem;} 
	.mb-enjoy .box1 .text .tit i{ display:block; text-transform: uppercase; color: #aaaaaa; letter-spacing:0.05333333rem; font-size: 0.13333333rem; line-height: 0.4rem; font-style: normal;}
	.mb-enjoy .box1 .text .tit p{ margin-top: 0.13333333rem; font-size: 0.26666666rem; letter-spacing: 0.06666666rem; color: #333333;}
	.mb-enjoy .box1 .text .des{ margin-top: 0.26666666rem; font-size: 0.21333333rem; line-height: 0.37333333rem;}

	.mb-enjoy .box-text{ background-image: url(../images/enjoy_bg.jpg);  padding:0.53333333rem 0.8rem;}
	.mb-enjoy .box-text .tit{ font-size: 0.29333333rem; color: #b48b62; font-weight: bold; letter-spacing:0.06666666rem; position: relative; text-align: center;}
	.mb-enjoy .box-text .tit span{ display: inline-block;font-style:italic; }
	.mb-enjoy .box-text .tit:before{ content: " “ "; position: absolute; top:-0.2rem; left:-0.26666666rem; font-size:0.69333333rem; color:#FFFFFF; opacity: .5; font-family: arial;} 
	.mb-enjoy .box-text .tit:after{content: " ” ";  position: absolute; top:0; right:-0.26666666rem;font-size:0.69333333rem; color:#FFFFFF; opacity: .5;  font-family: arial;}
	.mb-enjoy .box-text .des{ margin-top:0.13333333rem; font-size: 0.2rem; line-height:0.29333333rem; text-transform: uppercase; color: #FFFFFF; opacity: .16; letter-spacing: 0.02666666rem;}
	.mb-enjoy .box-text .name{ margin-top: 0.1rem; text-align: right; font-style:italic; font-size: 0.24rem; letter-spacing: 0.04rem; color: #FFFFFF;}
	.mb-enjoy .box-text .name span{ position: relative;}
	.mb-enjoy .box-text .name span:before{ content: ""; position: absolute; top:50%; left:-0.8rem; width:0.66666666rem; height: 1px; background: #FFFFFF;}

	.mb-enjoy .box2{ background: #f5f5f5;}
	.mb-enjoy .box2 .text{ float: left; width: 50%; padding-top: 0.4rem; text-align: center; }
	.mb-enjoy .box2 .text .tit{ padding-bottom: 0.2rem; position: relative;}
	.mb-enjoy .box2 .text .tit:after{ content: ""; position: absolute; bottom: 0; left:50%; height: 2px;  margin-left: -0.2rem; width: 0.4rem; background: #bd9976;}
	.mb-enjoy .box2 .text .tit span{ text-transform: uppercase; font-size: 0.24rem; color: #999999; letter-spacing: 0.02666666rem;}
	.mb-enjoy .box2 .text .tit p{ font-size: 0.32rem; color: #333333; letter-spacing: 0.07rem;}
	.mb-enjoy .box2 .text .des{ margin-top: 0.2rem; padding: 0 0.4rem; font-size: 0.24rem; line-height: 0.4rem; letter-spacing:0.04rem;}
	.mb-enjoy .box2 .img{ float: right; width: 50%;}
	.mb-enjoy .box3{ position: relative;}
	.mb-enjoy .box3 img{ width: 100%;}
	.mb-enjoy .box3 .text{ position: absolute; bottom:0; right:0; height: 50%; width: 50%; background: rgba(10,36,68,.8);}
	.mb-enjoy .box3 .text .tit span{color: #FFFFFF;}
	.mb-enjoy .box3 .text .tit p{color: #FFFFFF;}
	.mb-enjoy .box3 .text .des{color: #FFFFFF;}

	.mb-enjoy .slick{ margin-top: 0.66666666rem; padding: 0 0.93333333rem;}
	.mb-enjoy .slick-slide{ padding: 0 0.1rem; text-align: center;}
	.mb-enjoy .slick-slide p{ margin-top: 0.2rem; font-size: 0.26666666rem; color: #999999;}


	.mb-softlife-designer{ padding: 1.13333333rem 0.4rem 0;}
	.mb-softlife-designer .content{ margin: 0.66666666rem 0 0.53333333rem;}
	.mb-softlife-designer .box1 .left{ float: left; width: 3.17333333rem;}
	.mb-softlife-designer .box1 .text{ height: 2.66666666rem;}
	.mb-softlife-designer .box1 .text span{ padding-bottom: 0.26666666rem; display: block; position: relative; font-size: 0.32rem; font-weight: bold; line-height: 0.48rem; text-transform: uppercase; color: #bb9570;}
	.mb-softlife-designer .box1 .text span:after{ content: ""; position: absolute; bottom:0; left:0; width: 0.26666666rem; height: 2px; background: #102543;}
	.mb-softlife-designer .box1 .text p{ margin-top: 0.13333333rem; font-size: 0.21333333rem; color: #aaaaaa;}
	.mb-softlife-designer .box1 .right{ float: right; width: 5.86666666rem;}
	.mb-softlife-designer .box2{ margin-top: 0.2rem;}
	.mb-softlife-designer .box2 .img{ float: left; width: 2.33333333rem; margin-right: 0.2rem;}
	.mb-softlife-designer .box2 .con{  float: right; width: 4rem; text-align: right;}
	.mb-softlife-designer .box2 .con .text{ font-size: 0.21333333rem; line-height: 0.4rem; color: #b48b62;}
	.mb-softlife-designer .box2 .con .en{ margin-top: 0.13333333rem; padding-bottom: 0.33333333rem; position: relative; font-size: 0.16rem; color: #aaaaaa; text-transform: uppercase;}
	.mb-softlife-designer .box2 .con .en:after{ content: ""; position: absolute; bottom:0; right:0; width: 0.4rem; height: 2px; background: #d2d2d2;}


	.mb-softlife-style{ padding: 1.26666666rem 0.4rem 1rem;}
	.mb-softlife-style .slick{  margin-top:0.4rem;}
	.mb-softlife-style .slick img{ width: 100%;}
	.mb-softlife-style .slick-prev,
	.mb-softlife-style .slick-next{background-color: #FFFFFF; margin-top: -1.42rem; }
	.mb-softlife-style .slick-prev{ background-image: url(../images/slick_prev_black.png);}
	.mb-softlife-style .slick-next{ background-image: url(../images/slick_next_black.png);}
	.mb-softlife-style .slick-slide{ padding: 0 1px;}
	.mb-softlife-style .text{ padding: 0.46666666rem 0.53333333rem; border: 1px solid #EEEEEE; border-top: none;}
	.mb-softlife-style .text .tit{ position: relative; padding-right: 1.73333333rem;}
	.mb-softlife-style .text .tit span{ display: block; font-size: 0.34666666rem; color: #333333;}
	.mb-softlife-style .text .tit em{ position: absolute; top:0; right:0;  font-size: 0.24rem; color: #999999;}
	.mb-softlife-style .text .des{ margin-top: 0.2rem; font-size: 0.24rem; color: #999999; line-height: 0.45333333rem;}
	.mb-softlife-style .text .des i{ font-style: normal; color: #bb9570;}



	.mb-soft{ padding: 0.66666666rem 0.4rem; background-image: url(../images/mb_hotcase_bg.jpg); }
	.mb-soft .content{ margin:0.4rem 0 0.13333333rem;}
	.mb-soft .tit{  margin-top:0.6rem; color:#333333; font-size:0.32rem; text-align: center;}
	.mb-soft li{ margin-top: 0.33333333rem; float: left; width: 20%; text-align: center; position: relative;}
	.mb-soft li span{ font-size:0.32rem; display:inline-block; width: 0.6rem; line-height: 0.6rem; height: 0.6rem; background-size: cover;  background-image:url(../images/ico_liu.png)}
	.mb-soft li i{ display:block; margin:0.26666666rem auto 0; background: #001738; width: 0.8rem; border-radius: 100%; overflow: hidden;}
	.mb-soft li p{ margin-top: 0.13333333rem; font-size: 0.2rem; color: #333333;}
	.mb-soft li:before { content: ""; position: absolute; top:1.2rem; right: -10px; width: 0px; height: 0px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #6d7d93; border-width:0.09333333rem;} 
	.mb-soft li:last-child:before{ display: none; }
	.mb-soft .zx{ margin: 0.4rem auto 0; display: block; width: 2rem; height: 0.66666666rem; line-height: 0.66666666rem; color: #FFFFFF; background: #b48b62; font-size: 0.32rem; text-align: center;}


	.mb-craftsmanship{ padding: 1.06666666rem 0.4rem 0;}
	.mb-craftsmanship .ico-box{ margin-top:0.3rem; text-align: center;}
	.mb-craftsmanship .ico-box span{ display: inline-block; padding: 0 0.5rem; border-right: 1px solid #e5e5e5;}
	.mb-craftsmanship .ico-box span:last-child{ border-right:none;}
	.mb-craftsmanship .ico-box span p{ margin-top:0.13333333rem; font-size:0.24rem; letter-spacing: 0.02666666rem; color: #664d02;}
	.mb-craftsmanship .ico-box span img{ width: 0.53333333rem;}
	.mb-craftsmanship ul{ margin:0.46666666rem -0.13333333rem 0;}
	.mb-craftsmanship li{ float: left; width: 25%; padding: 0 0.13333333rem; }
	.mb-craftsmanship .item{ display:block; color: #FFFFFF; text-align:center; padding-top: 0.4rem; height: 2.4rem;}
	.mb-craftsmanship .item span{font-size: 0.48rem;}
	.mb-craftsmanship .item .des{ margin-top:0.13333333rem; padding:0 5px;font-size:0.24rem; line-height: 0.34666666rem;}

	.mb-news { padding: 0.93333333rem 0.4rem 0.13333333rem; }
	.mb-news .tab{ text-align: center;}
	.mb-news .tab span{ margin: 0 0.13333333rem; display: inline-block; font-size: 0.3rem; color: #0a2444; border: 2px solid #0a2444; padding:0.15rem 0.4rem;}
	.mb-news .tab span.active{ background: #0a2444; color: #FFFFFF;}
	.mb-news .js-tab-con{ display: none;}
	.mb-news .js-tab-con.active{ display: block;}
	.mb-news ul{ margin-top: 0.26666666rem; border-top: 1px dashed #e9e9e9;}
	.mb-news li{ border-bottom: 1px dashed #e9e9e9;}
	.mb-news li a{ display: block; padding:0.2rem 0;}
	.mb-news li .date{ float: left; width: 1.33333333rem; height: 1rem; border-right: 1px dashed #e9e9e9;}
	.mb-news li .date span{ display: block; font-size:0.32rem; color: #252525;}
	.mb-news li .date p{ margin-top: 0.13333333rem; color: #787878; font-size: 0.2rem;}
	.mb-news li .text{ margin-left: 1.6rem; }
	.mb-news li .text .tit{ color: #252525; font-size: 0.32rem;}
	.mb-news li .text .des{ margin-top:0.06666666rem; font-size: 0.16rem; 
		/* line-height:0.29333333rem;  */
		/* height: 0.58666666rem; */
		line-height:0.41rem; 
		height: 0.82rem;
		overflow: hidden;
	}
	.mb-news li .text .des i{ color: #a97c4e;}


}
/* 手机站 end */


@media (max-width:786px) {
	.home-case-list li {width:50%;}
	.home-case-list .img-vertical img {width:100%;}
	.home-case-list .item .text {padding:5px 10px;}
	.home-case-list .item .tit {padding:0;text-align:center;}
	.home-case-list .item .tit span {font-size: 0.32rem;}
	.home-case-list .item .des {margin-top:0;}
	.home-case-list .item .tit i {display:none;}
	
}
@media (max-width:480px) {
	
	
	.banner-text h2 {font-size:16px;line-height:24px;}
	.banner-text .en {display:none;}
	.banner-more {padding: 8px 30px;}
	
	.homeCaseListDesigner {display:none;}
	.home-case-list .item .des span {margin:0;}
	
}
@media (max-width:420px) {
	.home-case-list .item .des span {display:none;}
	.home-case-list .item .des i {display:block;}
	
}