.sl{overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
.content{ font-size:14px; color:#666; line-height:25px;}
.content *{ line-height:25px;}
.content p{ padding:10px 0; line-height:25px;}
.content img{ max-width:100%;}
.huodong_i1_c img{ display:block; max-width:100%; min-width:1200px; height:auto !important;}


.header{
    min-width: 1200px;
}
.header .header-t{
    height: 32px;
    background: #3f4344;
}
.header .header-t h3{
    color: #c9caca;
    font-size: 12px;
    line-height: 32px;
}
.header .header-t h4{
    color: #fff;
    line-height: 32px;
    background: url(../images/dh.png) no-repeat left center;
    padding-left: 18px;
}
.header .header-t h4 span{
    font-size: 12px;
}

.header .header-b{
    background: #1d1c1e;
    height: 68px;
}
.header .header-b h1{
    line-height: 68px;
}
.header .header-b-box{
    width: 100px;
    height: 45px;
    overflow: hidden;
    margin-top: 10px;
    margin-left: 30px;
    text-align: center;
    line-height: 45px;
    font-size: 18px
}
.header-nav{
    float: left;
    margin-left: 10px;
}

.header-nav>li{
    float: left;
    text-align: center;
   
}
.header-nav>li>a{
    display: block;
    color: #ffffff;
    width: 90px;
    line-height: normal;
    height: 48px;
    padding-top: 20px;
}
.header-nav>li>a span{
    font-size: 12px;
    display: none
}
.header-nav>li:hover{
    background: #cca768;
}
.header-nav>li:hover span{
    color: #e3c38f;
    display: block;
}
.header-nav>li.on{
    background: #cca768;
}
.header-nav>li.on span{
    display: block;
    color: #e3c38f;
}

.header-b .containers{
    overflow: initial;
}
.header-b form{
    background: #282829;
    padding: 2px;
    height: 24px;
    margin-top: 16px;
}

/* .header-b form select{
    display: inline-block;
    color: #ffffff;
    background: #1d1c1e;
    cursor: pointer;
    font-size: 12px!important;
    float: left;
    height: 22px;
} */

.header-b form .header-select{
    display: inline-block;
    color: #ffffff;
    background: #1d1c1e;
    cursor: pointer;
    float: left;
    height: 18px;
    border: 0 none!important
}

.header-b form select option::-ms-expand{ display: none; }
.header-b form select option{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari 和 Chrome */
    appearance:none;
    border: none;
}


.header-b form select option{ background-color:#1d1c1e;border-color: #282829}
.header-b form select option:hover{background-color: #cca768;color: #fff}
.header-b form .search-input{
    display: block;
    background: #1d1c1e;
    height: 24px;
    float: left;
    margin-left: 2px;
    width: 130px;
    color: #fff;
    font-size: 12px
}
.header-b form .search-btn{
    background: #1d1c1e url(../images/sousuo.png) no-repeat center;
    height: 24px;
    width: 25px;
    float: right;
    cursor: pointer;
    display: block
}






.nav-list-case{
    height: 32px;
    background: #cca768;
    text-align: center;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    
}
.nav-list-case.show{
    display: block;
    z-index: 99999;
}

.nav-list-case li{
    display: inline-block;
    margin-right: 25px;
    width: 110px;
    text-align: center
}
.nav-list-case li a{
    color: #fff;
    line-height: 32px;
    display: block;
}


/* .nav-list-case2{
    height: 32px;
    background: #cca768;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
}
.nav-list-case2 li{
    display: inline-block;
    margin-right: 80px;
    width: 150px;
    text-align: left
}
.nav-list-case2 li a{
    color: #fff;
    line-height: 32px;
    display: block;
}
.nav-list-case2.show{
    display: block;
    z-index: 99999;
}

.nav-list-case3{
    height: 32px;
    background: #cca768;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
}
.nav-list-case3 li{
    display: inline-block;
    margin-right: -38px;
    width: 100px;
    text-align: center
}
.nav-list-case3 li a{
    color: #fff;
    line-height: 32px;
    display: block;
}
.nav-list-case3.show{
    display: block;
    z-index: 99999;
}


.nav-list-case4{
    height: 32px;
    background: #cca768;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
}
.nav-list-case4 li{
    display: inline-block;
    margin-right: -222px;
    width: 120px;
    text-align: center
}
.nav-list-case4 li a{
    color: #fff;
    line-height: 32px;
    display: block;
}
.nav-list-case4.show{
    display: block;
    z-index: 99999;
} */

.nav-list-case5{
    height: 32px;
    background: #cca768;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
}
.nav-list-case5 li{
    display: inline-block;
    /* margin-right: 0px; */
    width: 135px;
    /* text-align: center */
    text-align: right;
    margin-left: 180px;
}
.nav-list-case5 li:nth-child(2){
    margin-left: 0
}
.nav-list-case5 li a{
    color: #fff;
    line-height: 32px;
    display: block;
}
.nav-list-case5.show{
    display: block;
    z-index: 99999;
}

.nav-list-case6{
    height: 32px;
    background: #cca768;
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    display: none;
}
.nav-list-case6 li{
    display: inline-block;
    /* margin-right: 0px; */
    width: 154px;
    /* text-align: center */
    text-align: right;
}
.nav-list-case6 li a{
    color: #fff;
    line-height: 32px;
    display: block;
}
.nav-list-case6.show{
    display: block;
    z-index: 99999;
}




.banner {
    min-width: 1200px;
}
.banner .fullSlide .bd li a{
    height: 100%!important;
}
.banner .fullSlide .hd ul li{
    width: 50px;

}
.banner .fullSlide .hd ul li.on{
    background: #e2bf7e
}
.banner .fullSlide .prev{
    background: url(../images/baner-pre.png) no-repeat center;
    left: 70px;
}
.banner .fullSlide .next{
    background: url(../images/baner-next.png) no-repeat center;
    right: 70px;
}

.idx-form{
    background: #1d1c1e;
    min-width: 1200px;
    height: 155px;
    overflow: hidden;
}

.idx-form h2{
    text-align: center;
    color: #fff;
    font-size: 18px;
    margin: 30px 0
}
.idx-form h2 span{
    color: #cca768;
    font-size: 20px;
    display: inline-block;
}
.idx-form form .form-item{
    display: inline-block;
    float: left;
    border-right: 1px solid #e5e5e5
}
.idx-form form .form-item input{
    display: block;
    width: 162px;
    height: 50px;
    padding-left: 40px;
}
.idx-form form .form-item input.icon1{
    background:#fff url(../images/form1.jpg) no-repeat 10px center;
}
.idx-form form .form-item input.icon2{
    background:#fff url(../images/form2.jpg) no-repeat 10px center;
}
.idx-form form .form-item input.icon3{
    background:#fff url(../images/form3.jpg) no-repeat 10px center;
}
.idx-form form .form-item input.icon4{
    background:#fff url(../images/form4.jpg) no-repeat 10px center;
    text-indent:10px
}
.idx-form form .form-item input.icon5{
    background:#fff url(../images/form5.jpg) no-repeat 10px center;
    text-indent: 10px;
}
.idx-form form .form-btn{
    display: block;
    width: 160px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    float: right;
    background: #cc3333;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.idx-form form .sum{
    position: absolute;
    color: #333333;
    font-size: 22px;
    top: 13px;
    left: 50px;
}
.idx-form form .sum span{
    color: #999999;
    font-size: 14px;
}

.main{
    min-width: 1200px;
}
.main1{
    background: #fff;
    padding: 50px 0
}
.main1 .main1-l{
    background: #d2af66;
    color: #fff;
    padding: 30px 40px 0;
    height: 213px;
}
.main1 .main1-l h4{
    color: #efefef;
    font-size: 20px;
    text-transform: uppercase;
    width: 75%;
    line-height: 30px
}
.main1 .main1-l h3{
    font-size: 26px;
    margin: 15px 0 15px
}
.main1 .main1-l h2{
    font-size: 50px;
    font-weight: bold;
    line-height: 50px;
}

.main1 .swiper-container{
    border: 1px solid #c9caca;
    height: 185px;
    padding: 28px 0
}
.main1 .swiper-container a{
    display: block;
    text-align: center;
    border-right: 1px solid #e4e4e4
}
.main1 .swiper-container a:last-child{
    border-right: 0 none;
}
.main1 .swiper-container a h2{
    color: #333333;
    font-size: 20px;
    margin-top: 10px;
}
.main1 .swiper-container a h2 span{
    font-weight: bold;
}
.main1 .swiper-container a .main1-txt{
    color: #999999;
    font-size: 16px;
    margin-top: 20px;
    line-height: 30px;
}
.main1 .swiper-container .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}
.main1 .swiper-container .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E")
}
.main1 .swiper-container .swiper-button-next,.main1 .swiper-container .swiper-button-prev{
    top: 50%;
    display: none
}
.main1 .swiper-container:hover .swiper-button-next,.main1 .swiper-container:hover .swiper-button-prev{
    display: block
}

.main2{
    background:#1d1c1e url(../images/main2-bg.jpg) no-repeat center top;
    padding: 58px 0 90px;
    background-size: 100%
 
}

.main2 h3{
    color: #c7c8c8;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: Arial;
}
.main2 h2{
    color: #e2bf7e;
    font-size: 32px;
    line-height: 40px;
}
.main2 h4{
    color: #c7c8c8;
    font-size: 12px;
    margin: 16px 0 24px
}

.main2 .main2-page a{
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 0 18px;
    border-right: 1px solid #fff;
}
.main2 .main2-page a:first-child{
    padding-left: 0;
}
.main2 .main2-page a:last-child{
    border: 0 none;
}
.main2 .main2-page a:hover{
    color: #e2bf7e;
}

.main2-list{
    margin-top: 30px;
}
.main2-list li{
    width: 380px;
    color: #9d9e9e;
    margin-right: 30px;
    margin-bottom: 30px;
    float: left;
}
.main2-list li:nth-child(3n){
    margin-right: 0
}
.main2-list li .main2-img{
    height: 275px;
    overflow: hidden;
    display: block;
}
.main2-list li .main2-img img{
    height: 275px;
    width: 380px;
	object-fit: cover;
}
.main2-list li .main2-img:hover img{
    transform: scale(1.1);
}
.main2-list li .main2-tit{
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    display: block;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    margin: 5px 0 0;
    padding-left: 8px
}
.main2-list li .main2-tit:hover{
    color: #e2bf7e;
}

.main2-list li .main2-ctn a{
    color: #9d9e9e;
    padding: 0 8px
}
.main2-list li .main2-ctn a:hover{
    color: #e2bf7e;
}

.more-case{
    display: block;
    width: 218px;
    height: 47px;
    line-height: 47px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 18px auto 0;
    border: 1px solid #cca768;
}

.more-case:hover{
    background: #e2bf7e
}

.main3{
    background: #fff;
}


.main3{
    padding: 58px 0 80px;
}
.main3 h3{
    color: #727171;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: Arial;
}
.main3 h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.main3 .containers>h4{
    color: #727171;
    font-size: 12px;
    margin: 8px 0 24px;
    position: relative;
}
.main3 .containers>h4::after{
    content: '';
    display: inline-block;
    height: 1px;
    width: 895px;
    position: absolute;
    bottom: 6px;
    background: #d9bd8d;
    left: 220px;
}

.main3 .containers>h4 a{
    color: #cca768;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.main3 .main3-l{
    background: #1d1c1e;
    width: 343px;
}
.main3 .main3-l .main3-video{
    background: url(../images/main3-video-bg.png ) no-repeat center;
    height: 343px;
    cursor: pointer;
}
.main3 .main3-video-txt{
    height: 100px;
    text-transform: uppercase;
    margin-left: 25px;
    margin-top: 25px;
    overflow: hidden;
    color: #f7f8f8;
}
.main3 .main3-video-txt h5{
    font-size: 18px;
}
.main3 .main3-video-txt h4{
    font-size: 20px;
    margin-top: 12px
}
.main3 .main3-video-txt h4 span{
    font-weight: bold;
}


.main3-r {
    width: 845px;
}
.main3-r ul li {
    background: #f5f5f5;
    width: 400px;
    padding-left: 13px;
    height: 200px;
    position: relative;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;
}
.main3-r ul li:nth-child(2n){
    margin-right: 0;
}
.main3-r ul li .fl{
    width: 238px;
}
.main3-r ul li h2{
    line-height: 35px;
    margin: 20px 0 10px
}
.main3-r ul li h2 a{
    color: #333333;
    font-size: 18px;
    display: block;
}
.main3-r ul li h2 a span{
    color: #878787;
    font-size: 14px;
    display: inline-block;
    margin-left: 10px
}
.main3-r ul li h2 a em{
    display: inline-block;
    border-bottom: 2px solid #e0ceae;
}
.main3-r ul li span{
    display: block;
    color: #cca768;
}
.main3-r ul li .sjs-infor{
    width: 100%;
    margin-top: 16px;
    color: #878787;
}
.main3-r ul li .sjs-infor a{
    color: #878787;
    display: inline-block;
}
.main3-r ul li .sjs-infor a span{
    color: #333333;
    display: inline-block
}
.main3-r ul li .sjs-infor .sjs-b{
    color: #333333;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}

.main3-r ul li .sjs-a{
    position: absolute;
    left: 13px;
    bottom: 15px
}
.main3-r ul li .sjs-a a{
    display: inline-block;
    width: 76px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    border: 1px solid #636363;
    color: #878787;
    font-size: 12px;
    margin-right: 18px
}
.main3-r ul li .sjs-a a:last-child{
    margin-right: 0;
}
.main3-r ul li .sjs-a a:hover{
    color: #fff;
    background: #cca768;
    border-color: #cca768;
}


.main3-r ul li .fr{
    width: 160px;
    overflow: hidden;
}
.main3-r ul li .fr img{
    width: 160px;
    height: 200px;
}

.main3 .swiper-container{
    height: 468px;
}

.main3 .swiper-container-horizontal>.swiper-pagination-progressbar{
    width: 80%;
    top: 450px
}
.main3 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background: #cca768

}
.main3 .swiper-button-next, .main3 .swiper-button-prev{
    top: 98%;
    width: 37px;
    height: 23px;
    border: 1px solid #d9bd8d;
    background-size: 8px;
}
.main3 .swiper-button-next{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23cca768'%2F%3E%3C%2Fsvg%3E")
}
.main3 .swiper-button-prev{
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23cca768'%2F%3E%3C%2Fsvg%3E");
    left: 740px;
}

.main3-call{
    text-align: center;
    margin-top: 68px;
}
.main3-call span{
    display: inline-block;
    width: 235px;
    height: 47px;
    line-height: 47px;
    border: 1px solid #d9bd8d;
    background: url(../images/dh.jpg) no-repeat 14px center;
    text-align: left;
    padding-left: 40px;
    color: #231815;
    font-size: 18px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .2);
   margin-right: 30px;
}
.main3-call a{
    display: inline-block;
    width: 220px;
    height: 47px;
    line-height: 47px;
    background: #1d1c1e;
    color: #fff;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    font-size: 18px;
}
.main3-call a:hover{
    background: #cca768
}



.main4{
    background:  url(../images/main4-bg.jpg) no-repeat center top;
    background-size: 100%;
    padding-top: 30px;
}
.main4 h3{
    color: #efefef;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: Arial;
}
.main4 h2{
    color: #f7f8f8;
    font-size: 32px;
    line-height: 40px;
}
.main4 .containers>h4{
    color: #efefef;
    font-size: 12px;
    margin: 8px 0 0px;
    position: relative;
}
.main4 .containers>h4::after{
    content: '';
    display: inline-block;
    height: 1px;
    width: 735px;
    position: absolute;
    bottom: 6px;
    background: #f7f8f8;
    left: 220px;
}
.main4 .containers>h4 a{
    color: #fff;
    font-size: 16px;
    display: inline-block;
    position: absolute;
    right: 0;
}

.main4 .swiper-container ul{
    padding-top: 60px;
    padding-bottom: 80px;
}
.main4 .swiper-container ul li{
    width: 204px;
    height: 113px;
    padding: 6px;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 25px;
    float: left;
    margin-right: 30px;
    cursor: pointer;
}
.main4 .swiper-container ul li:nth-child(5n){
    margin-right: 0
}
.main4 .swiper-container ul li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, .4);
}
.main4 .swiper-container ul li .main4-ctn{
    border: 1px solid #e5e5e5;
    padding: 13px;
    width: 176px;
    height: 85px;
    position: relative;
}

.main4 .swiper-container ul li .main4-ctn .main4-img{
    padding-left: 10px;
}
.main4 .swiper-container ul li h3{
    color: #333333;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}
.main4 .swiper-container ul li span{
    color: #999999;
    font-size: 12px;
    line-height: normal;
}

.main4 .swiper-container ul li .main4-r{
    position: absolute;
    right: 12px;
    color: #cccccc;
    top: 10px;
    text-align: center;
}
.main4 .swiper-container ul li .main4-r i{
    display: block;
    font-size: 18px
}
.main4 .swiper-container ul li .main4-r b{
    display: block;
    width: 2px;
    height: 30px;
    background: #cccccc;
    margin: 10px auto 13px
}
.main4 .swiper-container .swiper-pagination-bullet{
    width: 70px;
    height: 5px;
    border-radius: 30px;
    background: #dcdddd;
    opacity:1;
}
.main4 .swiper-container .swiper-pagination-bullet-active{
    background: #727171;
}
.main4 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 50px;
}

.main4 .swiper-button-prev{
    left: 90%;
    width: 40px;
    height: 25px;
    border: 1px solid #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.main4 .swiper-button-next{
    width: 40px;
    height: 25px;
    border: 1px solid #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.main4 .swiper-button-next,.main4 .swiper-button-prev{
    top: 7%;
    background-size: 10px
}


.main5{
    background: url(../images/main5-bg.jpg) no-repeat 0 0;
    padding-top: 60px;
    padding-bottom: 80px
}

.main5-l{
    float: left;
    width: 430px;
}
.main5-l h4{
    color: #727171;
    font-size: 18px;
    font-family: Arial;
}
.main5-l h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.main5-l h5{
    color: #727171;
    font-size: 12px;
    margin-top: 6px
}
.main5-l .main5-l-txt{
    color: #727171;
    font-size: 16px;
    text-indent: 2em;
    margin: 25px 0 30px;
    line-height: 30px;
}
.main5-l .main5-more{
    display: block;
    font-size: 12px;
    text-align: center;
    color: #cca768;
    width: 68px;
    height: 29px;
    line-height: 29px;
    border: 1px solid #cca768;
}
.main5-l .main5-more:hover{
    background: #cca768;
    color: #fff
}
.main5-r{
    float: right;
    border-bottom: 1px solid #e3e4e4;
    width: 690px;
}

.main5-r .main5-txt{
    text-align: center;
    color: #727171;
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.main5-r .main5-txt::after{
    content: '';
    display: block;
    background: #e3e4e4;
    height: 1px;
    width: 285px;
    left: 5px;
   top: 14px;
   position: absolute;
}
.main5-r .main5-txt::before{
    content: '';
    display: block;
    background: #e3e4e4;
    height: 1px;
    width: 285px;
    right: 5px;
   top: 14px;
   position: absolute;
}

.main5-r ul{
    padding-top: 15px;
}
.main5-r ul li{
    width: 160px;
    overflow: hidden;
    text-align: center;
    height: 120px;
    border-radius: 5px;
    cursor: pointer;
    color: #595757;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
    transition:all 0.3s;
    cursor: pointer;
}
.main5-r ul li:nth-child(4n){
    margin-right: 0
}

.main5-r ul li span{
    display: block;
    margin-top: 90px
}

.main5-r ul li.icon1{
    background: url(../images/main5-icon1.png) no-repeat center 10px;
}
.main5-r ul li.icon1:hover{
    background:#f7f8f8 url(../images/main5-icon1-on.png) no-repeat center 10px;
}


.main5-r ul li.icon2{
    background: url(../images/main5-icon2.png) no-repeat center 20px;
}
.main5-r ul li.icon2:hover{
    background:#f7f8f8 url(../images/main5-icon2-on.png) no-repeat center 20px;
}

.main5-r ul li.icon3{
    background: url(../images/main5-icon3.png) no-repeat center 15px;
}
.main5-r ul li.icon3:hover{
    background:#f7f8f8 url(../images/main5-icon3-on.png) no-repeat center 15px;
}

.main5-r ul li.icon4{
    background: url(../images/main5-icon4.png) no-repeat center 15px;
}
.main5-r ul li.icon4:hover{
    background:#f7f8f8 url(../images/main5-icon4-on.png) no-repeat center 15px;
}

.main5-r ul li.icon5{
    background: url(../images/main5-icon5.png) no-repeat center 20px;
}
.main5-r ul li.icon5:hover{
    background:#f7f8f8 url(../images/main5-icon5-on.png) no-repeat center 20px;
}

.main5-r ul li.icon6{
    background: url(../images/main5-icon6.png) no-repeat center 30px;
}
.main5-r ul li.icon6:hover{
    background:#f7f8f8 url(../images/main5-icon6-on.png) no-repeat center 30px;
}

.main5-r ul li.icon7{
    background: url(../images/main5-icon7.png) no-repeat center 20px;
}
.main5-r ul li.icon7:hover{
    background:#f7f8f8 url(../images/main5-icon7-on.png) no-repeat center 20px;
}

.main5-r ul li.icon8{
    background: url(../images/main5-icon8.png) no-repeat center 20px;
}
.main5-r ul li.icon8:hover{
    background:#f7f8f8 url(../images/main5-icon8-on.png) no-repeat center 20px;
}

.main5-r ul li:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    color: #cca768
}

.main6{
    background: #1d1c1e;
    padding-top: 50px;
    height: 330px;
}
.main6 .containers>h3{
    color: #c7c8c8;
    font-size: 18px;
    font-family: Arial;

}
.main6 .containers>h2{
    color: #e2bf7e;
    font-size: 32px;
    line-height: 40px;
}
.main6 .containers>h4{
    color: #c7c8c8;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 40px;
}
.main6 .main6-list li{
    width: 290px;
    height: 290px;
    position: relative;
    float: left;
    margin-right: 13px;
}
.main6 .main6-list li:nth-child(4){
    margin-right: 0;
}
.main6 .main6-list li .zzc{
    position: absolute;
    width: 250px;
    height: 48%;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    padding-top: 0;
    -moz-transition:all 0.8s; /* Firefox 4 */
    -webkit-transition:all 0.8s; /* Safari and Chrome */
    -o-transition:all 0.8s; /* Opera */
    transition:all 0.8s;
    cursor: pointer;
    width: 100%;
}
.main6 .main6-list li .zzc h2{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    line-height: 30px;
    position: absolute;
    bottom: 100px;
    left: 20px;
    width: 90%;
}

.main6 .main6-list li .zzc .main6-txt{
    position: absolute;
    bottom: 80px;
    left: 20px;
}
.main6 .main6-list li .zzc a{
    color: #b3b3b4;
    display: inline-block;
}

.main6 .main6-list li .zzc h2 a{
    font-size: 18px
}

.main6 .main6-list li .zzc .main6-more{
    width: 99px;
    height: 31px;
    text-align: center;
    line-height: 31px;
    border: 1px solid #b3b3b4;
    position: absolute;
    left: 20px;
    bottom: 25px;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
}

.main6 .main6-list li:hover .zzc{
    height: 100%;
}
.main6 .main6-list li:hover .zzc a{
    color: #fff;
}
.main6 .main6-list li:hover .zzc .main6-more{
    background: #cca768;
    border-color: #cca768;
}

.main7{
    background: #f5f5f5;
    margin-top: 290px;
    padding-top: 30px;
    padding-bottom: 90px;
}
.main7 .main7-b {
    position: relative;
}
.main7-b h4{
    color: #727171;
    font-size: 18px;
    line-height: 30px;
}
.main7-b h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.main7-b h5{
    color: #727171;
    font-size: 12px;
    margin-top: 8px
}

.main7-b .main7-b-r .main7-b-r-box{
    display: inline-block;
    border-bottom: 1px solid #d6ba8b;
    width: 840px;
    text-align: right;
    padding-bottom: 10px;
    position: absolute;
    bottom: 6px;
    right: 86px;
}
.main7-b .main7-b-r .main7-b-r-box a{
    display: inline-block;
    color: #666666;
    margin-right: 25px;
}
.main7-b .main7-b-r .main7-b-r-box a:last-child{
    margin-right: 5px;
}
.main7-b .main7-b-r .main7-b-r-box a:hover{
    color: #cca768;
}
.main7-b .main7-b-r .main7-more{
    display: inline-block;
    width: 69px;
    height: 29px;
    color: #cca768;
    font-size: 12px;
    border: 1px solid #cca768;
    text-align: center;
    line-height: 29px;
    position: absolute;
    right: 0;
    bottom: 6px;
}
.main7-b .main7-b-r .main7-more:hover{
    background:#cca768;
    color: #fff;
}

.main7-box{
    margin-top: 25px;
}
.main7-box .main7-box-l{
    width: 513px;
}
.main7-box .main7-box-l a{
    display: block;
}
 .main7-box .main7-box-l .main7-img{
    width: 513px;
    height: 340px;
    overflow: hidden;
}
.main7-box .main7-box-l .main7-img:hover img{
    transform: scale(1.1)
}
.main7-box .main7-box-l .main7-box-l-b{
    background: #cca768;
    height: 150px;
}
 .main7-box .main7-box-l .main7-box-l-b .lt{
    width: 20%;
    float: left;
    text-align: center;
    color: #fff
}
.main7-box .main7-box-l .main7-box-l-b .lt b{
    font-size: 34px;
    display: block;
    margin-top: 40px;
}
.main7-box .main7-box-l .main7-box-l-b .lt h4{
    font-weight: normal;
    margin-top: 10px
}
.main7-box .main7-box-l .main7-box-l-b .gt{
    width: 75%;
    float: right;
    padding-top: 20px;
}
.main7-box .main7-box-l .main7-box-l-b .gt a{
    display: block;
    color: #fff;

}
.main7-box .main7-box-l .main7-box-l-b .gt h2 a{
    font-size: 16px;
}
.main7-box .main7-box-l .main7-box-l-b .gt h2{
    padding-bottom: 10px;
    border-bottom: 2px solid #d3c1a2;
    width: 95%;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
 .main7-box .main7-box-l .main7-box-l-b .gt .txt{
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 25px;
    margin-top: 10px
}

.main7-box ul{
    width: 645px;
}
.main7-box ul li{
    padding-bottom: 18px;
    border-bottom: 1px solid #d2d3d3;
    margin-bottom: 20px;
}
.main7-box ul li:first-child{
    border: 0 none;
}

 .main7-box ul li a{
    display: block
}

.main7-box ul li a .idx-news-tit{
    display: inline-block;
    width: 535px;
    float: left;
}
.main7-box ul li a .idx-news-tit h2{
    font-size: 16px;
    color: #333333;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    border-bottom: 1px solid #c7c8c8;
    padding-bottom: 15px;
    padding-top: 5px;
}
.main7-box ul li:hover .idx-news-tit h2{
    color: #cca768;
}
.main7-box ul li a .idx-news-tit .idx-news-txt{
    color: #9d9e9e;
    padding-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.main7-box ul li a .idx-news-time{
    display: inline-block;
    text-align: center;
    float: right;
    width: 90px;
    margin-left: 15px;
}
.main7-box ul li a .idx-news-time b{
    color: #666666;
    font-size: 34px;
    display: block;
    margin-top: 18px;
}
.main7-box ul li a .idx-news-time h5{
    color: #999999;
    margin-top: 10px;
}

.main7-box ul li a h3{
    color: #333333;
    display: inline-block;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    width: 80%;
    float: left;
}
.main7-box ul li a .time{
    color: #999999;
    font-size: 12px;
    display: inline-block;
    margin-left: 45px;
    float: right;
}

.main7-box ul li:hover h3{
    color: #cca768;
}
.main7-box ul li:hover .time{
    color: #cca768;
}

.main8{
    margin: 55px 0 65px;
}
.main8 a{
    display: block;
}

.main9{
    margin-bottom: 40px
}
.main9 h2{
    color: #333333;
    font-size: 24px;
    padding-left: 45px;
    background: url(../images/youqing-bg.jpg) no-repeat left center;
    line-height: 35px;
    margin-bottom: 15px;
}

.main9 .link a{
    display: inline-block;
    color: #949494;
    margin-right: 23px;
    margin-bottom: 12px;
}
.main9 .link a:nth-child(11n){
    margin-right: 0
}
.main9 .link a:hover{
    color: #cca768;
}



.inside-banner{
    width: 100%;
    min-width: 1200px;
}
/* 装修指南 */
.location{
    line-height: 60px;
    color: #727171;
    font-size: 12px
}
.location a{
    display: inline-block;
    color: #949494;
    font-size: 12px;
}
.location a:hover{
    color: #cca768;
}
.location a.on{
    color: #cca768;
}


.rm-ul {
    margin-top: 25px
}
.rm-ul li{
    width: 284px;
    float: left;
    margin-right: 21px;
}
.rm-ul li:last-child{
    margin-right: 0;
}
.rm-ul .rm-ul-img{
    position: relative;
    overflow: hidden;
    width: 284px;
    height: 183px;
    display: block;
}
.rm-ul .rm-ul-img img{
    width: 284px;
    height: 183px;
}

.rm-ul .rm-ul-img .rm-ceng h4{
    color: #fff;
    font-size: 20px;
    margin-top: 115px;
}
.rm-ul .rm-ul-img:hover h4{
    color: #cca768;
}
.rm-ul .rm-ul-img .rm-ceng{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3s; /* Safari and Chrome */
    -o-transition:all 0.3s; /* Opera */
    transition:all 0.3s;
    cursor: pointer;
}
.rm-ul .rm-ul-img .rm-ceng.icon1{
    background:rgba(0, 0, 0, .7) url(../images/rm-icon1.png) no-repeat center 36px;
}
.rm-ul .rm-ul-img:hover .rm-ceng.icon1{
    background-image: url(../images/rm-icon1-on.png) 
}

.rm-ul .rm-ul-img .rm-ceng.icon2{
    background:rgba(0, 0, 0, .7) url(../images/rm-icon2.png) no-repeat center 36px;
}
.rm-ul .rm-ul-img:hover .rm-ceng.icon2{
    background-image: url(../images/rm-icon2-on.png) 
}

.rm-ul .rm-ul-img .rm-ceng.icon3{
    background:rgba(0, 0, 0, .7) url(../images/rm-icon3.png) no-repeat center 36px;
}
.rm-ul .rm-ul-img:hover .rm-ceng.icon3{
    background-image: url(../images/rm-icon3-on.png) 
}

.rm-ul .rm-ul-img .rm-ceng.icon4{
    background:rgba(0, 0, 0, .7) url(../images/rm-icon4.png) no-repeat center 36px;
}
.rm-ul .rm-ul-img:hover .rm-ceng.icon4{
    background-image: url(../images/rm-icon4-on.png) 
}

.rm-ul li .ul-box {
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.rm-ul li .ul-box a{
    display: inline-block;
    width: 49%;
    text-align: center;
    color: #666666;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    border-right: 1px dotted #e5e5e5;
}
.rm-ul li .ul-box a:last-child{
    border: 0 none;
}
.rm-ul li .ul-box a:hover{
    color: #cca768;
}
.rm-ul li:last-child .ul-box a{
    width: 32%;
}

.rm .swiper-button-next, .rm .swiper-button-prev{
    width: 45px;
    height: 52px;
    background-color: #aeaeae;
    background-size: 20px
}

.rm .swiper-button-next{
    right: 20px;
}
.rm .swiper-button-prev{
    left: 20px;
}
.rm .swiper-pagination-bullet{
    width: 55px;
    height: 4px;
    border-radius: 0;
    background: #f7f8f8;
    opacity: .8;
}
.rm .swiper-pagination-bullet-active{
    background: #c9a063
}

.rm-main{
    padding-bottom: 0;
    background: #fff;
    margin-top: 10px
}
.rm-list{
    margin-bottom: 50px
}
.rm-box{
    margin-top: 30px;
}
.rm-l{
    width: 513px;

}
.rm-l .rm-img{
    height: 300px;
    overflow: hidden;
}
.rm-l .rm-img img{
    width: 513px;
    height: 300px;
}
.rm-l .rm-img:hover img{
    transform: scale(1.1);
}
.rm-l .rm-l-box h3{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.rm-l .rm-l-box h3 a{
    color: #333333;
    font-size: 16px;
    line-height: 35px;
}
.rm-l .rm-l-box .rm-l-box-deter span{
    color: #999999;
    font-size: 12px;
    display: inline-block;
    margin-right: 40px;
}
.rm-l .rm-l-box .rm-l-box-ctn{
    color: #666666;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 6px;
}

.rm-r .rm-item{
    width: 640px;
    cursor: pointer;
    margin-bottom: 18px;
}
.rm-r .rm-time{
    width: 15%;
    height: 86px;
    color: #fff;
    display: inline-block;
    background: #c9caca;
    text-align: center;
    overflow: hidden;
    float: left;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
}
.rm-r .rm-time b{
    display: block;
    font-size: 34px;
    margin-top: 18px;
    margin-bottom: 8px;
}
.rm-r .rm-time span{
    display: inline-block;
    font-size: 18px
}
.rm-r .rm-ctn{
    padding-left: 13px;
    height: 80px;
    width: 82%;
    display: inline-block;
    float: left;
    padding-top: 6px
}
.rm-r .rm-ctn a{
    display: block;
}
.rm-r .rm-ctn h3{ 
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    line-height: 30px;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
}
.rm-r .rm-ctn h3 a{
    color: #333333;
    font-size: 18px;
}
.rm-r .rm-ctn .rm-ctn-txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.rm-r .rm-ctn .rm-ctn-txt a{
    font-size: 12px;
    line-height: 24px;
    color: #666666;
}

.rm-r .rm-item:hover .rm-time{
    background: #cca768;
}
.rm-r .rm-item:hover h3 a{
    color: #cca768;
}
.rm-r .rm-item:hover .rm-ctn{
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.zxzn-box{
    position: relative;
}
.zxzn-l{
    margin-top: 10px;
}
.zxzn-l h4{
    color: #727171;
    font-size: 18px;
    line-height: 30px;
}
.zxzn-l h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.zxzn-l h5{
    color: #727171;
    font-size: 12px;
    line-height: 32px;
}

.zxzn-r{
    width: 970px;
    text-align: right;
    position: absolute;
    bottom: 11px;
    right: 0;
}
.zxzn-r::after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    background: #cca768;
    bottom: 0;
}
.zxzn-r a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 0 25px;
    line-height: 39px;
    border: 1px solid #cca768;
    background: #cca768;
}
.zxzn-r a:hover{
    background: none;
    color: #cca768;
    border-bottom-color: #fff;
}
.zxzn-r a.on{
    background: none;
    border-bottom-color: #fff;
    color: #cca768
}


.zxzn-item {
    padding: 15px 0;
    border-bottom: 1px solid #dcdddd
}
.zxzn-item .zxzm-box{
    padding: 18px 25px;
    height: 142px;
    -moz-transition:all 0.3s; /* Firefox 4 */
    -webkit-transition:all 0.3; /* Safari and Chrome */
    -o-transition:all 0.3; /* Opera */
    transition:all 0.3s;
    cursor: pointer;
}

.zxzn-item .zxzm-box .zxzm-time {
    text-align: center;
    width: 60px;
}
.zxzn-item .zxzm-box .zxzm-time b{
    color: #666666;
    font-size: 34px;
    font-weight: bold;
    display: block;
    margin-top: 35px;
}
.zxzn-item .zxzm-box .zxzm-time h4{
    color: #999999;
    margin-top: 10px;
}
.zxzn-item .zxzm-box .zxzn-img a{
    display: block;
}
.zxzn-item .zxzm-box .zxzn-img{
    width: 210px;
    height: 142px;
    overflow: hidden;
    margin: 0 35px;
}
.zxzn-item .zxzm-box .zxzn-img img{
    width: 210px;
    height: 142px;
}
.zxzn-item .zxzm-box .zxzn-img:hover img{
    transform: scale(1.1);
}

.zxzn-ctn{
    width: 810px;
    position: relative;
    height: 142px;
}
.zxzn-ctn h3{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    width: 70%;
    line-height: 30px;
    margin-bottom: 18px;
}
.zxzn-ctn h3 a{
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
.zxzn-ctn .zxzm-txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 95%;
}
.zxzn-ctn .zxzm-txt a{
    color: #666666;
    line-height: 24px;
}
.zxzn-ctn .zxzm-span{
    position: absolute;
    left: 0;
    bottom: 5px;
}
.zxzn-ctn .zxzm-span span{
    color: #999999;
    display: inline-block;
    margin-right: 45px;
}
.zxzn-ctn .zxzm-span span:last-child{
    margin-right: 0;
}
.zxzn-ctn .ydxq{
    display: none;
    width: 108px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #cca768;
    color: #cca768;
    position: absolute;
    right: 40px;
    top: 0px;
}

.zxzn-item:hover .zxzm-box{
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
.zxzn-item:hover h3 a{
    color: #cca768;
}
.zxzn-item:hover .zxzn-ctn .ydxq{
    display: block;
}
.zxzn-ctn .ydxq:hover{
    background: #cca768;
    color: #fff;
}



.page{
    text-align: center;
    margin: 75px auto 85px
}

.page a{
    display: inline-block;
    color: #666666;
    padding: 0 13px;
    line-height: 33px;
    height: 33px;
    border: 1px solid #f0efef;
    text-align: center;
    margin-right: 10px;
}
.page a:last-child{
    margin-right: 0;
}
.page a:hover{
    color: #fff;
    background: #cca768;
}
.page a.on{
    color: #fff;
    background: #cca768;
}

.design-form{
    padding: 15px 15px 20px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    position: relative;
}
.design-form .design-form-box h2{
    color: #000000;
    font-size: 24px;
    position: relative;
    display: inline-block;
    padding-left: 15px;
    line-height: 32px;
    font-weight: normal;

}
.design-form .design-form-box h2::after{
    content: '';
    display: block;
    height: 30px;
    width: 3px;
    background: #cca768;
    position: absolute;
    left: 0;
    bottom: 0;
}
.design-form .design-form-box .design-form-txt{
    color: #666666;
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.design-form .design-form-box .design-form-call{
    color: #666666;
    font-size: 16px;
    display: inline-block;
}
.design-form .design-form-box .design-form-call span{
    color: #cca768;
}
.design-form form {
    margin-top: 20px;
}
.design-form form input{
    display: inline-block;
}
.design-form form .design-form-txt{
    width: 304px;
    height: 39px;
    border: 1px solid #cccccc;
    text-indent: 1em;
    margin-right: 25px;
}

.design-form form .design-form-btn{
    width: 160px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    background: #cc3333;
    position: absolute;
    right: 20px;
    bottom: 25px;
    cursor: pointer;
}

.zxzn-tit{
    text-align: center;

}
.zxzn-tit h2{
    color: #333333;
    font-size: 24px;
    line-height: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.zxzn-tit .zxzn-source{
    color: #999999;
}
.zxzn-tit .zxzn-source span{
    color: #666666;
    display: inline-block;
    margin-right: 18px;
}
.zxzn-tit .zxzn-source span:nth-child(3){
    margin-right: 0px;
}
.zxzn-tit .zxzn-tit-share{
    display: inline-block;
    width: 50px;
    height: 16px;
    background: url(../images/share-img.jpg) no-repeat center;
    cursor: pointer;
    position: relative;
}
.zxzn-tit .zxzn-tit-share .bdsharebuttonbox{
    width: 220px;
    position: absolute;
    left: 20px;
    top: 15px;
    height: 60px;
    border: 1px solid #eeeeee;
    padding: 10px;
    display: none;
    z-index: 999;
    background: #fbfbfb
}
.zxzn-tit .zxzn-tit-share .bdshare-button-style1-24 a{
    margin: 6px 10px 6px 0
}
.zxzn-tit .zxzn-tit-share h4{
    text-align: left
}
.zxzn-tit .zxzn-tit-share:hover .bdsharebuttonbox{
    display: block;
}
.zxzn-infor{
    line-height:28px;
    color: #666666;
    padding-top: 18px;
    padding-bottom: 60px;
    border-bottom: 1px solid #cca768;
}
.zxzn-infor img{
    max-width: 100%;
    height: auto !important;
}

.zxzn-page{
    margin: 30px auto 45px;
}
.zxzn-page a{
    display: inline-block;
    color: #000000;
    text-align: center;
    width: 40%;
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    padding-left: 100px;
}
.zxzn-page a:hover{
    color: #cca768;
}
.zxzn-page a.on{
    color: #cca768;
}

.link-box{
    margin: 55px auto 65px;
}
.link-box .link-box-t{
    border-bottom: 1px solid #cca768;
    line-height: 40px;
    margin-bottom: 20px;
}

.link-box ul li{
    width: 380px;
    float: left;
    margin-right: 30px;
    position: relative;
    height: 345px;
}
.link-box ul li:last-child{
    margin-right: 0;
}
.link-box .link-box-t h3{
    font-size: 18px;
    color: #000000;
}
.link-box .link-box-t .more{
    display: block;
    color: #cca768;
}
.link-box .link-img{
    width: 380px;
    height: 275px;
    overflow: hidden;
    display: block;
}

.link-box .link-img img{
    width: 380px;
    height: 275px;
}

.link-box .link-img:hover img{
    transform: scale(1.1)
}
.link-box .link-box-b{
    padding: 12px;
    position: relative;
    height: 46px;
    color: #9d9e9e
}
.link-box .link-box-b h2{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    width: 70%;
    line-height: 30px;
}
.link-box .link-box-b h2 a{
    color: #333333;
    font-size: 16px;
    display: block;
}
.link-box .link-box-b .link-box-b-ctn a{
    display: inline-block;
    color: #9d9e9e;
    padding: 0 5px;
}
.link-box .link-box-b .look{
    position: absolute;
    display: block;
    color: #949494;
    line-height: 30px;
    padding: 0 13px;
    border: 1px solid #cca768;
    height: 30px;
    right: 15px;
    bottom: 15px
}
.link-box ul li .metoo{
    width: 170px;
    height: 30px;
    text-align: center;
    background: url(../images/juxing.png) no-repeat center;
    color: #fff;
    line-height: 30px;
    position: absolute;
    left: 15px;
    top: 15px;
    display: none;
}
.link-box ul li .link-message{
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(0, 0, 0, .3);
    display: none;
}
.link-box ul li .link-message a{
    display: inline-block;
    padding-left: 20px;
    width: 20px;
    color: #fff;
    margin-right: 5px;
}
.link-box ul li .link-message a:last-child{
    margin-right: 0;
}
.link-box ul li .link-message a.icon1{
    background: url(../images/xiangce.png) no-repeat left center;
}
.link-box ul li .link-message a.icon2{
    background: url(../images/liuyan.png) no-repeat left center;
}

.link-box ul li:hover .link-box-b {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.link-box ul li:hover .look{
    background: #cca768;
    color: #fff;
}
.link-box ul li:hover .metoo{
    display: block;
}
.link-box ul li:hover .link-message{
    display: block;
}


/* 热门楼盘 */
.rm-nav{
    background: #fbfbfb;
    height: 64px;
    color: #363636;
    line-height: 64px;
    padding-left: 20px;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    position: relative;
}
.rm-nav a:first-child{
    margin-left: 10px
}
.rm-nav a{
    display: inline-block;
    color: #363636;
    margin-right: 35px;
}
.rm-nav a:hover{
    color: #cca768;
}
.rm-nav a.on{
    color: #cca768;
}

.lp-item{
    padding: 18px;
    background: #fff;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    margin-top: 10px;
    cursor: pointer;
}
.lp-item .lp-img{
    width: 288px;
    height: 290px;
    overflow: hidden;
    display: block;
}
.lp-item .lp-img img{
    width: 288px;
    height: 290px;
}
.lp-item .lp-img:hover img{
    transform: scale(1.1);
}
.lp-item .lp-ctn{
    width: 847px;
    margin-left: 18px;
    position: relative;
    height: 290px;
    padding-right: 8px
}
.lp-item .lp-ctn h2{
    font-size: 18px;
    line-height: 40px;
    font-weight: bold;
}
.lp-item .lp-ctn h2 a{
    color: #333333;
}
.lp-item .lp-ctn .lp-list{
    color: #999999;
    line-height: 30px;
    margin-top: 8px;
}
.lp-item .lp-ctn .lp-list a{
    display: inline-block;
    margin-right: 30px;
    color: #333333
}
.lp-item .lp-ctn .lp-address{
    color: #999999;
    padding-left: 22px;
    background: url(../images/dizhi.png) no-repeat left center;
    margin-top: 18px
}
.lp-item .lp-ctn .lp-address span{
    color: #666666
}
.lp-item .lp-ctn .lp-txt-box{
    color: #999999;
    margin-top: 10px;
}
.lp-item .lp-ctn .lp-txt-box h4{
    padding-left: 22px;
    background: url(../images/loupan.png) no-repeat left center;
}
.lp-item .lp-ctn .lp-txt-box .lp-txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-indent: 2em;
    width: 98%;
}
.lp-item .lp-ctn .lp-view{
    color: #f4455a;
    font-size: 12px;
    display: block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fbf7f7;
    border-radius: 30px;
    position: absolute;
    left: 0px;
    bottom: 10px
}
.lp-item .lp-ctn .lp-view-num{
    color: #666666;
    background: url(../images/view.png) no-repeat left center;
    padding-left: 25px;
    display: inline-block;
    position: absolute;
    right: 22px;
    bottom: 10px;
    line-height: 30px;
}
.lp-item .lp-ctn .view-case{
    color: #cca768;
    text-align: center;
    width: 99px;
    height: 30px;
    line-height: 30px;
    border: 2px solid #d9bd8d;
    position: absolute;
    right: 12px;
    top: 6px;
    display: none;
}
.lp-item:hover{
    box-shadow: 0 0 5px rgba(0, 0, 0, .2)
}
.lp-item:hover .view-case{
    display: block;
}
.lp-item:hover .lp-ctn h2 a{
    color: #cca768;
}

.lp-item .lp-ctn .view-case:hover{
    background: #d9bd8d;
    color: #fff;
}

.lp-infor{
    margin-bottom: 60px;
}
.lp-infor .lp-item{
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}
.lp-infor .lp-item .lp-img{
    width: 350px;
    height: 350px;
}
.lp-infor .lp-item .lp-img img{
    width: 350px;
    height: 350px;
}
.lp-infor .lp-item .lp-ctn{
    margin-left: 28px;
    width: 770px;
    height: 350px;
}
.lp-infor .lp-item .lp-ctn h2 a{
    color: #cca768;
}
.lp-infor .lp-item .lp-ctn .lp-txt-box{
    margin-top: 20px;
}
.lp-infor .lp-item .lp-ctn .lp-infor-txt{
    text-indent: 2em;
    overflow-y: scroll;
    height: 85px;
}
.lp-infor .lp-item .lp-ctn .lp-infor-txt::-webkit-scrollbar {
    width:3px;height:3px;
}
.lp-infor .lp-item .lp-ctn .lp-infor-txt::-webkit-scrollbar-track {
    background:#f6f6f6;
}
.lp-infor .lp-item .lp-ctn .lp-infor-txt::-webkit-scrollbar-thumb {
    background:#cca768;
}

.lp-infor .lp-item .lp-ctn .lp-infor-box{
    color: #666666;
    margin-top: 15px;
}
.lp-infor .lp-item .lp-ctn .lp-infor-box a{
    color: #f4455a;
    font-size: 12px;
    display: block;
    width: 90px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    background: #fbf7f7;
    border-radius: 30px;
    display: block;
    margin: 10px 0
}

.lp-case-tit h3{
    color: #727171;
    font-size: 18px;
    line-height: 30px;
}
.lp-case-tit h2{
    color: #cca768;
    font-size: 32px;
    position: relative;
    line-height: 40px;
    margin-bottom: 30px
}
.lp-case-tit h2::after{
    content: '';
    display: block;
    height: 1px;
    width: 87%;
    background: #cca768;
    right: 0;
    bottom: 3px;
    position: absolute;
}

.lp-case-box ul li{
    width: 380px;
    float: left;
    margin-right: 30px;
    position: relative;
    height: 345px;
    margin-bottom: 30px
}
.lp-case-box ul li:nth-child(3n){
    margin-right: 0;
}
.lp-case-box .link-box-t h3{
    font-size: 18px;
    color: #000000;
}
.lp-case-box .link-box-t .more{
    display: block;
    color: #cca768;
}
.lp-case-box .link-img{
    width: 380px;
    height: 275px;
    overflow: hidden;
    display: block;
}

.lp-case-box .link-img img{
    width: 380px;
    height: 275px;
	object-fit: cover;
}

.lp-case-box .link-img:hover img{
    transform: scale(1.1)
}
.lp-case-box .link-box-b{
    padding: 12px;
    position: relative;
    height: 46px;
    color: #9d9e9e
}
.lp-case-box .link-box-b h2{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    width: 70%;
    line-height: 30px;
}
.lp-case-box .link-box-b h2 a{
    color: #333333;
    font-size: 16px;
    display: block;
}
.lp-case-box .link-box-b .link-box-b-ctn a{
    display: inline-block;
    color: #9d9e9e;
    padding: 0 5px;
}
.lp-case-box .link-box-b .look{
    position: absolute;
    display: block;
    color: #949494;
    line-height: 30px;
    padding: 0 13px;
    border: 1px solid #cca768;
    height: 30px;
    right: 15px;
    bottom: 15px
}
.lp-case-box ul li .metoo{
    width: 170px;
    height: 30px;
    text-align: center;
    background: url(../images/juxing.png) no-repeat center;
    color: #fff;
    line-height: 30px;
    position: absolute;
    left: 15px;
    top: 15px;
    display: none;
}
.lp-case-box ul li .link-message{
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgba(0, 0, 0, .3);
    display: none;
}
.lp-case-box ul li .link-message a{
    display: inline-block;
    padding-left: 20px;
    width: 20px;
    color: #fff;
    margin-right: 5px;
}
.lp-case-box ul li .link-message a:last-child{
    margin-right: 0;
}
.lp-case-box ul li .link-message a.icon1{
    background: url(../images/xiangce.png) no-repeat left center;
}
.lp-case-box ul li .link-message a.icon2{
    background: url(../images/liuyan.png) no-repeat left center;
}

.lp-case-box ul li:hover .link-box-b {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.lp-case-box ul li:hover .look{
    background: #cca768;
    color: #fff;
}
.lp-case-box ul li:hover .metoo{
    display: block;
}
.lp-case-box ul li:hover .link-message{
    display: block;
}
.lp-case-page .page{
    margin-top: 55px
}

/* 案例鉴赏 */
.case-nav{
    background: #fbfbfb;
    padding: 18px;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    color: #363636;
}
.case-nav .case-nav-item{
    margin-bottom: 10px
}
.case-nav .case-nav-item:last-child{
    margin-bottom: 0;
}
.case-nav .case-nav-item a:first-child{
    margin-left: 10px;
}
.case-nav .case-nav-item a{
    margin-right: 35px;
    color: #363636;
    display: inline-block;
}
.case-nav .case-nav-item a:last-child{
    margin-right: 0;
}
.case-nav .case-nav-item a:hover{
    color: #cca768;
}
.case-nav .case-nav-item a.on{
    color: #cca768;
}

.case_search_dw{
    height: 32px;
    line-height: 32px;
    margin: 23px auto;
    border-bottom: 1px solid #cca768;
    padding-bottom: 12px;
    overflow: initial
 }
 
  .case_search-list1 li{
     margin-right: 25px;
     float: left;
 }
  .case_search-list1 li a{
     color: #363636;
     display: block;
     width: 50px;
     position: relative;
     margin-right: 10px;
     cursor: pointer;
 }
 
 .case_search-list1 li a.on1::after{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid;
    border-color: transparent transparent #363636;
    position: absolute;
    right: 0px;
    top: 4px;
    cursor: pointer;
}

 .case_search-list1 li a.on1::before{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid;
    border-color: #363636 transparent transparent;
    position: absolute;
    right: 0px;
    bottom: 2px; 
    cursor: pointer;
}

 .case_search-list1 li a.on2::after{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid;
    border-color: transparent transparent #cca768;
    position: absolute;
    right: 0px;
    top: 7px;
    cursor: pointer;
}


 .case_search-list1 li a.on3::after{
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    border: 6px solid;
    border-color: #cca768 transparent transparent;
    position: absolute;
    right: 0px;
    top: 16px;
    cursor: pointer;
}

 .case_search-list1 li a.on1:hover::after{
    border-color: transparent transparent #cca768;
}

 .case_search-list1 li a.on1:hover::before{
    border-color:  #cca768 transparent transparent;
}

 .case_search-list1 li a:hover{
    color: #cca768
}

 
 .search_c{
     float: right;
 }
 
 .search_c .search_d_sel{
     float: left;
     width: 123px;
     height: 30px;
     background: #252525;
     border: #666464 1px solid;
     padding-left: 10px;
     line-height: 30px;
     margin-left: 20px;
 }
 
 .search_c .search_d_sel li{ padding-left:10px !important; line-height:30px; overflow:hidden; text-overflow:ellipsis;white-space: nowrap;}
  .search_c .search_d_sel em{ border-width: 6px !important;}
  .search_c .search_d_sel ul::-webkit-scrollbar {width:4px;height:4px;}
 .search_c .search_d_sel ul::-webkit-scrollbar-track {background:#fff;}
  .search_c .search_d_sel ul::-webkit-scrollbar-thumb {background:#CBCBCB;}
 
 .search_c_r{
     float: right;;
     position: relative;
     margin-left: 30px
 }
 .search_c_r input{
     display: inline-block;
     float: left;
     width: 153px;
     height: 30px;
     border: 1px solid #dcdddd;
     text-indent: 1em;
     font-size: 12px;
 }
 
 .search_c_r .search_c_r_btn{
     width: 40px;
     height: 32px;
     border-color: #cca768;
     color: #ffffff;
     background: #cca768;
     text-align: center;
     text-indent: 0;
     font-size: 12px;
     cursor: pointer;
 }
 
.rm-nav .search_c_r{
     margin-top: 17px;
     margin-right: 17px;
 }
  
.sjs-list li{
     border: 1px solid #cccccc;
     width: 288px;
     height: 447px;
     margin-right: 13px;
     margin-top: 30px;
     position: relative;
     cursor: pointer;
     color: #fff;
     overflow: hidden;
     float: left;
 }

 .sjs-list li:nth-child(4n){
     margin-right: 0
 }
.sjs-list li .sjs-img{
    width: 288px;
    height: 357px;
    overflow: hidden;
 }
.sjs-list li .sjs-img img{
     width: 288px;
     height: 357px;
 }
.sjs-list li .sjs-box {
     padding: 10px 16px
 }
.sjs-list li .sjs-box .sjs-tit{
     line-height: 40px;
 }
.sjs-list li .sjs-box .sjs-tit h3{
     display: inline-block;
     font-size: 18px;
     color: #333333;
    border-bottom: 1px solid #cca768;
 }
.sjs-list li .sjs-box .sjs-tit h4{
     display: inline-block;
     color: #878787;
     font-size: 15px;
     margin-left: 13px;
 }
.sjs-list li .sjs-box .sjs-style{
    overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    color: #999999;
    line-height: 40px;
    width: 95%;
}
.sjs-list li .sjs-box .sjs-style span{
    color: #676767
}
.sjs-list li .sjs-infor{
    width: 100%;
    height: 100%;
    background: #0c0c0c;
    overflow: hidden;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    padding-left: 25px;
    padding-top: 50px;
    position: absolute;
    left: 0;
    /* top: -500px; */
    top: 0;
    /* display: none */
    opacity: 0;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
    cursor: pointer;
    display: block;
    color: #fff;
}
.sjs-list li .sjs-infor .sjs-infor-tit{
    line-height: 45px;
}
.sjs-list li .sjs-infor .sjs-infor-tit h2{
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    border-bottom: 1px solid #cca768;
}
.sjs-list li .sjs-infor .sjs-infor-tit span{
    display: inline-block;
    color: #b5b5b6;
    display: inline-block;
    margin-left: 10px
}
.sjs-list li .sjs-infor .p{
    color: #cca768;
    margin-top: 12px;
}
.sjs-list li .sjs-infor>span{
    display: block;
    line-height: 30px;
}
.sjs-list li .sjs-infor .sjs-infor-txt1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: 90%;
    margin: 45px 0 15px;
    line-height: 24px;
}
.sjs-list li .sjs-infor .sjs-infor-txt2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    width: 90%;
    line-height: 26px;
    font-size: 16px
}
.sjs-list li .sjs-infor .sjs-infor-a{
    text-align: center;
    margin-right: 14px;
    bottom: 25px;
    position: absolute;
}
.sjs-list li .sjs-infor .sjs-infor-a span{
    display: inline-block;
    width: 108px;
    height: 41px;
    border: 2px solid #6d5a3b;
    text-align: center;
    line-height: 41px;
    color: #b3b3b4;
    font-size: 16px;
    margin-right: 14px;
}
.sjs-list li .sjs-infor .sjs-infor-a span:last-child{
    margin-right: 0;
}

.sjs-list li .sjs-infor .sjs-infor-a span:hover{
    color: #fff;
    background: #cca768;
    border-color: #cca768;
}

.sjs-list li:hover .sjs-infor{
    opacity: 1;
}

.sjs-box{
    margin: 25px auto 65px;
}

.sjs-box .sjs-box-l{
    width: 322px;
    padding-right: 50px;
    border-right: 2px solid #edeeee;
}
.sjs-box .sjs-box-l .sjs-box-l-img{
    width: 322px;
    height: 398px;
    overflow: hidden;
}
.sjs-box .sjs-box-l .sjs-box-l-img img{
    width: 322px;
    height: 398px;
}
.sjs-box .sjs-box-l .sjs-box-l-img:hover img{
    transform: scale(1.1);
}
.sjs-box .sjs-box-l .findhim{
    display: block;
    width: 100%;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #1d1c1e;
    border: 1px solid #868687;
    color: #b3b3b4;
    font-size: 20px;
    margin-top: 17px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    margin-bottom: 15px;
}
.sjs-box .sjs-box-l .findhim:hover{
    background: #cca768;
    color: #fff;
    border-color: #cca768;
}
.sjs-box .sjs-box-l .sjs-box-l-txt{
    text-align: center;
}
.sjs-box .sjs-box-l .sjs-box-l-txt h4{
    color: #b3b3b4;
    font-size: 20px;
    color: #b3b3b4;
    line-height: 30px;
    padding-left: 24px;
    display: inline-block;
    background: url(../images/dh2.png) no-repeat left center
}

.sjs-box  .sjs-box-r{
    width: 750px;
    margin-left: 53px;
}
.sjs-box  .sjs-box-r .sjs-box-r-tit{
    line-height: 50px;
}
.sjs-box  .sjs-box-r .sjs-box-r-tit h3{
    color: #000000;
    font-size: 26px;
    display: inline-block;
    border-bottom: 2px solid #e5d3b3;
}
.sjs-box  .sjs-box-r .sjs-box-r-tit h4{
    display: inline-block;
    color: #878787;
    font-size: 16px;
    margin-left: 10px;
}
.sjs-box  .sjs-box-r .sjs-box-r-tit h4 span{
    display: inline-block;
    font-size: 14px;
    margin-left: 10px
}
.sjs-box  .sjs-box-r .sjs-box-r-list{
    margin-top: 16px;
    margin-bottom: 30px;
}
.sjs-box  .sjs-box-r .sjs-box-r-list em{
    display: inline-block;
    font-size: 18px;
    color: #cca768;
    margin-right: 35px;
}
.sjs-box  .sjs-box-r .sjs-box-r-list .sjs-box-r-list-box{
    display: inline-block;
    color: #878787;
}
.sjs-box  .sjs-box-r .sjs-box-r-list .sjs-box-r-list-box p{
    margin-right: 30px;
    display: inline-block;
}
.sjs-box  .sjs-box-r .sjs-box-r-list .sjs-box-r-list-box a{
    display: inline-block;
    color: #282828;
}
.sjs-box  .sjs-box-r .sjs-box-r-list .sjs-box-r-list-box a:first-child{
    padding-right: 30px;
    border-right: 2px solid #c3c3c3
}
.sjs-box  .sjs-box-r .sjs-box-r-list .sjs-box-r-list-box p:last-child a{
    border: 0 none;
}
.sjs-box  .sjs-box-r .txt{
    color: #878787;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 28px;
}
.sjs-box  .sjs-box-r .txt span{
    color: #282828;
}
.sjs-box  .sjs-box-r .sjs-box-r-txt{
    margin-top: 25px;
}
.sjs-box  .sjs-box-r .sjs-box-r-txt h5{
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #d9bd8d;
    color: #000000
}
.sjs-box  .sjs-box-r .sjs-box-r-txt .ctn{
    color: #878787;
    margin-top: 10px;
    line-height: 24px;
}


/* 鼎墅品质 */
.service{
    background: #f9f9f9;
    overflow: hidden;
}
.service-tit{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}
.service-tit h4{
    font-size: 18px;
    color: #727171;
    font-family: Arial;

}
.service-tit h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.service-tit h5{
    color: #888888;
    margin-top: 5px;
}
.service-l{
    text-align: center;
    background: #cba668;
    width: 240px;
    height: 400px;
    overflow: hidden;
    color: #fff;

}
.service-l .service-l-img{
    margin-top: 120px;
}
.service-l h3{
    font-size: 22px;
    line-height: 40px;
}
.service-l h4{
    font-size: 16px;
}
.service-list{
    width: 960px;
}
.service-list li{
    text-align: center;
    background: #fff;
    width: 239px;
    height: 200px;
    float: left;
    overflow: hidden;
    line-height: 25px;
    border-right: 1px solid #f6f7f7;
    border-bottom: 1px solid #f6f7f7;
}
.service-list li:nth-child(4n){
    border-right: 0 none;
}
.service-list li:nth-child(5){
    border-bottom: 0 none;
}
.service-list li:nth-child(6){
    border-bottom: 0 none;
}
.service-list li:nth-child(7){
    border-bottom: 0 none;
}
.service-list li:nth-child(8){
    border-bottom: 0 none;
}

.service-list li .service-list-img{
    margin-top: 45px;
    margin-bottom: 15px;
}
.service-box1{
    margin: 40px auto 80px;
}
.service-box1 .service-box1-ctn{
    background: #cba668;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    width: 300px;
    height: 280px;
    text-align: center;
    color: #fff;
}
.service-box1 .service-box1-ctn h2{
    font-weight: bold;
    font-size: 40px;
    margin-top: 20px;
    line-height: 50px;
    position: relative;
}
.service-box1 .service-box1-ctn h2 span{
    font-size: 22px
}
.service-box1 .service-box1-ctn h2::after{
    content: '';
    display: block;
    height: 1px;
    width: 50%;
    position: absolute;
    left: 16px;
    bottom: 0;
    background: #fff;
}
.service-box1 .service-box1-ctn ul{
    width: 250px;
    margin: 15px auto 0;
    text-align: left
}

.service-box1 .service-box1-ctn ul li{
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}
.service-box1 .service-box1-ctn ul li.a1{
    background: url(../images/a1.png) no-repeat left center;
}
.service-box1 .service-box1-ctn ul li.a2{
    background: url(../images/a2.png) no-repeat left center;
}
.service-box1 .service-box1-ctn ul li.a3{
    background: url(../images/a3.png) no-repeat left center;
}
.service-box1 .service-box1-ctn ul li.a4{
    background: url(../images/a4.png) no-repeat left center;
}
.service-box1 .service-box1-ctn ul li.a5{
    background: url(../images/a5.png) no-repeat left center;
}

.service-list2{
    text-align: center;
}
.service-list2 li{
    text-align: center;
    background: url(../images/liujiao.png) no-repeat center;
    width: 214px;
    height: 245px;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    margin-right: 80px;
}
.service-list2 li:nth-child(4n){
    margin-right: 0;
}
.service-list2 li h2{
    color: #333333;
    line-height: 65px;
    font-size: 30px;
    margin-top: 60px;
    font-weight: bold
}
.service-list2 li h2 b{
    font-size: 65px;
}
.service-list2 li span{
    color: #000000;
    font-size: 18px;
    display: block;
}
.service-list2 li:hover{
    background: url(../images/liujiao-on.png) no-repeat center;
}
.service-list2 li:hover h2{
    color: #fff;
}
.service-list2 li:hover span{
    color: #fff;
}
.service-box2{
   background: #fff;
   overflow: hidden;
   padding-bottom: 70px
}
.service-box3{
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 110px
}
.service-box3-ctn{
    width: 400px;
    background: #6b6b6b;
    padding: 15px 30px;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    height: 258px;
    position: relative;
}
.service-box3-ctn h3{
    font-size: 28px;
    color: #fff;
    position: relative;
    padding-bottom: 13px;
    margin-top: 25px;
}
.service-box3-ctn h3::after{
    content: '';
    display: block;
    width: 90px;
    height: 3px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}
.service-box3-ctn .txt{
    color: #eeeeee;
    font-size: 18px;
    margin-top: 20px;
    line-height: 30px;
}
.service-box3-ctn.sj-up::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: #6b6b6b transparent transparent;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
    bottom: -40px;
    z-index: 999;
}
.service-box3-ctn.sj-down::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 20px solid;
    border-color: transparent transparent #6b6b6b;
    position: absolute;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    left: 50%;
    top:-40px;
    z-index: 999;
}
.service-box3-item .service-box3-item-img{
    height: 258px;
    width: 400px;
    overflow: hidden;
}
.service-box3-item .service-box3-item-img img{
    height: 258px;
    width: 400px;
}
.service-box3-item .service-box3-item-img:hover img{
    transform: scale(1.1);
}

/* 联系我们 */
.concact-box {
    height: 280px;
    text-align: center;
    margin-top: -150px;
    margin-bottom: 60px;
}
.concact-box .concact-box-l{
    width: 50%;
    height: 100%;
    background: #fff;
    color: #000000;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    cursor: pointer;
    -moz-transition:all 0.4s; /* Firefox 4 */
    -webkit-transition:all 0.4s; /* Safari and Chrome */
    -o-transition:all 0.4s; /* Opera */
    transition:all 0.4s;
}
.concact-box .concact-box-l h3{
    font-size: 24px;
    margin-top: 40px;
    padding-bottom: 15px;
    position: relative;
    line-height: 40px;
    font-weight: bold;
}
.concact-box .concact-box-l h3::after{
    content: '';
    display: block;
    width: 50px;
    height: 2px;
    background: #cba668;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 0;
}
.concact-box .concact-box-l .concact-box-l-ctn{
    font-size: 16px;
    line-height: 40px;
    margin-top: 15px
}

.concact-box .concact-box-l:hover{
    background: #cba668;
    color: #fff
}
.concact-box .concact-box-l:hover h3::after{
    background: #fff;
}
.concact-box .concact-box-l:hover span{
    color: #fff
}

.concact-box .concact-box-l .concact-box-wx{
    margin-top: 15px;
    margin-bottom: 2px;
}
.concact-box .concact-box-l .concact-box-wx img{
    width: 115px;
    height: 115px;
}
.concact-box .concact-box-l span{
    color: #666666;
}

.concact-map{
    min-width: 1200px;
    margin-top: 70px;
}

/* 品牌故事 */
.ppgs-box{
    background: url(../images/ppgs-bg.jpg) no-repeat 50% 30px;
    padding-top: 50px;
    padding-bottom: 90px;
}
.ppgs-box h2{
    color: #333333;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
.ppgs-box h4{
    color: #666666;
    font-size: 18px;text-align: center;
    line-height: 40px;
    margin-top: 5px;
    margin-bottom: 28px;
}
.ppgs-box h4 b{
    font-size: 28px;
    color: #333333;
    display: inline-block;
    margin-right: 5px;
}

.ppgs-box .ppgs-box-l{
    width: 600px;
}
.ppgs-box .ppgs-box-l .ppgs-box-l-txt{
    color: #666666;
    text-indent: 2em;
    line-height: 28px;
}
.ppgs-box .ppgs-box-l ul{
    margin-top: 40px;
}
.ppgs-box .ppgs-box-l ul li{
    float: left;
    display: inline-block;
    margin-right: 20px;
}
.ppgs-box .ppgs-box-l ul li .box{
    width: 122px;
    height: 122px;
    text-align: center;
    overflow: hidden;
    background: rgba(215, 187, 140, .8);
    color: #fff;
    margin: 0 auto;
}
.ppgs-box .ppgs-box-l ul li .box>div{
    margin-top: 20px;
    margin-bottom: 15px;
}
.ppgs-box .ppgs-box-l ul li .box>h3{
    font-weight: bold;
    font-size: 20px;
}
.ppgs-box .ppgs-box-l ul li span{
    color: #666666;
    font-size: 16px;
    display: block;
    margin-top: 10px;
}
.ppgs-box .ppgs-box-r{
    margin-left: 35px;
}

.fzlc{
    background: url(../images/fzlc-img_03.jpg) no-repeat center;
    width: 100%;
    height: 719px;
    background-size: 100%;
    overflow: hidden;
}

.ppgs-tit{
    text-align: center;
    margin-top: 70px;
}
.ppgs-tit h4{
    color: #717171;
    font-size: 18px;
    font-family: Arial;
    line-height: 30px;
    text-transform: uppercase;
}
.ppgs-tit h2{
    color: #cca768;
    font-size: 32px;
    line-height: 40px;
}
.ppgs-tit h3{
    color: #727171;
    line-height: 30px;
}

.fzlc .ppgs-tit h4{
    color: #f6f7f7;
}
.fzlc .ppgs-tit h3{
    color: #dbdcdc;
}

.qgfb{
    height: 770px;
    background: url(../images/ji.jpg) no-repeat 210px 65px;
    position: relative;
}
.qgfb .qgfb-txt{
    position: absolute;
    font-size: 16px;
    color: #666666;
    width: 450px;
    padding-left: 30px;
    background: url(../images/dizhi2.jpg) no-repeat left 4px;
    line-height: 28px;
    bottom: 100px;
    left: 0;;
}


.ppry .ppry-box .ppgs-tit{
    margin-top: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: -70px
}
.ppry .ppry-box .ppgs-tit h3{
    color: #fff;
}
.ppry .ppry-box{
    background: #d7bb8c;
    height: 185px;
    position: relative;

}
.ppry .ppry-box .containers{
    position: relative;
    height: 300px;
}
.ppry .ppry-box .swiper-container{
    padding: 25px 35px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3)!important;
    position: absolute;
    top: 50px;
    width: 1094px;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.ppry .ppry-box .swiper-slide{
    text-align: center;
    color: #333333;
    font-size: 16px;
}
.ppry .ppry-box .swiper-slide a{
    display: block;
}
.ppry .ppry-box .swiper-button-next,.ppry .ppry-box .swiper-button-prev{
    top: 45%
}

.ppgs-box2{
    background: url(../images/ppgs-bg2.jpg) no-repeat center;
    overflow: hidden;
}
.ppgs-box2 .ppgs-box2-ctn{
    margin-top: 11px
}
.ppgs-box2 .ppgs-tit{
    margin-top: 140px
}
.ppgs-box2 .ppgs-box2-r{
    margin-left: 30px;
    margin-top: 60px;
}
.ppgs-box2 .ppgs-box2-r ul{
    margin-top: 40px;
}
.ppgs-box2 .ppgs-box2-r ul li{
    color: #000000;
    font-size: 20px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 30px
}
.ppgs-box2 .ppgs-box2-r ul li::after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #666666;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
}

.dxgy-list-box{
    padding-bottom: 80px
}
.dxgy-list {
    position: relative;
    height: 760px;
}
.dxgy-list li{
    float: left;
    display: inline-block;
    text-align: center;
    position: absolute;
}
.dxgy-list li h4{
    color: #000000;
    font-size: 16px;
    margin-top: 10px;
}
.dxgy-list li:first-child{
    left: 0;
    top: 220px
}
.dxgy-list li:nth-child(2){
   top: 120px;
   left: 260px;
}
.dxgy-list li:nth-child(3){
   top: 30px;
   left: 530px;
}
.dxgy-list li:nth-child(4){
    top: 120px;
    right: 225px;
}
.dxgy-list li:nth-child(5){
    right: 0;
    top: 220px
}

.dxgy-list li:nth-child(6){
    left: 0;
    bottom: 30px
}

.dxgy-list li:nth-child(7){
    left: 260px;
    bottom: 120px
}
.dxgy-list li:nth-child(8){
    left: 530px;
    bottom: 210px
}
.dxgy-list li:nth-child(9){
    right: 230px;
    bottom: 120px
}
.dxgy-list li:nth-child(10){
    right: 0;
    bottom: 30px
}

.dxgy-list .dxgy-list-ctn{
    position: absolute;
    bottom: 20px;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}
.dxgy-list  .dxgy-list-ctn h2{
    color: #9c7b37;
    font-size: 41px;
    line-height: 45px;
}
.dxgy-list  .dxgy-list-ctn h3{
    color: #9c7b37;
    font-size: 17px;
}

.dxgy-box{
    background: url(../images/dxgy-bg.jpg) no-repeat;
    padding: 70px 0 80px;
}

.dxgy-box h4{
    font-family: Arial;
    font-size: 18px;
    color: #727171;
    text-align: center;
    text-transform: uppercase;
}
.dxgy-box h3{
    font-size: 32px;
    color: #cca768;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
}
.dxgy-box .dxgy-box-list {
    width: 900px;
    margin: 50px auto 0
}
.dxgy-box .dxgy-box-list h4{
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 25px
}
.dxgy-box .dxgy-box-list .dxgy-box1{
    border-right: 2px solid #8e8e8e;
    padding-right: 42px;
    padding-top: 10px;
}

.dxgy-box .dxgy-box-list .dxgy-box-list1 li{
    height: 68px;
    width: 315px;
    text-align: center;
    color: #000000;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    padding-top: 15px;
    margin-bottom: 22px;
    background: #fff;
    position: relative;

}
.dxgy-box .dxgy-box-list .dxgy-box-list1 li::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 34px solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -68px;
    top: 0
}
.dxgy-box .dxgy-box-list .dxgy-box-list1 li:nth-child(4){
    font-size: 12px;
    text-align: left;
    padding: 10px;
    height: 82px;
    background-size: 100%
}
.dxgy-box .dxgy-box-list .dxgy-box-list1 li:nth-child(4)::after{
    right: -82px;
    top: 0px;
    border-width: 41px 
}

.dxgy-box2 {
    padding: 20px 50px 0;
}
.dxgy-box2 li{
    width: 78px;
    height: 78px;
    border-radius: 50%;
    border: 1px solid #b90f23;
    text-align: center;
    line-height: 78px;
    font-weight: bold;
    color: #c20d23;
    font-size: 22px;
    margin-bottom: 23px
}
.dxgy-box2 li:last-child{
    margin-bottom: 0;
}

.dxgy-box .dxgy-box-list .dxgy-box3 h4{
    color: #999999;
}
.dxgy-box .dxgy-box-list .dxgy-box3{
    border-right: 0 none!important;
    padding-right: 0;
    padding-left: 42px;
    border-left: 2px solid #5b5b5b;
}
.dxgy-box .dxgy-box-list .dxgy-box3 .dxgy-box-list1 li{
    background: #999999;
    color: #dbdcdc;
}
.dxgy-box .dxgy-box-list .dxgy-box3 .dxgy-box-list1 li::after{
    left: -68px;
    border-color: transparent #999 transparent transparent!important;
}
.dxgy-box .dxgy-box-list .dxgy-box3 .dxgy-box-list1 li:last-child::after{
    border-width:41px;
    left: -82px;
}
.dxgy-box .dxgy-box-list .dxgy-box3 .dxgy-box-list1 li:nth-child(3){
    line-height: 60px;
    padding-top: 0;
}
.dxgy-box .dxgy-box-list .dxgy-box3 .dxgy-box-list1 li:last-child{
    font-size: 14px;
    text-align: center;
    line-height: 60px;
}

.ppgs-detail {
    margin-top:40px 
}
.ppgs-detail .ppgs-detail-l{
    position: relative;
    width: 580px;
    height: 423px;
    margin-right: 40px;
}
.ppgs-detail .ppgs-detail-l:last-child{
    margin-right: 0;
}
.ppgs-detail .ppgs-detail-l::before{
    content: '';
    display: block;
    width: 80px;
    height: 80px;
    background:url(../images/vs.png) no-repeat center;
    position: absolute;
    left: 250px;
    top: 110px;
    z-index: 9999;

}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1{
    width: 285px;
    height: 423px;
    margin-right: 10px;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1:last-child{
    margin-right: 0
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ppgs-detail-l-1-img{
    width: 285px;
    height: 220px;
    overflow: hidden;
    position: relative;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ppgs-detail-l-1-img img{
    width: 285px;
    height: 220px;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ppgs-detail-l-1-img i{
    display: block;
    width: 53px;
    height: 45px;
    position: absolute;
    bottom: 10px
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ppgs-detail-l-1-img i.dui{
    background: url(../images/dui.png) no-repeat center;
    left: 10px;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ppgs-detail-l-1-img i.cuo{
    background: url(../images/cuo.png) no-repeat center;
    right:10px;
}


.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 h2{
    line-height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 h2.bgColor1{
    background: #cca768
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 h2.bgColor2{
    background: #878787
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ctn{
    border: 1px solid #c8c9c9;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
    padding: 10px;
    background: #fff;
    height: 162px;
    overflow-y: scroll;
    color: #666666;
    line-height: 25px;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ctn.color2{
    color: #999999;
}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ctn::-webkit-scrollbar {width:5px;height:5px;}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ctn::-webkit-scrollbar-track {background:#dbdcdc;}
.ppgs-detail .ppgs-detail-l .ppgs-detail-l-1 .ctn::-webkit-scrollbar-thumb {background:#cca768;}


.ppgs-list{
    margin-top: 70px;
    text-align: center;
    padding-bottom: 80px;
}

.ppgs-list li{
    display: inline-block;
    text-align: center;
    margin-right: 68px;
    margin-bottom: 40px

}
.ppgs-list li:last-child{
    margin-right: 0
}
.ppgs-list li:nth-child(6n){
    margin-right: 0
}
.ppgs-list li h4{
    color: #333333;
    font-size: 16px;
    margin-top: 10px;
}




.case-infor-l{
    width: 890px;
}
.case-infor-l .case-infor-list{
    border: 1px solid #f3f2f2;
    margin-top: 20px;
}
.case-infor-l .case-infor-list li{
    text-align: center;
    line-height: 48px;
    height: 50px;
}
.case-infor-l li .case-infor-ctn{
    display: inline-block;
    float: left;
}
.case-infor-l li .case-infor-ctn h3{
    background: #fafafa;
    color: #333333;
    border: 1px solid #f3f2f2;
    display: inline-block;
    width: 120px;
    float: left;
}
.case-infor-l li .case-infor-ctn .txt{
    color: #666666;
    display: inline-block;
    width: 320px;
    border: 1px solid #f3f2f2;
    float: left;
}

.case-infor-l .case-infor-box{
    margin-top: 40px;
    padding-left: 20px
}
.case-infor-l .case-infor-box h2{
    color: #cca768;
    font-size: 20px;
    font-weight: bold;
}
.case-infor-l .case-infor-box .case-infor-box-txt{
    text-indent: 2em;
    color: #999999;
    font-size: 28px;
    margin-top: 10px;
    padding-bottom: 60px;
    font-weight: normal;
    font-size: 14px
}

.case-infor-nav{
    height: 58px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
    position: relative;
    z-index: 9999;
    width: 882px;
    background-color: rgba(255, 255, 255, 0.9);
}
.case-infor-nav a{
    display: inline-block;
    color: #333333;
    font-size: 18px;
    line-height: 50px;
    margin-left: 20px;
}
.case-infor-nav a:hover{
    border-bottom: 2px solid #cca768
}
.case-infor-nav a.active{
    border-bottom: 2px solid #cca768;
   
}

.case-infor-img .case-infor-img-item{
    margin-top: 20px;
    text-align: center;
}
.case-infor-img .case-infor-img-item>div{
    width: 882px;
    overflow: hidden;
    position: relative;
}
.case-infor-img .case-infor-img-item>div a{
    display: block;
    position: relative;
}

.case-infor-img .case-infor-img-item h4{
    margin-top: 20px
}
.case-infor-share{
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 20px;
    right: 40px;
    background: rgba(0, 0, 0, .6);
    cursor: pointer;
}
.case-infor-share .bdsharebuttonbox{
    display: none;
    width: 170px;
    color: #333333;
    text-align: left;
    background: #fcfcfc;
    position: absolute;
    right: 35px;
    padding: 15px;
    top: 30px
}
.case-infor-share:hover .bdsharebuttonbox{
    display: block
}
.case-infor-img .case-infor-img-item .case-infor-img-txt{
    position: absolute;
    min-width: 120px;
    padding: 10px 20px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    bottom: 50px;
    left: 20px;
    border-radius: 20px;
    text-align: center;
}

.hr{
    display: block;
    height: 2px;
    background-color: #cca768;
    margin-top: 35px
}
.case-infor-page .zxzn-page{
    margin-bottom: 0;
    margin-top: 40px;
}
.case-infor-page .zxzn-page a{
    padding-left: 50px
}

.case-infor-box3{
    margin-top: 50px;
}
.case-infor-box3 .link-box{
    margin-top: 20px
}

.case-infor-r{
    width: 290px;

}
.case-infor-r .case-infor-r1{
    border: 1px solid #f7f7f7;
    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
     width: 290px;
     min-height: 320px;
     padding: 40px 13px;
     margin-top: 103px
}
.case-infor-r .case-infor-r1 h2{
    color: #cca768;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-img{
    display: block;
    margin-right: 10px;
    width: 120px;
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-img img{
    width: 120px;
    height: 150px;
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-tit{
    line-height: 40px;
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-tit h3{
    display: inline-block;
    color: #333333;
    font-size: 18px;
    border-bottom: 2px solid #e5d3b3;
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-tit span{
    display: inline-block;
    font-size: 12px;
    color: #878787;
    margin-left: 10px
}
.case-infor-r .case-infor-r1 .case-sjs .case-sjs-r{
    width: 132px;
}
.case-infor-r .case-infor-r1 .case-sjs h4{
    color: #cca768;
    margin: 6px 0
}
.case-infor-r .case-infor-r1 .case-sjs p{
    color: #878787;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.case-infor-r .case-infor-a{
    margin-top: 15px;
    text-align: center;

}
.case-infor-r .case-infor-a a{
    display: inline-block;
    width: 115px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #d9bc8e;
    color: #b3b3b4;
    margin-right: 10px;
}
.case-infor-r .case-infor-a a:last-child{
    margin-right: 0;
}
.case-infor-r .case-infor-a a:hover{
    background: #d9bc8e;
    color: #fff
}
.case-infor-r .case-infor-r2{
    border: 1px solid #f7f7f7;
    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
     width: 290px;
     padding: 20px 13px 10px;
     margin-top: 30px;
}
.case-infor-r .case-infor-r2 h2{
    color: #cca768;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px
}
.case-infor-r .case-infor-r2 .case-infor-r2-img{
    width: 97px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px;
}
.case-infor-r .case-infor-r2 .case-infor-r2-img img{
    width: 97px;
    height: 70px;
}
.case-infor-r .case-infor-r2 .case-infor-r2-ctn{
    width: 155px;
}
.case-infor-r .case-infor-r2 .case-infor-r2-ctn .txt{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #666666;
    line-height: 18px;
}
.case-infor-r .case-infor-r2 .case-infor-r2-ctn a{
    display: block;
    width: 75px;
    height: 27px;
    text-align: center;
    line-height: 27px;
    background: #1d1c1e;
    font-size: 12px;
    color: #efefef;
    margin-top: 7px;
}
.case-infor-r .case-infor-r2 .case-infor-r2-ctn a:hover{
    background: #cca768;
    color: #fff
}

.case-infor-r2-item{
    margin-bottom: 12px;
    cursor: pointer;
}
.case-infor-r2-item:hover .case-infor-r2-ctn .txt{
    color: #cca768
}


.case-infor-r3{
    border: 1px solid #f7f7f7;
    -moz-box-sizing: border-box;  
     -webkit-box-sizing: border-box; 
     -o-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
     box-sizing: border-box; 
     width: 290px;
     padding: 20px 13px;
     margin-top: 30px;
}
.case-infor-r3 h2{
    color: #cca768;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px
}
.case-infor-r3  span{
    color: #898989;
    font-size: 16px;
    display: block;
    margin-bottom: 20px
}
.case-infor-r3 form  .form-item{
    margin-bottom: 18px
}
.case-infor-r3 form  .form-item:nth-child(2){
    margin-bottom: 10px
}
.case-infor-r3 form .form-item input{
    display: block;
    height: 40px;
    background: #f4f4f4;
    width: 215px;
    padding-left: 40px;
    text-indent: 1em
}
.case-infor-r3 form .form-item input.icon1{
    background:#f4f4f4  url(../images/xingming.png) no-repeat 15px center;
}
.case-infor-r3 form .form-item input.icon2{
    background:#f4f4f4  url(../images/dh3.png) no-repeat 15px center;
}
.case-infor-r3 form h4{
    color: #c7c8c8;
    font-size: 12px;
}
.case-infor-r3 form h4 i{
    color: #e40012;
}
.case-infor-r3 form .form-btn{
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #cc3333;
    margin-top: 15px;
    cursor: pointer;
}

.zsgd {
    margin-top: 40px
}
.zsgd a.fl{
    display: block;
    width: 400px;
    height: 260px;
    overflow: hidden;
}
.zsgd a.fl img{
    width: 400px;
    height: 260px;
}
.zsgd a.fl:hover img{
    transform: scale(1.1);
}
.zsgd .zsgd-r{
    width: 770px;
    height: 260px;
    position: relative;
}
.zsgd .zsgd-r h2{
    font-size: 24px;
    color: #333333;
    line-height: 30px;
}
.zsgd .zsgd-r:hover h2{
    color: #cca768;
}

.zsgd .zsgd-r .zsgd-r-list{
    width: 600px;
    margin-top: 20px;
}
.zsgd .zsgd-r .zsgd-r-list li{
    display: inline-block;
    color: #9fa0a0;
    margin-right: 10px;
    width: 200px;
    line-height: 30px;
    margin-bottom: 5px
}
.zsgd .zsgd-r .zsgd-r-list li:nth-child(2n){
    margin-right: 0
}
.zsgd .zsgd-r h3{
    color: #666666;
    font-size: 16px;
    margin-top: 10px
}
.zsgd .zsgd-r .zsgd-r-list li:nth-child(2){
    width: 370px;
}
.zsgd .zsgd-r .zsgd-r-more{
    display: block;
    color: #b3b3b4;
    width: 110px;
    height: 42px;
    line-height: 42px;
    background: #1d1c1e;
    text-align: center;
    position: absolute;
    right: 0;
    top: 50px
}
.zsgd .zsgd-r:hover .zsgd-r-more{
    background: #cca768;
    color: #fff;
}
.zsgd .zsgd-r .zsgd-r-list2{
    height: 66px;
    background: url(../images/line.png) repeat-x left 25px
}
.zsgd .zsgd-r .zsgd-r-list2 li{
    display: inline-block;
    padding-top: 40px;
    width: 110px;
    text-align: center;
    position: relative;
    float: left;
    color: #666666;
}
.zsgd .zsgd-r .zsgd-r-list2 li::after{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/wjx.png) no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 16px
}
.zsgd .zsgd-r .zsgd-r-list2 li.on::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #cca768;
    position: absolute;
    left: 0;
    top: 25px
}
.zsgd .zsgd-r .zsgd-r-list2 li.on::after{
    background-image: url(../images/wjx-on.png);
}





.case-infor-nav2{
    height: 72px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.04);
    position: relative;
    z-index: 9999;
    width: 882px;
    background-color: rgba(255, 255, 255, 0.9);
}

.case-infor-nav2 h4{
    display: inline-block;
    color: #cca768;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin-top: 13px;
    margin-right: 10px
}
.case-infor-nav2 .sgjd-list{
    display: inline-block;
    float: left;
    background: url(../images/line.png) repeat-x left 25px;
    width: 770px;
}
.case-infor-nav2 .sgjd-list a{
    display: inline-block;
    padding-top: 40px;
    width: 110px;
    text-align: center;
    position: relative;
    float: left;
    color: #666666;
}
.case-infor-nav2 .sgjd-list a::after{
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/wjx.png) no-repeat center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    top: 16px
}
.case-infor-nav2 .sgjd-list a.on::after{
    background-image: url(../images/wjx-on.png);
}
.case-infor-nav2 .sgjd-list a.on::before{
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #cca768;
    position: absolute;
    left: 0;
    top: 25px
}

.zsgdinfor-r{
    margin-top: 0!important;
    padding-top: 20px!important;
}
.zsgdinfor-r .case-infor-r1-txt{
    text-align: center;
    color: #333333;
    font-size: 24px;
    text-align: center;
    margin-bottom: 20px
}
.zsgdinfor-r .case-sjs{
    margin-bottom: 32px
}
.zsgdinfor-r .case-sjs .zsgdinfor-a{
    display:block;
    width: 115px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #d9bc8e;
    color: #b3b3b4;
    margin-top: 16px
}
.zsgdinfor-box .case-sjs-tit{
    margin-bottom: 10px
}
.zsgdinfor-box p{
    line-height: 22px!important;
}

.sgjd-img{
    display: block;
    margin-top: 30px;
    width: 300px;
    height: 300px;
    overflow: hidden;
}





.footer{
    min-width: 1200px;
    background: #1d1c1e;
    padding-top: 50px;
    overflow: hidden;
}
.footer .footer-logo{
    margin-right: 56px;
}
.footer ul{
    margin-right: 80px;
}
.footer ul:last-child{
    margin-right: 0
}
.footer ul h3{
    color: #ffffff;
}
.footer ul li{
    margin-top: 10px;
    line-height: normal;
    color: #c7c8c8;
    font-size: 12px;
    overflow: hidden;
	line-height:30px;
}
.footer ul li a{
    color: #c7c8c8;
    font-size: 12px;
    display: block;
}
.footer ul li a:hover{
    color: #cca768;
}
.footer .footer-wx{
    display: inline-block;
}
.footer .footer-wx img{
    width: 105px;
    height: 105px;
}

.footer .footer-txt{
    display: inline-block;
    margin-top: 50px;
    margin-left: 10px
}
.footer .footer-b{
    margin-top: 38px;
    border-top: 1px solid #686869;
    border-bottom: 1px solid #c6c6c7;
    line-height: 53px;
    height: 53px;
    text-align: center;
    color: #fff;
}
.footer .footer-b a{
    color: #fff;
}


.f_ly{ position:fixed; bottom:-75px; left:0; width:100%; background:rgba(0,0,0 ,0.5); z-index:999;}
.f_ly .f_ly-h2{width: 610px;position: absolute;left: 400px;height: 40px;line-height: 40px;top: 13px; color: #ffffff;padding-left: 45px;background: url(../images/jsj.png) no-repeat left center}
.f_ly .f_ly-h2 h2{font-size: 32px;font-weight: bold}
.f_ly .f_ly-h2 h2 span{font-size: 12px;display: inline-block;margin-left: 25px;color:#c7c8c8;}
.f_ly .f_ly-h2 h2 span i{color: #e40012}
.f_ly .close{position:absolute; right:60px; top:10px; font-size:30px; line-height:30px; font-weight:bold; color:#fff; cursor:pointer;}
.f_ly .f_ly_d1{ height:75px; position:relative;}
.f_ly .f_ly_d1 .f_ly_logo{ position:absolute; left:0; top:-93px;}
.f_ly .f_ly_d1 .f_ly_ico1{ position:absolute; left:355px; top:11px;}
.f_ly .f_ly_d1 .f_ly_d1_txt1 span{ color:#febd27;}
/* .f_ly .f_ly_d1 .f_ly_d1_txt2{ position:absolute; left:790px; top:17px; background:url(../images/f_ly_sq_bg.png) center no-repeat; width:216px; height:36px; line-height:36px; text-align:center; font-size:24px; color:#2e2e2e; font-weight:bold;cursor: pointer;} */
.f_ly .f_ly_d1 .f_ly_zt_ico{ position:absolute; right:35px; top:25px; cursor:pointer; animation: arrow 2s infinite;}
@keyframes arrow{0%,100%{transform:translateY(-5px)}50%{transform:translateY(5px)}}
.f_ly .f_ly_d2{ height:80px; position:relative;}
.f_ly .f_ly_d2 .f_ly_d2_txt1{ position:absolute; left:0px; bottom:25px; width:330px; line-height:40px; text-align:center; font-size:22px; color:#ffffff; background:#febd27; padding:0 10px; border-radius:10px;}
.f_ly .f_ly_d2 .f_ly_d2_txt1 span{ color:#e10020;}
.f_ly .f_ly_d2 .f_ly_d2_nr{ position:absolute; left:360px; top:10px; width: 660px;}
.f_ly .f_ly_d2 .b_bj_inp{ float:left; display:block; width:200px; height:40px; background:#fff; border:0; margin-right:25px;text-indent: 2em}
.f_ly .f_ly_d2 .b_bj_inp:last-child{margin-right: 0;}
.f_ly .f_ly_d2 .b_bj_bt{ position:absolute; left:1030px; top:10px; width: 160px; height:40px; background:#cc3333; border:0; font-size:20px; color:#f5f6f6; line-height:40px;font-weight: bold;cursor: pointer;box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.f_ly .f_ly_d2 .f_ly_d2_txt2{ position:absolute; right:0; top:35px; width:210px; font-size:28px; color:#ffffff; line-height:32px; text-align:center;}
.f_ly .f_ly_d2 .f_ly_d2_txt2 span{ font-size:24px; color:#ffffff; font-weight:bold;}
.width1004{min-width: 1200px;}


/* 右侧栏目 */
.right-nav {
    border: 1px solid #c7c7c7;
    position: fixed;
    right: 35px;
    top: 300px;
    background: #fff;
    cursor: pointer;
    z-index: 9999;
}
.right-nav li{
    width: 79px;
    height: 85px;
    border-bottom: 1px solid #c7c7c7;
    text-align: center;
}
.right-nav li:last-child{
    border-bottom: 0 none;
}
.right-nav li a{
    display: block;
    color: #cca768;
    width: 100%;
    height: 100%;
    padding-top: 55px;
    -moz-box-sizing: border-box;  
    -webkit-box-sizing: border-box; 
    -o-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 

}


.right-nav li a.right1{
    background: url(../images/right-icon1.png) no-repeat center 17px;
}
.right-nav li a.right1:hover{
    background-color: #cca768;
    background-image: url(../images/right-icon1-on.png);
    color: #fff
}

.right-nav li a.right2{
    background: url(../images/right-icon2.png) no-repeat center 17px;
}
.right-nav li a.right2:hover{
    background-color: #cca768;
    background-image: url(../images/right-icon2-on.png);
    color: #fff
}

.right-nav li a.right3{
    background: url(../images/right-icon3.png) no-repeat center 17px;
}
.right-nav li a.right3:hover{
    background-color: #cca768;
    background-image: url(../images/right-icon3-on.png);
    color: #fff
}

.right-nav li a.right4{
    background: url(../images/right-icon4.png) no-repeat center 17px;
    position: relative;
}
.right-nav li a.right4:hover{
    background-color: #cca768;
    background-image: url(../images/right-icon4-on.png);
    color: #fff
}
.right-nav li a.right4 .right-wx{
    position: absolute;
    left: -134px;
    top: 0;
    padding: 10px;
    background: #fff;
    display: none;
}
.right-nav li a.right4 .right-wx img{
    width: 105px;
    height: 105px;
}
.right-nav li a.right4 .right-wx::after{
    content: '';
    width: 0;
    height: 0;
    border: 10px solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -20px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: block;
}
.right-nav li a.right4:hover .right-wx{
    display: block
}

.right-nav li a.right5{
    background: url(../images/right-icon5.png) no-repeat center 17px;
}
.right-nav li a.right5:hover{
    background-color: #cca768;
    background-image: url(../images/right-icon5-on.png);
    color: #fff
}


/* 快速报价 */
.tcms_l {
    float: left;
    width: 250px;
    height: 400px;
    line-height: 400px;
    text-align: center;
}
.tcms_l img{ display:block; width:250px; height:400px;}
.tcms_r{ float:left; margin-left:80px;}
.tcms_r .title1{ font-size:18px; color:#676767; line-height:50px; padding-top:15px;}
.tcms_r .tcms_r_hr{ width:48px; height:2px; background:#fbdb41;}
.tcms_r .ms_inp{ width:214px; height:38px; border:#eeeeee 1px solid; background:#f9f9f9; padding:0 12px;}
.tcms_r .txt1{ font-size:12px; color:#666666; padding:15px 0; line-height:20px; text-align:center;}
.tcms_r .txt1 i{color: #e40012}
.tcms_r .ms_bt{ width:100%; height:44px; background:#cc3333; line-height:44px; text-align:center; font-size:14px; color:#fff; border:0; border-radius:3px; cursor:pointer;}