/**
* @author: houzhitao
* @since: 2018-11-12 17:14
*/
* {
    margin: 0;
    padding: 0;
    font-family: '微软雅黑', '宋体', "Helvetica Neue", Helvetica, Arial, sans-serif;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInUpLess {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes fadeInUpLess {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 15%, 0);
        transform: translate3d(0, 15%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


@-webkit-keyframes fadeShadeLeft {
    from {
        opacity: 0.5; 
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeShadeLeft {
    from {
        opacity: 0.5; 
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes fadeShadeRigth {
    from {
        opacity: 1;
        -webkit-transform: translate(0%, 0);
        transform: translate(0%, 0);
    }

    to {
        opacity: 0;
        transform: translate(100%, 0);
    }
}

@keyframes fadeShadeRigth {
    from {
        opacity: 1;
        transform: translate(0%, 0);
    }

    to {
        opacity: 0;
        transform: translate(100%, 0);
    }
}
#app-wrap {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}
.width-1500 {
    width: 1500px;
    margin: 0 auto;
}
.width-full{
    width: 100%;
    height: auto;
}
.fixed-header {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
}
/*第一部分*/
/*.slide1 {
    position: relative;
    background: url("../images/first_bg.png") no-repeat center;
    background-position-y: 0;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
.slide2 {
    background: url("../images/first_bg_r.png") no-repeat center;
    background-position-y: 0;
    background-size: cover;
    height: 0;
    overflow: hidden;
}
.slide1 .width-1200, .slide2 .width-1200 {
    text-align: center;
    padding-top: 10px;
    opacity: 0;
    transition: all 1s;
}
.fadeInActive {
    -webkit-animation: fadeInUpLess 1.5s;
    animation: fadeInUpLess 1.5s;
}*/

/*视频播放*/
/*.slide1 .video-slide, .slide2 .video-slide {
    box-sizing: border-box;
    height: 100%;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: -1;
}
.slide1 .video-slide {
    width: 100%;
    left: 0;
}
.slide2 .video-slide {
    width: 100%;
    right: 0;
}
.slide2 .slidle_text {
    display: inline-block;
    width: 100%;
    text-decoration: none;
}*/
/*当播放视频时 z-index: 0*/
/*.slide1 .video-slide{
    z-index: 0;
}
.slide1 .video-slide video, .slide2 .video-slide video {
    position: absolute;
    left:0;
    bottom: 0;
    background-color: transparent;
    min-width: 100%;
    min-height: 100%;
    display: block;
    object-fit: contain;
}*/
/*五周年图片*/
/*.fifth-img {
    display: inline-block;
    width: 293px;
    height: 315px;
    position: relative;
    z-index: 4;
    float: left;
    padding-top: 16px;
}
.con-family {
    display: inline-block;
    float: left;
}
.slide1 h1,.slide1 h2, .slide1 b,
.slide1 h1,.slide1 h2,
.slide1 b,
.slide2 h2,
.slide2 b {
    margin: 0;
    padding: 0;
    font-size: 54px;
    color: #fff;
    position: relative;
    z-index: 4;
    text-align: center;
    line-height: 90px;
}
.slide1 b {
    color: #00B5D9;
}
.slide2 b {
    color: #5CB37A;
}
.slide1 span, .slide2 span {
    display: inline-block;
    width: 78px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    border-radius: 4px;
    vertical-align: super;
}
.slide1 #playOne, .slide2 #playTwo {
    vertical-align: middle;
    margin-left: 30px;
    user-select: none;
    cursor: pointer;
}
.slide1 span {
    background-color: #00b5d9;
    color: #fff;
}
.slide2 span {
    background-color: #fff;
    color: #5CB37A;
}
.slide2 .qu_co {
    position: relative;
    margin-top: 40px;
    display: flex;
    justify-content: center;
    align-content: center;
}
.slide2 .qu_co i {
    padding-top: 15px;
}
.slide2 .qu_co .qu_co_qrcode{
    margin-right: 20px;
    width: 344px;
    height: 119px;
    background: url("../images/xiao_qrcode.png") no-repeat center;
    cursor: pointer;
    background-size: contain;
}
.slide2 .qu_co .qu_co_qrcode:hover{
    background: url("../images/xiao_qrcode2.png") no-repeat center;
}
.slide2 .qu_co i img {
    margin-top: 10px;
}
.slide2 .qu_co strong {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
}

.slide1 a {
    position: relative;
    display: inline-block;
    margin: 50px auto 0;
    width: 270px;
    height: 52px;
    border: 2px solid #fff;
    box-shadow:4px 7px 10px 0 rgba(0, 0, 0, 0.07);
    color: #fff;
    text-align: center;
    line-height: 52px;
    background-color: transparent;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.1s;
    text-decoration: none;
    z-index: 4;
}
.slide1 a:hover {
    border: 2px solid #00b5d9;
    background-color: #00B5D9;
    color: #fff;
}
#section1{
    position: relative;
}*/
/*第二部分*/
#section2 {
    background: url(/images/section_bg.png) no-repeat center;
    background-size: cover;
    display: table;
}
#section2 h1 {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size:36px;
    font-weight:600;
    color:#fff;
}
#section2 .looking-for {
    width: 1002px;
    height: 518px;
    margin: 95px auto 0;
    list-style: none;
    overflow: hidden;
    position: relative;
}
#section2 .looking-for-flex {
    width: 310px;
    height: 240px;
    float: left;
    margin-right: 36px;
}
#section2 .looking-for-flex:last-child {
    margin-right: 0;
}
#section2 .looking-for-single {
    width: 310px;
    height: 240px;
    box-sizing: border-box;
    padding: 20px 25px 25px 30px;
    cursor: default;
    position: relative;
}

#section2 .looking-for-single.lf-master {
    background: url(/images/lf-master.png);
}
#section2 .looking-for-single.lf-all {
    background: url(/images/lf-al.png);
}
#section2 .looking-for-single.lf-city {
    background: url(/images/lf-city.png);
}
#section2 .looking-for-single h2 {
    margin: 0;
    padding: 0;
    padding-top: 50px;
    display: inline-block;
    font-size:26px;
    color: #fff;
    font-weight: normal;
    height: 45px;
    border-bottom: 3px solid #ff9500;
    transition: all 0.4s;
}
#section2 .looking-for-single p {
    padding-top: 30px;
    margin-top: 12px;
    font-size:16px;
    line-height:24px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: all 0.6s;
}
#section2 .looking-for-single .link-div {
     margin-top: 15px;
     font-size:16px;
     line-height:24px;
     color: #fff;
     text-align: right;
     opacity: 0;
     visibility: hidden;
     transition: all 0.6s;
 }
#section2 .looking-for-single div a {
    color: #fff;
    text-decoration: none;
}
#section2 .looking-for-single a:hover {
    color: #fff;
}
#section2 .looking-for-single div span {
    display: none;
}

#section2 .looking-for-flex.lf-master-ma:hover .lf-master {
    background: url(/images/lf-master-active.png);
}
#section2 .looking-for-flex.lf-all-all:hover .lf-all{
    background: url(/images/lf-al-active.png);
}
#section2 .looking-for-flex.lf-city-city:hover .lf-city{
    background: url(/images/lf-city-active.png);
}
#section2 .looking-for-flex:hover h2 {
    padding-top: 0;
}
#section2 .looking-for-flex:hover p {
    padding-top: 0;
    opacity: 1;
    visibility: visible;
}
#section2 .looking-for-flex:hover .link-div {
    display: block;
    opacity: 1;
    visibility: visible;
}
#section2 .looking-for-flex:hover .looking-for-show {
    display: inline-block;
    animation: fadeInUp 0.8s;
}
#section2 .looking-for-flex:hover .looking-for-transparent {
    display: inline-block;
}
.looking-for-flex .looking-for-transparent {
    position: absolute;
    top: 240px;
    left: 0;
    width: 100%;
    height: 20px;
    background-color: transparent;
    display: none;
}

.looking-for-flex .looking-for-show {
    position: absolute;
    top: 260px;
    left: 0;
    width: 1002px;
    height: 258px;
    padding: 29px 25px 0;
    box-sizing: border-box;
    background:rgba(255,149,0,0.3);
    display: none;
}
.looking-for-show .detail-l {
    width: 100%;
    overflow: hidden;
    list-style: none;
}
.looking-for-show .detail-l .detail-l-s {
    width: 236px;
    float: left;
}
.detail-l-s h3 {
    margin: 0;
    padding: 0;
    font-size:18px;
    line-height: 30px;
    color: #fff;
}
.detail-l-s h3 img {
    vertical-align: middle;
    margin-right: 10px;
}
.detail-l-s div {
    padding-left: 50px;
    line-height:24px;
    
    font-size: 16px;
    color: #fff;
}
.looking-for-cflow {
    width: 100%;
    text-align: center;
    font-size:16px;
    
    font-weight:300;
    color: #fff;
    height: 32px;
    margin-top: 16px;
}
.looking-for-cflow span{
    width: 425px;
    height: 1px;
    border: 0;
    margin: 0;
    padding: 0;
    background-color: #fff;
    opacity: 0.3;
    margin-top: 12px;
}
.looking-for-cflow span:nth-child(1){
    float: left;
}
.looking-for-cflow span:nth-child(2){
    float: right;
}
.looking-for-step {
    width:100%;
    text-align: center;
}
.looking-for-step img {
    vertical-align: middle;
    margin-right: 5px;
}
.looking-for-step span {
    font-size:14px;
    font-weight:300;
    color: #fff;
}
.looking-for-step span.heng {
    display: inline-block;
    margin: 0 4px;
    width: 17px;
    height: 1px;
    background: #fff;
    vertical-align: middle;
}

/*第三屏*/
#section3 {
    min-width: 1200px;
    height: auto;
    /*background: url("../images/shading.png") repeat;*/
    display: table;
}
#section3 .bg-three {
    /*background: url("../images/bg_three.png") no-repeat top right;*/
}
.profession {
    padding-top: 120px;
    font-size:36px;
    
    font-weight:600;
    color:rgba(51,51,51,1);
    line-height:72px;
    text-align: center;
}
.profession-list {
    width: 1100px;
    margin: 70px auto 0;
    list-style: none;
    overflow: hidden;
    box-shadow:2px 3px 32px 0 rgba(0, 0, 0, 0.32);
    height: 345px;
}
.profession-list li {
    float: left;
    width: 275px;
    height: 345px;
    cursor: default;
    box-sizing: border-box;
}
.profession-list li:hover .profession-list-t {
    background-color: #ff9500;
}
.profession-list li:hover .profession-list-c {
    color: #000;
    background-color: #fff;
}
.profession-list .profession-list-t {
    width: 100%;
    height: 120px;
    line-height: 120px;
    
    font-weight:600;
    color: #fff;
    background-color: #333;
    font-size: 26px;
    text-align: center;
    border-right: 1px solid #666;
    box-sizing: border-box;
}
.profession-list li:nth-last-child(1) .profession-list-t,
.profession-list li:nth-last-child(1) .profession-list-c {
    border-right: none;
}
.profession-list .profession-list-t img {
    vertical-align: sub;
    margin-right: 10px;
}
.profession-list .profession-list-c {
    box-sizing: border-box;
    padding: 25px 30px;
    font-size:16px;
    line-height: 30px;
    color: #666;
    background-color: #F5F5F5;
    height: 225px;
    border-right: 1px solid #E2E1E1;
}
.profession-view {
    text-align: center;
}
.profession-view a {
    display: inline-block;
    margin-top: 80px;
    width: 270px;
    height: 52px;
    border: 2px solid #000;
    box-shadow:4px 7px 10px 0 rgba(0, 0, 0, 0.07);
    color: #000;
    text-align: center;
    line-height: 52px;
    background-color: transparent;
    font-size: 20px;
    cursor: pointer;
    text-decoration: none;
}
.profession-view a:hover,.profession-view a.on {
    text-decoration: none;
    background-color: #ff9500;
    color: #fff;
    border: 2px solid #ff9500;
}
/*服务类目*/
.profession.category {
    margin-top: 60px;
}
.category-ul {
    list-style: none;
    width: 1100px;
    margin: 80px auto 0;display: flex;
    justify-content: space-around;
}
.category-ul.category-ul-two {
    margin-top: 40px;
}
.category-lu-l {
    display: inline-block;
    width: 90px;
    height: 120px;
    text-align: center;
    cursor: default;
}

.category-lu-l a, .category-lu-l span {
    margin-top: 10px;
    line-height: 16px;
    font-size: 16px;
    color: #333;

}
.category-lu-l a {
    text-decoration: none;
    border: 1px solid #333;
    padding: 3px 8px;
    display: none;
    margin-top: -4px;
    font-size: 14px;
}
.category-lu-l:hover {
    box-shadow:0 0 10px rgba(0, 0, 0, 0.07);
}
.category-lu-l:hover a {
    display: inline-block;
}
.category-lu-l:hover span {
    display: none;
}
.post-sales{
    margin: 160px auto 0;
    font-size: 36px;
    font-weight: 600;
    color: rgba(51,51,51,1);
    line-height: 72px;
    text-align: center;
}
.post-sales-menu {
    width: 100%;
    margin: 58px auto 0;
    text-align: center;
}
.post-sales-menu li {
    display: inline-block;
    width:126px;
    height:50px;
}
.post-sales-menu li a{
    display: inline-block;
    width:118px;
    height:50px;
    line-height:50px;
    font-size:20px;
    font-weight:600;
    color:rgba(51,51,51,1);
    text-decoration: none;
    cursor: pointer;
}
.post-sales-menu li a:hover,
.post-sales-menu li a.active{
    border-radius:4px;
    background:rgba(51,51,51,1);
    color:rgba(255,255,255,1);
}
.safeguard *,
.post-sales-cont *{
    box-sizing: border-box;
}

.safeguard{
    height: 570px;
    background-size: 100% 452px;
    background-repeat: no-repeat;
    background-position: center top;
    /*background-image: url(../images/safeguard.png);*/
}
.safeguard .bg-safeguard {
    width: 100%;
}
.safeguard .bg-safeguard h2 {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 270px;
    line-height: 300px;
    font-size:36px;
    font-weight:600;
    color:rgba(255,255,255,1);
    text-align: center;
}
.safeguard .bg-safeguard ul {
    /*background: url("../images/safeguard_bg.png") no-repeat;*/
    display: flex;
    margin: auto;
    width: 1120px;
    height:280px;

}
.safeguard .bg-safeguard ul li {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 280px;
    height: 280px;
    vertical-align: middle;
    background:#eeeeee; padding: 0px 20px;
}
.safeguard .bg-safeguard ul li:nth-child(4)::before {
    display: none;
}
.safeguard .bg-safeguard ul li::before {
    position: absolute;
    content: '';
    top: 60px;
    right: 0;
    width: 1px;
    height: 154px;
    background:#ffffff;
    z-index: 1;
}
.safeguard .bg-safeguard ul li:hover,
.safeguard .bg-safeguard ul li.active {
    background:#ff9500; color: #fff;
}
.safeguard .bg-safeguard ul li:hover span,
.safeguard .bg-safeguard ul li.active span,
.safeguard .bg-safeguard ul li:hover div,
.safeguard .bg-safeguard ul li.active div {
     color: #fff;
}
.safeguard .bg-safeguard ul li span {
    display: inline-block;
    height: 130px;
    line-height: 160px;
    width: 100%;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    color: #666;
}
.safeguard .bg-safeguard ul li div {
    padding-top: 6px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #666;
    line-height: 32px;
}
.safeguard > a {
    margin: 60px auto 0;
    display: block;
    width: 270px;
    height: 53px;
    text-decoration: none;
    line-height: 52px;
    text-align: center;
    border: 2px solid #000;
    box-shadow:4px 7px 10px 0 rgba(0, 0, 0, 0.07);
    color: #000;
    font-size: 20px;
}
.safeguard > a:hover {
    background-color: #ff9500;
    color: #fff;
    border: 2px solid #ff9500;
}
/*交易数据*/
#section3 .bg-foundation {
    min-width: 1200px;
    width: 100%;
    background: url(/images/foundation.png) no-repeat;
    background-position: center 508px;
    padding-bottom: 60px;
    background-size: contain;
}
#section3 h2{
    margin: 0;
    padding: 0;
    min-width: 1200px;
    padding-top: 100px;
    width: 100%;
    font-size: 38px;
    color: #333;
    text-align: center;
}
#section3 .safeguard .bg-safeguard h2 {
    padding-top: 0;
}
#section3 h2 span {
    font-size: 54px;
    margin: 0 10px;
}
#section3 .transaction {
    margin: 66px auto;
    width: 1120px;
    height: 350px;
    background-color: #fff;
    box-shadow:0 10px 43px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
#section3 .transaction .transaction-single {
    box-sizing: border-box;
    padding-top: 50px;
    width: 280px;
    height: 150px;
    color: #333;
    text-align: center;
}
#section3 .transaction .transaction-single span {
    font-size:48px;
    font-weight:600;
    color:#ff9500;
    line-height:54px;
    margin-right: 5px;
}
#section3 .transaction .transaction-single p {
    margin-top: 20px;
}

/*师傅交易*/
#section3 .data-say {
    width: 100%;
    margin: 48px 0;
}
#section3 .data-say-sin {
    width: 100%;
    text-align: center;
    font-size:22px;
    line-height: 36px;
    color: #313740;
    font-weight: 100;
}
#section3 .data-turn-bg {
    min-width: 1200px;
    width: 100%;
    height: 336px;
    background: url(/images/furniture.png) no-repeat left;
    overflow: hidden; margin-bottom: 160px;
}
#section3 .data-turn {
    width: 1000px;
    height: 228px;
    margin: 0 auto;
    padding: 54px 0;
    position: relative;
}
#section3 .data-turn-show {
    width: 640px;
    height: 230px;
    padding: 25px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow:1px 2px 18px 0 rgba(0, 0, 0, 0.15);
    margin-right: 20px;
    position: absolute;
    top: 54px;
}
#section3 .data-turn-show-h {
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-content: center;
}
#section3 .data-turn-show-h b {
    font-size:26px;  height: 50px;
    overflow: hidden;
}
#section3 .data-turn-show-h span {
    font-size:20px;
}
#section3 .data-turn-show-c {
   /* padding-left: 40px;*/
    line-height:35px;
    font-size: 18px;
    font-weight: 100;
    position: relative;
    color: #999; height: 100px; overflow: hidden;
}
#section3 .data-turn-show-c img {
    position: absolute;
    left: 0;
    top: 9px;
}
#section3 .data-turn-left,
#section3 .data-turn-right {
    width: 34px;
    height: 16px;
    background-color: transparent;
    border: 0;
    outline: 0;
    position: absolute;
    bottom: 20px;
}
#section3 .data-turn-left {
    background: url(/images/left.png) no-repeat;
    cursor: pointer;
    right: 43px;
}
#section3 .data-turn-left.disabled {
    background: url(/images/left-disabled.png) no-repeat;
    cursor: not-allowed;
}
#section3 .data-turn-right {
    background: url(/images/right.png) no-repeat;
    right: 0;
    cursor: pointer;
}
#section3 .data-turn-right.disabled {
    background: url(/images/right-disabled.png) no-repeat;
    cursor: not-allowed;
}

/*合作伙伴*/
#section3 .wan-partner {
    min-width: 1200px;
    width: 100%;
    margin: 80px auto 40px;
    text-align: center;
}
.wan-partner-l {
    margin: 0 auto 40px;
    width: 1100px;
    display: flex;
    justify-content: space-around;
    align-content: center;
}
/*新闻家居*/
.new-house {
    min-width: 1200px;
    width: 100%;
    height: 459px;
    background-color: #F6F6F6;
    box-sizing: border-box;
}
.new-house-c {
    width: 1200px;
    margin: 0 auto;
    padding-top: 64px;
    overflow: hidden;
    list-style: none;
}
.new-house-c .new-house-c-s {
    float: left;
    box-sizing: border-box;
    padding-left: 80px;
    padding-right: 50px;
    width: 400px;
    border-right: 1px solid #E2E1E1;
}
.new-house-c .new-house-c-s:last-child {
    border-right: none;
}
.new-house-c .new-house-c-s .h {
    display: flex;
    justify-content: space-between;
    align-content: center;
    width: 100%;
    height: 48px;
    line-height: 48px;
    margin-bottom: 25px;
}
.new-house-c-s .h h6 {
    margin: 0;
    padding: 0;
    font-size: 22px;
}
.new-house-c-s a {
    font-size:14px;
    color: #313740;
    text-decoration: none;
}
.new-house-c-s a:hover {
    color: #ff9500;
}
.new-house-c-s .ccc {
    line-height: 28px;
}
.new-house-c-s .ccc a {
    display: inline-block;
    width: 100%;
    max-width: 99%;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

/*售后服务中心*/
.after-sales-bg {
    min-width: 1200px;
    width: 100%;
    height: 445px;
    background: url(/images/after-sales-bg.png) no-repeat;
    background-size: 100% 445px;
}
.after-sales-say {
    margin: 0 auto;
    width: 630px;
    position: relative;
}
.after-sales-say-a {
    position: absolute !important;
    width: 630px;
    height: 455px;
    background-color: #fff;
    margin-top: -72px;
    box-shadow:0 5px 18px 0 rgba(0, 0, 0, 0.2);
}
.after-sales-say-a .w {
    font-size:26px;
    color: #333;
    text-align: center;
    margin: 54px 0 30px;
}
.after-sales-say .after-sales-say-a h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size:30px !important;
    margin-bottom: 20px !important;
    text-align: center !important;
    min-width: 0 !important;
}
.after-sales-say-a .experience {
    padding: 0 98px;
    font-size:16px;
    color: #666;
    line-height: 30px;
}
.after-sales-say-a .has-join {
    font-size: 16px;
    text-align: center;
    margin: 30px 0 20px;
    color: #000;
}
.after-sales-say-a .has-join span {
    margin: 0 5px;
}
.after-sales-say-a .lll-link {
    text-align: center;
}
.after-sales-say-a .lll-link a {
    display: inline-block;
    width:260px;
    height:55px;
    text-align: center;
    line-height: 55px;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    background-color: #ff9500;
    user-select: none;
}

@media screen and  ( min-width: 1500px ) {
    #section3 .bg-foundation, .width-1500 {
        width: 1500px;
    }
}

@media screen and ( min-width: 1200px ) and ( max-width: 1500px) {
    #section3 .bg-foundation, .width-1500 {
        width: 100%;
    }
}

@media screen and ( max-width: 1200px ) {
    .width-1500, .after-sales-bg, .new-house, #section3 .wan-partner, #section3
    .data-turn-bg, #section3 h5, #section3 .bg-foundation, #section1, #section2,  #section3, .footer-wan {
        width: 1200px;
    }
    #section2{height: 500px !important;}
    #section2 .fp-tableCell{height: 500px !important;}
    #section2 .looking-for{height: auto !important}
}

@media screen and ( min-height: 860px ) {
    #section2 h1 {
        padding-top: 100px;
    }
}
@media screen and ( min-height: 800px ) and ( max-height: 859px ){
    #section2 h1 {
        padding-top: 120px;
    }
    #section2 .looking-for {
        margin: 70px auto 0;
    }
    .profession {
        padding-top: 80px;
    }
    .profession.category {
        padding-top: 40px;
    }
    .post-sales {
        margin: 140px auto 0;
    }
}
@media screen and ( min-height: 750px ) and ( max-height: 799px ){
    #section2 h1 {
        padding-top: 120px;
    }
    #section2 .looking-for {
        margin: 50px auto 0;
    }
    .profession {
        padding-top: 70px;
    }
    .profession.category {
        padding-top: 30px;
    }
    .post-sales {
        margin: 100px auto 0;
    }
}
@media screen and ( min-height: 700px ) and ( max-height: 749px ){
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 50px;
    }
    #section2 h1 {
        padding-top: 120px;
    }
    #section2 .looking-for {
        margin: 20px auto 0;
    }
    .profession {
        padding-top: 60px;
    }
    .profession.category {
        padding-top: 20px;
    }
    .post-sales {
         margin: 80px auto 0;
     }

}
@media screen and ( min-height: 680px ) and ( max-height: 699px ){
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 50px;
    }
    #section1 .slide1 h1,
    #section1 .slide1 b,
    #section1 .slide2 h1,
    #section1 .slide2 b {
        line-height: 80px;
    }
    #section1 .slide1 a {
        margin: 40px auto 0;
    }
    .slide2 .qu_co {
        margin-top: 30px;
    }
    #section2 h1 {
        padding-top: 100px;
    }
    #section2 .looking-for {
        margin: 20px auto 0;
    }
    .profession {
        padding-top: 50px;
    }
    .profession.category {
        padding-top: 0;
    }
    .post-sales {
        margin: 60px auto 0;
    }
}
@media screen and ( max-height: 679px ) and ( min-height: 660px) {
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 40px;
    }
    #section1 .slide1 h1,
    #section1 .slide1 b,
    #section1 .slide2 h1,
    #section1 .slide2 b {
        line-height: 75px;
    }
    #section1 .slide1 a {
        margin: 30px auto 0;
    }
    .slide2 .qu_co {
        margin-top: 20px;
    }
    #section2 h1 {
        padding-top: 80px;
    }
    #section2 .looking-for {
        margin: 15px auto 0;
    }
    .profession {
        padding-top: 40px;
    }
    .profession.category {
        padding-top: 0;
    }
    .post-sales {
        margin: 50px auto 0;
    }
}
@media screen and ( max-height: 659px ) and ( min-height: 630px) {
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 15px;
    }
    #section1 .slide1 h1,
    #section1 .slide1 b,
    #section1 .slide2 h1,
    #section1 .slide2 b {
        line-height: 75px;
    }
    #section1 .slide1 a {
        margin: 25px auto 0;
    }
    .slide2 .qu_co {
        margin-top: 15px;
    }
    #section2 h1 {
        padding-top: 60px;
    }
    #section2 .looking-for {
        margin: 10px auto 0;
    }
    .profession {
        padding-top: 20px;
    }
    .profession.category {
        padding-top: 0;
    }
    .post-sales {
        margin: 30px auto 0;
    }
}

@media screen and ( max-height: 629px ) and ( min-height: 600px) {
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 0;
    }
    #section1 .slide1 h1,
    #section1 .slide1 b,
    #section1 .slide2 h1,
    #section1 .slide2 b {
        line-height: 70px;
    }
    #section1 .slide1 a {
        margin: 20px auto 0;
    }
    .slide2 .qu_co {
        margin-top: 10px;
    }
    #section2 h1 {
        padding-top: 40px;
    }
    #section2 .looking-for {
        margin: 5px auto 0;
    }
    .profession {
        padding-top: 10px;
    }
    .profession.category {
        padding-top: 0;
    }
    .post-sales {
        margin: 20px auto 0;
    }
}

@media screen and ( max-height: 599px ) {
    #section1 .slide1 .width-1200, #section1 .slide2 .width-1200 {
        padding-top: 0;
    }
    #section1 .slide1 h1,
    #section1 .slide1 b,
    #section1 .slide2 h1,
    #section1 .slide2 b {
        line-height: 60px;
    }
    #section1 .slide1 a {
        margin: 10px auto 0;
    }
    .slide2 .qu_co {
        margin-top: 10px;
    }
    #section2 h1 {
        padding-top: 40px;
    }
    #section2 .looking-for {
        margin: 5px auto 0;
    }
    .profession {
        padding-top: 5px;
    }
    .profession.category {
        padding-top: 0;
    }
    .post-sales {
        margin: 10px auto 0;
    }
}

/*1219添加样式*/

/* banner */
.banner{ overflow: hidden; max-width: 1920px; position: relative;}
.banner .d1{/*width:100%;height:593px;*/position:absolute;left:0px;top:0px; background-size: 100% 100% !important; display:block; width: 100%; padding-top:30.83%; /* 592 / 1920 */  background-size:cover; background-position:center;}
.banner .d2{width:100%;height:20px;clear:both;position:absolute;z-index:100;left:0px;bottom:10px;}
.banner .d2 ul{float:left;position:absolute;left:50%;top:0; margin-left: -69px; display:inline;}
.banner .d2 li{width:40px;height:8px;overflow:hidden; cursor:pointer;background:#fff;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:#ff9500;}

.i_xdlc_bj{width: 100%; height: 650px; background: url(/images/index_99.png) no-repeat center; margin-top: 100px; background-size: 100% 100%;}
.i_xdlc h2{font-size: 38px; color: #fff !important; text-align: center;}
.i_xdlc .tit2{text-align: center; font-size: 20px; margin-top: 25px; color: #fff !important;}
.i_xdlc .ul{margin-top: 60px;}
.i_xdlc .ul li{float: left; width: 20%; text-align: center; color: #fff;}
.i_xdlc .ul li p{margin-bottom: 10px;}
.i_xdlc .ul li .tit5{font-size: 20px;}
.i_xdlc .ul li .tit6{font-size: 16px;}
.i_xdlc .ul li.r{margin-top: 30px;}


.font42{font-size: 42px;}
.data-turn-show .l{width: 200px; height: 180px; float: left;}
.data-turn-show .l img{width: 180px; height: 180px;}
.data-turn-show .r{width: 380px; float: right;}


/*首页修改案例*/
.clear{clear: both;}
.w1200{width: 1200px; margin:60px auto }
.al_cont .al_item{width:340px; height: 186px; float: left; padding: 30px; color: #fff; font-size: 14px;}
.al_cont .div1{background: url(/images/a77.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .al_item .text1{font-size: 20px;}
.al_cont .al_item .text2{height: 120px; margin-top: 50px; opacity: 0; transition: all 0.6s; line-height: 1.6em}
.al_cont .al_item .text3{opacity: 0; transition: all 0.6s;}
.al_cont .al_item .text3 a{color: #fff}
.al_cont .div1:hover{background: url(/images/77.jpg) no-repeat; background-size: 100% 100%; }
.al_cont .al_item:hover .text2{margin-top: 20px;}
.al_cont .al_item:hover .text2,.al_cont .al_item:hover .text3{opacity: 1; transition: all 0.6s;}

.al_cont .div2{background: url(/images/a88.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .div2:hover{background: url(/images/88.jpg) no-repeat; background-size: 100% 100%; }

.al_cont .div3{background: url(/images/a133.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .div3:hover{background: url(/images/133.jpg) no-repeat; background-size: 100% 100%; }

.al_cont .div4{background: url(/images/a99.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .div4:hover{background: url(/images/99.jpg) no-repeat; background-size: 100% 100%; }

.al_cont .div5{background: url(/images/a155.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .div5:hover{background: url(/images/155.jpg) no-repeat; background-size: 100% 100%; }

.al_cont .div6{background: url(/images/a101.jpg) no-repeat; background-size: 100% 100%;}
.al_cont .div6:hover{background: url(/images/101.jpg) no-repeat; background-size: 100% 100%; }



.d_yhq_bj{background: rgba(0, 0, 0, 0.6); position: fixed; top:0; left: 0; right:0; bottom: 0; z-index: 99999;}
.d_yhq_bj .d_yhq{position: fixed; top: 50%; margin-top: -220px; margin-left: -150px; left: 50%; text-align: center;}
.d_yhq_bj .d_yhq .img{width: 300px; height: 395px; display: block;}
.d_yhq_bj .d_yhq .img2{width: 35px; height: 35px; margin-top: 20px; cursor: pointer;}
.d_yhq_bj .d_yhq a{display: block;}


/* 0608修改首页banner */
.ib_box{position: absolute; top:50%; margin-top: -180px; left: 300px; background: #fff; border-radius:10px ; padding:40px 30px; z-index: 99;}
.ib_box .tit{font-size: 26px; text-align: center;}
.ib_box .two{margin: 30px 0px 40px;}
.ib_box .two select{background: #f6f8f9; outline: none; width: 320px; height: 45px;} 
.ib_box .two input{background: #f6f8f9; outline: none; margin-top: 20px; border-radius: 5px; width: 310px; height: 45px; border: 0; padding-left: 10px;}
.ib_box button{background: #ff9500; color: #fff; font-size: 16px; border: 0; height: 45px; width: 320px; border-radius: 5px;} 
.ib_box .two .kc_lab { cursor: pointer; line-height: 38px; margin-right: 30px; float: left;}
.ib_box .two .dxk { display: none; }
.ib_box .two .kc_lab b {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px;
    display: inline-block;
    width: 17px;
    height: 16px;
    background: url(/images/img.png) no-repeat;
    background-position: -41px -131px;
}
.ib_box .two .kc_lab.active b {
    background-position: -7px -131px;
}
.ib_box .san p{color: #999; font-size: 13px; margin-top: 15px;}
.igg{background: url(/images/igg2.png) no-repeat; background-size: 100% 100%; width: 100%; height: 430px; }
.igg .igg_cont{width: 1200px; height: 160px; padding-top: 30px; margin: 0px auto; background: url(/images/igg.png) no-repeat; background-size: 100% 100%; border-radius: 10px; box-shadow:0px 0px 30px 0px #ddd ;}
.igg .igg_tit{font-size: 32px; font-weight: bold; text-align: center; height: 8.5vw; line-height: 8.5vw;}
.igg .igg_cont ul li{font-size: 18px; line-height: 2.5em;}
.igg .igg_cont ul{ }
.igg_box{height: 130px;  margin: 0px 100px 0px 40px; overflow: hidden;}