.ncontent {
    width: 1400px;
    margin: 0 auto;
} 
.n-head .n-htop {
    height: 135px;
    border-bottom: 1px solid #d4d4d4;
}

.n-head {
    overflow: hidden;
}

.n-head .n-htop h1 {
    float: left;
    width: 243px;
    margin: 46px 0px 40px 0px;
}

.n-head .n-htop h1 img {
    width: 100%;
}

.n-head .n-htop .nggc {
    float: left;
    margin: 53px 0 30px 33px;
    color: #333;
    font-weight: bold;
    font-size: 32px;
    line-height: 33px;
    height: 33px;
    letter-spacing: 3px;
}

.n-head .n-htop .n-tel {
    float: right;
    padding: 38px 27px  30px 45px;
    background: url(./images/nh-tel.png) no-repeat left top;
}

.n-head .n-htop .n-tel span {
    display: block;
    color: #888888;
    font-size: 16px;
}

.n-head .n-htop .n-tel p {
    font-size: 32px;
    color: #b28c79;
    display: block;
    font-weight: bold;
    line-height: 35px;
}

.n-hmenu ul li {
    float: left;
    font-size: 16px;
    height: 58px;
    line-height: 58px;
    padding: 0 12px;
}
.n-hmenu ul li.nos{padding: 0 ;}

.n-hmenu ul li a {
    color: #333;
    font-size: 18px;
    padding: 0 22px;
    display: block;
}

.n-hmenu ul li.cur a, .n-hmenu ul li:hover a, .n-hmenu ul li.cur, .n-hmenu ul li:hover {
    background: #b28c79;
}

.n-hmenu ul li.cur a,.n-hmenu ul li:hover a {
    color: #fff;
}


 .banner{position:relative;overflow:hidden;}
                .banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index:12;width: 100px;height: 100px;margin-top: -42px;border: 0;}
                .banner .slick-prev {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(images/c_prev.png) no-repeat;left: 5%;cursor: pointer;}
                .banner .slick-next {outline: none;position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: 0; text-align: center; margin-top: -40px;transition:.8s;background:url(images/c_next.png) no-repeat;right: 5%;cursor: pointer;}
                .banner:hover .slick-prev { left: 10%; opacity: 0.5; }
                .banner:hover .slick-next { right: 10%; opacity: 0.5; }
                .banner img {display: block;width: 100%;margin:0 auto;}
                .slick-dots {position: absolute;left: 0; font-size:0;bottom: 5%;width: 100%;text-align: center;outline: none;}
                .slick-dots li {display: inline-block;margin: 0 15px; outline: none;}
                .slick-dots li button {display: block;border: 0 none;width: 12px;height: 12px;color: #fff; border-radius: 50%;background-color: #fff;outline: none; transition: .5s;}
                .slick-dots .slick-active button {background-color:#b28c79;width:50px;border-radius: 30px;}



.pinpai {
    background: url(./images/pp-bg.jpg) no-repeat center top;
    padding: 106px 0 0 0;
    height: 533px;
}
.pinpai .lef {
    float: left;
    width: 540px;
}
.pinpai .lef  h4 {
    color: #333;
    font-size: 50px;
    display: block;
    height: 60px;
    line-height: 60px;
    margin-bottom: 36px;
    padding-bottom: 20px;
    position: relative;
}

.pinpai .lef  .desc {
    font-size: 16px;
    display: block;
    line-height: 30px;
    color: #666;
    height: 255px;
    overflow: hidden;
}

.pinpai .lef  .mores {
    display: block;
    background: #b28c79;
    width: 200px;
    text-align: center;
    border-radius: 30px;
        transition: all 0.5s;
}
.pinpai .lef  .mores:hover{
    transform: translateY(-8px);
}
.pinpai .lef  .mores a {
    color: #fff;
    font-size: 19px;
    display: block;
    line-height: 55px;
}

.pinpai .lef h4:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 40px;
    height: 3px;
    background: #b28c79;
}

.pinpai .reg {
    float: right;
}
.pinpai ul li {
    display: block;
    border-bottom: 1px solid #e2e2e2;
    padding: 10px 0 13px 0;
    margin-bottom: 13px;
    line-height: 32px;
}

.pinpai ul li span {
    font-size: 50px;
    color: #b28c79;
}

.pinpai ul li span b {
    font-size: 24px;
    display: inline-block;
    margin-left: 10px;
}
.pinpai ul li p {
    font-size: 18px;
    display: block;
    color: #666666;
}    


.n-product {}

.n-product .title {
    text-align: center;
    display: block;
    margin: 99px 0 58px 0;
    line-height: 55px;
}

.n-product .title span {
    display: block;
    font-size: 50px;
    color: #333;
}

.n-product .title p {
    color: #666666;
    font-size: 20px;
    display: block;
}

.n-product .wz {
    width: 36%;
    display: block;
    position: absolute;
    left: 10.5%;
    top: 2%;
    height: 98%;
}

.nprocon {
    background: #f6f6f6;
    display: block;
    margin-bottom: 58px;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.nprocon .img {
    width: 50%;
    overflow: hidden;
    line-height: 0px;
    
}
.nprocon .img a{overflow: hidden;position: relative;}

.nprocon .img a:after{content: ''; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }

.nprocon:hover .img a:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.nprocon:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.nprocon .img a { display:block;height:100%;}
.nprocon .img img {
    width: 100%;
   -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;

}

.n-product .wz h4 {
    margin-top: 8%;
    display: block;
    margin-bottom: 3%;
    background: url(./images/jt.png) no-repeat right;
}

.n-product .wz h4 a {
    display: block;
    font-size: 46px;
    color: #333;
    line-height: 46px;
}

.n-product .wz .desc {
    font-size: 16px;
    color: #666;
    line-height: 30px;
    margin-bottom: 6%;
}

.n-product .pp01 .wz .promain,.n-product .pp02 .wz .promain{
    padding:1% 4% 3.5% 4%;     
}
.n-product .wz .promain {
      display: block;
    background: #fff;
    padding:1% 4%;
    height: 46%;
}

.promain .column>ul li {
     float: left;
    position: relative;
    margin: 18px 3%;
}


.promain .column>ul li a {
    display: block;
    font-size: 1.1rem;
    color: #333333;
}

.promain .column>ul li.cur a{color:#b28c79;}

.promain .column li.cur:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 0.3rem solid transparent;
    border-right: 0.3rem solid transparent;
    border-top: 0.3rem solid #b28c79;
    display: block;
    bottom: -0.56rem;
    position: absolute;
    left: 44%;
}

.n-product .wz .promain .column {
    display: block;
    height: 100%;
    padding-top: 2%
}

.n-product .wz .promain .column>ul {
     display: block;
    width: 90%;
    margin: 0 auto;
}

.proindex {
    display: block;
    height: 76%;
}

.pp03 .prolist.clearfix,.pp04 .prolist.clearfix {
    padding-top: 5%;
}

.proindex .prolist {position: relative;display: block;height: 100%; }

.proindex .prolist .p-left {
    float: left;
    width: 5%;
    height:77%;
    background: url(./images/b-left.png) no-repeat left center;
    cursor: pointer;
      font-size: 0px;
}

.proindex .prolist .p-right {
    float:left;
    width: 5%;
    height: 77%;
    background: url(./images/b-right.png) no-repeat right center;
    cursor: pointer;
    font-size: 0px;
    
}
.proindex .prolist .ul {
    display: block;
    float: left;
    width: 90%;
    overflow: hidden;
}
.proindex .prolist ul {
    display: block;
    width: 100%;
    overflow: hidden;
}

.proindex .prolist ul li {
    float: left;
    width: 44%;
    margin:0 1.2rem 0 1.2rem;
    overflow: hidden;
    
}
.proindex .prolist ul li em {
    overflow: hidden;
    display: block;
    height: auto;
}

.proindex .prolist ul li img {
    width: 100%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.proindex .prolist ul li:hover img{
 -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);    
}

.proindex .prolist ul li span {
    display: block;
    line-height: 3rem;
    text-align: center;
    font-size: 1.1rem;
}    
.n-product .wz.fr {
    right: 10.5%;
    left: inherit;
}


    
.n-case {
    background: url(images/casebgs.jpg) no-repeat center;
    height: 896px;
}
.n-case .title {
    text-align: center;
    display: block;
    margin: 99px 0 58px 0;
    line-height: 55px;
}

.n-case .title span {
    display: block;
    font-size: 50px;
    color: #333;
}

.n-case .title p {
    color: #666666;
    font-size: 20px;
    display: block;
}

.n-case  .caselist {
    height: 523px;
    overflow: hidden;
    position: relative;
}

.n-case .c-left {}

.n-case .c-right {}

.n-case .clearfix {}

.n-case dl {
    float: left;
    width: 450px;
    margin-right: 20px;
}
.n-case dl dt{
 display: block;
 overflow: hidden;
}
.n-case dl:hover dt img{
    
   -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);   
}

.n-case dt img {
    width: 100%;
     -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;

}

.n-case dd span {}

.n-case dd p {}

.n-case .more {
    display: block;
    width: 200px;
    text-align: center;
    border-radius: 30px;
    margin: 20px auto;
    transition: all 0.5s;
}
.n-case .more a:hover{
 transform: translateY(-8px);   
}

.n-case .more a {
    color: #fff;
    font-size: 19px;
    display: block;
    line-height: 55px;
     display: block;
    background: #b28c79;
    width: 200px;
    text-align: center;
    border-radius: 30px;
    margin: 20px auto;
    transition: all 0.5s;
}

.n-case dd span {font-size:22px;color: #333333;display:block;line-height: 58px;}

.n-case dd p {
    color: #666;
    font-size: 16px;
    display: block;
    line-height: 26px;
}



.shili .title {
    text-align: center;
    display: block;
    margin: 99px 0 58px 0;
    line-height: 55px;
}

.shili .title span {
    display: block;
    font-size: 50px;
    color: #333;
}

.shili .title p {
    color: #666666;
    font-size: 20px;
    display: block;
}    
  .shili {}

.shili .slpos {
    display: block;
    width: 100%;
    position: relative;
}

.shili .shiliimg {
    display: block;
    line-height: 0px;
    font-size: 0px;
}

.shili .shiliimg img {
    width: 100%;
}

.shili .sllist {
    position: absolute;
    bottom: 0px;
    width: 100%;
    color: #fff;
    display: block;
    height: 30%;
    background: url(images/ysbg.png);
}

.shili .sllist li {
    float: left;
    width: 19.8%;
    height: 100%;
    color: #fff;
    text-align: left;
    cursor: pointer;
}

.shili .sllist ul {
    display: block;
    height: 100%;
}

.shili .sllist li p.p1 {
    display: block;
    height: 40%;
    margin-top: 15%;
    padding-left: 13%;
    padding-right: 10%;
}
.shili .sllist li p.p2 {
    
   padding-right: 10%;   
    
}

.shili .sllist li p.p2 {
    display: none;
}

.shili .sllist li .p1 span {display: block;height: 50%;font-size: 1.5rem;}

.shili .sllist li .p1 em {
    font-size: 1.2rem;
}  
    
.shili .sllist li.cur {
    background: url(images/ysbgs.png) repeat;
    width: 38%;
}

.shili .sllist li.cur .p1 em {
    display: none;
}

.shili .sllist li.cur p.p2 {
    display: block;
    height: 40%;
    margin-top: -7%;
    padding-left: 13%;
    font-size: 1rem;
    line-height: 1.8rem;
}

.shili .sllist li.cur p.p1 {
    margin-top: 8%;
}    
    
@media screen and (max-width:1481px) {    
.shili .sllist li.cur p.p2 {
    display: block;
    height: 40%;
    margin-top: -7%;
    padding-left: 13%;
    font-size: 0.7rem;
    line-height: 1.5rem;
}    
}

@media screen and (max-width:1781px) {    
.shili .sllist li.cur p.p2 {
    display: block;
    height: 40%;
    margin-top: -7%;
    padding-left: 13%;
    font-size: 0.8rem;
    line-height: 1.5rem;
}    
}
    


.newsc {
    display: block;
    padding: 90px 0;
    overflow: hidden;
}

.newsc .column .title {
    margin-bottom: 81px;
}

.newsc .column .title span {
    color: #333;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 20px;
    display: block;
}

.newsc .column .title p {
    font-size: 20px;
    display: block;
    color: #666;
}

.newsc .column  ul.cc {
    display: block;
    height: 306px;
}

.newsc .column  ul.cc li {
    display: block;
    margin-bottom: 66px;
}

.newsc .column  ul.cc a {
    display: inline-block;
    padding-bottom: 15px;
    font-size: 20px;
    color: #666;
}

.newsc .column  
 .more {
    display: block;
    background: #b28c79;
    width: 200px;
    text-align: center;
    border-radius: 30px;
    margin: 20px  0 0 0;
    transition: all 0.5s;
}

.newsc .column  .more:hover{
    
       transform: translateY(-8px); 
    
}

.newsc .column  
 .more a {
    color: #fff;
    font-size: 20px;
    display: block;
    line-height: 55px;
}

.newsc .column {
    float: left;
    width: 315px;
}

.newsc .newsmain {
    float: right;
    width: 1050px;
  height: 564px;
    overflow: hidden;
}

.newslist {}

.newslist dl {
    float: left;
    width: 320px;
    margin-right: 45px;
}

.newslist dl:hover dt img{
 -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);    
}

.newslist dl dt{ overflow:hidden; display:block;}
.newslist dl dt img {
    width: 100%;
        -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

.newslist dl dt b {
    color: #333;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 0px;
    display: block;
}

.newslist dl dt span {
    display: block;
    color: #888888;
    font-size: 16px;
}

.newslist dl dd {
    padding-top: 10px;
}

.newslist dl dd a span {
    display: block;
    font-size: 22px;
    color: #333;
    height: 40px;
    overflow: hidden;
    line-height: 40px;
}

.newslist dl:hover dd a span{ font-weight:bold;}

.newslist dl dd a p {
    font-size: 16px;
    color: #888;
    display: block;
    line-height: 28px;
    height: 54px;
    overflow: hidden;
    margin-bottom: 71px;
}

.newslist dl dd a.bt {
    display: block;
    color: #b28c79;
    font-size: 18px;
}

.newslist dl.nos {
    margin-right: 0px;
}

.newslist .time {
    display: block;
    margin-bottom: 40px;
}

.newsc .column ul.cc li.cur a {
    color: #b28c79;
    font-weight: bold;
    border-bottom: 2px solid #b28c79;
}    


    .zoujwm {
    background: url(images/abouts.jpg) no-repeat center top;
    padding: 112px 0px 482px 0;
}

.zoujwm .title a {
    display: block;
    font-size: 50px;
    color: #333333;
    padding: 3px 0 27px 0;
}

.zoujwm .title {
    display: block;
    text-align: center;
}

.zoujwm .ncontent {}

.zoujwm .desc {
    line-height: 24px;
    padding: 21px 166px;
    font-size: 16px;
    color: #333;
    text-align: center;
}


		.footer{height:383px; background: url(images/ftbgs.jpg) no-repeat center top;}
	
	   
.footer ul.f_nav {
    float: left;
    width: 277px;
    margin: 42px 62px 0 68px;
    border-right: 1px solid #3c3c3c;
    margin-bottom: 0px;
}

.footer ul.f_nav li {
    display: block;
    height: 34px;
    text-align: center;
}

.footer ul.f_nav li a {
    color: #aaaaaa;
    font-weight: normal;
    font-size:15px;
}

.footer .flog {
    float: left;
    width: 411px;
    margin: 42px 55px 0 0px;
    font-size: 15px;
    padding-right: 67px;
    border-right: 1px solid #3c3c3c;
}

.footer .flog img {
    display: block;
    width: 184px;
    margin: 0 auto;
}

.footer .flog span {
    display: block;
    line-height: 49px;
    text-align: center;
}

.footer .flog b {
    display: block;
    line-height: 52px;
    text-align: center;
    font-size: 36px;
    color: #b28c79;
}

.footer .flog p {
    display: block;
    line-height: 52px;
    text-align: center;
}

.footer .fewm {
    float: right;
    width: 333px;
    margin: 42px 38px 0 31px;
}

.footer .fewm h4 {
    display: block;
    font-size: 18px;
    color: #aaa;
    font-weight: normal;
    text-align: center;
    height: 60px;
    line-height: 60px;
}

.footer .fewm p {
    float: right;
    width: 150px;
}

.footer .fewm p img {
    width: 100%;
}

.footer .fewm p.p2 {
    margin-right: 20px;
}

.footer .fewm span {
    display: block;
    text-align: center;
    font-size: 15px;
    line-height: 52px;
}

.f-btom {
    border-top: 1px solid #3c3c3c;
    display: block;
    padding: 20px 0 0px 49px;
}

.f-btom .lkk {
    float: right;
    font-size:15px;
}

.f-btom a {
    color: #aaa;
    font-size: 15px;
    font-style: normal;
}

.f-btom span {
    padding-right: 12px;
       font-size: 15px;
}	
	
	
	

        .client-2 {
            position: fixed;
            right: -170px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #b28c79;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #b28c79;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }