/* ========== */

/* = 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;
    margin-bottom: 0px;
}

.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.2rem 0.4rem;
}

.mb-point li {
    float: left;
    width: 33.333%;
    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: 0.5rem;
    line-height: 0.50666666rem;
}

.mb-tit img {
    width: 90%;
    margin: 0 auto;
}

.mb-tit p {
    font-size: 0.4rem;
    position: relative;
    z-index: 1;
    color: #666;
    line-height: 2;
}

.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-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: #ee7800;
    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.5rem 0.4rem 0.5rem;
    background-color: #f5f5f5;
}

.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: 100%;
}

.mb-case li p {
    font-size: 0.32rem;
    margin-top: 0.2rem;
    color: #fff;
}

.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-company ul li {
    width: 100% !important;
    margin-bottom: 15px !important;
}

.mb-company ul li p {
    font-size: 0.32rem !important;
    height: 30px !important;
    line-height: 30px !important;
}

.mb-company .home-tit .tit span {
    font-size: 0.4rem;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 15px;
}

.mb-case .home-tit .tit span {
    font-size: 0.4rem;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    text-align: center
}

.mb-hotcase {
    padding: 0.26666666rem 0 1.06666666rem;
    /*background-image: url(../images/c2bg.jpg);*/
    background-color: #f3f3f3;
}

.mb-hotcase .mb-tit p {
    font-size: 0.8rem;
    font-weight: bold;
    color: #ee7800;
}

.mb-hotcase .content {
    margin-top: 0.73333333rem;
}

.mb-hotcase .img img {
    width: 99%;
    margin: 0 auto;
    border-radius: 10px;
}

.mb-hotcase .img-vertical {
    padding-bottom: 60%;
}

.mb-hotcase .text {
    padding: 0.1rem;
    text-align: center;
}

.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: #fff;
    padding: 0.2rem 0;
    font-size: 0.26666666rem;
    text-align: center;
}

.mb-hotcase .text .tip {
    color: #fff;
}

.mb-hotcase .text .tip span {
    float: left;
    width: 27%;
    color: #fff;
    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: #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.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.93333333rem;
}

.mb-news .tab {
    text-align: center;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.mb-news .tab span {
    margin: 0 0.13333333rem;
    display: inline-block;
    font-size: 0.3rem;
    color: #0a2444;
    border: 1px solid #e5e5e5;
    padding: 0.15rem 0.4rem;
}

.mb-news .tab span.active {
    background: #ee7800;
    color: #FFFFFF;
    border: none;
}

.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 dotted #e5e5e5;
}

.mb-news li {
    border-bottom: 1px dotted #e5e5e5;
}

.mb-news li a {
    display: block;
    padding: 0.2rem 0;
}

.mb-news li .date {
    float: right;
    width: 2rem;
    padding-left: 0.2rem;
}

.mb-news li .date span {
    display: block;
    font-size: 0.2rem;
    color: #999;
}

.mb-news li .date p {
    margin-top: 0.13333333rem;
    color: #787878;
    font-size: 0.2rem;
}

.mb-news li .text {
    margin-left: 0.1rem;
}

.mb-news li .text .tit {
    color: #252525;
    font-size: 0.32rem;
}

.mb-news li .text .des {
    margin-top: 0.06666666rem;
    font-size: 0.1rem;
    line-height: 0.29333333rem;
    height: 0.58666666rem;
    overflow: hidden;
}

.mb-news li .text .des i {
    color: #a97c4e;
}