.sy_xzwm@charset "utf-8";

/* CSS Document */

.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.join-top {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

.join-top .left {
    width: 44%;
    padding-right: 7%;
    border-right: 1px solid #e5e5e5;
    float: left;
    font-size: 13px;
}

.join-top .tit {
    padding-left: 66px;
    min-height: 42px;
    margin-bottom: 23px;
}

.join-top .tit h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
    font-weight: normal;
}

.join-top .tit h4 {
    font-size: 12px;
    color: #999999;
    line-height: 1.2;
    font-weight: normal;
}

.join-top .left .tit {
    background: url("../images/join_ico1.png") no-repeat 0 center;
}

.join-top p {
    font-size: 13px;
    color: #666666;
    line-height: 2;
}

.join-top .right {
    width: 40%;
    float: right;
}

.join-top .right .tit {
    background: url("../images/join_ico2.png") no-repeat 0 center;
}

.join-top .img-list {}

.join-top .img-list ul {
    width: 100%;
    clear: both;
}

.join-top .img-list li {
    width: 24.25%;
    margin-right: 1%;
    text-align: center;
    float: left;
}

.join-top .img-list li:last-child {
    margin-right: 0;
}

.join-top .img-list li p {
    font-size: 14px;
    color: #666666;
    line-height: 3;
}

.join-bg {
    width: 100%;
    padding: 0;
}

.join-main .swith select {
    float: left;
    width: 19%;
    padding-left: 1.8%;
    margin-right: 1.5%;
    border: none;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #999999;
}

.join-main .swith .text {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    width: 24%;
    padding-left: 1.5%;
    margin-right: 1.5%;
}

.join-main .swith .submit {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    background: #f91747;
    font-size: 16px;
    color: #ffffff;
    width: 11.5%;
}

.join-main .choose {
    margin: 28px 0 29px;
    height: 54px;
    background: #fff;
}

.join-main .choose .swiper-slide {
    min-height: 0;
    width: 153px;
    border-right: 1px solid #f5f5f5;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
}

.join-main .choose .swiper-slide:last-child {
    border-right: none;
}

.join-main .choose .swiper-slide a {
    color: #6b6b6b;
    display: block;
}

.join-main .choose .swiper-slide a:hover {
    color: #f91747;
}

.join-main .choose .swiper-slide a.on {
    color: #f91747;
    font-weight: bold;
}

.join-main .list-box {
    padding: 0 3.33% 20px;
    background: #fff;
    border: 1px solid #efefef;
}

.join-main .list-top {
    height: 54px;
    line-height: 54px;
    padding: 0 3.33% 0;
    background: #464650;
    font-size: 16px;
    color: #ffffff;
}

.join-main .td1 {
    width: 24.33%;
}

.join-main .td2 {
    width: 33.33%;
    margin-right: 5%;
}

.join-main .td3 {
    width: 11.91%;
    text-align: center;
    margin-left: -5%;
    margin-right: 5%;
}

.join-main .td4 {
    width: 11.41%;
}

.join-main .td5 {
    width: 11.4%;
    text-align: right;
}

.join-main .list-box ul {
    width: 100%;
}

.join-main .list-box li {
    width: 100%;
}

.join-main .list-box li .top {
    font-size: 15px;
    color: #777777;
    line-height: 2;
    padding: 16px 0;
    border-bottom: 1px solid #efefef;
}

.join-main .list-box li .top a {
    color: #1EA0CD;
}

.join-main .list-box li .bot {
    position: relative;
    padding: 20px 3.5% 36px;
    background: #f5f5f5;
    display: none;
}

.join-main .list-box li .bot .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}

.join-main .list-box li .bot .info1 p {
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 2;
    min-width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
}

.join-main .list-box li .bot .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 0 22px;
}

.join-main .list-box li .bot .info2 h3 {
    font-size: 16px;
    color: #333333;
    line-height: 3;
}

.join-main .list-box li .bot .info2 p {
    font-size: 14px;
    color: #333;
    margin: 0;
}

.join-main .list-box li .bot .info2 .fl {
    width: 80%;
}

.join-main .list-box li .bot .info2 .fr {
    width: 43.5%;
}

.join-main .list-box li .bot .info2 .fl .info-box {}

.join-main .list-box li .bot .info3 {
    margin-top: 31px;
}

.join-main .list-box li .bot .info3 .apply {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #1EA0CD;
    font-size: 16px;
    color: #ffffff;
    float: left;
    text-align: center;
}

.join-main .list-box li .bot .info3 .apply:hover {
    opacity: 0.6;
}

.join-main .list-box li .bot .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 21px;
    line-height: 21px;
    padding-left: 30px;
    background: url("../images/all_ico.png") no-repeat 0 center;
}

.join-main .list-box li .bot i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}

.join-main .list-box .list {
    margin-bottom: 0px;
}

.join-main .list-box li.li1 .td2 {
    color: #f91747;
}

@media (max-width: 1023px) {
    .join-main .list-box li .bot .info2 .fl {
        width: 100%;
    }
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 16px;
        line-height: 2;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 13px;
        margin: 0;
        line-height: 25px;
    }
    .join-main .list-box li .bot .info3 .apply {
        font-size: 14px;
    }
    .join-bg {
        padding: 50px 0 50px 0px;
    }
    .join-main .list-box li .top {
        font-size: 13px;
        padding: 10px 0;
    }
    .join-main .list-top {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
}

@media (max-width: 639px) {
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 14px;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 12px;
        line-height: 22px;
    }
    .join-main .list-box li .bot .info3 .apply {
        width: 120px;
        height: 33px;
        line-height: 33px;
        font-size: 13px;
    }
    .join-bg {
        padding: 0px 0 0px 0px;
    }
    .join-main .list-box li .top {
        font-size: 12px;
        padding: 0px 0;
    }
    .join-main .list-top {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .join-main .list-box {
        padding: 0 1% 0;
    }
}

@charset "utf-8";

/* CSS Document */

.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.join-top {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

.join-top .left {
    width: 44%;
    padding-right: 7%;
    border-right: 1px solid #e5e5e5;
    float: left;
    font-size: 13px;
}

.join-top .tit {
    padding-left: 66px;
    min-height: 42px;
    margin-bottom: 23px;
}

.join-top .tit h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
    font-weight: normal;
}

.join-top .tit h4 {
    font-size: 12px;
    color: #999999;
    line-height: 1.2;
    font-weight: normal;
}

.join-top .left .tit {
    background: url("../images/join_ico1.png") no-repeat 0 center;
}

.join-top p {
    font-size: 13px;
    color: #666666;
    line-height: 2;
}

.join-top .right {
    width: 40%;
    float: right;
}

.join-top .right .tit {
    background: url("../images/join_ico2.png") no-repeat 0 center;
}

.join-top .img-list {}

.join-top .img-list ul {
    width: 100%;
    clear: both;
}

.join-top .img-list li {
    width: 24.25%;
    margin-right: 1%;
    text-align: center;
    float: left;
}

.join-top .img-list li:last-child {
    margin-right: 0;
}

.join-top .img-list li p {
    font-size: 14px;
    color: #666666;
    line-height: 3;
}

.join-bg {
    width: 100%;
    padding: 0;
}

.join-main .swith select {
    float: left;
    width: 19%;
    padding-left: 1.8%;
    margin-right: 1.5%;
    border: none;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #999999;
}

.join-main .swith .text {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    width: 24%;
    padding-left: 1.5%;
    margin-right: 1.5%;
}

.join-main .swith .submit {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    background: #f91747;
    font-size: 16px;
    color: #ffffff;
    width: 11.5%;
}

.join-main .choose {
    margin: 28px 0 29px;
    height: 54px;
    background: #fff;
}

.join-main .choose .swiper-slide {
    min-height: 0;
    width: 153px;
    border-right: 1px solid #f5f5f5;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
}

.join-main .choose .swiper-slide:last-child {
    border-right: none;
}

.join-main .choose .swiper-slide a {
    color: #6b6b6b;
    display: block;
}

.join-main .choose .swiper-slide a:hover {
    color: #f91747;
}

.join-main .choose .swiper-slide a.on {
    color: #f91747;
    font-weight: bold;
}

.join-main .list-box {
    padding: 0 3.33% 20px;
    background: #fff;
    border: 1px solid #efefef;
}

.join-main .list-top {
    height: 54px;
    line-height: 54px;
    padding: 0 3.33% 0;
    background: #464650;
    font-size: 16px;
    color: #ffffff;
}

.join-main .td1 {
    width: 24.33%;
}

.join-main .td2 {
    width: 33.33%;
    margin-right: 5%;
}

.join-main .td3 {
    width: 11.91%;
    text-align: center;
    margin-left: -5%;
    margin-right: 5%;
}

.join-main .td4 {
    width: 11.41%;
}

.join-main .td5 {
    width: 11.4%;
    text-align: right;
}

.join-main .list-box ul {
    width: 100%;
}

.join-main .list-box li {
    width: 100%;
}

.join-main .list-box li .top {
    font-size: 15px;
    color: #777777;
    line-height: 2;
    padding: 16px 0;
    border-bottom: 1px solid #efefef;
}

.join-main .list-box li .top a {
    color: #1EA0CD;
}

.join-main .list-box li .bot {
    position: relative;
    padding: 20px 3.5% 36px;
    background: #f5f5f5;
    display: none;
}

.join-main .list-box li .bot .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}

.join-main .list-box li .bot .info1 p {
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 2;
    min-width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
}

.join-main .list-box li .bot .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 0 22px;
}

.join-main .list-box li .bot .info2 h3 {
    font-size: 16px;
    color: #333333;
    line-height: 3;
}

.join-main .list-box li .bot .info2 p {
    font-size: 14px;
    color: #333;
    margin: 0;
}

.join-main .list-box li .bot .info2 .fl {
    width: 80%;
}

.join-main .list-box li .bot .info2 .fr {
    width: 43.5%;
}

.join-main .list-box li .bot .info2 .fl .info-box {}

.join-main .list-box li .bot .info3 {
    margin-top: 31px;
}

.join-main .list-box li .bot .info3 .apply {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #1EA0CD;
    font-size: 16px;
    color: #ffffff;
    float: left;
    text-align: center;
}

.join-main .list-box li .bot .info3 .apply:hover {
    opacity: 0.6;
}

.join-main .list-box li .bot .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 21px;
    line-height: 21px;
    padding-left: 30px;
    background: url("../images/all_ico.png") no-repeat 0 center;
}

.join-main .list-box li .bot i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}

.join-main .list-box .list {
    margin-bottom: 0px;
}

.join-main .list-box li.li1 .td2 {
    color: #f91747;
}

@media (max-width: 1023px) {
    .join-main .list-box li .bot .info2 .fl {
        width: 100%;
    }
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 16px;
        line-height: 2;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 13px;
        margin: 0;
        line-height: 25px;
    }
    .join-main .list-box li .bot .info3 .apply {
        font-size: 14px;
    }
    .join-bg {
        padding: 50px 0 50px 0px;
    }
    .join-main .list-box li .top {
        font-size: 13px;
        padding: 10px 0;
    }
    .join-main .list-top {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
}

@media (max-width: 639px) {
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 14px;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 12px;
        line-height: 22px;
    }
    .join-main .list-box li .bot .info3 .apply {
        width: 120px;
        height: 33px;
        line-height: 33px;
        font-size: 13px;
    }
    .join-bg {
        padding: 0px 0 0px 0px;
    }
    .join-main .list-box li .top {
        font-size: 12px;
        padding: 0px 0;
    }
    .join-main .list-top {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .join-main .list-box {
        padding: 0 1% 0;
    }
}

@charset "utf-8";

/* 头部 */

img {
    /* max-width: 100%; */
}

.tiao {
    width: 100%;
    height: 110px;
    background: #000;
    position: fixed;
    z-index: 99999;
    top: 0;
}

.tiao .tiao_cen {
    width: 1200px;
    margin: auto;
    height: 40px;
    position: relative;
}

.tiao .tiao_cen span {
    font-size: 14px;
    display: block;
    color: #b1b1b1;
    position: absolute;
    top: 8px;
    left: 0;
}

.tiao .tiao_cen img {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 650px;
    top: 8px;
}

.tiao .tiao_cen .fu_1 {
    position: absolute;
    right: 0;
    top: 6px;
    color: #ffffff;
    text-indent: 25px;
    display: block;
    width: 400px !important;
    font-size: 18px !important;
    font-weight: bold;
}

.tiao .tiao_cen a {
    font-size: 18px;
    display: block;
    position: absolute;
    top: 8px;
    color: #fdc20e;
    left: 250px;
}

.header {
    width: 100%;
    min-width: 1200px;
    height: 85px;
    background: #ffffff;
}

.h-container {
    width: 1200px;
    height: 85px;
    margin: 0 auto;
    position: relative;
}


/* .logo {
	width: 161px;
	height: 43px;
	position: absolute;
	left: 0;
	top: 20px;
} */

.logo a {
    display: block;
}

.logo img {
    width: 100%;
}

.slogan {
    width: 260px;
    height: 64px;
    position: absolute;
    left: 365px;
    top: 33px;
}

.catch-b {
    height: 21px;
    padding: 2px 0 2px 5px;
    /*border-bottom:1px solid #d2d2d2; border-top:1px solid #d2d2d2;*/
    color: red;
    font-size: 16px;
    line-height: 21px;
    text-align: center;
}

.catch-b i {
    /* float:left;*/
    margin-right: 7px;
    line-height: 21px;
}

.catch-b span {
    width: 53px;
    height: 21px;
    display: block;
    background: url(../images/jt.png) no-repeat;
    float: left;
    color: #FFFFFF;
    text-indent: 7px;
    margin-left: -2px;
    font-style: italic;
}

.menu-box {
    width: 100%;
    height: 50px;
    min-width: 110px;
    background: #5a5a5a;
}

.menu-cont {
    width: 970px;
    height: 40px;
    position: absolute;
    left: 230px;
    top: 0;
}

.menu-l {
    position: absolute;
    right: 0;
    top: 0;
    width: 167px;
    height: 84px;
    overflow: hidden;
}

.menu-l .bd {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.menu-l .bd li {
    float: left;
    width: 100%;
    height: auto;
}

.menu-l .bd li img {
    display: block;
    width: 100%;
}

.menu-r {
    width: 100%;
    height: 85px;
}

.menu-r li {
    height: 85px;
    float: left;
    text-align: center;
    position: relative;
}

.menu-r li i {
    width: 30px;
    height: 18px;
    display: block;
    position: absolute;
    right: 35px;
    top: 12px;
    background: url(../images/hot.png) center no-repeat;
}

.menu-r li a.menu-r-a {
    position: relative;
    height: 85px;
    line-height: 85px;
    display: block;
    font-size: 15px;
    color: #000000;
    padding: 0 16px;
}

.menu-r li a.menu-r-a:hover {
    background: #FFC107;
}

.menu-r li.on a.menu-r-a {
    background: #ffdc00;
    color: #000000;
}

.menu-r-xl2 {
    position: absolute;
    left: 0;
    top: 85px;
    z-index: 999;
    display: none;
    width: 92px;
    background: rgba(55, 55, 55, 0.75);
}

.menu-r-xl2 li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    width: 92px;
    border-top: 1px solid #fff;
    float: none;
}

.menu-r-xl2 li a {
    width: 92px;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 14px;
    color: #f7f7f7;
    margin: 0 auto;
}

.menu-r-xl2 li a:hover {
    color: #ffdc00;
}

.menu-r .has-arrow:after {
    position: absolute;
    top: 23px;
    right: -20px;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid #9b9b9b;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    overflow: hidden;
}

.menu-r .has-arrow:after {
    top: 41px;
    right: 5px;
}

.menu-r li .has-arrow:hover a:after {
    border-top: 5px solid #FFC107;
}

.menu-r-xl2 li:first-child {
    border: 0;
}


/**banner开始**/

#boxhdp {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#img>li {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    display: none;
}

#img>.current {
    display: block;
}

#li {
    position: absolute;
    left: 50%;
    bottom: 15px;
    margin-left: -35px;
}

#li>li {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin-right: 5px;
    float: left;
    cursor: pointer;
}

#li>.on {
    background-color: #f50;
}

#an {
    display: none;
}

#an a {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-family: "宋体";
    font-weight: 600;
    font-size: 1.2em;
}

#an a:hover {
    background-color: rgba(0, 0, 0, .8);
}

#an .an-a2 {
    right: 0;
}


/**banner结束**/

.sy_xzwm {
    width: 280px;
    height: 140px;
    text-align: center;
    margin: 0 0 10px 0;
    background: url("../images/xzwm_bj.png") no-repeat 100%;
    box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .05) !important;
}

.f23 {
    margin-left: 26px;
}

.sy_xzwm h2 {
    color: #d31a12;
    font-size: 59px;
    font-weight: bold;
    line-height: 59px;
    margin-top: 20px;
    width: 76px;
    margin-left: 95px;
}

.sy_xzwm span {
    font-size: 16px;
    margin: 53px 0 0 5px;
}

.sy_xzwm p {
    font-size: 18px;
}

.sy_xzwm3 {
    width: 280px;
    height: 140px;
    text-align: center;
    background: url("../images/xzwm_bj.png") no-repeat 100%;
    box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .05) !important;
}

.sy_xzwm3 h2 {
    color: #d31a12;
    font-size: 59px;
    font-weight: bold;
    line-height: 59px;
    margin-top: 20px;
    width: 110px;
    margin-left: 75px;
}

.sy_xzwm3 span {
    font-size: 16px;
    margin: 53px 0 0 5px;
}

.sy_xzwm3 p {
    font-size: 18px;
}

.sy_xzwm4 {
    width: 280px;
    height: 140px;
    text-align: center;
    background: url("../images/xzwm_bj.png") no-repeat 100%;
    box-shadow: 0 .3rem 0.5rem rgba(0, 0, 0, .05) !important;
}

.sy_xzwm4 h2 {
    color: #d31a12;
    font-size: 59px;
    font-weight: bold;
    line-height: 59px;
    margin-top: 20px;
    width: 145px;
    margin-left: 60px;
}

.sy_xzwm4 span {
    font-size: 16px;
    margin: 53px 0 0 5px;
}

.sy_xzwm4 p {
    font-size: 18px;
}


/**报价开始**/

.font-24 {
    font-size: 1.5rem;
}

.font-14 {
    font-size: 14px;
}

.zxlyzx {
    width: 100%;
    height: 40px;
}

.sy_lyzx {
    font-size: 24px;
    line-height: 40px;
    padding-left: 16px;
    background: url("../images/service1.png") left no-repeat;
}

.sy_lysj {
    line-height: 40px;
    font-size: 16px;
    color: #666666;
    line-height: 40px;
}

.sy_lysj span {
    color: #d31a12;
}

.home-service::before {
    content: '';
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    z-index: -1
}

.home-service ul li .item {
    position: relative
}

.home-service ul li .item .text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.home-service ul li .item form {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.home-service ul li .item form h6 {
    color: rgba(255, 255, 255, 0.8)
}

.home-service ul li .item form h6 span {
    color: #fff
}

.home-service ul li .item form input {
    height: 34px;
    display: flex;
    width: 96%;
    align-items: center;
    padding-left: 4%;
    border-radius: 4px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    color: rgba(255, 255, 255, 0.8)
}

.home-service ul li .item form button {
    border-radius: 4px;
    height: 42px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-image: linear-gradient(#ffa400, #ff8300, #ff5600);
    border-bottom: 3px #d63707 solid
}

.home-service ul li .item form button:hover {
    color: rgba(255, 255, 255, 0.8)
}

.home-service ul li .item form p {
    color: rgba(255, 255, 255, 0.8)
}

.home-service ul li .item form p span {
    color: #fff
}

.home-designer .content .designer-btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 100px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto
}

input,
button {
    background: none;
    border: none;
}


/**报价结束**/


/**内容开始**/

.nr_box {
    width: 100%;
    min-height: 600px;
    overflow: hidden;
    background: url("../images/sy_bj.jpg") repeat;
}


/* VR */

.spatial-btn-con {
    padding-left: 37px;
    box-sizing: border-box;
    display: none;
}

.spatial-btn-con .spatial-btn-title {
    font-size: 26px;
    color: #555555;
    margin: 125px 0 58px 0;
}

.spatial-btn-con .spatial-btn-text {
    width: 217px;
    font-size: 16px;
    color: #666666;
    line-height: 34px;
    height: 142px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.index-main-title h3 {
    font-size: 32px;
    color: #555555;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-bottom: 24px;
}

.common-tab * {
    color: #999;
    cursor: pointer;
    font-size: 16px;
}

.index-main-title {
    text-align: center;
    width: 1200px;
    margin: auto;
}

.spatial-effect-map {
    padding: 80px 0;
}

.revise-margin .common-tab {
    padding-top: 0;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("../images/index-icon-02.png");
    right: 10px;
    left: auto;
}

.space-ban-wrap {
    position: relative;
    overflow: hidden;
    width: 1900px;
    height: 550px;
}

.common-tab {
    text-align: center;
    overflow: hidden;
    padding: 20px 0 60px 0;
    padding-top: 20px;
}

.space-ban-inner .swiper-wrapper {
    margin-left: -285px !important;
}

.space-ban-inner .swiper-slide {
    width: 930px !important;
    height: 550px !important;
    margin-right: 20px !important;
}

.space-ban-inner .swiper-slide a {
    display: block;
    width: 930px !important;
    height: 550px !important;
}

.space-ban-inner .swiper-slide a img {
    display: block;
    width: 100%;
    height: 100%;
}

.space-ban-mengle {
    position: absolute;
    left: 0;
    top: 0;
    width: 285px;
    height: 550px;
    background-color: #999999;
    opacity: 0.5;
    z-index: 50;
}

.space-ban-mengri {
    position: absolute;
    right: 0;
    top: 0;
    width: 285px;
    height: 550px;
    background-color: #999999;
    opacity: 0.5;
    z-index: 50;
}

.spatial-datails {
    position: absolute;
    left: 285px;
    top: 0;
    width: 340px;
    height: 550px;
    background-color: #fbfbfb;
    border-left: 20px solid #fff;
    z-index: 100;
}

.space-btn-ri,
.space-btn-le {
    width: 40px !important;
    height: 40px !important;
    position: absolute;
    z-index: 999 !important;
}

.space-btn-ri {
    left: 665px !important;
    top: 530px !important;
    background: url(../images/index-icon-03.png) no-repeat center center !important;
    background-size: 20% 40%;
    background-color: #999999 !important;
    opacity: 0.5;
}

.space-btn-le {
    left: 605px !important;
    top: 530px !important;
    background: url(../images/index-icon-02.png) no-repeat center center !important;
    background-size: 20% 40%;
    background-color: #999999 !important;
    opacity: 0.5;
}


/* VR */


/*设计师展示*/

.title_sy {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    color: #545454;
    line-height: 50px;
    margin-bottom: 20px;
}

.title_sy p {
    font-size: 16px;
    font-weight: 100;
    color: #a0a0a0;
}

#demo {
    width: 1200px;
    min-width: 1200px;
    height: 105px;
    overflow: hidden;
    line-height: 30px;
    font-size: 13px;
    color: #0C77CF;
    font-weight: bold;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
}

#demoin {
    min-width: 1200px;
    height: 105px;
    margin: 0 auto;
    white-space: nowrap;
    position: absolute;
}

#demo #demo1,
#demo #demo2,
#demo #demo3 {
    display: inline;
    margin: 0;
    padding: 0;
}

#demo span {
    position: relative;
    display: inline-block;
    width: 57px;
    height: 81px;
}

#demoin img {
    position: absolute;
}

#demo #demo2,
#demo #demo3 {
    margin-left: -5px;
}

.selected {
    border: 5px solid #ccc;
}

#demo img {
    width: 57px;
    height: 78px;
}

.designer_more {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: none;
}

.desinger_hover_show {
    display: block;
}

.desinger_hover img {
    display: none;
}

.desonger_img_box {
    width: 276px;
    height: 370px;
    overflow: hidden;
}

.desonger_img_box img {
    margin: 0 auto;
}

#designer_warp {
    width: 1200px;
    overflow: hidden;
    float: left;
}

.w1200 {
    width: 1200px;
    position: relative;
    margin: 0 auto;
}

.h30 {
    padding: 40px;
}

.designer_level {
    position: absolute;
    width: 274px;
    height: 63px;
    line-height: 63px;
    color: #fff;
    font-size: 18px;
    top: 305px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid #000;
}

#designer_run {
    position: relative;
    width: auto;
    height: 540px;
    overflow: hidden;
}

.desinger_card {
    height: 540px;
    margin: 0 auto;
    float: left;
    position: relative;
    z-index: 10;
}

.desinger_card .designer_item {
    position: relative;
    width: 276px;
    height: 540px;
    margin-right: 32px;
    float: left;
}

#copy {
    float: left;
    width: 6468px;
    overflow: hidden;
}

#copy,
#desinger_card_box {
    float: left;
}

.designer_item {
    width: 276px;
    height: 540px;
    margin-right: 32px;
    float: left;
    overflow: hidden;
}

.designer_item img {
    width: 276px;
    height: 375px;
    cursor: pointer;
}

.desinger_hover img {
    width: 50px;
    height: 50px;
    padding-top: 178px;
}

.designer_name {
    margin: 14px 0 12px 0;
    font-weight: bold;
    font-size: 24px;
    color: #333;
}

.designer_introduction {
    color: #494949;
    font-size: 18px;
}

.designer_from_mt {
    margin-top: 22px;
    font-size: 14px;
    color: #8b8b8b;
    display: -webkit-box;
}

.designer_from {
    font-size: 14px;
    color: #8b8b8b;
    width: 276px;
    overflow: hidden;
    margin-top: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.designer_btn_lf {
    width: 44px;
    height: 533px;
    position: absolute;
    left: -50px;
    z-index: 11;
    padding-top: 200px;
}

.designer_btn_lf img,
.designer_btn_rt img {
    cursor: pointer;
}

.designer_btn_rt {
    width: 44px;
    height: 533px;
    position: absolute;
    right: -50px;
    padding-top: 200px;
}

.designer_btn_rt img,
.designer_btn_lf img {
    cursor: pointer;
}

.desinger_filter {
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.desinger_small {
    width: 1200px;
    margin: 0 auto;
}

.desinger_small img {
    cursor: pointer;
}

.desinger_filter select {
    border: 1px solid #ccc;
    padding: 9px;
    border-radius: 0;
}

.select_box {
    border: 1px solid #ccc;
    width: 136px;
    height: 40px;
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    float: left;
    margin-top: 34px;
}

.level_con {
    width: 134px;
    height: 38px;
}

.designer_mask {
    opacity: 0.5;
}


/**设计师结束**/


/**设计师详情开始**/

.designer {
    padding-bottom: 60px;
    overflow: hidden;
}

.designer-list {
    margin: -10px;
    overflow: hidden;
}

.designer-list .item {
    position: relative;
    float: left;
    margin: 10px;
    width: 285px;
    height: 310px;
    overflow: hidden;
}

.designer-list .pic {
    height: 310px;
    overflow: hidden;
}

.designer-list .pic img {
    display: block;
    width: 100%;
    transition: all 1s;
}

.designer-list .text {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 18px;
    background: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    transform: translateY(62px);
    transition: all 0.5s;
}

.designer-list .text .info1 {
    padding: 18px 0;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.designer-list .text .info1 a.read {
    display: block;
    float: right;
    width: 55px;
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #ffc501;
    border-radius: 30px;
}

.designer-list .text .info1 span.name {
    display: inline-block;
    padding-right: 10px;
    font-size: 20px;
    color: #fff;
}

.designer-list .text .info1 span.post {
    display: inline-block;
    padding-left: 12px;
    font-size: 14px;
    color: #fff;
    background: url(../images/designer_post.png) no-repeat 0 center;
}

.designer-list .text .info2 {
    padding: 20px 0;
    height: 20px;
    line-height: 20px;
    border-top: rgba(255, 255, 255, 0.1) solid 1px;
}

.designer-list .text .info2 span {
    display: inline-block;
    margin-right: 20px;
    font-size: 16px;
    color: #999;
}

.designer-list .item:hover .pic img {
    transform: scale(1.1);
}

.designer-list .item:hover .text {
    background: rgba(0, 0, 0, 0.5);
    transform: translateY(0);
}

.designer-list .item:hover .text .info2 {
    display: block/9;
}

.designer-list .insetForm {
    margin: 10px;
}

.designer .results {
    display: none;
}


/*--end designer--*/


/*--designer-info--*/

.designer-info {
    margin: 0 auto;
    height: 450px;
    overflow: hidden;
    background: #fff;
}

.designer-info .pic {
    position: relative;
    float: left;
    width: 320px;
    height: 450px;
    overflow: hidden;
}

.designer-info .pic img {
    display: block;
    width: 100%;
}

.designer-info .pic a {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 40px;
    margin-left: -75px;
    width: 150px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-indent: 30px;
    color: #fff;
    background: #bc0000;
    border-radius: 25px;
    transition: all 0.5s;
}

.designer-info .pic a:after {
    display: block;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 27px;
    height: 27px;
    content: "";
    background: #fff url(../images/read.png) no-repeat center;
    border-radius: 50%;
    transform: translateY(-50%);
}

.designer-info .pic a:hover {
    color: #fff;
    background: #000;
}

.designer-info .pic a:hover:after {
    background-color: #fff;
    background-image: url(../images/read.png);
}

.designer-info .text {
    padding: 30px 40px;
    overflow: hidden;
}

.designer-info .text h3 {
    font-weight: normal;
    font-size: 24px;
    color: #000;
}

.designer-info .meta {
    margin-top: 28px;
    height: 100px;
    overflow: hidden;
    background: #fbfbfb;
}

.designer-info .meta dl {
    position: relative;
    float: left;
    padding: 24px 0;
    width: 25%;
    line-height: 22px;
    text-align: center;
    overflow: hidden;
}

.designer-info .meta dl:after {
    display: block;
    position: absolute;
    right: 0;
    top: 24px;
    bottom: 24px;
    width: 1px;
    content: "";
    background: #e1e1e1;
}

.designer-info .meta dl:last-child:after {
    display: none;
}

.designer-info .meta dt {
    font-size: 16px;
    color: #999;
}

.designer-info .meta dd {
    margin-top: 8px;
    font-size: 16px;
    color: #333;
}

.designer-info .summary {
    margin-top: 36px;
    height: 180px;
    line-height: 30px;
    font-size: 16px;
    color: #666;
    overflow: auto;
}

.designer-info .summary::-webkit-scrollbar {
    width: 3px;
    background: #fbfbfb;
}

.designer-info .summary::-webkit-scrollbar-thumb {
    background: #333;
}


/*--end designer-info--*/


/*--designer-case--*/

.designer-case {
    padding: 50px 0;
    overflow: hidden;
}


/*--end designer-case--*/


/*--designer-comm--*/

.designer-comm {
    padding: 50px 0;
    overflow: hidden;
}

.comm-list {
    margin: 50px -10px -10px -10px;
}

.comm-list .item {
    position: relative;
    float: left;
    margin: 10px;
    width: 386px;
    /* height: 294px; */
    height: 455px;
    overflow: hidden;
}

.comm-list .item:after {
    display: block;
    position: absolute;
    z-index: 3;
    right: 40px;
    bottom: 0;
    width: 48px;
    height: 44px;
    content: "";
    background: url(../images/comm_item.png) no-repeat;
}

.comm-list .pic {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    width: 152px;
    height: 152px;
    border: #fff solid 8px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.comm-list .pic img {
    display: block;
    /* width: 152px; */
    height: 152px;
    /* border-radius: 50%; */
    transition: all 1s;
    margin-left: -37px;
}

.comm-list .text {
    position: relative;
    z-index: 1;
    margin-top: -86px;
    padding: 118px 35px 0;
    /* height: 188px; */
    height: 348px;
    border: #f0f0f0 solid 1px;
    background: #fff;
    box-sizing: border-box;
}

.comm-list .text p {
    height: 196px;
    line-height: 28px;
    font-size: 16px;
    color: #666;
    overflow: hidden;
}

.comm-list .item:hover .pic img {
    transform: scale(1.1);
}


/*--end designer-comm--*/


/*--rec--*/

.rec-box {
    /**padding:50px 0;**/
    overflow: hidden;
}

.rec-title {
    margin-bottom: 40px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.rec-title span {
    float: right;
    font-size: 16px;
}

.rec-title span a {
    color: #999;
}

.rec-title span a:hover {
    color: #000;
}

.rec-title h2 {
    font-weight: normal;
    font-size: 24px;
}

.rec-title h2 a {
    color: #000;
}


/*--case--*/

.box-title h2 {
    font-size: 28px;
    font-weight: bold;
}

.case {
    padding-bottom: 60px;
    overflow: hidden;
}

.case-list {
    margin: 30px -17px -17px -17px;
    overflow: hidden;
}

.case-list .item {
    position: relative;
    float: left;
    margin: 17px;
    width: 377px;
    overflow: hidden;
}

.case-list .pic {
    position: relative;
    height: 280px;
    overflow: hidden;
}

.case-list .pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all 1s;
}

.case-list .text {
    padding-top: 20px;
    overflow: hidden;
}

.case-list .text h3 {
    height: 24px;
    line-height: 24px;
    font-weight: normal;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.case-list .text h3 a {
    color: #666;
}

.case-list .text h3 a:hover {
    color: #000;
}

.case-list .text .tag {
    padding-top: 15px;
    height: 21px;
    line-height: 21px;
    overflow: hidden;
}

.case-list .text .tag i {
    display: block;
    float: left;
    width: 21px;
    height: 21px;
    overflow: hidden;
    border-radius: 50%;
    background: #e1e1e1;
}

.case-list .text .tag i img {
    display: block;
    width: 21px;
    height: 21px;
}

.case-list .text .tag span {
    display: block;
    float: left;
    padding: 0 12px;
    font-size: 16px;
    color: #666;
    border-right: #e1e1e1 solid 1px;
}

.case-list .text .tag span:last-child {
    border-right: none;
}

.case-list .item:hover .pic img {
    transform: scale(1.1);
}

.case-list .insetForm {
    margin: 17px;
}

.case .results {
    display: none;
}


/**设计师详情结束**/


/**案例开始**/

.tabs-default .tabs-nav {
    font-size: 0;
}

.tabs-default .tabs-nav li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 1px;
    margin-bottom: 3px;
}

.tabs-default .tabs-nav li a {
    float: left;
    display: block;
    padding: 0 62px;
    line-height: 38px;
    font-size: 14px;
    color: #808080;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

.tabs-default .tabs-nav li a:hover {
    background-color: #c31a1f;
    color: #fff;
    text-decoration: none;
}

.tabs-default .tabs-nav li a.current,
.tabs-default .tabs-nav li a.current:hover {
    background-color: #c31a1f;
    color: #fff;
}

.tabs-default .tabs-nav li a span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.tabs-default .tabs-panes .tab-box {
    display: none;
    /**padding: 30px 0 0;**/
    width: auto;
}

.tab-more {
    float: none;
    clear: both;
    margin-top: 30px;
}

.tabs-center .tabs-nav {
    text-align: center;
}

.post-list-4col .post-list-item-spec .post-img {
    float: right;
}

.post-list-4col .post-list-item-spec .post-arrow {
    top: 50%;
    left: auto;
    right: -10px;
    margin-top: -10px;
    background-position: 0 -11px;
}

.portfolio-grid-item {
    float: left;
}

.portfolio-grid-item a {
    display: block;
    position: relative;
}

.portfolio-grid-img {
    overflow: hidden;
}

.portfolio-grid-img img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-grid-text {
    position: absolute;
    top: 38%;
    left: 0;
    z-index: 11;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-grid-text h3 {
    font-size: 28px;
    text-align: center;
    padding: 0 15px;
    color: #fff;
    font-weight: bold;
    margin-top: -15px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-grid-item .overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    _height: expression( (this.parentElement.clientHeight) +'px');
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-grid-item a:hover img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-grid-item a:hover .portfolio-grid-text {
    opacity: 1;
    filter: alpha(opacity=100);
}

.portfolio-grid-item a:hover .portfolio-grid-text h3 {
    margin-top: 0px;
}

.portfolio-grid-item a:hover .overlay {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.portfolio-grid-4col .portfolio-grid-item {
    width: 25%;
}

.module-full-screen>.module-inner {
    padding: 60px 0 60px;
}

.module-full-screen-title {
    margin-bottom: 35px;
    text-align: center;
}

.tab-more a:hover {
    background-color: #c31a1f;
    border-color: #fab702;
    color: #ffffff;
    text-decoration: none;
}

.tab-more a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 34px;
    padding: 0 30px;
    border-color: #fab702;
    border: 1px solid #8c0600;
    color: #8c0600;
    transition: all 0.5s ease 0s;
}

.tab-more-center {
    text-align: center;
}


/**案例结束**/


/**案例详情开始**/


/**案例详情结束**/


/**内容结束**/


/**在线报价开始**/

.f-24 {
    font-size: 24px;
}

.c-fff {
    color: #fff;
}

.tc {
    text-align: center;
}

.inBaojia_box {
    height: 200px;
    position: relative;
    z-index: 1;
}

.inBaojia_form {
    width: 62%;
    height: 170px;
    background: #1c171f url(../images/bg2.jpg) no-repeat right top;
    background-size: auto 100%;
    padding-top: 30px;
    padding-right: 56px;
}

.inForm_box {
    height: 30px;
    line-height: 36px;
    background: #fff;
    padding: 12px 0;
    margin-top: 32px;
    position: relative;
}

.inForm_box dl {
    float: left;
    width: 27%;
    height: 36px;
    padding: 0 35px;
    border-left: 1px solid #eee;
    position: relative;
    -webkit-display: flex;
    display: flex;
}

.inForm_box dl img {
    vertical-align: -3px;
    margin-right: 8px;
}

.inForm_box dl dt {
    width: 108px;
    flex: 0 0 108px;
    white-space: nowrap;
}

.inForm_box dl dd {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
}

.inForm_box dl dd img {
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
    height: 22px;
    z-index: 2;
}

.inForm_box dl dd input {
    width: 100%;
}

.inForm_box dl dd select {
    width: 70%;
    background: url(../images/arr_down_gray.png) no-repeat right center;
    padding: 5px 0;
}

.inBaojia_btn {
    height: 150px;
    padding: 50px 0 0 50px;
    background: #545454 url(../images/bg3.jpg) no-repeat right top;
    background-size: auto 100%;
}

.inBaojia_btn a {
    padding: 80px 0 0 75px;
}

.inBaojia_btn a:hover h3 {
    text-decoration: underline;
}

.inBaojia_btn a h4 {
    display: inline-block;
    padding-right: 65px;
    color: #e842ff;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(0deg, #e842ff, #b644e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    padding-top: 5px;
}

.inBaojia_btn a h4 i {
    display: block;
    width: 12px;
    height: 20px;
    background: url(../images/arr_right.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 0;
}

.inFind_box>img {
    width: 100%;
}

.inBaojia_btn a h4 {
    display: inline-block;
    padding-right: 65px;
    color: #e842ff;
    text-transform: uppercase;
    background-image: -webkit-linear-gradient(0deg, #e842ff, #b644e6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    padding-top: 5px;
}

.inBaojia_btn a {
    padding-left: 45px;
}

.ovh,
.hid {
    overflow: hidden;
}


/**在线报价结束**/


/**新闻开始**/

.tabs {
    /**left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;	
  border-radius: 5px;
  min-width: 240px;**/
}

.tabs input[name="tab-control"] {
    display: none;
}

.tabs ul {
    list-style-type: none;
    padding-left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabs ul li {
    box-sizing: border-box;
    /**text-align: center;**/
}

.tabs ul li label {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    color: #929daf;
    padding: 5px auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tabs ul li label br {
    display: none;
}

.tabs ul li label svg {
    fill: #929daf;
    height: 1.2em;
    vertical-align: bottom;
    margin-right: 0.2em;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.tabs ul li label:hover,
.tabs ul li label:focus,
.tabs ul li label:active {
    outline: 0;
    color: #bec5cf;
}

.tabs ul li label:hover svg,
.tabs ul li label:focus svg,
.tabs ul li label:active svg {
    fill: #bec5cf;
}

.tabs .slider {
    position: relative;
    width: 25%;
    -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
    transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}

.tabs .content {
    margin-top: 15px;
    border-top: 1px solid #edecec;
    padding-top: 30px;
}

.tabs .content section {
    display: none;
    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    line-height: 1.4;
}

.tabs .content section h2 {
    color: #428BFF;
    display: none;
}

.tabs .content section h2::after {
    content: "";
    position: relative;
    display: block;
    width: 30px;
    height: 3px;
    background: #428BFF;
    margin-top: 5px;
    left: 1px;
}

.tabs input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
    cursor: default;
    background: #8c0600;
    border-radius: 23px;
    color: #fff;
}

.tabs input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label svg {
    fill: #428BFF;
}

@media (max-width: 600px) {
    .tabs input[name="tab-control"]:nth-of-type(1):checked~ul>li:nth-child(1)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name="tab-control"]:nth-of-type(1):checked~.slider {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

.tabs input[name="tab-control"]:nth-of-type(1):checked~.content>section:nth-child(1) {
    display: block;
}

.tabs input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
    cursor: default;
    background: #8c0600;
    border-radius: 23px;
    color: #fff;
}

.tabs input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label svg {
    fill: #428BFF;
}

@media (max-width: 600px) {
    .tabs input[name="tab-control"]:nth-of-type(2):checked~ul>li:nth-child(2)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name="tab-control"]:nth-of-type(2):checked~.slider {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tabs input[name="tab-control"]:nth-of-type(2):checked~.content>section:nth-child(2) {
    display: block;
}

.tabs input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
    cursor: default;
    color: #428BFF;
}

.tabs input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label svg {
    fill: #428BFF;
}

@media (max-width: 600px) {
    .tabs input[name="tab-control"]:nth-of-type(3):checked~ul>li:nth-child(3)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name="tab-control"]:nth-of-type(3):checked~.slider {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}

.tabs input[name="tab-control"]:nth-of-type(3):checked~.content>section:nth-child(3) {
    display: block;
}

.tabs input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
    cursor: default;
    color: #428BFF;
}

.tabs input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label svg {
    fill: #428BFF;
}

@media (max-width: 600px) {
    .tabs input[name="tab-control"]:nth-of-type(4):checked~ul>li:nth-child(4)>label {
        background: rgba(0, 0, 0, 0.08);
    }
}

.tabs input[name="tab-control"]:nth-of-type(4):checked~.slider {
    -webkit-transform: translateX(300%);
    transform: translateX(300%);
}

.tabs input[name="tab-control"]:nth-of-type(4):checked~.content>section:nth-child(4) {
    display: block;
}

@-webkit-keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@keyframes content {
    from {
        opacity: 0;
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

@media (max-width: 1000px) {
    .tabs ul li label {
        white-space: initial;
    }
    .tabs ul li label br {
        display: initial;
    }
    .tabs ul li label svg {
        height: 1.5em;
    }
}

@media (max-width: 600px) {
    .tabs ul li label {
        padding: 5px;
        border-radius: 5px;
    }
    .tabs ul li label span {
        display: none;
    }
    .tabs .slider {
        display: none;
    }
    .tabs .content {
        margin-top: 20px;
    }
    .tabs .content section h2 {
        display: block;
    }
}

.sy .xw .cr {
    width: 700px;
}

.sy .xw .cl {
    width: 500px;
}

.sy .xw .c {
    position: relative;
    font-size: 0;
}

.sy .xw .c span {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    background-color: rgba(0, 0, 0, .6);
    display: block;
    width: 490px;
    text-align: left;
}

.sy .xw .swiper-pagination {
    text-align: right;
}

.sy .xw .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
    background-color: #fff;
}

.sy .xw .swiper-pagination-bullet-active {
    width: 40px;
    border: none;
    background-color: #ffffff;
    border-radius: 10px;
}

.sy .xw .cl {
    overflow: hidden;
    position: relative;
}

.sy .xw .sl span {
    float: left;
    font-size: 27px;
    line-height: 30px;
    padding: 10px 20px 25px 15px;
    font-weight: bold;
}

.sy .xw .sl span a {
    color: #9a9a9a;
}

.sy .xw .sl span.cur {
    background: url(../images/sy10.jpg) no-repeat center bottom;
}

.sy .xw .sl span.cur a {
    color: #000;
}

.sy .ls1 li {
    padding-left: 20px;
    font-size: 16px;
    line-height: 48px;
    text-align: right;
    overflow: hidden;
    background: url(../images/sy09.jpg) no-repeat 0 center;
}

.sy .ls1 a {
    width: 75%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    float: left;
    text-align: left;
}

.sy .ls1 span {
    color: #bbb;
}

.index_news_l2 {
    width: 350px;
    ;
    float: left;
}

.news_m2 {
    background: #fff;
    padding: 20px;
    transition: all .32s;
    box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, .05) !important;
}

.news_b1 .title {
    color: #222;
    font-size: 18px;
    /* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
    margin-bottom: 13px;
    transition: all .32s;
}

.news_b1 .txt {
    color: #666;
    font-size: 14px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .32s;
    height: 42px;
    width: 286px;
}

.news_b2 {
    padding: 16px 0 0 0;
    border-top: 1px solid #f2f2f2;
    margin-top: 12px;
    transition: all .32s;
}

.news_k1 {
    position: relative;
}

.news_k1 .time {
    width: 34px;
    height: 31px;
    background: url("../images/xw_logo.png") no-repeat;
}

.news_k1 .time h4 {
    color: #999;
    font-size: 16px;
    transition: all .32s;
}

.news_k1 .n_icon1 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0;
}

.news_k1 .n_icon1 img {
    transition: all .32s;
}

.news_list1 ul li {
    margin-bottom: 15px;
    padding: 0 10px;
}

.news_list1 ul li:last-child {
    margin-bottom: 0;
}

.index_news_l3 {
    width: 350px;
    float: right;
}

.news_list2 ul li {
    margin-bottom: 15px;
    width: 350px;
}

.news_list2 ul li:last-child {
    margin-bottom: 0;
}

.news_m3 {
    background: #fff;
    padding: 16px 7% 20px 38.66%;
    position: relative;
    transition: all .3s;
    box-shadow: 0 .2rem 0.5rem rgba(0, 0, 0, .05) !important;
}

.news_m3::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 94px;
    background: #f3f3f3;
    top: 50%;
    transform: translateY(-50%);
    left: 30%;
    transition: all .3s;
}

.news_m3 .time {
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
    width: 46px;
    height: 44px;
    background: url("../images/xw_logor.png") no-repeat;
}

.news_info3 .title {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 18px;
    transition: all .3s;
}

.news_info3 .n_icon1 img {
    transition: all .3s;
}

.news_list1 ul li:hover .news_m2,
.news_list2 ul li:hover .news_m3 {
    background: #8c0600;
}

.news_list1 ul li:hover .news_b1 .title,
.news_list1 ul li:hover .news_b1 .txt,
.news_list1 ul li:hover .news_b2 .time img,
.news_list2 ul li:hover .news_info3 .title,
.news_list2 ul li:hover .time h3 {
    color: #fff;
}

.news_list1 ul li:hover .news_b2 .time {
    background: url("../images/xw_logob.png") no-repeat;
}

.news_list2 ul li:hover .news_m3 .time {
    background: url("../images/xw_logorb.png") no-repeat;
}

.sy_zyzx {
    width: 230px;
}

.sy_zxzx {
    width: 100px;
    height: 30px;
    background: #e8e7e7;
    text-align: center;
    line-height: 30px;
    border-radius: 23px;
    margin-right: 15px;
}

.syxw_gd {
    line-height: 30px;
    color: #717171;
}

.syxw_gd:hover {
    color: #8c0600;
}


/**新闻结束**/


/**选择鑫耀装饰开始**/

.xz-con {
    flex-wrap: wrap;
    padding-bottom: 50px;
    margin-top: 66px;
    margin: 0 auto;
}

.sj-con {
    flex-wrap: wrap;
    padding-bottom: 5px;
    margin-top: 66px;
    margin: 0 auto;
}

.sjc-k3 {
    flex-wrap: wrap;
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sjck1-k:nth-child(6n) {
    margin-right: 0;
}

.sjck1-k {
    text-align: center;
    cursor: pointer;
    width: 20px;
}

.xzc-k1 {
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xzc-k3 {
    margin-top: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.xzck1-k {
    text-align: center;
    cursor: pointer;
}

.xzck1k-img img {
    width: 28px;
    object-fit: cover;
}

.xzck1k-img:hover {
    background: #bc0000;
}

.sjck1k-img img {
    width: 35px;
    object-fit: cover;
}

.sjck1k-img:hover {
    background: #bc0000;
}

.sjck1-k:hover .sjck1k-img {
    background-color: #bc0000;
}

.sjck1k-img {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    background-color: #8B0600;
    border: 1px solid #FFFFFF;
    margin: 0 auto;
    border-radius: 50%;
}

.sjck1k-wz1 {
    margin-top: 12px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.sjck1-k:hover .sjck1k-wz1 {
    color: #bc0000;
}

.xzck1-k:hover .xzck1k-wz1 {
    color: #bc0000;
}

.xzck1-k:hover .xzck1k-wz2 {
    color: #bc0000;
}

.xzck1-k:hover .xzck1k-img {
    background-color: #bc0000;
}

.xzck1k-img {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #8B0600;
    border: 0px solid #FFFFFF;
    border-radius: 50%;
}

.xzck1k-wz1 {
    margin-top: 12px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    width: ;
    /*//flex-wrap: wrap;*/
}

.xzck1k-wz2 {
    height: 39px;
    width: 126px;
    flex-wrap: wrap;
    margin-top: 9px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #707070;
}

.xzck1k-wz2 span {
    font-size: 14px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: 400;
    color: #707070;
}

.xzc-k2 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

.xzc-k4 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.xzck2-k {
    display: flex;
    align-items: center;
}

.xzck2-k>img {
    width: 43px;
    height: 42px;
    object-fit: cover;
}

.k-xuhao {
    position: relative;
    display: flex;
    align-items: center;
    width: 36px;
    height: 42px;
}

.xzck2k-sz {
    left: 10px;
    position: absolute;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #A1A1A1;
}

.xuxian {
    margin: 0 62px;
    display: block;
    text-align: center;
}

.xuxian img {
    width: 1.26rem;
    object-fit: cover;
}


/* 720度全视角 */

.du720cd-img2 img {
    display: block;
    margin: 0 auto;
    margin-top: 8px;
    width: 4px;
    height: 4px;
    object-fit: cover;
    z-index: 10;
}

.du720-con {
    height: 337px;
}

.du720cd-img1 {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.du720cd-img1>img {
    display: block;
    margin: 0 auto;
    z-index: 9;
    width: 124px;
    height: 595px;
    object-fit: cover;
}

.du720c-dh {
    position: absolute;
    z-index: 999;
}

.du720cd-wz {
    z-index: 11;
    text-align: center;
    display: block;
    width: 136px;
    height: 35px;
    background: rgba(0, 0, 0, 0.47);
    border-radius: 1rem;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 0.35rem;
    color: #C4C4C4;
}

.du720-con iframe {
    border-width: 0px;
}


/**选择鑫耀装饰结束**/


/**footer开始**/

.sy_footer {
    width: 100%;
    background: #282828;
}

.db_box {
    padding: 30px 0;
}

.yqlj {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid #3c3c3c;
}

.yqlj_bt {
    width: 100%;
    height: 34px;
    margin-bottom: 15px;
}

.yq_ljgs {
    margin-right: 20px;
    color: #9a9a9a;
    font-size: 14px;
    line-height: 30px;
}

.yqlj_bt a {
    width: 115px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    background: #0f0f0f;
    color: #9a9a9a;
    font-size: 14px;
}

.yq_ljgs:hover {
    color: #fff;
}

.yqlj_bt span {
    float: right;
    line-height: 40px;
    color: #9a9a9a;
}

.db_nrbox {
    padding: 50px 0 20px 0;
}

.db_nav {
    width: 600px;
    height: 234px;
    border-right: 1px solid #3d3d3d;
}

.db_nav li {
    float: left;
    text-align: left;
    width: 150px;
    height: 100%;
}

.db_nav a {
    display: inline-block;
    width: 150px;
    font-size: 14px;
    color: #9e9e9e;
    margin-bottom: 18px;
}

.db_lxfs {
    margin-left: 70px;
}

.db_rxbt {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}

.db_lxdh {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 15px;
    line-height: 30px;
}

.db_dzl {
    margin-top: 15px;
    line-height: 30px;
    font-size: 14px;
    color: #949494;
}

.db_ewm {
    text-align: center;
    color: #949494;
    font-size: 14px;
    line-height: 40px;
    margin: 30px 0;
}

.db_baxx {
    width: 100%;
    background: #222222;
    text-align: center;
    color: #676767;
    padding: 15px 0;
    line-height: 28px;
}

.db_baxx a {
    color: #676767;
}

.db_baxx a:hover {
    color: #fff;
}


/**footer结束**/

.ny-sub {
    border-bottom: 1px solid #eeeeee;
}

.ny-sub .content {
    position: relative;
    padding-right: 210px;
}

.ny-sub .bread {
    position: absolute;
    top: 0;
    right: 0px;
    padding: 0;
    line-height: 66px;
    border: none;
}

.ny-sub .sub {
    border-left: 1px solid #eeeeee;
    text-align: center;
}

.ny-sub .sub a {
    float: left;
    width: 16.6666667%;
    display: block;
    line-height: 66px;
    height: 66px;
    border-right: 1px solid #eeeeee;
    font-size: 16px;
    color: #333333;
    position: relative;
}

.ny-sub .sub a:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: #bc0000;
}

.ny-sub .sub a:hover {
    color: #bc0000;
}

.ny-sub .sub a.active {
    color: #fff;
    background-image: url(../images/ny_sub_bg.png);
    background-size: cover;
}

.ny-sub .sub a.active:before {
    display: block;
}


/**经典案例开始**/

.caseItem {
    width: 388.5px;
    height: 310px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-right: 17px;
    margin-bottom: 35px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    float: left;
}

.caseItem:nth-child(3n) {
    margin-right: 0 !important;
}

.caseItem:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
}

.caseItem-img {
    /* width: 100%; */
    height: 217px;
}


/* 软装案例头三张图 */


/* .w1200>div:nth-child(2)>div:nth-child(1) .caseItem-img,
.w1200>div:nth-child(2)>div:nth-child(2) .caseItem-img,
.w1200>div:nth-child(2)>div:nth-child(3) .caseItem-img{
    margin-left: -27%;
} */


/* .w1200>div:nth-child(2)>div:not(:nth-child(-n+3)) .caseItem-img{
    width: 100%;
} */

.caseItem-down {
    position: relative;
    height: 90px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 27px;
    padding-top: 20px;
    background: #fff;
}

.caseItem-down p {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    color: #333;
}

.caseItem-master {
    padding: 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.effect-bubba {
    text-align: center;
    overflow: hidden;
}

.effect-bubba-background {
    background: #000;
}

.effect-bubba:hover img {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

.effect-bubba .bofang {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 53px;
    padding-left: 20px;
    background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));
    box-sizing: border-box;
}

.effect-bubba .bofang img {
    width: 8px;
    line-height: 40px;
    margin: 24px 0;
    position: absolute;
    left: 20px;
}

.caseItem-master::before,
.caseItem-master::after {
    pointer-events: none;
}

.caseItem-master::before,
.caseItem-master::after {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.caseItem-master::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.caseItem-master::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.effect-bubba p {
    padding: 20px;
    opacity: 0;
    margin-top: 60px;
    font-size: 20px;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
}

.effect-bubba:hover .caseItem-master::before,
.effect-bubba:hover .caseItem-master::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.effect-bubba:hover h2,
.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.drawingItem {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}


/* 效果图案例列表 */

.drawing_case_item {
    width: 387px;
    height: 307px;
    border: 1px solid #e7e7e7;
    box-sizing: border-box;
    margin-right: 17px;
    margin-bottom: 35px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    float: left;
}

.drawing_case_item:nth-child(3n) {
    margin-right: 0 !important;
}

.drawing_case_item:hover {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, -2px, 0);
}

.drawing_case_tem_down {
    position: relative;
    height: 90px;
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 27px;
    padding-top: 20px;
}

.drawing_case_tem_down p {
    display: inline-block;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
}

.banner img {
    width: 100%;
    height: 100%;
}


/**经典案例结束**/


/**设计师开始**/

.select-box {
    width: 100%;
    margin-bottom: 30px;
}

.active a {
    /**background: #b50300;**/
    color: #fff;
}

.content a:hover {
    color: #b50300;
}

.select-box .select-card {
    border: 1px solid #edecec;
    border-bottom-color: rgb(237, 236, 236);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 1px;
}

.select-box .select-card .list-box {
    padding: 0;
    margin: 0;
    overflow: hidden
}

.select-box .select-card .list-box li {
    min-height: 49px;
    margin: 0;
    border-bottom: 1px solid #edecec;
    text-align: center;
    line-height: 48px;
    position: relative;
    overflow: hidden
}

.select-box .select-card .list-box li .title {
    position: absolute;
    height: inherit;
    width: 100px;
    background: #fafafa;
    font-size: 14px;
}

.select-box .select-card .list-box li .content {
    position: absolute;
    overflow: hidden;
    left: 100px;
    /**width:960px;**/
    color: #333;
    padding-bottom: 13px;
    padding-left: 10px
}

.select-box .select-card .list-box li .content span {
    display: block;
    padding: 4px 10px;
    margin-left: 10px;
    margin-top: 13px;
    float: left;
    line-height: 1.5;
    height: 20px;
    border-radius: 30px;
}

.select-box .select-card .list-box li .content span.active {
    background: #b50300;
    color: #fff
}

.select-box .select-card .list-box li .content span.active:hover {
    color: #fff
}

.select-box .select-card .list-box li .content span:hover {
    color: #b50300
}

.select-box .select-card .list-box li .content span.more {
    float: right
}

.select-box .select-card .list-box li .content span.more i {
    font-size: 12px
}

.select-box .select-card .list-box li .content span a {
    font-size: 14px;
}

.select-box .select-card .list-box li .more-a {
    color: #999;
    position: absolute;
    right: 94px;
    cursor: pointer
}

.select-box .select-card .list-box li .more-a i {
    color: #999;
    font-size: 12px;
    display: inline-block;
    position: relative;
    left: 5px
}

.select-box .select-card .list-box li .more-a i.xiangxia1 {
    border: 6px solid transparent;
    border-top-color: #999;
    top: 4px
}

.select-box .select-card .list-box li .more-a i.xiangshang1 {
    border: 6px solid transparent;
    border-bottom-color: #999;
    top: -4px
}

.select-box .sortful {
    padding-top: 10px;
    -ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05)
}

.select-box .sortful .sort-btn {
    float: left
}

.select-box .sortful .sort-btn .news {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .news:hover {
    color: #b50300
}

.select-box .sortful .sort-btn .news.active {
    color: #b50300
}

.select-box .sortful .sort-btn .news i {
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px
}

.select-box .sortful .sort-btn .hot {
    float: left;
    padding: 16px;
    cursor: pointer
}

.select-box .sortful .sort-btn .hot:hover {
    color: #b50300
}

.select-box .sortful .sort-btn .hot.active {
    color: #b50300
}

.select-box .sortful .sort-btn .hot i {
    display: inline-block;
    font-size: 14px;
    width: 15px;
    height: 15px
}

.select-box .sortful .search-btn {
    float: right
}

.select-box .sortful .search-btn .select-input {
    float: left;
    position: relative;
    width: 100px;
    margin: 10px;
    padding: 2px
}

.select-box .sortful .search-btn .select-input select {
    background: none;
    color: #666
}

.select-box .sortful .search-btn .select-input .filter-list {
    top: 33px;
    width: 100px;
    left: 2px
}

.select-box .sortful .search-btn .select-input.areatip .filter-list {
    width: 130px
}

.select-box .sortful .search-btn .select-input.qblp .filter-list {
    width: 155px;
    left: 2px
}

.select-box .sortful .search-btn .search-b {
    float: left;
    border: 1px solid #edecec;
    margin: 12px 10px;
    width: 192px;
    position: relative
}

.select-box .sortful .search-btn .search-b input {
    color: #333;
    float: left;
    padding: 0 5px;
    display: block;
    height: 100%
}

.select-box .sortful .search-btn .search-b div {
    background: #b50300;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    color: #fff;
    padding: 8px 7px;
    font-size: 12px;
    outline: none;
    cursor: pointer
}

.select-box .sortful .search-btn .search-b div:hover {
    color: #fff;
    background: #b50300;
    border-color: #b50300
}

.tema_title {
    padding: 45px 0;
    text-align: center;
}

.tema_title h1 {
    font-size: 32px;
    color: #333;
    position: relative;
}

.tema_title h1:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20%;
    width: 40%;
    height: 1px;
    background-color: #d6d6d6;
}

.tema_title h1 span {
    display: inline-block;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 9;
    padding: 0 75px;
}

.tema_title p {
    padding-top: 13px;
    font-size: 18px;
    color: #999;
}

.th_tema .th_body {
    overflow: hidden;
}

.th_tema .th_body ul {
    width: 110%;
}

.th_tema .th_body li {
    float: left;
    width: 280px;
    overflow: hidden;
    overflow: hidden;
    margin: 25px 25px 0 0;
}

.th_tema .th_body li .th_comm {
    width: 100%;
    position: relative;
}

.th_tema .th_body li .th_img img {
    width: 100%;
    display: block;
}

.th_tema .th_body li .th_bottom {
    background-color: #ececec;
    padding: 20px;
}

.th_tema .th_body li .th_bottom>dl>dt {
    width: 100%;
    font-size: 14px;
    color: #666;
}

.th_tema .th_body li .th_bottom>dl>dt em {
    font-size: 20px;
    color: black;
    padding-right: 10px;
    display: inline-block;
}

.th_tema .th_body li .th_bottom>dl>dd {
    width: 100%;
    font-size: 14px;
    color: #333;
    height: 25px;
    line-height: 25px;
    padding-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.th_tema .th_body li .con_mobal {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 87%;
    padding: 10%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 9;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.th_tema .th_body li .con_mobal .op_top .f-fl {
    width: 78px;
    /**height: 93px;**/
    border: 1px solid white;
    margin-right: 20px;
}

.f-fl {
    float: left;
    display: inline;
}

.th_tema .th_body li .con_mobal .op_top .f-fl img {
    max-width: 100%;
    display: block;
    height: auto;
}

.th_tema .th_body li .con_mobal .op_top dl dt {
    font-size: 20px;
    color: white;
    line-height: 45px;
}

.th_tema .th_body li .con_mobal .op_top dl dd {
    font-size: 14px;
    color: #c8272b;
}

.th_tema .th_body li .con_mobal .tt_img {
    width: 100%;
    padding-top: 47px;
    position: relative;
    height: 97px;
    overflow: hidden;
}

.th_tema .th_body li .con_mobal .tt_img p {
    font-size: 15px;
    color: #FFF;
    line-height: 33px;
}

.th_tema .th_body li .con_mobal .tt_img a {
    width: 99%;
    display: block;
    max-height: 165px;
    border: 1px solid white;
    overflow: hidden;
}

.th_tema .th_body li .con_mobal .tt_img a img {
    width: 100%;
    height: auto;
    display: block;
}

.th_tema .th_body li .con_mobal .tt_img a p {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    text-align: center;
    font-size: 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, .5);
}

.th_tema .th_body li .con_mobal .th_more {
    margin-top: 35px;
    color: white;
    width: 100%;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    text-align: center;
    background-color: #c8272b;
    display: block
}

.th_tema .th_body li .con_mobal .tt_img a img,
.th_tema .th_body li .con_mobal .tt_img a p,
.th_tema .th_body li .con_mobal {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.th_tema .th_body li .con_mobal .tt_img a:hover img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06);
}

.th_tema .th_body li .con_mobal .tt_img a:hover p {
    background-color: #c92323;
}

.th_tema .th_body li .con_mobal .th_more:hover {
    background-color: white;
    color: #c92323;
}

.th_tema .th_body li .th_comm:hover .con_mobal {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.fanye {
    text-align: center;
    padding: 50px 0;
}

.fanye a {
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #ddd;
    background: #fff;
    color: #666;
    text-decoration: none;
}

.fanye a:hover {
    color: #bc0000;
    border: 1px solid #bc0000;
}

.fanye a.active {
    background: #bc0000;
    border: 1px solid #bc0000;
    color: #fff;
}

.fanye a.active:hover {
    color: #fff;
    border: 1px solid #bc0000;
}

.fanye a.cur {
    color: #999;
    border: 1px solid #eee;
    pointer-events: none
}

.anli_content {
    padding-top: 40px;
    padding-bottom: 60px;
}

.anli_n_content {
    padding: 20px;
}

.anli_n_content p {
    line-height: 26px;
    color: #666;
}

.fanye2 a {
    display: block;
    padding: 15px;
    padding-left: 20px;
    font-weight: bold;
    color: #333;
    border: 1px dashed #bc0000;
    border-radius: 24px;
    text-decoration: none;
    transition: all 0.3s;
}

.fanye2 a:hover {
    background: #bc0000;
    color: #fff;
}


/**设计师结束**/


/**商业装修开始**/

.properties_list li {
    width: 32%;
    margin-left: 2%;
}

.properties_list li:nth-child(odd) {
    margin-left: 2%;
}

.properties_list li:nth-child(3n+1) {
    margin-left: 0px;
}

.properties_list {
    float: right;
    width: 100%;
    margin-top: -1.4%;
}

.properties_list li:hover a .text_box {
    background: rgba(0, 0, 0, 0.5);
}

.properties_list li:hover a .text_box .text_kehu {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    margin-top: 60px;
}

.properties_list li:hover a .text_box .btn_p {
    bottom: 55px;
}

.properties_list li:hover a .text_box:after {
    width: 100%;
}

.properties_list li {
    float: left;
    width: 32%;
    overflow: hidden;
    border-radius: 3px;
    margin-left: 2%;
    margin-top: 2%;
    height: 273px;
    background-size: 100% 100%!important;
}

.properties_list li a {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
}

.properties_list li a .text_box {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}

.properties_list li a .text_box .text_kehu {
    display: inline-block;
    padding: 15px 15px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    margin-top: 40px;
}

.properties_list li a .text_box .text_kehu .n {
    font-size: 14px;
    color: #fff;
}

.properties_list li a .text_box .text_kehu p {
    font-size: 32px;
    color: #fff;
    margin-top: 5px;
}

.properties_list li a .text_box .btn_p {
    position: absolute;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    left: 0px;
    right: 0px;
    bottom: 15px;
    padding: 0px 15px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.properties_list li a .text_box:after {
    content: "";
    display: block;
    width: 0px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 4px;
    background: #f25339;
    -webkit-transition: all 0.3s ease-out;
    -khtml-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/**商业装修结束**/


/**装修资讯开始**/

.default-left {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.news-item {
    width: 100%;
    background: #fff;
    box-shadow: 0 0 1px #8f8f8f80;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 22px;
    display: flex;
    align-items: center;
    justify-content: center
}

.news-item:hover {
    box-shadow: 0 0 8px #8f8f8f80
}

.news-item:hover .news-item-content .news-item-brief {
    color: #bc0000
}

.news-item .news-item-img {
    width: 100%;
    max-width: 200px;
}

.news-item .news-item-img img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.news-item .news-item-content {
    width: 78%;
    margin-left: 50px;
}

.news-item .news-item-content .news-item-title {
    font-size: 18px;
    color: #272727;
    /**height: 50px;**/
    overflow: hidden;
}

.news-item .news-item-content .news-item-time {
    color: #9e9e9e;
    font-size: 14px;
    margin-top: 10px;
}

.news-item .news-item-content .news-item-brief {
    font-size: 14px;
    color: #9e9e9e;
    line-height: 20px;
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
}

.new-article_title {
    text-align: center;
    font-size: 28px;
    color: #2f2f2f
}

.new-article-time {
    text-align: center;
    font-size: 14px;
    color: #9b9b9b;
    margin-top: 10px;
}

.new-article-content {
    margin-top: 50px;
}

.new-article-top-page {
    margin-top: 80px;
}

.new-article-top-page,
.new-article-down-page,
.new-article-top-page a,
.new-article-down-page a {
    font-size: 16px;
    color: #666666 !important;
}

.new-article-down-page {
    margin-top: 10px;
}

.news-section1 .flexbox {
    overflow: hidden;
}

.news-section1 .flexbox .box-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}

.news-section1 .flexbox .box-col {
    flex: 0 0 32%;
    max-width: 32%;
    padding: 0 8px;
    margin: 0 0 22px;
}

.news-section1 .flexbox .item {
    background: #f7f7f7;
}

.news-section1 .flexbox .item .img-box {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.news-section1 .flexbox .item .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}

.news-section1 .flexbox .item .info {
    padding: 25px 18px;
}

.news-section1 .flexbox .item .info h4 {
    margin: 0 0 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news-section1 .flexbox .item .info p {
    margin: 0 0 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 2;
    max-height: 56px;
}

.news-section1 .flexbox .item .info .bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.news-section1 .flexbox .item .info .bottom span {
    font-size: 14px;
    letter-spacing: 1px;
}

.news-section1 .flexbox .item .info .bottom span strong {
    font-size: 36px;
}

.news-section1 .flexbox .item .info .bottom .more {
    width: 135px;
    height: 40px;
    font-size: 14px;
    color: #d21d21;
    background: #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.news-section1 .flexbox .item:hover .img-box img {
    transform: scale(1.05);
}

.news-section1 .flexbox .item:hover .info .bottom .more {
    background: #d21d21;
    color: #fff;
}

#newBridge .icon-right-center#nb_icon_wrap {
    display: none;
}


/**装修资讯结束**/


/**装修资讯详情开始**/

.SubXi {
    min-height: 500px;
    padding: 30px 30px 0;
}

.SubXi h1 {
    font-size: 28px;
    color: #000;
    line-height: 44px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 30px;
}

.SubXiDiv {
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid #f5f5f5;
}

.SubXiDiv span {
    float: left;
    font-size: 14px;
    color: #999999;
}

.SubXiDivr {
    float: right;
    font-size: 14px;
    color: #999999;
}

.SubXiDivr em {
    float: left;
    font-size: 14px;
    color: #999999;
}

.SubXiDivr em a {
    font-size: 14px;
    color: #999999;
}

.SubXiDivr .SubDaYin {
    float: left;
    height: 26px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 26px;
    margin-top: 11px;
    padding: 0 12px;
    background: #b50300;
    border-radius: 5px;
}

.SubXiText {
    min-height: 300px;
    padding: 30px 0;
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    border-bottom: 1px solid #f5f5f5;
}

.SubXiText img {
    display: inline;
    max-width: 98%;
}

.SubXiText * {
    font-size: 16px;
    line-height: 36px !important;
    font-family: "微软雅黑" !important;
}

.SubXiText p {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
}

.SubXiJi {
    border-bottom: 0;
}

.SubXiaZai {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding-top: 30px;
}

.SubXiaZai a {
    color: #b50300;
}

.SubXiaZai a:hover {
    text-decoration: underline;
}

.ShangXia {
    padding: 30px 0;
    overflow: hidden;
    line-height: 34px;
    font-size: 16px;
}

.ShangXia .Shang {
    float: left;
    width: 100%;
}

.ShangXia .Xia {
    float: left;
    width: 100%;
}

.ShangXia a[href]:hover {
    color: #b50300;
}


/**装修资讯详情结束**/


/**联系我们开始**/

.ny-tit {
    position: relative;
    font-size: 30px;
    letter-spacing: 3px;
    padding: 20px 0;
    color: #333333;
    text-align: center;
}

.ny-tit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #bc0000;
}

.contact {
    padding: 100px 0;
}

.contact-ul {
    margin-top: 45px;
}

.contact-ul li {
    float: left;
    width: 48%;
    margin-right: 3.6%;
    background-image: url(../images/contact_li_bg.png);
    background-size: cover;
    border: 1px solid #e5e5e5;
    padding-bottom: 10px;
    height: 125px;
}

.contact-ul li:nth-child(2n) {
    margin-right: 0;
}

.contact-ul li img {
    float: left;
}

.contact-ul li .item {
    padding: 32px 10px 0 30px;
}

.contact-ul li .item div {
    margin-left: 70px;
    padding-left: 25px;
    border-left: 1px dashed #e5e5e5;
}

.contact-ul li .item div span {
    display: block;
    color: #333333;
    font-size: 16px;
}

.contact-ul li .item div p {
    margin-top: 8px;
    font-size: 18px;
    color: #bc0000;
}

.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: 50px 0;
    border-top: 1px dashed #EEEEEE;
    font-size: 14px;
}

.contact-info li {
    float: left;
    margin-top: 30px;
    width: 44.9%;
    padding: 0 30px;
}

.contact-info li h2 {
    height: 32px;
    background: url(../images/ico_building.png) no-repeat left 9px;
    line-height: 32px;
    font-size: 20px;
    color: #333333;
    padding-left: 30px;
}

.contact-info li div {
    margin-top: 20px;
    line-height: 30px;
    color: #999999;
}

.contact-info li div p {
    position: relative;
    padding-left: 72px;
    cursor: pointer;
}

.contact-info li div i {
    position: absolute;
    top: 5px;
    left: 0;
    width: 13px;
    height: 19px;
}

.contact-info li div .ico-add {
    background: url(../images/ico_address.png);
}

.contact-info li div .ico-bus {
    background: url(../images/ico_bus.png);
}

.contact-info li div .ico-add2 {
    background: url(../images/ico_address2.png);
}

.contact-info li div .ico-bus2 {
    background: url(../images/ico_bus2.png);
}

.contact-info li div span {
    position: absolute;
    top: 0;
    left: 30px;
    line-height: 30px;
}

.contact .js-tab-con {
    height: 0;
    overflow: hidden;
}

.contact .js-tab-con.active {
    height: auto;
}

.contact .map {
    margin-top: 50px;
    border: 1px solid #dcdcdc;
}

.contact .map-box {
    width: 100%;
    height: 500px;
    position: relative;
}

.contact .map-box img {
    max-width: 1000%;
}

.contact .map-box .allmap {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.contact .map-box .anchorBL {
    display: none;
}


/**联系我们结束**/


/**发展历程开始**/

#moddlie {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
}

#n_prr_list {
    width: 1100px;
    margin: 0 auto;
    height: auto;
}

.process_title {
    height: 135px;
    width: 100%;
    background: url(../images/process_line3.jpg) repeat-y 180px 0;
}

.process_title h1 {
    width: 100%;
    padding-top: 40px;
    color: #bc0000;
    font-size: 34px;
}

.process_title h2 {
    width: 100%;
    color: #ccc;
    color: #bc0000;
    font-size: 18px;
}

.lkk {
    width: 180px;
    height: auto;
    float: left;
    padding-top: 30px;
}

.lkk h1 {
    font-weight: bold;
    color: #323232;
    font-size: 32px;
}

.lkk p {
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
}

.rkk {
    margin-left: 180px;
    margin-top: 0px;
    background: url(../images/process_line3.jpg) repeat-y 0px 0;
    padding: 40px 0 10px 0;
}

.rkk_dot {
    background: url(../images/icon077.png) no-repeat 0px 3px;
    margin-left: -8px;
    padding-left: 25px;
    padding-bottom: 20px;
}

.rkk_dot div {
    background: url(../images/process_right2.png) no-repeat left 7px;
    padding-left: 15px;
    margin-bottom: 10px;
}

.rkk_dot h1 {
    font-size: 16px;
    width: 870px;
    color: #63636D;
    font-weight: inherit;
    font-style: inherit;
    font-family: "Microsoft Yahei", sans-serif;
    vertical-align: baseline;
    margin-left: 10px;
}

.rkk_dot p {
    width: 870px;
    font-size: 14px;
    line-height: 22px;
    text-align: justify;
    color: #63636D;
    font-weight: inherit;
    font-style: inherit;
    font-family: "Microsoft Yahei", sans-serif;
    vertical-align: baseline;
    margin-left: 10px;
}

.history li:hover {
    transition-duration: 400ms;
    background: #f9f7f5;
}

.history li:hover h1 {
    color: #bc0000;
    transition-duration: 400ms;
}

.start_message_box {
    width: 1100px;
    margin: 0 auto;
    background: #FFF;
}

.site_news {
    padding: 30px 0;
    border-bottom: 1px dashed #cfcfcf;
}

.site_news_right {
    width: 700px;
}

.site_news_right p {
    line-height: 45px;
    font-weight: bold;
    font-size: 16px;
}

.site_news_right h5 {
    line-height: 25px;
    font-weight: normal;
    color: #767676;
    text-indent: 2em;
    font-size: 13px;
}

.site_news_right h6 {
    line-height: 25px;
    font-weight: normal;
    margin-top: 20px;
    font-size: 13px;
    color: #000000;
}

.site_news_right h6 a {
    width: 100px;
    height: 30px;
    line-height: 30px;
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.site_news_right h6 a:hover {
    background: #8a1b7d;
}

.site_news_left {
    width: 363px;
    height: 180px;
    margin-right: 36px;
    overflow: hidden;
}

.site_news_left img {
    width: 363px;
    height: 180px;
}

.impr_title {
    margin: 0 0 10px 0;
}


/**发展历程结束**/


/**人才招聘开始**/

@charset "utf-8";

/* CSS Document */

.f-cb {
    zoom: 1;
}

.f-cb:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.join-top {
    background: #fff;
    width: 100%;
    margin: 0 auto;
    padding-top: 40px;
}

.join-top .left {
    width: 44%;
    padding-right: 7%;
    border-right: 1px solid #e5e5e5;
    float: left;
    font-size: 13px;
}

.join-top .tit {
    padding-left: 66px;
    min-height: 42px;
    margin-bottom: 23px;
}

.join-top .tit h3 {
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
    font-weight: normal;
}

.join-top .tit h4 {
    font-size: 12px;
    color: #999999;
    line-height: 1.2;
    font-weight: normal;
}

.join-top .left .tit {
    background: url("../images/join_ico1.png") no-repeat 0 center;
}

.join-top p {
    font-size: 13px;
    color: #666666;
    line-height: 2;
}

.join-top .right {
    width: 40%;
    float: right;
}

.join-top .right .tit {
    background: url("../images/join_ico2.png") no-repeat 0 center;
}

.join-top .img-list {}

.join-top .img-list ul {
    width: 100%;
    clear: both;
}

.join-top .img-list li {
    width: 24.25%;
    margin-right: 1%;
    text-align: center;
    float: left;
}

.join-top .img-list li:last-child {
    margin-right: 0;
}

.join-top .img-list li p {
    font-size: 14px;
    color: #666666;
    line-height: 3;
}

.join-bg {
    width: 100%;
    padding: 0;
}

.join-main .swith select {
    float: left;
    width: 19%;
    padding-left: 1.8%;
    margin-right: 1.5%;
    border: none;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    color: #999999;
}

.join-main .swith .text {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    width: 24%;
    padding-left: 1.5%;
    margin-right: 1.5%;
}

.join-main .swith .submit {
    float: left;
    border: none;
    height: 45px;
    line-height: 45px;
    background: #f91747;
    font-size: 16px;
    color: #ffffff;
    width: 11.5%;
}

.join-main .choose {
    margin: 28px 0 29px;
    height: 54px;
    background: #fff;
}

.join-main .choose .swiper-slide {
    min-height: 0;
    width: 153px;
    border-right: 1px solid #f5f5f5;
    height: 54px;
    line-height: 54px;
    text-align: center;
    font-size: 14px;
    color: #6b6b6b;
}

.join-main .choose .swiper-slide:last-child {
    border-right: none;
}

.join-main .choose .swiper-slide a {
    color: #6b6b6b;
    display: block;
}

.join-main .choose .swiper-slide a:hover {
    color: #f91747;
}

.join-main .choose .swiper-slide a.on {
    color: #f91747;
    font-weight: bold;
}

.join-main .list-box {
    padding: 0 3.33% 20px;
    background: #fff;
    border: 1px solid #efefef;
}

.join-main .list-top {
    height: 54px;
    line-height: 54px;
    padding: 0 3.33% 0;
    background: #464650;
    font-size: 16px;
    color: #ffffff;
}

.join-main .td1 {
    width: 24.33%;
}

.join-main .td2 {
    width: 33.33%;
    margin-right: 5%;
}

.join-main .td3 {
    width: 11.91%;
    text-align: center;
    margin-left: -5%;
    margin-right: 5%;
}

.join-main .td4 {
    width: 11.41%;
}

.join-main .td5 {
    width: 11.4%;
    text-align: right;
}

.join-main .list-box ul {
    width: 100%;
}

.join-main .list-box li {
    width: 100%;
}

.join-main .list-box li .top {
    font-size: 15px;
    color: #777777;
    line-height: 2;
    padding: 16px 0;
    border-bottom: 1px solid #efefef;
}

.join-main .list-box li .top a {
    color: #bc0000;
}

.zxg600 {
    min-height: 600px;
}

.join-main .list-box li .bot {
    position: relative;
    padding: 20px 3.5% 36px;
    background: #f5f5f5;
    display: none;
}

.join-main .list-box li .bot .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}

.join-main .list-box li .bot .info1 p {
    float: left;
    font-size: 12px;
    color: #333333;
    line-height: 2;
    min-width: 24%;
    margin-right: 1%;
    margin-bottom: 10px;
}

.join-main .list-box li .bot .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 24px 0 22px;
}

.join-main .list-box li .bot .info2 h3 {
    font-size: 16px;
    color: #333333;
    line-height: 3;
}

.join-main .list-box li .bot .info2 p {
    font-size: 14px;
    color: #333;
    line-height: 30px;
    margin: 0;
}

.join-main .list-box li .bot .info2 .fl {
    width: 80%;
}

.join-main .list-box li .bot .info2 .fr {
    width: 43.5%;
}

.join-main .list-box li .bot .info2 .fl .info-box {}

.join-main .list-box li .bot .info3 {
    margin-top: 31px;
}

.join-main .list-box li .bot .info3 .apply {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #1EA0CD;
    font-size: 16px;
    color: #ffffff;
    float: left;
    text-align: center;
}

.join-main .list-box li .bot .info3 .apply:hover {
    opacity: 0.6;
}

.join-main .list-box li .bot .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 21px;
    line-height: 21px;
    padding-left: 30px;
    background: url("../images/all_ico.png") no-repeat 0 center;
}

.join-main .list-box li .bot i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}

.join-main .list-box .list {
    margin-bottom: 0px;
}

.join-main .list-box li.li1 .td2 {
    color: #f91747;
}

@media (max-width: 1023px) {
    .join-main .list-box li .bot .info2 .fl {
        width: 100%;
    }
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 16px;
        line-height: 2;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 13px;
        margin: 0;
        line-height: 25px;
    }
    .join-main .list-box li .bot .info3 .apply {
        font-size: 14px;
    }
    .join-bg {
        padding: 50px 0 50px 0px;
    }
    .join-main .list-box li .top {
        font-size: 13px;
        padding: 10px 0;
    }
    .join-main .list-top {
        height: 45px;
        line-height: 45px;
        font-size: 13px;
    }
}

@media (max-width: 639px) {
    .join-main .list-box li .bot .info2 {
        padding: 15px 0 15px 0;
    }
    .join-main .list-box li .bot .info2 h3 {
        font-size: 14px;
    }
    .join-main .list-box li .bot .info2 p {
        font-size: 12px;
        line-height: 22px;
    }
    .join-main .list-box li .bot .info3 .apply {
        width: 120px;
        height: 33px;
        line-height: 33px;
        font-size: 13px;
    }
    .join-bg {
        padding: 0px 0 0px 0px;
    }
    .join-main .list-box li .top {
        font-size: 12px;
        padding: 0px 0;
    }
    .join-main .list-top {
        height: 35px;
        line-height: 35px;
        font-size: 12px;
    }
    .join-main .list-box {
        padding: 0 1% 0;
    }
}


/**人才招聘结束**/


/**资质荣誉开始**/

.solution-list .item-list {
    margin-left: -1.25%;
}

.solution-list .each-item {
    position: relative;
    float: left;
    width: 23.7%;
    margin: 0 0 1.75% 1.25%;
    background: #fff;
    /*overflow:hidden;*/
    transition: all .6s;
    -webkit-transition: all .6s;
}

.solution-list .each-item img {
    transition: all .6s;
    -webkit-transition: all .6s;
    height: 300px;
}

.solution-list .item-inner {
    z-index: 1;
    position: relative;
    display: block;
}

.solution-list .each-item .text-inner {
    padding: 5%;
}

.solution-list .each-item .text-inner .title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    overflow: hidden;
}

.solution-list .each-item .text-inner .descrition {
    height: 44px;
    font-size: 16px;
    color: #666;
    line-height: 22px;
    overflow: hidden;
}

.solution-list .each-item .image-wrap {
    position: relative;
    overflow: hidden;
    height: 300px;
}


/**资质荣誉结束**/


/**关于我们开始**/

.xyzssj {
    line-height: 36px;
    font-size: 16px;
    color: #555;
}


/**关于我们结束**/


/**软装设计开始**/

.htit {
    text-align: center;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
    padding: 30px 0;
}

.htit h3 {
    font-size: 38px;
    color: #434343;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
}

.htit h4 {
    font-size: 38px;
    color: #434343;
    text-align: center;
    line-height: 1;
    padding: 20px 0 5px;
}

.htit p {
    font-size: 14px;
    color: #616161;
    line-height: 1.4;
}

.box1left {
    width: 284px;
}

.box1left ul li {
    width: 135px;
    height: 135px;
    margin-right: 6px;
    margin-bottom: 6px;
    border-radius: 10px;
    background: #bc0000;
    float: left;
}

.box1item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.box1item img {
    width: 48px;
    height: 44px;
}

.box1item p {
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    line-height: 1;
}

.box1center {
    width: 916px;
    height: 276px;
    background: #f0f1f5;
    padding: 24px 24px 0;
    box-sizing: border-box;
    border-radius: 10px;
}

.sbox1input {
    display: none;
}

.inputbox {
    padding-top: 17px;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.inputbox span {
    font-size: 14px;
    color: #616161;
    width: 68px;
}

.inputbox select {
    height: 33px;
    width: 29.9%;
    background: #fff;
    font-size: 14px;
    color: #616161;
    margin-right: 7px;
    border: none;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
}

.inputbox input {
    height: 33px;
    flex: 1;
    background: #fff;
    font-size: 14px;
    color: #616161;
    margin-right: 7px;
    border: none;
    outline: none;
    padding: 0 10px;
    box-sizing: border-box;
}

.box1center button {
    flex: 1;
    height: 49px;
    line-height: 49px;
    background: #bc0000;
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin-top: 17px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    margin-right: 6px;
}

.box3 {
    padding: 70px 0 0;
    background: url(../images/bg2.png) no-repeat center top;
    background-size: cover;
}

.htit3 {
    text-align: center;
    color: #434343;
}

.htit3 h2 {
    font-size: 38px;
}

.htit3 p {
    font-size: 14px;
    color: #616161;
}

.htit3 .line {
    width: 34px;
    height: 2px;
    margin: 10px auto 0;
    background: #bc0000;
}

.htit3 strong {
    font-size: 36px;
    color: #616161;
    /*font-weight: 600;*/
}

.htit3 span {
    font-size: 16px;
    color: #bc0000;
    padding: 0 5px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-top: 18px;
}

.htit3.sec {
    color: #fff;
}

.htit3.sec p {
    color: #fff;
}

.htit3.sec .line {
    background: #fff;
}

.box4 {
    padding-top: 70px;
}

.btns {
    padding: 20px 0;
    text-align: center;
}

.btns a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 8px;
    width: 152px;
    height: 32px;
    border: 1px solid #616161;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}

.rzsj_al {
    margin-top: 40px;
}

.btns a.btn1 {
    color: rgba(67, 67, 67, .5);
}

.btns a.btn2 {
    background: #616161;
    color: #fff;
}

.btns a:hover {
    border: 1px solid #bc0000;
}

.btns a.btn1:hover {
    color: #bc0000;
}

.btns a.btn2:hover {
    background: #bc0000;
}

.subbox1 {
    padding: 80px 0 40px;
}

.sub1left {
    width: 650px;
}

.sub1left ul li {
    width: 25%;
    float: left;
    cursor: pointer;
}

.sub1left ul li:nth-child(2) {
    margin-top: 140px;
}

.sub1left ul li:nth-child(3) {
    margin-top: 36px;
}

.sub1left ul li:nth-child(4) {
    margin-top: 130px;
}

.subimg {
    width: 100%;
    overflow: hidden;
}

.subimg img {
    width: 100%;
    vertical-align: top;
}

.subdetail1 {
    padding: 0 16px;
}

.subdetail1 h2 {
    font-size: 18px;
    color: #434343;
    font-weight: 600;
    padding: 20px 0 10px;
}

.subdetail1 p {
    font-size: 12px;
    color: #434343;
    line-height: 1.8;
}

.sub1right {
    width: 480px;
}

.sub1logo {
    height: 72px;
    text-align: right;
}

.sub1logo img {
    vertical-align: top;
}

.sub1detail {
    padding-top: 20px;
}

.sub1detail h2 {
    font-size: 34px;
    color: #616161;
    /*font-weight: 600;*/
    line-height: 76px;
    height: 76px;
    position: relative;
    margin-bottom: 20px;
}

.sub1detail p {
    font-size: 14px;
    color: #616161;
    line-height: 30px;
    padding-bottom: 120px;
}

.sub1detail h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 2px;
    background: #bc0000;
}

.sub1detail a {
    display: block;
    width: 162px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #616161;
    font-size: 14px;
    color: #616161;
    /*font-weight: 600;*/
    text-indent: 20px;
}

.ssub2box {
    display: none;
}

.subbox2 {
    background: #fff url(../images/bg1.png) no-repeat center;
    background-size: cover;
}

.subbox3 {
    background: url("../images/rzsj_bj.jpg") no-repeat 50% 50%;
}

.subbox3wrap ul {
    margin: 0 -5px;
}

.subbox3wrap ul li {
    width: 25%;
    padding: 5px;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

.subbox3wrap ul li a {
    display: block;
    overflow: hidden;
}

.subbox3wrap ul li a img {
    width: 100%;
    vertical-align: top;
}

.subbox3 .more {
    display: block;
    width: 152px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #fff;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin: 40px auto;
    cursor: pointer;
}

.subbox3 .more:hover {
    background: #fff;
    color: #bc0000;
}

.subbox4 {
    background: #f0f1f5;
}

.subbox4 .wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.subbox4left {
    width: 20%;
}

.subbox4leftitem {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
}

.xlogo {
    width: 132px;
    vertical-align: top;
}

.subbox4leftitem h2 {
    font-size: 40px;
    color: #434343;
    font-weight: 600;
    padding-top: 30px;
}

.subbox4leftitem p {
    font-size: 14px;
    color: #434343;
    line-height: 1.6;
}

.xicon {
    width: 107px;
    vertical-align: top;
    padding-top: 10px;
}

.subbox4right {
    width: 75%;
}

.subbox4right a img {
    width: 100%;
    vertical-align: top;
}

.subbox3wrap .slideTxtBox {
    padding-top: 50px;
}

.subbox3wrap .slideTxtBox .hd {
    text-align: center;
    position: relative;
    bottom: auto;
    padding-top: 30px;
}

.subbox3wrap .slideTxtBox .hd a {
    padding: 0 40px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    cursor: pointer;
}


/**软装设计结束**/


/**全案设计开始**/


/* = WHOLEHOUSE = */


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

.wholehouse {
    padding-bottom: 100px;
}

.wholehouse-theme {
    text-align: center;
}

.wholehouse-theme {
    padding-bottom: 25px;
    position: relative;
}

.wholehouse-theme:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -170px;
    width: 340px;
    height: 1px;
    background: #EEEEEE;
}

.wholehouse-theme img {
    display: inline-block;
    vertical-align: middle;
}

.wholehouse-theme span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    color: #333333;
    letter-spacing: 4px;
}

.wholehouse-theme p {
    margin-top: 15px;
    letter-spacing: 10px;
    font-size: 16px;
}

.wholehouse-point-box {
    padding-bottom: 75px;
    border-bottom: 1px solid #EEEEEE;
}

.wholehouse-point-box ul {
    margin: 0 -10px;
}

.wholehouse-point-box li {
    margin-top: 30px;
    float: left;
    width: 19.1%;
    padding: 0 5px;
}

.wholehouse-point-box .item {
    position: relative;
    border: 1px solid #eeeeee;
    background-image: url(../images/point_bg_1.jpg);
    background-size: cover;
    text-align: center;
    padding: 25px 5px 30px;
}

.wholehouse-point-box .item span {
    display: inline-block;
    border-radius: 50%;
    background: #d51b27;
    ;
}

.wholehouse-point-box .item p {
    margin-top: 10px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 2px;
}

.wholehouse-point-box .item i {
    font-size: 12px;
    font-style: normal;
    color: #aaaaaa;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wholehouse-point-box .item:hover {
    background: #FFFFFF;
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -ms-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .08);
    box-shadow: 0 0 30px rgba(0, 0, 0, .08);
}

.wholehouse-point-box .item:hover span {
    background: #b48b62;
}

.wholehouse-point-box .item:hover p {
    color: #b48b62;
}

.wholehouse-more {
    margin: 0 auto;
    width: 140px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    display: block;
    background: #b48b62;
    color: #FFFFFF;
    text-align: center;
}

.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: 22.5%;
    padding: 0 15px;
}

.wholehouse-systems li .item {
    border: 1px solid #EEEEEE;
    padding: 20px 12px;
}

.wholehouse-systems li .item img {
    float: left;
}

.wholehouse-systems li .item div {
    margin-left: 75px;
    width: 100%;
    line-height: 60px;
    padding-left: 20px;
    font-size: 20px;
    color: #333333;
    border-left: 1px dashed #707070;
}

.wholehouse-systems .content {
    margin-top: 60px;
}

.wholehouse-systems .content .left {
    float: left;
    width: 38%;
    max-width: 435px;
    padding-top: 5px;
    background: url(../images/systems_png_1.png) no-repeat left top;
    padding-left: 40px;
}

.wholehouse-systems .content .left .cn {
    font-size: 18px;
    color: #b48b62;
    line-height: 32px;
    letter-spacing: 4px;
}

.wholehouse-systems .content .left .en {
    margin-top: 10px;
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #aaaaaa;
    text-transform: uppercase;
}

.wholehouse-systems .content .right {
    float: right;
    width: 59%;
}

.wholehouse-systems .content .right p {
    margin-bottom: 35px;
    padding-left: 65px;
    position: relative;
    line-height: 24px;
    font-size: 12px;
    color: #333333;
}

.wholehouse-systems .content .right p:last-child {
    margin-bottom: 0
}

.wholehouse-systems .content .right p:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    border: 2px solid #c3c3c3;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: inline-block;
}

.golden-box {
    padding-top: 80px;
}

.golden-box .des {
    margin: 25px auto 0;
    text-align: center;
    line-height: 30px;
    letter-spacing: 2px;
}

.golden-box .content {
    margin-top: 45px;
    background: url(../images/golden_bg_1.jpg) bottom center no-repeat;
}

.construction-box {
    margin: 85px 0 100px;
}

.construction-box ul {
    margin: 30px -10px 0;
}

.softlife-theme {
    text-align: center;
}

.softlife-theme {
    padding-bottom: 25px;
    position: relative;
}

.softlife-theme:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    width: 320px;
    height: 1px;
    background: #EEEEEE;
}

.softlife-theme span {
    display: block;
    font-size: 30px;
    color: #333333;
    letter-spacing: 4px;
}

.softlife-theme p {
    margin-top: 15px;
    letter-spacing: 10px;
    font-size: 16px;
}

.softlife-enjoy {
    padding: 85px 0;
    border-bottom: 1px solid #EEEEEE;
}

.softlife-enjoy .ny-des {
    margin-top: 40px;
    line-height: 30px;
    text-align: center;
}

.softlife-enjoy .tab {
    margin-top: 45px;
    margin-bottom: 25px;
    text-align: center;
}

.softlife-enjoy .tab span {
    margin: 0 5px;
    display: inline-block;
    padding: 10px 40px;
    font-size: 12px;
    border: 1px solid #EEEEEE;
    color: #333333;
    letter-spacing: 2px;
    cursor: pointer;
}

.softlife-enjoy .tab span.active {
    background: #102543;
    border: 1px solid #102543;
    color: #FFFFFF;
}

.softlife-enjoy .js-tab-con {
    height: 0;
    overflow: hidden;
}

.softlife-enjoy .js-tab-con.active {
    height: auto;
}

.enjoy-content-01 {
    border: 1px solid #EEEEEE;
    border-bottom: none;
    position: relative;
}

.enjoy-content-01 .left {
    float: left;
    width: 50%;
}

.enjoy-content-01 .right {
    float: right;
    width: 50%;
    text-align: right;
    padding: 65px 65px 0;
}

.enjoy-content-01 .right .tit {
    width: 100%;
    padding-bottom: 25px;
    position: relative;
    color: #999999;
}

.enjoy-content-01 .right .tit:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0%;
    width: 65px;
    height: 2px;
    background: #b48b62;
}

.enjoy-content-01 .right .tit span {
    display: block;
    font-size: 30px;
    color: #333333;
}

.enjoy-content-01 .right .tit i {
    margin-top: 5px;
    font-size: 12px;
    color: #aaaaaa;
    letter-spacing: 5px;
    text-transform: uppercase;
    font-style: normal;
}

.enjoy-content-01 .right .tit p {
    margin-top: 15px;
    font-size: 18px;
    color: #333333;
    letter-spacing: 3px;
}

.enjoy-content-01 .right .des {
    float: right;
    margin-top: 25px;
    line-height: 30px;
    font-size: 13px;
    max-width: 445px;
}

.enjoy-content-02 {
    background: #f5f5f5;
    position: relative;
}

.enjoy-content-02 .box-con {
    text-align: center;
    padding: 0 60px;
}

.enjoy-content-02 .box-con .con+i {
    display: inline-block;
    vertical-align: middle;
    height: 178px;
}

.enjoy-content-02 .box-con .con {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.enjoy-content-02 .box-con .tit {
    font-size: 20px;
    color: #b48b62;
    font-weight: bold;
    letter-spacing: 3px;
    position: relative;
}

.enjoy-content-02 .box-con .tit span {
    display: inline-block;
    font-style: italic;
}

.enjoy-content-02 .box-con .tit:before {
    content: " “ ";
    position: absolute;
    top: -5px;
    left: -35px;
    font-size: 38px;
    color: #FFFFFF;
    opacity: .5;
    font-family: arial;
}

.enjoy-content-02 .box-con .tit:after {
    content: " ” ";
    position: absolute;
    top: 0;
    right: -35px;
    font-size: 38px;
    color: #FFFFFF;
    opacity: .5;
    font-family: arial;
}

.enjoy-content-02 .box-con .des {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: .16;
    letter-spacing: 5px;
}

.ny-tit {
    position: relative;
    font-size: 30px;
    letter-spacing: 3px;
    padding-bottom: 20px;
    color: #333333;
    text-align: center;
}

.ny-tit:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 40px;
    height: 2px;
    margin-left: -20px;
    background: #b48b62;
}


/*LAYOUT*/

.pc-block {
    display: block;
}

.mb-block {
    display: none;
}

@media (max-width:999px) {
    .pc-block {
        display: none;
    }
    .mb-block {
        display: block;
    }
}

.transition {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}


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


/* = APPOINTMENT-BOX = */


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

.appointment-box {
    padding-bottom: 40px;
    background-image: url(../images/appointment_bg_1.jpg);
}

.appointment-box .content {
    padding-top: 30px;
    padding-left: 300px;
    position: relative;
}

.appointment-box .content .text {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30px;
}

.appointment-box .content .text h2 {
    font-size: 24px;
    color: #FFFFFF;
}

.appointment-box .content .text p {
    margin-top: 5px;
    color: #FFFFFF;
}

.appointment-box .content .text em {
    color: #b48b62;
}

.appointment-box .content .text img {
    margin: 8px 0 0;
}

.appointment-box .content .in {
    float: left;
    margin-right: 2%;
    width: 18%;
    height: 40px;
    line-height: 24px;
    font-size: 12px;
    background: #FFFFFF;
    border: none;
    padding: 0 20px;
}

.appointment-box .content .bt {
    float: left;
    width: 14%;
    height: 40px;
    line-height: 40px;
    background: #b48b62;
    color: #FFFFFF;
    font-size: 12px;
    letter-spacing: 1px;
}

.appointment-box .content .bt:hover {
    background: #b9834d;
}

.db {
    display: block;
}

.dn {
    display: none;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}

.five {
    padding: 60px 0;
}

.five_tab {
    display: flex;
    justify-content: space-around;
    margin: 40px 0;
}

.five_tab a {
    /**width: 140px;**/
    padding: 0 15px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    font-size: 18px;
    color: #666;
}

.five_tab a.on {
    background-color: #d01323;
    color: #fff;
}

.five_item {
    display: flex;
}

.five_img {
    width: 760px;
    height: 500px;
    background-color: #fff;
}

.form-control2 {
    display: block;
    width: 200px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.five_info {
    width: 464px;
    height: 400px;
    padding: 80px 60px 0;
    box-sizing: border-box;
    margin-top: 50px;
    background-color: #132132;
}

.five_title {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    font-size: 28px;
    color: #fff;
}

.five_title img {
    margin-right: 20px;
}

.five_title h3 {
    font-weight: bold;
}

.five_content {
    margin-bottom: 130px;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
}

.five_info a {
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    background-color: #d01323;
    font-size: 18px;
    color: #fff;
}

.five_info a:hover {
    background-color: #d51b27;
    color: #fff;
}

.five_arrow {
    width: 72px;
    height: 36px;
    display: flex;
    position: absolute;
    bottom: 33px;
    left: 724px;
    z-index: 9;
}

.five_arrow div {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    font-family: '宋体';
    color: #fff;
    cursor: pointer;
}

.five_arrow div:hover {
    background-color: #d51b27;
    color: #fff;
}

.five_prev {
    transform: rotate(-180deg);
}

.yusuan {
    height: 960px;
    position: relative;
    overflow: hidden;
}

.yusuan img {
    width: 1920px;
    height: 960px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.idea {
    padding-bottom: 60px;
}

.idea_wrap {
    margin-bottom: 48px;
    padding-top: 70px;
    padding-left: 70px;
    height: 420px;
    position: relative;
}

.idea_box {
    width: 100%;
    height: 420px;
    display: flex;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.idea_img {
    width: 680px;
    height: 420px;
    position: relative;
}

.idea_img a {
    display: block;
}

.idea_image {
    height: 420px;
}

.idea_img .vr_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.idea_info {
    width: 450px;
    height: 420px;
    box-sizing: border-box;
    padding: 80px 50px 0;
}

.idea_info h3 {
    font-size: 36px;
    color: #313346;
    font-weight: bold;
    margin-top: 5px;
}

.idea_info span {
    display: block;
    margin: 20px 0;
    width: 30px;
    height: 7px;
    background-color: #d51b27;
}

.idea_info em {
    font-size: 16px;
    color: #d51b27;
}

.idea_info p {
    font-size: 14px;
    color: #787985;
}

.idea_slide {
    height: 170px;
}

.idea_slide img {
    height: 170px;
}

.idea_tools {
    width: 170px;
    height: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 999;
}

.idea_wrap .idea_box.dn {
    display: none;
}

.idea_prev,
.idea_next {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    font-family: '宋体';
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.idea_prev:hover,
.idea_next:hover {
    background-color: #d51b27;
    color: #fff;
}

.idea_prev {
    transform: rotate(-180deg);
}

.idea_fac {
    width: 98px;
    text-align: center;
}

.brand {
    padding: 60px 0;
    background-color: #f5f5f5;
}

.brand_list {
    margin-bottom: 20px;
    overflow: hidden;
}

.brand_list ul {
    width: 105%;
    overflow: hidden;
}

.brand_list li {
    width: 278px;
    height: 78px;
    float: left;
    margin-right: 27px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px #e6e6e6 solid;
}

.brand_list li img {
    height: 78px;
}

.brand_slide {
    height: 450px;
    background-color: #fff;
}

.brand_slide img {
    height: 450px;
}

.brand_wrap {
    position: relative;
}

.brand_prev,
.brand_next {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-family: '宋体';
    border: 1px #d51b27 solid;
    font-size: 40px;
    font-weight: bold;
    color: #d51b27;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.brand_prev {
    left: -160px;
    transform: rotate(-180deg);
}

.brand_next {
    right: -160px;
}

.brand_prev:hover,
.brand_next:hover {
    background-color: #d51b27;
    color: #fff;
}

.yue2 {
    width: 100%;
    height: 960px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/yue2_bg.jpg) no-repeat center center;
}

.yue2_inner {
    width: 1200px;
    display: flex;
    background-color: #fff;
}

.yue2_img {
    width: 560px;
    height: 500px;
    position: relative;
}

.yue2_img img {
    width: 920px;
    height: 500px;
    position: absolute;
    top: 0;
    right: 0;
}

.yue2_in {
    width: 640px;
    height: 500px;
    padding: 0 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

.yue2_in h3 {
    margin-bottom: 30px;
    font-size: 32px;
    color: #333;
}

.yue2_in span {
    display: block;
    width: 40px;
    height: 5px;
    margin-bottom: 50px;
    background-color: #d51b27;
}

.yue2_in li {
    margin-bottom: 20px;
    padding: 0 20px;
    display: flex;
    align-items: center;
    height: 48px;
    border: 1px #e6e6e6 solid;
    position: relative;
}

.yue2_in em {
    color: #d51b27;
}

.yue2_in input[type="text"] {
    flex: 1;
}

.yue2_in input[type="button"] {
    width: 100%;
    height: 48px;
    margin-top: 20px;
    margin-bottom: 40px;
    background-color: #d51b27;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.yue2_in iniput[type="button"]:hover {
    background-color: #e80e1c;
}


/* 品质整装 */

.bag {
    padding: 78px 0;
    background-color: #fff2f2;
}

.bag ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.bag li {
    width: 180px;
    height: 180px;
    margin-bottom: 30px;
    position: relative;
}

.bag p {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bag span {
    display: none;
    width: 180px;
    height: 180px;
    box-sizing: border-box;
    border: 3px #e80e1c solid;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
}

.bag li:hover span {
    display: block;
}

.worry {
    background: url(../images/worry_bg.jpg);
}

.worry ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.worry li {
    width: 380px;
    /**height: 170px;
    padding: 10px;**/
    margin-bottom: 37px;
    background-color: #fff;
    box-sizing: border-box;
}

.worry li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.worry_wrap {
    padding: 0 20px;
    height: 150px;
    display: flex;
    align-items: center;
    border: 1px #e6e6e6 solid;
    font-size: 16px;
    line-height: 28px;
    color: #333;
}

.worry li:hover .worry_wrap {
    border: 1px #e80e1c solid;
}

.worry li img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
}

.idea .atqg {
    margin-top: 50px;
    background: url(../images/idea_bg.png) no-repeat center center;
}

.idea .inner .idea_wrap {
    margin-bottom: 48px;
    padding-top: 70px;
    margin-left: 70px;
    position: relative;
}

.idea .inner .idea_tools {
    z-index: 9999;
}

.hy-con {
    /*margin-top: 0.60rem;*/
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.hy-k {
    width: 100%;
    margin-top: 24px;
}

.hy-k:nth-child(2n) {
    margin-right: 0;
}

.hy-img {
    width: 100%;
}

.hy-img1,
.hy-img2 {
    width: 23.3%;
    margin: 10px;
    float: left;
}

.hy-img2 {
    margin-left: auto;
}

.hy-img1 img,
.hy-img2 img {
    width: 100%;
    object-fit: cover;
}

.hy-img3 {
    width: 98px;
    height: 98px;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    border-radius: 50%;
}

.hy-img3 img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.hyimg_text {
    left: 0;
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.39);
    border-radius: 0rem 0rem 0.1rem 0rem;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.qa_yzm {
    height: 40px;
    width: 120px;
}


/**全案设计结束**/


/**徽派精工开始**/

.headline {
    text-align: center;
    height: 100px;
}

.headline h2 {
    font-size: 46px;
    color: #333;
    line-height: 36px;
    filter: alpha(opacity=10);
    opacity: 0.1;
    position: absolute;
    font-weight: bold;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.headline_big b {
    width: 40px;
    height: 2px;
    background: #363636;
    display: inline-block;
}

.headline_big h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin: 0 30px;
    display: inline-block;
    vertical-align: middle;
}

.headline_big span {
    font-size: 18px;
    color: #333;
    display: block;
    letter-spacing: 1px;
    margin-top: 5px;
}

.box32 {
    height: 735px;
    margin-top: 80px;
}

.box32 li {
    float: left;
    width: 246px;
    height: 210px;
    margin-right: 10px;
    position: relative;
    overflow: hidden;
}

.box32 li:last-child {
    margin-right: 0;
}

.box3 li img {
    cursor: pointer;
    transition: all 0.6s;
}

.box32 li:hover img {
    transform: scale(1.2);
}

.box32_1 {
    position: absolute;
    top: 0;
    width: 246px;
    height: 210px;
    background: rgba(54, 54, 54, .5);
    color: #fff;
    text-align: center;
}

.box32_1 h2 {
    font-size: 20px;
    margin-top: 75px;
    line-height: 36px;
}

.box32_1 p {
    font-size: 14px;
    line-height: 36px;
}

.box32_2 {
    float: left;
    width: 346px;
    text-align: right;
    margin: 50px 50px 0 -221px;
}

.box32_2 b {
    width: 100px;
    height: 2px;
    background: #363636;
    display: inline-block;
    margin: 20px 0 28px;
}

.box32_2 h3 {
    font-size: 26px;
    color: #333;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
}

.bg-center {
    background-repeat: no-repeat;
    background-position: center;
}

.box6 {
    height: 856px;
    background-image: url("../images/z4.jpg") 50% 50%;
}

.box6_1 {
    margin-top: 50px;
}

.box6_1 p {
    font-size: 20px;
    color: #333;
    text-align: left;
    margin-left: 654px;
    line-height: 48px;
}

.box6_1 p span {
    font-size: 25px;
}

.box6_2 {
    margin-top: 30px;
}

.box6_2 li:first-child {
    margin-left: 168px;
}

.box6_2 li {
    float: left;
    margin-left: 10px;
}

.box7 {
    height: 580px;
    background: #fbfbfb;
    padding-top: 80px;
    margin-bottom: 80px;
}

.box7_1 {
    height: 342px;
    margin: 60px 0 100px 0;
}

.box7_1 ul {
    width: 818px;
    margin-left: 338px;
    text-align: center;
}

.box7_1 ul li {
    width: 110px;
    float: left;
    margin: 35px 68px 0 0;
    font-size: 14px;
}

.box7_1 ul li:nth-child(3) {
    margin-right: 62px;
}

.box7_1 ul li:last-child {
    margin-right: 0;
}

.box7_1 ul li h2 {
    color: #333;
    font-size: 16px;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
}

.box7_1 ul li p {
    color: #999;
}

.box7_1 a {
    display: block;
    float: right;
    font-size: 16px;
    color: #00463E;
    margin-top: 50px;
    vertical-align: middle;
    margin-right: 20px;
    font-family: "Noto Sans CJK SC Medium", "Source Han Sans CN Medium";
}

.box7_1 a img {
    margin-left: 5px;
    margin-top: -3px;
    vertical-align: middle;
}

.hpjg_hzpp img {
    margin-top: 60px;
}

.width1244 {
    margin: 30px 0 100px 0;
}


/**徽派精工结束**/


/**预约设计师开始**/

.shj_ys_sjslists .swiper-button-next,
.shj_ys_sjslists .swiper-button-prev {
    top: 58%;
    background: url('../images/icondy.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: 0px -900px;
}

.shj_ys {
    margin: 80px 0;
    position: relative;
}

.shj_ys_icon1 {
    position: absolute;
    top: 0px;
    left: 20px;
    background: url('../images/yysjsicon.png');
    width: 83px;
    height: 42px;
}

.shj_ys_icon2 {
    position: absolute;
    top: -80px;
    right: 20px;
    background: url('../images/yysjsicon1.png');
    width: 94px;
    height: 212px;
}

.shj_ys_sjslists {
    width: 1200px;
    height: 250px;
    position: relative;
}

.shj_ys_lists_box {
    width: 1150px;
    margin-right: 50px !important;
    margin-top: 15px !important;
}

.shj_ys_lists_box .swiper-wrapper {
    width: 1100px;
    height: inherit;
}

.shj_ys_lists_box .swiper-slide {
    width: 151px;
    position: relative;
    margin-right: 16.5px;
}

.shj_ys_list {
    width: 139px;
    height: 180px;
    border-radius: 6px;
    border: 2px solid #fff;
    cursor: pointer;
}

.shj_ys_list_now {
    border-color: #179c71;
}

.shj_ys_list_info {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 113px;
    height: 22px;
    background: #bc0000;
    color: #fff;
    line-height: 22px;
    text-indent: 30px;
    border-top-left-radius: 15px;
    display: none;
}

.shj_ys_gou {
    width: 16px;
    height: 13px;
    position: absolute;
    top: 4.5px;
    right: 12px;
}

.shj_ys_sjslists .swiper-button-next,
.shj_ys_sjslists .swiper-button-prev {
    top: 58%;
    background: url("../images/icondy.png_shj-aliyun-nsy.png");
    background-position: 0px -900px;
}

.shj_ys_sjslists .swiper-button-next {
    background-position: -35px -900px;
}

.shj_ys_content {
    width: 1150px;
    height: 600px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #e1e1e1;
}

.shj_ys_item {
    width: 530px;
    height: 528px;
    padding: 50px 35px 23px;
    text-align: center;
    float: left;
}

.shj_ys_item>h2 {
    font-size: 28px;
}

.shj_ys_item>h6 {
    color: #8d8d8d;
    margin-bottom: 40px;
}

.quote-input select,
.quote-input input {
    width: 100%;
    height: 47px;
    border: 1px solid #eee;
    border-radius: 5px;
    text-indent: 10px;
    font-size: 14px;
    margin-top: 12px;
    outline: none;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
}

.shj_ys_info_sjsimg {
    margin: 15px 0;
    border-radius: 10px;
}

.shj_ys_info_sjsimg>img {
    width: 244px;
    border-radius: 8px;
}

.shj_ys_item>h5 {
    width: 360px;
    margin-left: 59.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 50px;
}

.shj_ys_item>h3 {
    margin: 15px 0 10px;
}

.shj_ys_info_anli {
    width: 479px;
    height: 158px;
}

.shj_ys_info_anli .swiper-slide {
    width: 479px;
    height: 158px;
    position: relative;
}

.shj_ys_anli {
    width: 145px;
    height: 130px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.shj_ys_info_anli .swiper-slide>a:hover {
    text-decoration: none;
}

.shj_ys_info_anli .swiper-slide:hover .shj_ys_anli_info {
    color: #ff5d64;
}

.shj_ys_scrollbar {
    width: 180px;
    height: 3px;
    background: #e1e1e1;
    position: relative;
    margin: 20px 149.5px 15px;
}

.shj_ys_scrollbar_now {
    width: 60px;
    height: 3px;
    background: #159c71;
    position: absolute;
    top: 0;
    left: 0;
}

.shj_ys_go {
    color: #8c8c8c;
    margin-top: 20px;
    font-size: 14px;
}

.shj_ys_content_line {
    width: 1px;
    height: 510px;
    float: left;
    background: #e1e1e1;
    margin-top: 50px;
}

.shj_ys_info_box {
    width: 479px;
    height: inherit;
    margin-top: 30px;
}

.shj_ys_info_input {
    width: 395px;
    height: 38px;
    text-align: left;
    text-indent: 15px;
}

.shj_ys_jsq_item {
    margin-bottom: 20px;
}

.shj_ys_jsq_item>h5 {
    line-height: 40px;
}

.shj_ys_info_select {
    width: 80px;
    height: 38px;
    text-align: left;
    text-indent: 13px;
    line-height: 40px;
}

.shj_ys_info_input_short {
    width: 293px;
    height: 38px;
    text-align: left;
    text-indent: 15px;
}

.shj_ys_info_select_long {
    width: 117px;
    height: 38px;
    text-align: left;
    text-indent: 13px;
    line-height: 40px;
}

.shj_ys_bmbtn {
    margin: 40px 116.5px 0;
}

.shj_ys_bottom_text {
    text-align: center;
    line-height: 100px;
}

.shj_ys_bottom_text>span {
    color: #bc0000;
}

.yuyue-from-input {
    width: 100%;
    height: 47px;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 30px;
}

.yuyue-from-input label {
    font-size: 16px;
    width: 100px;
}

.yuyue-from-input input,
select {
    margin-top: 0;
    width: 340px;
}

.yuyue-form button {
    width: 350px;
    height: 50px;
    color: #fff;
    border-radius: 6px;
    background: #bc0000;
    margin: 50px 0 10px;
    border: none;
    cursor: pointer;
}

.yuyue-form-type input {
    width: 96px;
}

.yuyue-form-type .layui-form-select {
    margin-right: 12px;
}

.shj_index_jsq_title {
    width: inherit;
    height: 100px;
    text-align: center;
    margin-top: 20px;
}

.shj_index_jsq_title>h2 {
    font-size: 32px;
}

.shj_index_jsq_title_line {
    color: #75b43f;
    font-weight: bold;
}


/**预约设计师结束**/

.cl:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.cl {
    zoom: 1
}

.successlunbo {
    width: 1200px;
}


/* sildes css begin */

.control {
    width: 930px;
    height: 500px;
    background: #282828;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.change li {
    width: 930px;
    overflow: hidden;
    text-align: center
}


/* 图片垂直居中,不是很准确 */

.change li .imgWrap {
    display: table-cell;
    width: 930px;
    height: 500px;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 500px;
}

.change li img {
    max-width: 930px;
    max-height: 500px;
    width: expression(this.width > 757 && this.width > this.height ? 600: true);
    height: expression(this.height >757 ? 600: true);
    vertical-align: middle;
    overflow: hidden
}


/* 描述部分 */

.change li .textDesc {
    width: 100%;
    height: 35px;
    position: absolute;
    left: 0;
    bottom: 4px;
    text-align: left;
    overflow: hidden;
}

.change li .opacity {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.change li .title {
    padding: 10px 15px 0;
    color: #e6e6e6;
    font-size: 14px;
    line-height: 22px;
}

.change li .title a {
    color: #e6e6e6;
}


/*.change li .text{color:#b7b7b7;line-height:18px;padding:5px 15px;font-size:12px;}*/


/* 翻页按钮 */

.ssprev,
.ssnext {
    width: 49px;
    height: 49px;
    position: absolute;
    bottom: 240px;
    color: #FFF;
    font-size: 14px;
    z-index: 9;
    font-weight: bold;
    cursor: pointer;
    outline: none
}

.ssprev span,
.ssnext span {
    display: none;
}

.ssprev {
    left: 0;
    background: url('../images/arrows_01.png') no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_01.png");
    _background: none
}

.ssnext {
    right: 0;
    background: url('../images/arrows_02.png') no-repeat;
    _filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="../images/arrows_02.png");
    _background: none
}


/* 分页 */

.pageClass {
    text-align: center;
    z-index: 9;
    position: absolute;
    top: 50px;
    padding-top: 10px;
}

.pageClass a {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    overflow: hidden;
    border: 1px solid #bebebe;
    background: #bebebe;
    border-radius: 5px;
    outline: none
}

.pageClass a span {
    display: none
}

.pageClass a:hover,
.pageClass a.cur {
    border: 1px solid #be230a;
    background: #be230a
}


/* 缩图部分 */

.thumbWrap {
    width: 250px;
    height: 500px;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
}

.thumbWrap .thumbCont {
    height: 416px;
    margin: 30px auto 0;
    overflow: hidden;
    position: relative;
    width: 250px;
}

.thumbWrap ul li {
    height: 130px;
    overflow: hidden;
    padding: 9px 0;
    text-align: center;
    width: 250px;
}

.thumbWrap ul li div {
    display: table-cell;
    width: 127px;
    height: 140;
    vertical-align: middle;
    cursor: pointer;
    *font-size: 79px;
}

.thumbWrap ul li img {
    max-width: 250px;
    max-height: 140;
    width: expression(this.width > 127 && this.width > this.height ? 127: true);
    height: expression(this.height >89 ? 89: true);
    vertical-align: middle;
    overflow: hidden
}

.thumbWrap ul li.cur {}


/* 缩图按钮 */

.thumbPrev,
.thumbNext {
    width: 250px;
    height: 24px;
    text-align: center;
    position: absolute;
    color: #000;
    z-index: 9;
    outline: none
}

.thumbPrev span,
.thumbNext span {
    display: none;
}

.thumbPrev {
    top: 0;
    background: url(../images/sprev.png) no-repeat;
}

.thumbNext {
    bottom: 0px;
    background: url(../images/snext.png) no-repeat;
}

.Box .Box_con .btnl {
    position: absolute;
    background: url(../images/jtl02.png) no-repeat center;
    left: 0;
    z-index: 999;
}

.Box .Box_con .btn {
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    bottom: 150px;
    cursor: pointer;
}

.Box .Box_con .btnr {
    background: url(../images/jtr02.png) no-repeat center;
    right: 0;
    z-index: 999;
}

.Box .Box_con .btnl:hover {
    background: url(../images/jtl03.png) no-repeat center;
}

.Box .Box_con .btnr:hover {
    background: url(../images/jtr03.png) no-repeat center;
}

.Box .Box_con .conbox {
    position: relative;
    overflow: hidden;
}

.Box .Box_con .conbox ul {
    position: relative;
    list-style: none;
}

.Box .Box_con .conbox ul li {
    float: left;
    width: 285px;
    text-align: center;
    color: #232323;
    line-height: 30px;
    font-size: 14px;
    margin-left: 20px;
    overflow: hidden;
}

.Box .Box_con .conbox ul li:first-child {
    margin-left: 0;
}

.conbox ul li img {
    display: block;
    width: 285px;
    height: 200px;
    transition: all .5s;
}

.Box .Box_con .conbox ul li a {
    color: #232323;
}

.Box .BoxSwitch {
    margin-top: 30px;
    text-align: center;
}

.Box .BoxSwitch span {
    display: inline;
    zoom: 1;
    vertical-align: middle;
    width: 30px;
    height: 3px;
    background: #ccc;
    cursor: pointer;
    margin: 0 5px;
}

.Box .BoxSwitch span.cur {
    background: red;
}