/*通用*/
/*效果过渡*/
._ea{-webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s;  }
/*超出隐藏*/
._el{overflow:hidden;white-space: nowrap; text-soverflow:ellipsis;}
._el1{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
._el6{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
._el7{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
._el8{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
._el9{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}
._el10{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}
/*主体宽度*/
.w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;}
.w_1500{ max-width:1500px; margin-right: auto; margin-left: auto;}
/*两边距离*/
.w_width{padding-left:120px;padding-right: 120px;}

@media  screen and (max-width: 1400px){
.w_width{padding-left: 90px;padding-right:90px;}
}
@media  screen and (max-width: 1024px){
.w_width{padding-left: 15px;padding-right: 15px;}
}






/*新闻列表*/
.new{padding-top:100px;padding-bottom:100px;width:100%;float:left;margin-bottom:100px;}
.new ul{width:calc(100% + 50px);margin:-50px -25px;float:left;display:flex;flex-wrap:wrap;position:relative}


.new ul:after{content:"";position:absolute;bottom:0;left:25px;background:#DDD;height:1px;width:calc(100% - 50px);}


.new ul li{width:33.3%;float:left;padding:50px 25px}
.new ul li a{display:block;width:100%;float:left}
.new ul li .img{float: left;width: 100%;line-height: 0;overflow: hidden; position: relative;z-index: 1;}
.new ul li .img img{vertical-align: middle;transition:all .5s ease;max-width:100%;width:100%}
.new ul li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.new ul li h4{text-align:left;font-size:20px;line-height:20px;padding:50px 0 40px 0 ;transition:all .5s ease;color:#111;float: left;width: 100%;transition:all .5s ease;
              word-break:keep-all;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

.new ul li h5{color:#666;font-size:16px;line-height:30px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;text-align:left;
-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;float:left}
.new ul li:hover h4{color:#C49347}
.new ul li .more{display:flex;align-items:center;justify-content:space-between;float:left;width:100%;margin-top:35px;padding-right:30px;transition:all .5s ease;}
.new ul li .more h6{color:#666;font-size:16px;line-height:36px;float:left}
.new ul li .more i{color:#C49347;opacity:0;transition:all .5s ease;font-size:24px}
.new ul li:hover .more{padding-right:0}
.new ul li:hover .more i{opacity:1}
@media  screen and (max-width: 1024px)
{
    .new{padding-top: 30px;padding-bottom: 30px;margin-bottom:30px;}
    .new ul{width:calc(100% + 30px);margin:-15px;}
    .new ul li{width:100%;padding:15px;}    
    .new ul li h4{font-size:16px;line-height:18px;padding: 20px 0 15px 0;}
    .new ul li h5{font-size:14px;line-height:24px;}
    .new ul li .more{margin-top:20px;}
    .new ul li .more h6{font-size:14px;line-height:20px;}
    .new ul li .more i{font-size:20px;}
}


/*内页banner*/
.banner{width:100%;float:left;position:relative;transition: all .5s linear;
    overflow: hidden;
}
.banner1{height:100vh;}
.banner1 .img1{height:100vh}
.banner.banner-in{height: 0 !important;position: absolute;z-index: -1;}
.banner.banner-in .slick-list{height:0 !important;transition: all .5s linear;}
.banner .slick-list{transition: all .5s linear;}
.banner1 .slick-list{transition: all .5s linear;height:100vh}
.banner img{max-width:100%;width:100%;}
.banner1 img{height:100vh}
.banner .tit img{height:auto}
.banner .wapba{display:none}
.banner .tit{position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;text-align:center;}
.banner .tit img{width:auto;}
.banner .tit h4{color:#fff;font-weight:700;font-size:48px;text-align:center;margin-top:28px;letter-spacing:10px;}
.banner .mouse img{height:auto}
.banner li{overflow:hidden;}
.banner li video{height:100vh;width:100vw;object-fit:cover}
@media  screen and (max-width: 1024px){
    .banner .wapba{display:block}
    .banner .pcba{display:none;}
    .banner .tit{width: 100%;padding: 0 15px;}
    .banner .tit h4{font-size:24px;margin-top:20px;}
    .banner .tit img{height:24px;}
    .banner{margin-top:61px;}
    .banner .tit h4{letter-spacing:3px;}
}


/*列表页分页*/
.paging{float:left;width:100%;margin-bottom:110px;}
.paging .pagingbox{display:flex;justify-content:center;}
.paging .prev{width:10px;height:10px;border-right:1px solid #D1D2D2;border-top:1px solid #D1D2D2;transform:rotate(225deg);transition:all .5s ease}
.paging .next{width:10px;height:10px;border-right:1px solid #D1D2D2;border-top:1px solid #D1D2D2;transform:rotate(45deg);transition:all .5s ease}
.paging .Pagen{font-size:16px;color:#666666;float:left;transition:all .5s ease}
.paging .Pagen.on{font-size:24px;color:#C49347;line-height:26px;}
.paging .pagenum{display:flex;align-items:flex-end;margin:-10px 55px 0 55px}
.paging .prev:hover{border-right:1px solid #C49347;border-top:1px solid #C49347;}
.paging .next:hover{border-right:1px solid #C49347;border-top:1px solid #C49347;}
.paging .pagenum .Pagen:hover{color:#C49347}
.wpagingbox{display:none}

@media  screen and (max-width: 1024px){
    .paging .pagingbox{display:none}
    .paging{margin-bottom:30px;}
    .wpagingbox{display:block;text-align: center; font-size: 0;color: #333;}
    .wpagingbox a{display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    font-size: 14px;
    line-height: 30px;
    background: #C49347;
    color: #fff;
    border: transparent;
    border-radius: 30px;
    overflow: hidden;}
    .wpagingbox span{display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    font-size: 14px;
    color: #333;}




}


  /*二级导航*/
        .crumbs{float:left;width:100%;background:#fff;box-shadow: 0 2px 24px rgba(221,221,221,0.46);}
        .crumbs .crumbslayout{display:flex;align-items:center;justify-content:space-between;}
        .crumbs .left a{line-height:68px;color:#111111;font-size:16px;}
        .crumbs .left a:hover{color:#C49347}
        .crumbs .right{display:flex;align-items:center}
        .crumbs .right h4{font-size:16px;line-height:68px;color:#111;margin-left:12px;transition:all .5s ease;}
        .crumbs .right i{transition:all .5s ease;font-size:20px;color:#747474;}
        .crumbs .right:hover i{color:#C49347}
        .crumbs .right:hover h4{color:#C49347}
        @media  screen and (max-width: 1024px){
            .crumbs .left a{line-height:40px;font-size:14px;}
            .crumbs .right i{font-size:16px;}
            .crumbs .right h4{font-size:14px;margin-left:8px;line-height:40px;}
        }



        /*新闻详情*/
        .newcontent{width:100%;float:left;padding-top:100px;}
         .newcontent .newshow{padding-bottom:120px;border-bottom:1px solid #DDDDDD}
        .newcontent h4{color:#111;font-size:36px;line-height:48px;text-align:center;}
        .newcontent h5{font-size:16px;color:#111;text-align:center;margin-top:45px;padding-bottom:55px;white-space:pre-wrap;
                       border-bottom:1px solid #DDDDDD;margin-bottom:75px;}
        .newcontent .newdetails{color:#454545;font-size:16px;line-height:30px;text-align:left}
        .newcontent .newdetails img{max-width:100%}
        @media  screen and (max-width: 1024px){
           .newcontent{padding-top:30px;}
           .newcontent h4{font-size:20px;line-height: 26px;}
           .newcontent h5{font-size: 14px;  margin-top: 20px;padding-bottom: 20px;margin-bottom: 30px;
                          white-space:inherit;
           }
           .newcontent .newdetails{font-size:14px;line-height:24px;}
           .newcontent .newshow{padding-bottom:30px;}
        }
         /*详情页分页*/
         .newfy{margin-bottom:100px;float:left;width:100%;margin-top:60px;}
         .newfy .fylabel{display:flex;justify-content:space-between;font-size:16px;align-items:center;}
         .newfy .fylabel h4{color:#666;font-size:16px}
         .newfy .fylabel h6{color:#111;font-size:16px;margin-top:15px;}
         .newfy .fylabel .a2{display:flex;align-items:center;}
         .newfy .fylabel .a2 i{color:#666666;font-size:20px;}
         .newfy .fylabel .a2 h4{margin-left:10px;}
         .newfy .fylabel .a3 h4{text-align:right}
         .newfy .fylabel a:hover h4{color:#C49347}
         .newfy .fylabel a:hover h6{color:#C49347}
         .newfy .fylabel a:hover i{color:#C49347}
          @media  screen and (max-width: 1024px){
              .newfy{margin-bottom: 20px;margin-top: 20px;}
              .newfy .fylabel h4{font-size: 14px;}

              .newfy .fylabel .a1{width:calc(100% - 100px);}
            

              .newfy .fylabel h6{margin-top:10px;word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; }
              .newfy .fylabel{flex-wrap: wrap;}
              .newfy .fylabel .a2 h4{margin-left:5px}
              .newfy .fylabel .a3 h4{text-align:left}
              .newfy .fylabel h6{margin-top:3px;font-size:14px;}
              .newfy .fylabel .a2 i{font-size:16px;}
              .newfy .fylabel .a3{margin-top:10px;}
          }

         /*相关新闻*/
         .relevantnew{float:left;width:100%;padding-top:100px;padding-bottom:90px;background:#F9F9F9}

         .relevantnew .reletit{margin-bottom:100px;}
         .relevantnew .reletit h4{color:#111;font-size:48px;font-weight:700;text-align:center;line-height:60px;}
         .relevantnew .reletit h6{color:#6C6C6C;font-size:18px;font-weight:400;text-align:center;margin-top:15px;}
         .relevantnew .new{padding:0;border:none;margin:0}
         @media  screen and (max-width: 1024px){
              .relevantnew{padding-top:30px;padding-bottom:30px;}
         }


         /*内页共享标题*/
         .currencytt{margin-bottom:100px}
         .currencytt h4{color:#111;font-size:48px;font-weight:700;text-align:center;line-height:60px;}
         .currencytt h6{color:#6C6C6C;font-size:18px;font-weight:400;text-align:center;margin-top:15px;}
         @media  screen and (max-width: 1024px){
             .currencytt{margin-bottom:30px}
             .currencytt h4{font-size:20px;line-height:26px;}
             .currencytt h6{font-size:14px;margin-top:8px;}
         }

         /*联系我们*/
        .Contactinfo{padding-top:100px;padding-bottom:100px;float:left;width:100%}
        .Contactinfo ul{float:left;width:100%;border-left:1px solid #DDDDDD;}
        .Contactinfo ul li{width:20%;float:left;border-top:1px solid #DDDDDD;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;}
        .Contactinfo ul li .box{display:block;width:100%;float:left;padding:65px 15px 55px 15px;}
        .Contactinfo ul li .icon{width:125px;height:125px;border-radius:100%;background:#FFFFFF;margin:0 auto;position:relative;
                                 transition:all .5s ease;display:flex;align-items:center;justify-content:center;box-shadow:7px 7px 29px rgba(195,195,195,0.22);}
        .Contactinfo ul li .icon:after{content:"";height:180px;width:180px;border-radius:100%;position:absolute;border:1px dashed #DCDCDC;}
        .Contactinfo ul li .icon img{max-width:80px;max-height:80px;}
         .Contactinfo ul li h4{margin-top:60px;text-align:center;font-size:20px;line-height:22px;font-weight:700;color:#111;}
        .Contactinfo ul li line{display:block;width:44px;height:2px;background:#C49347;margin:25px auto}
        .Contactinfo ul li h6{color:#111;font-size:18px;text-align:center;line-height:24px;height:48px}
        .Contactinfo ul li:hover .icon{transform:rotateY(180deg)}
        @media  screen and (max-width: 1024px){
           .Contactinfo{padding-top: 30px;padding-bottom: 30px;}
           .Contactinfo ul{border-top:1px solid #DDDDDD;}
           .Contactinfo ul li{width:100%;border-top:0}
           .Contactinfo ul li .icon{height:80px;width:80px;}
           .Contactinfo ul li h4{margin-top:30px;font-size: 16px;line-height: 18px;}
           .Contactinfo ul li line{width:30px;}
           .Contactinfo ul li h6{font-size:14px;line-height:20px;padding:0 15px;height:auto;}
           .Contactinfo ul li .icon:after{height: 110px;width: 110px;}
           .Contactinfo ul li .box{padding:25px 0 25px 0}
            .Contactinfo ul li .icon img{max-width:40px;max-height:40px;}
        }


      .message{float:left;width:100%;padding-bottom:100px}
      .message  form{float:left;width:100%;}
      .message form .lab{height:50px;line-height:50px;background:#F9F9F9;display:flex;float:left}
      .message form .lab.lab1{width:calc(50% - 30px)}
      .message form .lab.lab1:nth-child(2){float:right}
      .message form .lab .name{text-align:center;font-size:16px;color:#666;width:136px;float:left}
      .message form .lab input{width:calc(100% - 136px);background:#F9F9F9;padding-left:50px;font-size:16px;color:#888;border-left:1px solid #EFEDED;}
      .message form .lab input::-webkit-input-placeholder{font-size:16px;color:#888;}
      .message form textarea{height:195px;background:#F9F9F9;width:100%;color:#666;font-size:16px;border:none;margin-top:20px; padding:25px 40px;}
      .message form textarea::-webkit-input-placeholder{color:#666;font-size:16px;}
      .message form .yzm{margin-top:80px;float:left}
      .message form .yzm .yleft{position:relative;border-bottom:1px solid #EEEEEE;width:430px;float:left}
      .message form .yzm .yleft h4{color:#666;font-size:16px;position:absolute;line-height:50px;left:10px;}
      .message form .yzm .yleft input{padding-left:115px;line-height:50px;color:#BBBBBB;font-size:16px;}
      .message form .yzm .yleft input::-webkit-input-placeholder{color:#BBBBBB;font-size:16px;}
      .message form .yzm img{height:50px;border:1px solid #DDDDDD;margin-left:25px;}
      .message form .button{height:50px;line-height:50px;color:#fff;width:188px;text-align:center;font-size:18px;
                            margin-top:80px;background:#000000;float:left;margin-left:23%;}
      .message form .button.sub{background:#C49347;margin-left:27px;}
      


      @media  screen and (max-width: 1024px){
          .message{padding-bottom: 30px;}
          .message form .lab{width:100% !important;margin-bottom:15px;height:40px;line-height:40px;}
          .message form .lab .name{font-size:14px;width:100px;}
          .message form .lab input{width: calc(100% - 100px);padding-left: 20px;font-size: 14px;}
          .message form .lab input::-webkit-input-placeholder{font-size:14px;}
          .message form textarea{font-size:14px;margin-top:0;height:150px;padding:15px 25px;}
          .message form textarea::-webkit-input-placeholder{font-size:14px;}
          .message form .yzm{display:flex;width:100%}
          .message form .yzm .yleft{width:100%;}
          .message form .yzm{margin-top:30px;}
          .message form .yzm .yleft h4{font-size:14px; line-height:40px;}
          .message form .yzm .yleft input{width:100%;padding-left:65px;line-height:40px;}
          .message form .yzm .yleft input::-webkit-input-placeholder{font-size:14px;}
          .message form .yzm img{margin-left:10px;height:40px;}
          .message form .button{width:45%;margin-top:30px;margin-left:0;height: 40px;line-height: 40px;font-size:16px;}
          .message form .button.sub{float:right}
      }


/*头部导航*/
.topnav{position:absolute;top:0;z-index:16;left:0;width:100%;height:100px;transition:all .5s linear;}
.topnav.q{background:rgba(0,0,0,0.5)}
.topnav.neiye{position:relative;background:#fff}
.topnav .tnav{float:right}
.topnav .logo{float:left;position:absolute;left:-70px;margin-top:19px;}
.topnav .tnav li{margin-left:100px;position:relative;float:left;}
.topnav .tnav li a{font-size:18px;color:#fff;line-height:100px;}
.topnav .tnav li a:after{transition:all .5s linear;}
.topnav .tnav li:hover a:after{content: "";height: 6px;width: 6px; border-radius: 100%; position: absolute; left: -12px;top: 50%; transform: translate(0,-50%);background: #C49347;}
.topnav .tnav li.on:after{content:"";height:6px;width:6px;border-radius:100%;position:absolute;left:-12px;top:50%;transform:translate(0,-50%);background:#C49347}
.topnav .tnav li.on a{color:#C49347 !important}
.topnav .tnav li:hover a{color:#C49347 !important} 
.topnav .layout{float:left;width:100%;position:relative;}
.topnav.neiye .tnav li a{color:#111;}

@media  screen and (max-width: 1600px){
    .topnav .logo{left:50px;}
}
@media  screen and (max-width: 1280px){
.topnav .tnav li{margin-left: 60px;}
}
@media  screen and (max-width: 1024px){
    .topnav{display:none;}
}

/*首页banner*/
.boxs{position:absolute;bottom:80px;right:50px;}
.boxs .banner_number{color: #fff; font-size: 16px;line-height: 16px;display: flex; align-items: flex-end;}
.boxs .number{float:left;font-size:24px;color:#C49347;line-height:24px;}
.boxs .border{width:240px;height:1px;background:#fff;position:absolute;bottom:0px;right:145px;}
.boxs .border:after{content:"";position:absolute;height:1px;left:0;top:0;background:#C49347;transition:all .5s linear;}
.boxs .border.yi:after{width:33.3%}
.boxs .border.er:after{width:66.6%}
.boxs .border.s:after{width:100%}
.banner .mouse{width:21px;position:absolute;bottom:58px;left:50%;transform:translate(-50%,0);
               animation:bmouse 1.5s ease infinite;}
.banner .mouse:hover{cursor:pointer}

.banner .slick-next{position:absolute;width:35px;height:35px;transition:all .5s ease;top:50%;
                    border-top:1px solid #fff;border-right:1px solid #fff;right:125px;
                    transform:translate(0,-50%)rotate(45deg);}

.banner .slick-prev{position:absolute;width:35px;height:35px;transition:all .5s ease;top:50%;
                    border-top:1px solid #fff;border-right:1px solid #fff;left:125px;
                    transform:translate(0,-50%)rotate(225deg);}

.banner .slick-next:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
.banner .slick-prev:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
.banner li{height:auto;}
.banner li .img2{display:none}
@media  screen and (max-width: 1700px){
     .banner .slick-prev{left:110px;}
    .banner .slick-next{right:110px;}
}

@media  screen and (max-width: 1400px){
    .banner .slick-prev{left:80px;width:25px;height:25px;}
    .banner .slick-next{right:80px;width:25px;height:25px;}
}
@media  screen and (max-width: 1024px){
      .banner .slick-prev{left:30px;width:15px;height:15px;}
    .banner .slick-next{right:30px;width:15px;height:15px;}
    .banner li .img1{display:none}
    .banner li .img2{display:block}
    .boxs .border{display:none}
    .boxs{bottom:30px;right:30px;}
    .banner .slick-next{bottom:23px;}
    .banner .slick-prev{bottom:23px;}
    .banner .mouse{bottom:15px;}
    .boxs .banner_number{font-size:14px;line-height:14px;}
    .boxs .number{font-size:20px;}
}
@keyframes bmouse
{
    0% {bottom:58px}
    50% {bottom:38px}
    100%{bottom:58px}
}    
@-webkit-keyframes bmouse
{
    0% {bottom:58px}
    50% {bottom:38px}
    100%{bottom:58px}
}


/*首页公用*/
.Module h4 {color: #C49347;font-size: 30px;line-height: 32px;}
 .Module h5 {color: #000000; font-weight: 700;line-height: 72px; font-size: 72px; margin-top: 25px;margin-bottom: 100px; }
 .Module h6 { color: #000000; font-weight: 400; line-height: 36px; font-size: 20px; }

        .Module .more {  height: 56px;  line-height: 56px; font-size: 20px;    color: #000; border: 1px solid #000000;  text-align: center;position: relative;display: block;
            z-index: 1; width: 195px;margin-top: 100px; transition: all .5s ease;}

            .Module .more:before {
                content: "";
                width: 100%;
                height: 100%;
                background-color: rgb(196,147,71);
                z-index: -1;
                position: absolute;
                left: 0px;
                bottom: 0px;
                transform-origin: 100% center;
                transition: transform 0.5s;
                transform: scaleX(0);
            }

            .Module .more:hover {
                color: #fff;
                border: 1px solid #C49347;
            }

                .Module .more:hover:before {
                    transform: scaleX(1);
                    transform-origin: 0px center;
                }

        .Module img {max-width: 100%; }
        .Module img.wappic{display:none;width: 100%;margin: 0 auto;}
        .Module1 img{width:40%;}




/*首页板块*/
.Module1 { float: left;width: 100%;padding-top: 215px; padding-bottom: 215px;
           transition:all .5s linear;overflow:hidden;background:#fff;
}
.Module1 .Modleft { width: 53%;float: left;padding-left: 40px;}

            .Module1 .Modright {
                width: 47%;
                float: left;
            }



        .Module2 {
            float: left;
            width: 100%;
            padding-top: 100px;
            padding-bottom: 100px;
            background: #F3F3F3;
        }

            .Module2 .Modleft {
                width: 50%;
                float: left;
                padding-left: 40px;
            }

            .Module2 .Modright {
                width: 50%;
                float: left;
            }

                .Module2 .Modright .mdleftpic {float: right;width:100%}

            .Module2 .m2layout {
                display: flex;
                align-items: center;
            }
        .Module5 {
            float: left;
            width: 100%;
            padding-top: 100px;
            padding-bottom: 100px;
            background: url(images/m5bg.jpg) center no-repeat;
            background-size: cover;
            position: relative;
        }
            .Module5:after {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.85);
                z-index: -1;
            }

            .Module5 .m5tit {
                width: 100%;
                float: left;
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .Module5 .m5tit .left {
                    position: relative;
                }

                    .Module5 .m5tit .left h4 {
                        font-size: 170px;
                        color: rgba(255,255,255,0.04);
                        line-height: 170px;
                        font-weight: 700;
                        margin-left:-15px;
                    }

                    .Module5 .m5tit .left h6 {
                        font-size: 48px;
                        color: #fff;
                        position: absolute;
                        top: 50%;
                        transform: translate(0, -50%);
                        left: 0;
                    }

                .Module5 .m5tit .right a {
                    color: #fff;
                    font-size: 18px;
                    transition: all .5s ease;
                }

                .Module5 .m5tit .right:hover a {
                    color: #C49347;
                }

            .Module5 ul {
                width: calc(100% + 50px);
                margin: 50px -25px 0 -25px;
                float: left;
            }

                .Module5 ul li {
                    float: left;
                    width: 33.3%;
                    padding: 0 25px;
                }

                    .Module5 ul li .box {
                        display: block;
                        width: 100%;
                        float: left;
                    }

                        .Module5 ul li .box .img {
                            float: left;
                            width: 100%;
                            line-height: 0;
                            overflow: hidden;
                            position: relative;
                            z-index: 1;
                        }

                            .Module5 ul li .box .img img {
                                vertical-align: middle;
                                transition: all .5s ease;
                                max-width:100%;width:100%;
                            }

                        .Module5 ul li .box h4 {
                            font-size: 20px;
                            line-height: 36px;
                            color: #fff;
                            margin-top: 30px;
                            height: 72px;
                            padding: 0 10px;
                            word-break: break-all;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            float: left;
                            transition: all .5s ease;
                            -webkit-box-orient: vertical;
                            -webkit-line-clamp: 2;
                            overflow: hidden;
                        }

                        .Module5 ul li .box .down {
                            display: flex;
                            align-items: center;
                            justify-content: space-between;
                            float: left;
                            width: 100%;
                            margin-top: 30px;
                            padding: 0 10px;
                        }

                            .Module5 ul li .box .down .left {
                                color: #fff;
                                font-size: 16px;
                            }

                            .Module5 ul li .box .down .right i {
                                color: #fff;
                                font-size: 24px;
                            }

                    .Module5 ul li:hover .img img {
                        transform: scale(1.1);
                    }

                    .Module5 ul li:hover .box h4 { color: #C49347; }
                       .aberji{float:left;width:100%;box-shadow:0 2px 24px rgb(221 221 221 / 46%)}
           .aberji ul{float:left;left: 50%; position: relative;transform: translate(-50%, 0); }
          .aberji li{float:left;text-align:center;margin:0 60px;}
          .aberji li a{line-height:68px;font-size:18px;color:#111111;}
           .aberji li:hover a{color:#C49347;}
           .aberji li.on a{color:#C49347}
           @media  screen and (max-width: 1400px){
                .aberji li{margin:0 25px;}

                 .Module h5 { line-height: 60px;font-size: 60px; margin-top: 15px;  margin-bottom: 30px;}
                 .Module .more{height:40px;
    line-height: 40px;
    font-size: 18px;
    color: #000;
    border: 1px solid #000000;
    text-align: center;
    position: relative;
    display: block;
    z-index: 1;
    width: 160px;
    margin-top: 60px;
    transition: all .5s ease}
                 .Module h6{ line-height: 30px;font-size:18px }
           }
           @media  screen and (max-width: 1024px){
                .aberji li{margin:0 10px;}
          .aberji li a{line-height:40px;font-size:14px;color:#111111;}
                    .Module img.pcpic{display:none}
                .Module img.wappic{display:block}
           }

  
          .Brandif .abconst{width:60%;float:right;position:relative}
          .Brandif .abconst img{position:absolute;right:0}
          .Brandif .abtit{width:40%;float:left}

         

           @media  screen and (max-width: 1400px){
           .Module1{padding-top: 140px;padding-bottom: 140px;}
           .Module1 img{width:40%;margin-left:2%}
            .Module2 .Modright .mdleftpic{width:75%;}
       }
                    @media  screen and (max-width: 1024px){
                        .Brandif .abtit{width:100%}
                         .Module5 .m5tit .right a { color: #fff; font-size: 14px; transition: all .5s ease;}
                        .Module1{padding-top:50px;padding-bottom:50px;}
                        .Module1 .Modleft{width:100%;padding-left:0;left: 50%;transform: translate(-50%, 0);position: relative;}
                        .Module1 .Modright{width:100%}
                        .Module h4{font-size: 18px;line-height: 20px;margin-top:15px;}

                        .Module2 h4{text-align:right}
                        .Module2 h5{text-align:right}
                        .Module2 h6{text-align:right}
                        .Module2 .more{float:right}

                        .Module h5{font-weight: 700;line-height: 26px;font-size: 26px; margin-top: 15px;margin-bottom: 20px;}
                        .Module h6{line-height: 24px;font-size: 14px;}
                        .Module .more{height: 40px;line-height: 40px;font-size: 16px; color: #000;width: 120px;margin-top: 30px; transition: all .5s ease;}
                        .Module1 img{width:auto;}
                        .Module2 .Modleft{padding-left:0;width:100%;}
                        .Module2 .Modright{width:100%;}
                        .Module2 .Modright .mdleftpic{position:relative;left:50%;transform:translate(-50%,0);width:100%;}

                        .Module2 .m2layout{flex-direction: column-reverse;}
                        .downnav:after{z-index:2 !important}
                        .Module2{padding-top: 30px;padding-bottom: 30px;}
                        .Module5{padding-top: 30px;padding-bottom: 60px;}
                        .Module5 .m5tit{z-index: 3;position: relative;}
                        .Module5 .m5tit .left h4{font-size: 50px; color: rgba(255,255,255,0.04);line-height: 50px;}
                        .Module5 .m5tit .left h6{font-size:20px;}
                        .Module5 ul li{width:100%;}
                        .Module5 ul li .box .down .left{font-size:14px}
                        .Module5 ul li .box h4{font-size: 14px;line-height:24px; color: #fff; margin-top: 15px; height: 48px;padding: 0 10px;}
                        .Module5 ul li .box .down{margin-top:15px;}
                        .Module5 ul{width: calc(100% + 30px);margin:15px -15px 0 -15px;z-index:3}
                        .Module5 ul li{padding:15px;height:auto;}
                         .Module5:after{z-index:2}
                       .Module5 ul .slick-prev{position: absolute;bottom: -30px;width: 12px;height: 12px; transition: all .5s ease;
                          border-top: 1px solid #fff; border-right: 1px solid #fff;left: calc(50% - 45px);transform: translate(-50%,0)rotate(225deg);top: auto;}
                       .Module5 ul .slick-next{position: absolute; bottom: -30px;width: 12px;height: 12px;transition: all .5s ease;border-top: 1px solid #fff; border-right: 1px solid #fff;
                         left: calc(50% + 45px); transform: translate(-50%,0)rotate(45deg);top: auto; }
                  .Module5 ul .slick-next:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
                 .Module5 ul .slick-prev:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
 }



/*底部导航*/
  .downnav {float: left;
            width: 100%;
            background: url(images/downbg.jpg) center no-repeat;
            background-size: cover;
            position: relative;}

            .downnav:after {
                position: absolute;
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.73);
                z-index: -1;
            }


            .downnav .top {
                padding-top: 20px;
                padding-bottom: 14px;
                float: left;
                width: 100%;position:relative;
            }

                .downnav .top .logo {
                    float: left;
                    margin-right: 140px;
                }

                .downnav .top .nav {
                    float: left;
                    margin-top: 23px;
                }

                    .downnav .top .nav li {
                        margin-left: 100px;
                        float: left;
                    }

                        .downnav .top .nav li a {
                            color: #fff;
                            font-size: 18px;
                            transition: all .5s ease;
                        }

                        .downnav .top .nav li:hover a {
                            color: #C49347;
                        }
                .downnav .top .line {
                    float: right;
                    margin-top: 5px;
                }

                    .downnav .top .line .linec {
                        height: 34px;
                        width: 34px;
                        border: 1px solid #fff;
                        border-radius: 100%;
                        float: left;
                        margin-left: 20px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }
                    .downnav .top .line .linec .img2{display:none}
                    .downnav .top .line .linec:hover .img2{display:block}
                    .downnav .top .line .linec:hover .img1{display:none}
                        .downnav .top .line .linec i {
                            color: #fff;
                            font-size: 18px;
                        }

                        .downnav .top .line .linec:hover {
                            background: #fff;
                        }

                            .downnav .top .line .linec:hover i {
                                color: #C49347;
                            }

            .downnav .down {
                line-height: 50px;
                color: #fff;
                font-size: 16px;
                width: 100%;
                position: relative;
                border-top: 1px solid rgba(255,255,255,0.29);
                float: left;
                display: flex;
                align-items: center;
                justify-content: space-between;
            }

            .downnav .right {
                float: right;
                display: flex;
            }

                .downnav .right a {
                    color: #fff;
                    padding: 0 12px;
                    position: relative;
                }

                .downnav .right > a:after {
                    content: "";
                    height: 17px;
                    width: 2px;
                    position: absolute;
                    top: 50%;
                    transform: translate(0,-50%);
                    right: 0;
                    background: #fff;
                }
                .downnav .right > a:nth-child(2):after{display:none;}
                .downnav .right .links:before{content:"";height: 17px; width: 2px;position: absolute; top: 50%;transform: translate(0,-50%);
                    left: 0;background: #fff;}


                .downnav .right .links {
                    padding-right: 33px;
                    position: relative;
                    float: left;
                    padding-left: 12px;
                }

                    .downnav .right .links:after {
                        content: "";
                        position: absolute;
                        width: 0;
                        height: 0;
                        right: 10px;
                        border-top: 5px solid rgba(255,255,255,0.6);
                        border-left: 5px solid transparent;
                        border-right: 5px solid transparent;
                        top: 50%;
                        transform: translate(0, -50%);
                    }

                    .downnav .right .links:hover {
                        cursor: pointer;
                    }

                .downnav .right ul {
                    position: absolute;
                    right: 0;
                    bottom: 70px;
                    background: #fff;
                    display: none;
                }

                    .downnav .right ul li {
                        padding: 10px 20px;
                        transition: all .5s linear;
                    }

                        .downnav .right ul li a {
                            color: #C49347;
                        }
                        
    .downnav .right ul li:hover {background: #C49347;}
    .downnav .right ul li:hover a {color: #fff;}
    @media  screen and (max-width: 1750px){
        .downnav .top .nav li {margin-left: 60px; float: left;}
    }
    @media  screen and (max-width: 1510px){
        .downnav .top .nav li {margin-left: 30px; float: left;}
    }
    @media  screen and (max-width: 1280px){
        .downnav .top .nav li a{font-size: 14px;}
        .downnav .top .logo{margin-right: 80px;}
    }
    @media  screen and (max-width: 1110px){
        .downnav .top .nav li a{font-size: 14px;}
        .downnav .top .logo{margin-right: 40px;}
        .downnav .top .nav li {margin-left: 20px; float: left;}
    }




/*漂浮*/


/*2021-12-24start*/
    .pf{position:fixed;top:50%;transform:translate(0,-50%);z-index:1;right:50px;}
    .pf.on{right:30px;z-index:9;display:block}
    .pf li{height:70px;width:70px;background:#fff;position:relative;border-radius:50%;margin-bottom:15px;
           display:flex;align-items:center;justify-content:center;background:#C49347}
    .pf li img{height:45px;width:45px;}
    .pf li .box{text-align:center;}
    .pf li h4{font-size:14px;color:#000;margin-top:10px;}
    .pf li:hover{background:#C49347;cursor:pointer;border:1px solid #C49347}
    .pf li:hover h4{color:#fff;}
    .pf li:hover .pfpic2{display:block}
    .pf li:hover .pfpic1{display:none}
    .pf li .boxcir{width: auto; position: absolute;top: 50%;text-align:center;background: #C49347;height: 70px;white-space:nowrap;
    color: #fff; font-size: 16px; line-height: 70px; padding: 0 30px;
    border-radius: 6px; transform: translate(0,-50%);-ms-transform: translate(0,-50%);
    right: -300px;-webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;}
   .pf li .boxcir.pic{padding:5px;height: 120px;width:120px;}
   .pf li .boxcir.pic img{ max-width:100%;height:110px;width:110px;}
   .pf li:hover .boxcir{right:calc(100% + 15px)}
    @media  screen and (max-width: 1680px){
        .pf.on{right:15px}
    }
    @media  screen and (max-width: 1024px){
        .banner{height:auto}
        .banner .slick-list{height:auto}
        .banner li video{height:auto;max-width:100%}
        .banner img{height:auto}
    }
    @media  screen and (max-width: 1800px){
        .pf{right:0px;}
    }
    @media  screen and (max-width: 1400px){
        .pf li{height:65px;width:65px;margin-bottom:10px;}
        .pf li h4{font-size:12px;margin-top:6px}
         .pf li img{height:40px;width:40px;}
         .pf li .boxcir{font-size:14px;}
    }
   @media  screen and (max-width: 1024px){
       .pf{display:none!important;}
       .downnav .right .liness{position:relative}
       .downnav .right ul{bottom:40px}
       .downnav .right ul li{padding:10px}
       .downnav .right ul li a{white-space:nowrap;}
   }
/*2021-12-24end*/



   /*手机端底部漂浮*/
.pf_down{ float: left; position: fixed; right:20px ; bottom: 20px; height: 70px; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2); width:70px;
          background:rgba(196,147,71,0.8);border-radius:50%;}
.pf_down li{ float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;}
.pf_down li .ico7{ width:70px; float: left; height: 20px;margin-top:10px}
.pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;white-space:nowrap;}
.pf_down li.l3 .ico7{ background: url(images/img2.png) no-repeat center; background-size: 20px 20px;}
.pf_down li:last-child{ border: none;}
.pf_down li:nth-child(3n){ border: none;}

._nav3{display:none}
@media  screen and (max-width: 1024px){
._nav3 {width: 100%;float: left;position: relative;z-index: 9;position: absolute;display:block; z-index: 99;top: 0px;}
._nav3 .ctext{width: 100%;float: left;}
._nav3 .ctext .top{position: absolute;width: 100%;top: 0;left: 0;z-index: 6;display:block !important}
._nav3 .ctext .menuph{display: block;}
._nav3 .ctext .menuph{float: right;width: 28px;height: 22px;cursor: pointer;text-align: center;margin: 19px 15px 19px 0;}
._nav3 .ctext .menuph .point{display: inline-block;width: 28px;height:22px;position: relative;}
._nav3 .ctext .menuph .point:hover .navbtn,._nav3   .ctext .menuph .point:hover .navbtn::after,._nav3   .ctext .menuph .point:hover .navbtn::before{width:28px;}
._nav3 .ctext .menuph .navbtn{position: absolute;top: 10px;right: 0;display: inline-block;height: 2px;background:#FFFFFF;width:28px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
._nav3 .ctext .menuph .navbtn::after,._nav3   .ctext .menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 2px;content: '';background: #FFFFFF;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
._nav3 .ctext .menuph .navbtn::after{top: -10px;}
._nav3 .ctext .menuph .navbtn::before{top: 10px;}
._nav3 .ctext .menuph .point.active .navbtn{background: transparent;}
._nav3 .ctext .menuph .point.active .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
._nav3 .ctext .menuph .point.active .navbtn::before{-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
._nav3 .ctext .xialaph{position: absolute;left: 0;top: 0;float: left;width: 100%;height: 100vh;overflow: auto;padding: 0 15px;z-index:999999999999;background:#fff;display:none;position:fixed;left:0;top:60px;}
._nav3 .ctext .xialaph .ul2,._nav3   .ctext .xialaph .ul3{display: none;}
._nav3 .ctext .xialaph h4 a{float: left;width: 60%;font-size:16px;line-height: 61px;}
._nav3 .ctext .xialaph h4 a span{padding-left: 6px;color: #ccc;font-size: 14px;}
._nav3 .ctext .xialaph h4{float: left;width: 100%;position: relative;}
._nav3 .ctext .xialaph li:last-child h4::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;}
._nav3 .ctext .xialaph h4:hover a,._nav3 .ctext .xialaph h5:hover a{color: #C49347;}
._nav3 .ctext .xialaph h4::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;}
._nav3 .ctext .xialaph h5 a{float: left;width: 100%;color: #1f1f1f;font-size: 14px;line-height: 40px;text-transform: uppercase;}
._nav3 .ctext .xialaph h5{float: left;width: 100%;position: relative;}
._nav3 .ctext .xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #e5e5e5;}
._nav3 .ctext .xialaph li:last-child h5::after{display: none;}
._nav3 .ctext .xialaph h4 img{width: 15px;height: 8px;float: right;margin-top: 24px;cursor: pointer;}
._nav3 .ctext .xialaph h5 img{width: 11px;height: 6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;}
._nav3 .ctext .xialaph h4.active img.img_s,._nav3   .ctext .xialaph h5.active img.img_s{display: none;}
._nav3 .ctext .xialaph h4.active img.img_d,._nav3   .ctext .xialaph h5.active img.img_d{display: block;}
._nav3 .ctext .xialaph .ul2{float: left;width: 100%;padding: 0 10px;}
._nav3 .ctext .xialaph .phsou{position: relative;margin-top: 34px;}
._nav3 .ctext .xialaph .phsou input{width: 100%;height: 56px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 20px;border: 1px solid #e5e5e5;}
._nav3 .ctext .xialaph .phsou img{cursor: pointer;width: 21px;height: 22px;position: absolute;top: 17px;right: 29px;}
._nav3 .ctext .img_d,._nav3   .ctext .disno{display: none;}
._nav3 .box{display:flex;height:61px;padding: 0 15px;position: absolute;top: 0;left: 0;width: 100%;}
._nav3 .box .bg{height:61px;background:#C49347;width: 100%;left: 0;position: absolute;z-index:5;float: left;opacity: 1;}
._nav3 .ctext.sub .box .bg{opacity: 1;}
._nav3 .box .logo{float: left;position: relative;z-index:6;}
._nav3 .box .logo img{height:50px;margin-top:5px;display: block;}
._nav3 .soph{margin-top: 15px;width: 100%;float: left;}
._nav3 .soph .so{float: left;width: 100%;background: #fff;position: relative;z-index:6;border: 1px solid #C49347;}
._nav3 .soph .search{float: left;width: 100%;height: 36px;background: none;border: none;line-height: 36px;padding: 0 56px 0 10px;color: #414141;font-size: 14px;}
._nav3 .soph .searsub{float: right;width: 50px;height: 100%;border: none;background: url(../img/p6032_1.png) center no-repeat #C49347;position: absolute;right: 0;top: 0;}

}
/*手机端头部*/





/*手机端底部*/
@media  screen and (max-width: 1024px){
   
    .downnav .top{padding-top: 15px;padding-bottom: 15px;display: flex;align-items: center;justify-content: space-between;
                  z-index:3;}
    .downnav .top .nav{display:none}
    .downnav .top .line{margin-top:0}
    .downnav .top .line .linec{height: 30px; width: 30px;margin-left: 10px;}
    .downnav .top .logo{margin-right:0px;}
    .downnav .top .line .linec i{font-size:14px;}
    .downnav .down{flex-direction:column;font-size:14px;line-height:40px;z-index:3}
}



/*手机端头部*/






 .productbox{padding-top:100px;padding-bottom:85px;float:left;width:100%;}
        .productbox .left{width:68.75%;float:left}
        .productbox .left img{max-width:100%;width:48%}
        .productbox  .ptop{display:flex;align-items:center;justify-content:space-between}
        .productbox .proshowt{float:left;padding-left:45px}
        .productbox .proshowt h2{color:#000;font-size:30px;line-height:32px;padding-bottom:30px;
                                 border-bottom:1px solid #E5E5E5;margin-bottom:30px;}
        .productbox .proshowt h6{color:#666;font-size:16px;line-height:30px;margin-bottom:70px;}
        .productbox .proshowt a{color:#fff;line-height:42px;text-align:center;width:140px;height: 42px;float: left;font-size:16px;}
        .productbox .proshowt a.service{background:#000;margin-right:29px;}
        .productbox .proshowt a.order{background:#C49347;margin-right:29px;}

        .productbox .pmid{margin-top:80px;}
        .productbox .ptit{color:#000;font-size:24px;line-height:26px;position:relative;padding-left:16px;}
        .productbox .ptit:after{content:"";height:22px;width:2px;background:#C49347;position:absolute;left:0;top:2px; }
        .productbox .pinfo{color:#666;font-size:16px;line-height:36px;margin-top:50px;}

        .productbox .pdown{margin-top:50px;}
        .productbox .pdown ul{float:left;width:100%;margin-top:40px;}
        .productbox .pdown ul li{float:left;width:100%;border:1px solid #DDDDDD;margin-bottom:30px;}
        .productbox .pdown ul li .box{padding:15px;float:left;width:100%;display:flex;}
        .productbox .pdown ul li .pdtit{float:left;padding-left:40px;}
        .productbox .pdown ul li:nth-child(2n) .box{flex-direction:row-reverse;}
        .productbox .pdown ul li:nth-child(2n) .pdtit{padding-left:10px;padding-right:40px;}
        .productbox .pdown ul li .pdtit h4{color:#000;font-size:20px;line-height:22px;margin-top:35px}
        .productbox .pdown ul li .pdtit h6{color:#666;font-size:16px;line-height:36px;margin-top:35px}
        .productbox .pdown ul li .pdtit a{color: #fff;
    line-height: 42px;margin-top:20px;text-align: center; width: 150px;background: #000;
    height: 42px; float: left; font-size: 16px;}
        .productbox .ppage{margin-top:45px;display:flex;justify-content:space-between;width:100%;float:left;align-items:center}
        .productbox .ppage .pprev{line-height:38px;text-align:center;width:138px;border:1px solid #DDDDDD;color:#666666;font-size:16px;
                                  background:url(images/pprev1.png) left 17px top 50% no-repeat;}
        .productbox .ppage .pprev:hover{background:url(images/pprev2.png)#4C7D6F left 17px top 50% no-repeat;color:#fff}

         .productbox .ppage .pnext{line-height:38px;text-align:center;width:138px;border:1px solid #DDDDDD;color:#666666;font-size:16px;
                                  background:url(images/pnext1.png) right 17px top 50% no-repeat;}
         .productbox .ppage .pnext:hover{background:url(images/pnext2.png)#4C7D6F right 17px top 50% no-repeat;color:#fff}
         .productbox .ppage .return{color:#666;font-size:16px;display:flex;align-items:center}
         .productbox .ppage .return i{font-size:16px;color:#666;margin-right:10px;}
         .productbox .ppage .return:hover{color:#4C7D6F;}
         .productbox .ppage .return:hover i{color:#4C7D6F;}
         .productbox .right{width:31.25%;float:left;padding-left:90px;}
         .productbox .right .rtit{color:#000;font-size:36px;line-height:38px;}
         .productbox .right ul{margin-top:50px;}
         .productbox .right ul li{float:left;width:100%;margin-bottom:50px;}
         .productbox .right ul li .box{float:left;width:100%;display:block;}
         .productbox .right ul li .img{float: left;width: 100%;line-height: 0;overflow: hidden;position: relative;z-index: 1;transition:all .5s ease;}
         .productbox .right ul li .img img{vertical-align: middle; transition: all .5s ease;max-width:100%;width:100%;}
         .productbox .right ul li h4{color:#000;font-size:16px;margin-top:30px;word-break: break-all;line-height:18px;float:left;transition:all .5s ease;
         text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;overflow: hidden; padding-left:20px;}
         .productbox .right ul li:hover .img img{transform:scale(1.1);}
         .productbox .right ul li:hover h4{color:#C49347}

         .popMessorder{background: rgba(0,0,0,0.6);float: left;width: 100%;height: 100%; position: fixed;left: 0;top: 0;z-index: 16;display: none;}
         .popMessorder form{background:#fff;padding:50px 30px 80px 30px;width: 560px;float: left;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
         
         .popMessorder form .poptit{text-align:center;font-size:30px;color:#000000;line-height:32px;margin-bottom:50px;}
         .popMessorder form .lab{width:100%;margin-bottom:20px;}
         .message form .lab{height:50px;line-height:50px;background:#F9F9F9;display:flex;float:left}
         .popMessorder form .lab .name{text-align:center;font-size:16px;color:#666;width:136px;float:left;height:50px;position:absolute;line-height:50px;
                                       border-right:1px solid #EFEDED;}
         .popMessorder form .lab input{width:100%;background:#F9F9F9;padding-left:188px;font-size:16px;color:#888;height:50px;}
         .popMessorder form .lab input::-webkit-input-placeholder{font-size:16px;color:#888;}
         .popMessorder textarea{height:136px;background:#F9F9F9;width:100%;font-size:16px;border:none;color:#666;padding:22px;}
         .popMessorder textarea::-webkit-input-placeholder{color:#666;font-size:16px;}
      .popMessorder form .yzm{margin-top:25px;float:left}
      .popMessorder form .yzm .yleft{position:relative;border-bottom:1px solid #EEEEEE;width:360px;float:left}
      .popMessorder form .yzm .yleft h4{color:#666;font-size:16px;position:absolute;line-height:50px;left:10px;}
      .popMessorder form .yzm .yleft input{padding-left:115px;line-height:50px;color:#BBBBBB;font-size:16px;}
      .popMessorder form .yzm .yleft input::-webkit-input-placeholder{color:#BBBBBB;font-size:16px;}
      .popMessorder form .yzm img{width:128px; height:50px;border:1px solid #DDDDDD;margin-left:10px;}

       .popMessorder form .messlabel{display: flex;float: left;width: 100%;justify-content: center;}
      .popMessorder form .button{height:50px;line-height:50px;color:#fff;width:188px;text-align:center;margin-top:45px;background:#000000;float:left;font-size:16px;}
      .popMessorder form .button.sub{background:#C49347;margin-left:27px;}
      .popMessorder form .close{height:36px;width:36px;border:1px solid #C49347;display:flex;align-items:center;border-radius:100%;
                                justify-content:center;position:absolute;right:20px;top:20px;color:#C49347;font-size:20px;}


      .popMessorder form .close:after{content:"";width:1px;height:37px;bottom:-37px;background:#fff;position:absolute}

       @media  screen and (max-width: 1680px){
           .productbox .proshowt a{width: 100px;}
       }
       @media  screen and (max-width: 1400px){
           .productbox .proshowt a{line-height: 35px;text-align: center; width: 90px;height: 35px;}
           .productbox .proshowt a.service{margin-right:15px}
            .productbox .proshowt a.order{margin-right:15px;}
       }
       @media  screen and (max-width: 1024px){
           .popMessorder form .close{top:10px;right:10px;height:25px;width:25px;}
          .popMessorder form{width:80%;padding:15px;}
          .popMessorder form .poptit{font-size:14px;line-height:24px;margin-bottom:10px;}
          .popMessorder form .lab{margin-bottom:10px;}
          .popMessorder form .lab .name{width:30%;font-size:14px;height:34px;line-height:34px;}
          .popMessorder form .lab input{padding-left:100px;font-size:14px;height:34px;}
           .popMessorder form .lab input::-webkit-input-placeholder{font-size:14px;color:#888;}
           .popMessorder textarea::-webkit-input-placeholder{color:#666;font-size:14px;}
          .popMessorder textarea{height:80px;font-size:14px;padding:12px;}
          .popMessorder form .yzm{margin-top:15px;display:flex;justify-content:space-between;width:100%}
          .popMessorder form .yzm .yleft h4{font-size:14px;line-height:34px;}
          .popMessorder form .yzm .yleft input{line-height:34px;padding-left:70px;width:100%}
           .popMessorder form .yzm .yleft input::-webkit-input-placeholder{color:#BBBBBB;font-size:14px;}
          .popMessorder form .yzm img{height:34px;position:relative;z-index:1}
          .popMessorder form .button{height:34px;line-height:34px;margin-top:20px;font-size:14px;}
          .popMessorder form .yzm .yleft{width:calc(100% - 90px);}
           

           .productbox .left img{width:100%}
          .productbox .left{width:100%}
          .productbox .right{width:100%;padding-left:0;margin-top:30px;}
          .productbox{padding-top: 30px;padding-bottom: 30px;}
          .productbox .ptop{flex-direction:column;align-items: flex-start;}
          .productbox .proshowt{padding-left:0;}
          .productbox .proshowt h2{font-size: 20px;line-height: 24px;padding-top: 20px;padding-bottom: 20px; border-bottom: 1px solid #E5E5E5; margin-bottom: 30px;}
          .productbox .proshowt h6{font-size: 14px;line-height: 24px;margin-bottom: 30px;}

          

          .productbox .proshowt a{line-height: 35px;text-align: center; width: 105px; height: 35px;float: left;font-size:14px;}
          .productbox .pmid{margin-top:30px;}
          .productbox .ptit{font-size: 20px;line-height: 24px;padding-left: 16px;}
          .productbox .pinfo{font-size: 14px;line-height: 24px;margin-top: 30px;}
          .productbox .pdown ul li .box{flex-direction: column;}
          .productbox .pdown ul li .pdtit{padding-left: 0px;}
          .productbox .pdown ul li:nth-child(2n) .pdtit{padding-right: 10px;}
          .productbox .pdown ul li .pdtit h4{font-size: 18px;line-height: 20px;margin-top: 20px;}
          .productbox .pdown ul li .pdtit h6{font-size: 14px;line-height: 24px;margin-top: 20px;}

          .productbox .pdown ul li .pdtit a{line-height: 35px;margin-top:15px;
           text-align: center;width: 90px;height: 35px;}


          .productbox .pdown ul li:nth-child(2n) .box{flex-direction: column;}
          .productbox .ppage{margin-top:20px;}
          .productbox .ppage .pprev{width:80px;line-height:30px;font-size:14px;padding-left: 15px;
                                    background: url(images/pprev1.png) left 8px top 50% no-repeat;}
          .productbox .ppage .pprev:hover{ background: url(images/pprev2.png)#4C7D6F left 8px top 50% no-repeat;}
          .productbox .ppage .return{font-size: 14px;}
          .productbox .ppage .pnext{width:80px;line-height:30px;font-size:14px;padding-right: 15px;
                                    background: url(images/pnext1.png) right 8px top 50% no-repeat;}
           .productbox .ppage .pnext:hover{background: url(images/pnext2.png)#4C7D6F right 8px top 50% no-repeat;}

          .productbox .right .rtit{font-size: 24px;line-height: 30px;}
          .productbox .right ul{margin-top:30px;}
          .productbox .right ul li{margin-bottom:30px;}
          .productbox .right ul li h4{font-size: 14px;margin-top: 15px;text-align:center;line-height: 16px;}
      }
        @media  screen and (max-width: 768px)
        {
            .banner li video{height:auto;width:100%;max-width:none;}
         .banner li .img2{height:auto;}
        }

         .Brandif{float:left;width:100%;padding-bottom:100px;padding-top:100px;}
       .Brandif .abmodtit{margin-bottom:70px;float:left;width:100%;}
       .Brandif .abmodtit h4{color:#000;font-size:24px;line-height:36px;font-weight:700;}
       .Brandif .abmodtit h6{color:#696969;font-size:14px;line-height:24px;margin-top:30px;}
       .Brandif .Brandleft{float:left;width:calc(50% - 60px);position:relative}
       .Brandif .Brandleft video{height:454px;max-width:100%;}
       .Brandif .Brandleft .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
       .Brandif .Brandleft .play:hover{cursor:pointer;}
       .Brandif .Brandright{float:right;width:calc(50% - 60px);}
       .Brandif .Brandright h4{font-size:36px;color:#111;line-height:38px;padding-bottom:40px;margin-bottom:40px;position:relative;font-weight:700}
       .Brandif .Brandright h4:after{content:"";width:80px;height:3px;position:absolute;bottom:0;background:#C49347;left:0}
       .Brandif .Brandright h6{color:#000;font-size:18px;line-height:36px;}

       /*工厂环境*/
       .environment{padding-top:100px;padding-bottom:100px;float:left;width:100%;background:#F9F9F9;}
       .environment .envirbg{float:left;width:100%;background:#C49347;display:flex;}

       .environment .envirbg .envirleft{width:40.5%;float:left;padding:65px 45px 30px 45px;min-height:555px;}
       .environment .envirbg .envirleft h4{color:#fff;font-weight:700;font-size:36px;line-height:38px;padding-bottom:42px;margin-bottom:50px;position:relative}
       .environment .envirbg .envirleft h4:after{content:"";position:absolute;bottom:0;left:0;background:#fff;width:76px;height:2px;}
       .environment .envirbg .envirleft h6{font-size:18px;color:#fff;line-height:36px;}
       .environment .envirbg .envirright{width:59.5%;float:left;float: left; }
        .environment .envirbg .envirright ul{width:100%;display: grid;grid-gap: 4px;display:-ms-grid;
       grid-template-areas:'a a b b c c'
                        'd d d e e e';}
        .environment .envirbg .envirright ul li{line-height:0;font-size:0}
        .environment .envirbg .envirright ul li .img{display: block; float: left;width: 100%;line-height: 0;overflow: hidden; min-height: 100%;height: 100%;}
        .environment .envirbg .envirright ul li .img img{width: 100%;transition: all 0.5s ease;min-height: 100%;height: 100%;}
        .environment .envirbg .envirright ul li:hover .img img{transform:scale(1.1);}
        .environment .envirbg .envirright ul .img1{grid-area: a;}
        .environment .envirbg .envirright ul .img2{grid-area: b;}
        .environment .envirbg .envirright ul .img3{grid-area: c;}
        .environment .envirbg .envirright ul .img4{grid-area: d;}
        .environment .envirbg .envirright ul .img5{grid-area: e;}

       .gridsx{width:100%;height:100%;overflow:hidden;}
       .gridsx .top{width:100%;display:flex;justify-content:space-between;height:50%}
       .gridsx .top li{width:calc(33.3% - 4px)}
       .gridsx .top li:last-child{width:33.3%;margin-right: -1px;}

       .gridsx .top li .img{width:100%;height:100%}
       .gridsx .top img{width:100%;height:100%;object-fit:cover}
       .gridsx .top li:last-child img{width:100%;}

       .gridsx .down{width:100%;display:flex;justify-content:space-between;margin-top:4px;height:50%}
       .gridsx .down li{width:calc(50% - 4px)}
.gridsx .down li:last-child{width:50%}
       .gridsx .down li .img{width:100%;height:100%}
       .gridsx .down img{width:100%;height:100%;object-fit:cover}
       .gridsx .down li:last-child img{width:100%;}
       .gridsx .img{overflow:hidden;}
       .gridsx img{transition:all .5s linear;overflow:hidden}
       .gridsx img:hover{transform:scale(1.1);}

        /*荣誉资质*/
        .honor{padding-top:100px;padding-bottom:100px;float:left;width:100%;background:#F9F9F9}
        .honor .slide{ width: 100%; position: relative;display:flex;align-items:center;}
        .honor .slide .img{overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;
                           background: #fff; border: #e5e5e5 solid 1px;box-shadow:2px 2px 24px rgba(221,221,221)}
/*.history .slide .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;transition:all 0.5s linear;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}*/
/*.history .slide .img .tp{ top: 0; left: 0; position: absolute; width: 100%; height: 100%;}*/
.honor .slide .img img{position: absolute;left: 50%;top: 50%; width: 100%;max-height: 100%; transform: translate(-50%,-50%);}
.honor .slide .img .box{float: left;width: 100%;}
.honor .slide .img .tp{float: left;position: relative;padding-bottom: 74.72%;overflow: hidden;width: 100%; display: block;}

.honor .slide .img.img3 line{width:calc(100% + 56px);height:1px;margin:70px 0 40px 0;background:#DCDCDC;display:block;
                       left:50%;transform:translate(-50%,0);float: left;position: relative;}
.honor .slide .img.img2 line{width:100%;height:1px;margin:55px 0 28px 0;background:#DCDCDC;display:block;
                       left:50%;transform:translate(-50%,0);float: left;position: relative;}
.honor .slide .img.img4 line{width:100%;height:1px;margin:55px 0 28px 0;background:#DCDCDC;display:block;
                       left:50%;transform:translate(-50%,0);float: left;position: relative;}

.honor .slide .img.img1 line{width:100%;height:1px;margin:30px 0 25px 0;background:#DCDCDC;display:block;
                       left:50%;transform:translate(-50%,0);float: left;position: relative;}
.honor .slide .img.img5 line{width:100%;height:1px;margin:30px 0 25px 0;background:#DCDCDC;display:block;
                       left:50%;transform:translate(-50%,0);float: left;position: relative;}
.honor .slide .img h4{font-size:18px;color:#333;text-align:center;}

.honor .slide .img.img3 h4{margin-top:40px;}
.honor .slide .img.img2 h4{margin-top:28px;}
.honor .slide .img.img4 h4{margin-top:28px;}
.honor .slide .img.img1 h4{margin-top:28px;}
.honor .slide .img.img5 h4{margin-top:28px;}

.honor .slide .img1{ width: 18.125%; /*height: 44%;*/height:auto;  left: 5.625%; z-index: 1;border: 0px solid #fff;
                     padding:34px 25px;}
.honor .slide .img2{ width: 21.875%; /*height: 73.94%;*/  height:auto; left:18.75%; z-index: 2;border: 0px solid #fff;
                     padding:36px 25px;}
.honor .slide .img3{ width: 27.5%; /*height: 100%;*/ height:auto; left: 36.0625%; z-index: 3; border:0px solid #fff;
                       padding:50px 40px;}
.honor .slide .img4{ width: 21.875%; /*height: 73.94%;*/ height:auto; left:58.75%; z-index: 2;border: 0px solid #fff;
                      padding:36px 25px;}
.honor .slide .img5{ width: 18.125%; /*height: 44%;*/ height:auto;  left: 75.75%; z-index: 1;border: 0px solid #fff;
                      padding:34px 25px;}

.certificate .butLeft{width:12px;height:12px;border-top:1px solid #000;border-right:1px solid #000;transition:all .5s ease;
                      position:absolute;top:50%;transform:translate(0,-50%)rotate(225deg);left:30px;z-index:10}
.certificate .butLeft:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
.certificate .butRight{width:12px;height:12px;border-top:1px solid #000;border-right:1px solid #000;transition:all .5s ease;
                      position:absolute;top:50%;transform:translate(0,-50%)rotate(45deg);right:30px;z-index:10}
.certificate .butRight:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
.certificate{position:relative;float:left;width:100%;}

 /*发展历程*/
   .history{padding-top:100px;padding-bottom:100px;float:left;width:100%;}
   .history ul{width:100%;float:left;height:420px;position:relative;padding-left:90px;}
   .history ul:after{content:"";width:100vw;height:1px;background:#434343;position:absolute;left:50%;top:50%;
                     transform:translate(-50%,-50%);}
   .history .hiscon{float:left;width:100%;position:relative}
   .history i{content:"";height:2px;background:#C49347;position:absolute;left:0;top:50%;
                     transform:translate(0,-50%);transition:all .5s linear;}


   .history ul li{margin-top:210px;float:left;position:relative}
    .history ul li:after{content:"";width:2px;height:19px;background:#434343;
                         position:absolute;left:4px;top:0;transition:all .5s linear;}
    .history ul li:before{content:"";position:absolute;left:1px;top:19px;border-radius:100%;border:1px solid #111;
                          height:8px;width:8px;transition:all .5s linear;}

    .history ul li:hover:before{border: 1px solid #C49347;}
    .history ul li:hover:after{background:#C49347;}
    .history ul li:nth-child(2n):after{top:190px;}
    .history ul li:nth-child(2n):before{top:182px;}
    .history ul li h4{color:#6C6C6C;font-size:36px;font-weight:700;margin-top:80px;transition:all .5s linear;}
    .history ul li h6{color:#111111;font-size:18px;margin-top:40px;}
    .history ul li:nth-child(2n){margin-top:0}
    .history ul li:nth-child(2n) h4{margin-top:0}
    .history ul li:hover{cursor:pointer}
    .history ul li:hover h4{color:#C49347}

     .history ul .slick-prev{position:absolute;height:12px;width:12px;border-top:1px solid #000;border-right:1px solid #000;transition:all .5s ease;
                             position:absolute;top:calc(50% + 23px);left:-25px;transform:rotate(225deg);}
     .history ul .slick-next{position:absolute;height:12px;width:12px;border-top:1px solid #000;border-right:1px solid #000;transition:all .5s ease;
                             position:absolute;top:calc(50% + 23px);right:-25px;transform:rotate(45deg);}
     .history ul .slick-prev:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
     .history ul .slick-next:hover{border-top:1px solid #C49347;border-right:1px solid #C49347;}
      

      @media  screen and (max-width: 1600px)
      {
          .history ul .slick-prev{left:30px;}
          .history ul .slick-next{right:30px;}
      }

     @media  screen and (max-width: 1024px){
           .gridsx .top img{width:100%;height:100%;object-fit:cover;min-height:90px;}
           .gridsx .down li .img{min-height:90px;}
         .environment .envirbg{flex-direction: column;}
         .history i{top:100%}
        .Brandif .Brandleft .play{height:40px;width:40px;}
        .Brandif .Brandleft .play img{height:40px;width:40px;}
        .history ul:after{top:100%}
        .history{padding-top:30px;padding-bottom:60px;}
        .history ul{padding-left:0;height:150px}
        .history ul li h4{font-size:18px;margin-top:0px;}
        .history ul li h6{font-size:14px;margin-top:20px;}
        .history ul li{margin-top:0px;padding:0 10px}
        .history ul li:nth-child(2n):after{top:130px}
        .history ul li:nth-child(2n):before{top:123px}
        .history ul li:after{top:130px}
        .history ul li:before{top:123px}
        .history ul .slick-prev{position:absolute;height:10px;width:10px;border-top:1px solid #000;border-right:1px solid #000;position:absolute;top:120%;left:40%;transform:rotate(225deg);}
        .history ul .slick-next{position:absolute;height:10px;width:10px;border-top:1px solid #000;border-right:1px solid #000;
                                position:absolute;top:120%;right:40%;transform:rotate(45deg);}

        }


    @media  screen and (max-width: 1024px){
        .certificate{display:none;}
        .Brandif{padding-bottom: 30px;padding-top: 30px;}
        .Brandif .abmodtit h4{font-size: 20px;line-height: 24px;}
        .Brandif .abmodtit h6{margin-top:15px;line-height:20px;}
        .Brandif .Brandleft{width:100%;}
        .Brandif .Brandright{width:100%;margin-top:30px;}
        .Brandif .abmodtit{margin-bottom: 20px;}
        .Brandif .Brandleft video{height:auto;width:100%}
        .Brandif .Brandright h4{font-size: 20px; line-height: 24px;padding-bottom: 20px;margin-bottom: 20px;}
        .Brandif .Brandright h4:after{width:50px;height:2px;}
        .Brandif .Brandright h6{font-size:14px;line-height: 24px;}

        .environment{padding-top: 30px;padding-bottom: 30px;}
        .environment .envirbg .envirleft{width:100%;padding:30px 20px 20px 20px;min-height:initial}
        .environment .envirbg .envirright{width:100%;padding:0 20px 30px 20px;min-height:211px;}
        .environment .envirbg .envirleft h4{font-weight: 700;font-size: 16px; line-height: 24px; padding-bottom: 20px; margin-bottom: 20px;}
        .environment .envirbg .envirleft h6{font-size:14px;line-height:24px;}


        .honor{padding-top: 30px;padding-bottom: 60px;}
        .honor .slide .img3{width:90%;left:5%;padding:20px;}
        .honor .slide .img2{width:50%;left:5%;padding:20px;}
        .honor .slide .img4{width:50%;left:5%;padding:20px;}
        .honor .slide .img.img3 line{margin:20px 0;width:100%}
        .honor .slide .img h4{font-size:16px;}
        .certificate .butLeft{left:-2%}
        .certificate .butRight{right:-2%}

    }


       /*产品列表*/
        .product{padding-top:100px;padding-bottom:100px;width:100%;float:left}
        .product ul{width:calc(100% + 60px);margin:-30px;float:left;display:flex;flex-wrap:wrap}
        .product ul li{width:50%;float:left;padding:30px}
        .product ul li a{display:block;width:100%;float:left}
        .product ul li .img{float: left;width: 100%;line-height: 0;overflow: hidden; position: relative;z-index: 1;}
        .product ul li .img img{vertical-align: middle;transition:all .5s ease;max-width:100%;}
        .product ul li:hover .img img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
        .product ul li h4{text-align:center;font-size:30px;line-height:32px;padding:55px 0;transition:all .5s ease;color:#000000;float: left;width: 100%;}
        .product ul li:hover h4{color:#C49347}
         @media  screen and (max-width: 1024px){
             .product{padding-top:30px;padding-bottom:30px;}
             .product ul{width:calc(100% + 20px);margin:-10px;}
             .product ul li{padding:15px;width:100%;}
             .product ul li h4{padding:15px 0 0 0;font-size:16px;}

         }



         .waphonul {display:none}
        .waphonul li{height:auto;padding:15px;background:#fff;}      
         .waphonul .img{float: left;
    position: relative;
    padding-bottom: 74.72%;
    overflow: hidden;
    width: 100%;
    display: block;}
         .waphonul .img img{position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-height: 100%;
    transform: translate(-50%,-50%);}
         .waphonul line{margin:20px 0;width:100%;height:1px;
                        background: #DCDCDC;display: block;left: 50%;float: left;position: relative;transform: translate(-50%,0);}
.waphonul h4{font-size: 16px;
    color: #333;
    text-align: center;}

.waphonul .slick-prev{width: 12px;
    height: 12px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transition: all .5s ease;
    position: absolute;
    top: calc(100% + 30px);
    transform: translate(0,-50%)rotate(225deg);
    left: 30%;
    z-index: 10;}
.waphonul .slick-next{width: 12px;
    height: 12px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transition: all .5s ease;
    position: absolute;
    top: calc(100% + 30px);
    transform: translate(0,-50%)rotate(45deg);
    right: 30%;
    z-index: 10;}
.waphonul .slick-arrow:hover{ border-top: 1px solid #C49347;
    border-right: 1px solid #C49347;}
   @media  screen and (max-width: 1024px){
       .waphonul{display:block}
   }
    @media  screen and (max-width: 1024px){
              .Brandif .abconst{width:100%}
              .Brandif .abconst img{position:relative;right:0;height:20px;margin-top:15px;}
              .history ul li.slick-current h4{color:#C49347;}
              .history ul li.slick-current h6{color:#C49347;}
              .history ul li.slick-current:after{background: #C49347;}
              .history ul li.slick-current:before{border: 1px solid #C49347}
              .history ul li:before{left:11px;}
              .history ul li:after{left:14px;}
          }
    .pf1{z-index:-99;display:none}

/*弹窗*/
._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;  font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(images/zzimg6.png)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;}
._htm video{width: 100%;display: block;margin: 0 auto;}
._htm img{width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1680px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}



.sp_section{width: 100%;padding-top: 100px;padding-bottom: 110px;float: left;}
.sp_section .content{margin-bottom: 96px;float: left;width: 100%;}
.sp_section .paging{margin: 0;}
.sp_section .content ul{margin: -39px -25px;overflow: hidden;width: calc(100% + 50px);}
.sp_section .content li{width: 33.33333%;float: left;padding: 39px 25px;}
.sp_section .content a{display: block;width: 100%;}
.sp_section .content a .picbox{width: 100%;position: relative;}
.sp_section .content a .pic{ width: 100%; padding-bottom: 66.66%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sp_section .content a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sp_section .content a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sp_section .content a .ico{width: 54px;display: block;position: absolute;left: 50%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);}
.sp_section .content a .wordsbox{width: 100%;padding-top: 30px;}
.sp_section .content a .wordsbox .words{font-size: 20px;color: #000000;line-height: 30px;height: 60px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sp_section .content a:hover .wordsbox .words{color: #c49347;}
@media  screen and (max-width: 1024px){
.sp_section{padding-top: 30px;padding-bottom: 30px;}
.sp_section .content{margin-bottom: 20px;}
.sp_section .content ul{margin: -6px;width: calc(100% + 12px);}
.sp_section .content li{width: 50%;padding: 6px;}
.sp_section .content a .ico{width: 34px;}
.sp_section .content a .wordsbox{padding-top: 14px;}
.sp_section .content a .wordsbox .words{font-size: 14px;line-height: 24px;height: 48px;}
}

.cpsp_section{width: 100%;margin-top: 50px;}
.cpsp_section .list{margin-bottom: 60px;}
.cpsp_section .list:last-child{margin-bottom: 0;}
.cpsp_section .ulbox{margin-top: 36px;}
.cpsp_section .ulbox .ul{margin: 0 -12px;width: calc(100% + 24px);}
.cpsp_section .ulbox .li{padding: 0 12px;height: auto;}
.cpsp_section .ulbox a{display: block;width: 100%;}
.cpsp_section .ulbox a .picbox{width: 100%;position: relative;}
.cpsp_section .ulbox a .pic{ width: 100%; padding-bottom: 66.66%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cpsp_section .ulbox a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cpsp_section .ulbox a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cpsp_section .ulbox a .ico{width: 54px;display: block;position: absolute;left: 50%;top: 50%;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);}
.cpsp_section .ulbox a .wordsbox{margin-top: 20px;}
.cpsp_section .ulbox a .wordsbox .words{font-size: 18px;color: #333333;line-height: 24px;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.cpsp_section .ulbox a:hover .wordsbox .words{color: #c49347;}  
.cpsp_section .ulbox ul .slick-prev{width: 10px;height: 18px;background: url(images/zzimg7.png) no-repeat center center; background-size: cover;left: -8px;top: 50%;}
.cpsp_section .ulbox ul .slick-next{width: 10px;height: 18px;background: url(images/zzimg8.png) no-repeat center center; background-size: cover;right: -8px;top: 50%;}
.cpsp_section .ulbox ul .slick-prev:hover{background: url(images/zzimg9.png) no-repeat center center; background-size: cover;}
.cpsp_section .ulbox ul .slick-next:hover{background: url(images/zzimg10.png) no-repeat center center; background-size: cover;}
@media  screen and (max-width: 1024px){
.cpsp_section{margin-top: 30px;}
.cpsp_section .list{margin-bottom: 20px;}
.cpsp_section .ulbox{margin-top: 14px;}
.cpsp_section .ulbox .ul{margin: 0 -6px;width: calc(100% + 12px);padding-bottom: 24px;}
.cpsp_section .ulbox .li{padding: 0 6px;}
.cpsp_section .ulbox a .picbox{width: 100%;position: relative;}
.cpsp_section .ulbox a .ico{width: 34px;}
.cpsp_section .ulbox a .wordsbox{margin-top: 12px;}
.cpsp_section .ulbox a .wordsbox .words{font-size: 14px;}
.cpsp_section .ulbox .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;}
.cpsp_section .ulbox .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;}
.cpsp_section .ulbox .ul .slick-dots li.slick-active{ background: #c49347;}
}