/* ========== */
.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: #000;
	position: relative;

	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: #333;
	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: #000;
	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.8rem 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.25rem;
	margin-top: 0.2rem;
	color: #333;
}
.mb-case li .des {
	font-size: 0.26rem;
	margin-top: 0.13rem;
	text-align: center;
}
.mb-designer {
	padding: 1.2rem 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.86666666rem 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.46666666rem 0.4rem 0.8rem;
}
.mb-hotcase .text .tit span {
	float: left;
	width: 6rem;
	color: #111111;
	font-size: 0.36rem;
	line-height: 0.9rem;
	display: block;
}
.mb-hotcase .text .tit em {
	float: right;
	display: block;
	width: 2.58666666rem;
	border: 1px solid #b48b62;
	color: #b48b62;
	padding: 0.2rem 0;
	font-size: 0.26666666rem;
	text-align: center;
}
.mb-hotcase .text .tip {
	margin-top: 0.46666666rem;
}
.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.86666666rem 0.4rem 1.06666666rem;
}
.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: #000;
	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.33333333rem;
}
.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.46666666rem;
}
.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: 60%;
	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.86666666rem 0.4rem 1.06666666rem;
	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;
	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: #000;
	border: 2px solid #000;
	padding: 0.15rem 0.4rem;
}
.mb-news .tab span.active {
	background: #000;
	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;
	overflow: hidden;
}
.mb-news li .text .des i {
	color: #a97c4e;
}