@charset "utf-8";
/* CSS Document */




.flexslider{width:100%; height:1080px; height: auto; position: relative;  overflow:hidden; z-index: 1}
/*图片*/
.flex-viewport,.flexslider .slides,.flexslider .slides li/*,.flexslider .slides li a img*/{ display: block; width:100%; /*height:100%;*/}
.flexslider .slides li { overflow: hidden; position: relative;}
.flexslider .slides li a { display: block;width: 1920px;  width:2560px; height:100%; position: relative; left:50%;margin-left:-960px; margin-left:-1280px; }
.flexslider .slides li a { text-align: center;}
.flexslider .slides li a img { display: inline-block; width:100%; height:1080px; height: auto; }

/*按钮点*/
.flex-control-nav{width:100%;position:absolute;bottom:30px;text-align:center; z-index:88;}
.flex-control-nav li{display:inline-block;zoom:1;*display:inline; }
.flex-control-paging li a{ width: 6px; height:6px; background-color: #fff ; overflow: hidden; font-size: 0; cursor: pointer; margin: 0 6px; display: inline-block ; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.flex-control-paging li a.flex-active{ width: 28px; }
.flex-direction-nav{display: none}
/* .flex-direction-nav{ width:100%;  position: absolute;left:0; top: 304px ;}
.flex-prev{ width: 58px; height: 58px; background: url(../images/lt.png) no-repeat ;display: block ;position: absolute; left: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-next{ width: 58px; height: 58px; background: url(../images/rt.png) no-repeat ;display: block ;position: absolute; right: 0;top: 0 ;z-index: 99;font-size: 0}
.flex-prev:hover{ background: url(../images/lt1.png) no-repeat ;}
.flex-next:hover{ background: url(../images/rt1.png) no-repeat ;} */



.swiper-container {width: 100%; height: 590px ;}
.swiper-slide {text-align: center;font-size: 18px;
     height: 540px; width: 1300px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
.swiper-slide  a{display: block; width: 100%; height: 100%;}
.swiper-slide .Shelter-box{display: block; width: 100%; height: 100%; position: relative; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; overflow: hidden;}
.swiper-slide img{ width: 100%; height: 100%; border-radius: 8px;}
.swiper-button-prev{z-index: 110; display: none}
.swiper-button-next{z-index: 110;display: none}
.swiper-slide .zhed-box{ width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5); position: absolute; left: 0;top: 0;}
.swiper-slide .zhed-box .text-box{ width: 586px; height: 140px; position: absolute; left: 40px; bottom: 51px; display: none; background: url(../images/zhe.jpg) no-repeat; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; padding: 0 21px;text-align: left; overflow: hidden; }
.swiper-slide .zhed-box .text-box h3{ width: 100% ;height: 24px; line-height: 24px ;font-size: 22px;font-weight: bold ;color: #333 ; white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;margin: 23px 0 21px 0}
.swiper-slide .zhed-box .text-box h4{ width: 100% ;height: 16px; line-height: 16px ;font-size: 16px;color: #777;white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;margin-bottom: 16px;}
.swiper-slide-active .zhed-box{background: rgba(0, 0, 0, 0);}
.swiper-slide-active .zhed-box .text-box{display: block}
.swiper-pagination-bullet{ width: 6px; height: 6px;background-color: #2c3c32 ;opacity: 1;}
.swiper-pagination-bullet-active{ width: 28px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }


.main-bj{ width: 100% ; height: 5628px; background: url(../images/main-bj.jpg) no-repeat top center; overflow: hidden;}
.product-bj{ width: 100% ; padding: 120px 0 68px 0 ;/* overflow: hidden;*/}
.product-c{ width: 1300px;margin: 0 auto;/* overflow: hidden;*/}
.titel-box{ width: 100% ; text-align: center}
.titel-box h3{line-height: 36px;font-size: 36px; font-weight: bold ;color: #333 ;position: relative; top: -11px}

.series{ width: 100% ;margin: 74px 0 0 0; overflow: hidden;}
.series ul li{ width: 432px; height: 303px;text-align: center ; border-right: 1px solid #e5e5e5 ;border-bottom: 1px solid #e5e5e5; float: left;  overflow: hidden;position: relative; }
.series ul li .anmt{ width: 432px; height: 303px; position: absolute; left: 0; bottom: -40px ;display: none }
.series ul li img{ width: 112px; height: 112px;margin: 22px 0 15px 0 ;position: relative; z-index: 5;}
.series ul li h3{ width: 100% ; height: 22px; line-height: 22px; font-size: 20px; font-weight: bold ; color: #333 ; margin-bottom: 25px; overflow: hidden; position: relative; z-index: 5; }
.series ul li .tz-box{ width: 350px; padding-left: 82px; overflow: hidden;}
.series ul li .tz-box a{ width: 162px; height: 16px; line-height: 16px; float: left;text-align: left;font-size: 16px; color: #777 ; overflow: hidden; margin-bottom: 16px; position: relative;}
.series ul li.lei3{border-right: none;}
.series ul li.lei6{border-right: none ;border-bottom: none}
.series ul li.lei4{border-bottom: none}
.series ul li.lei5{border-bottom: none}
.series ul li.lei1 .anmt{ background: url(../images/ha1.jpg) no-repeat;}
.series ul li.lei2 .anmt{ background: url(../images/ha2.jpg) no-repeat;}
.series ul li.lei3 .anmt{ background: url(../images/ha3.jpg) no-repeat;}
.series ul li.lei4 .anmt{ background: url(../images/ha4.jpg) no-repeat;}
.series ul li.lei5 .anmt{ background: url(../images/ha5.jpg) no-repeat;}
.series ul li.lei6 .anmt{ background: url(../images/ha6.jpg) no-repeat;}
.series ul li:hover h3{color: #fff}
.series ul li:hover a{color: #fff}
/* .series ul li:hover .anmt{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); } */
/* .series ul li:hover .anmt{opacity: 1;-webkit-transition:all 1.0s ease-in-out;} */

.recommend-bj{ width: 100% ; overflow: hidden; margin-bottom: 110px;}
.recommend-c{ width: 1300px;margin: 0 auto; padding-top: 50px; overflow: hidden;}
.picScroll-left{ width: 100%; height: 381px ; margin: 50px 0 0 0; overflow:hidden; position:relative; }
.picScroll-left .hd{  width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;  }
.picScroll-left .hd ul{ width: 100%;text-align: center;}
.picScroll-left .hd ul li{width: 6px; height:6px; background-color: #2c3c32 ; overflow: hidden; font-size: 0; cursor: pointer; margin: 0 6px; display: inline-block ; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.picScroll-left .hd ul li.on{ width: 28px }

/* .picScroll-left .hd .next{ width:36px; height:50px; background: rgba(0, 0, 0, 0.5); background-image: url(../images/jt2.png); background-repeat: no-repeat; background-position: center center; position:absolute;right:0;top:-180px; cursor:pointer; z-index:9 ;display: block ;}
.picScroll-left .hd .prev{width:36px; height:50px;  background: rgba(0, 0, 0, 0.5); background-image: url(../images/jt1.png); background-repeat: no-repeat; background-position: center center; position:absolute;left:0;top:-180px; cursor:pointer; z-index:9 ;display: block;}
.picScroll-left .hd .next img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .prev img{display: block ; margin: 0 auto; margin-top: 14px;}
.picScroll-left .hd .next:hover{ background: rgba(179, 16, 17, 0.5);background-image: url(../images/jt2.png);background-repeat: no-repeat; background-position: center center; }
.picScroll-left .hd .prev:hover{background: rgba(179, 16, 17, 0.5);background-image: url(../images/jt1.png);background-repeat: no-repeat; background-position: center center;} */

.picScroll-left .bd{  width: 100%  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline;width: 413px; height: 310px ;margin-right: 30px;  overflow:hidden; position: relative; }
.picScroll-left .bd ul li img{ width: 100%; height: 100% ; transition: all 1s; border-radius:4px  ; -webkit-border-radius:4px  ; -moz-border-radius:4px  ; -ms-border-radius:4px  ; -o-border-radius:4px  ; }
.picScroll-left .bd ul li .zhe{ width: 413px; height: 310px; background:url(../images/zhe.png) no-repeat bottom center; ; position: absolute; right: 0;bottom: 0; overflow: hidden;display: none}
.picScroll-left .bd ul li .zhe h3{ width: 360px; height: 22px;line-height: 22px; font-size: 20px;color: #fff ;font-weight: bold ; margin: 235px 0 0 24px; overflow: hidden;}
.picScroll-left .bd ul li .zhe h4{ width: 360px; height: 14px;line-height: 14px; font-size: 14px;color: #e8e8e8 ;margin: 11px 0 0 24px; white-space: nowrap;text-overflow: ellipsis ; overflow: hidden;}
.picScroll-left .bd ul li:hover .zhe{display: block}
.picScroll-left .bd ul li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }




.case-bj{ width: 100% ; height: 1150px; position: relative; overflow: hidden;}
.case-c{ width: 100%;margin: 0 auto; padding-top: 50px; overflow: hidden;}
.qhd{ width: 100%; height: 730px; position: absolute; left: -100000px; }

.fangan-bj{ width: 1300px; height: 173px;margin: 0 auto;margin-top: 53px;  border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ;margin-bottom: 71px;  overflow: hidden;}
.fangan-bj .fbx{ width: 215px; height: 168px;float: left;background-color: #f7f7f7; border-right: 1px solid #d2d2d2; cursor: pointer; position: relative;}
.fangan-bj .fbx a{ width: 100%; height: 100%;display: block}
.fangan-bj .fbx .ico{ position: absolute; left: 50%; margin-left: -28.5px;top: 40px}
.fangan-bj .fbx .ico2{display: none}
.fangan-bj .fbx h3{ width: 100%; height: 18px;line-height: 18px; text-align: center;font-size: 16px; color: #777 ; position: absolute; left: 0;bottom: 38px; overflow: hidden;}
.fangan-bj .fbx .sjx{ position: absolute; left: 50%; margin-left: -7.5px;top: 168px ;display: none}
.fangan-bj .fbx.on{background: none; background-color: #2c3c32;}
.fangan-bj .fbx.on .ico2{display: block}
.fangan-bj .fbx.on .ico1{display: none}
.fangan-bj .fbx.on .sjx{display: block;}
.fangan-bj .fbx.on h3{color: #fff}
.fangan-bj .sty1{ border-radius:6px 0 0  6px; -webkit-border-radius:6px 0 0  6px; -moz-border-radius:6px 0 0  6px; -ms-border-radius:6px 0 0  6px; -o-border-radius:6px 0 0  6px;}
.fangan-bj .sty2{ border-radius:0 6px  6px 0 ; -webkit-border-radius:0 6px  6px 0 ; -moz-border-radius:0 6px  6px 0 ; -ms-border-radius:0 6px  6px 0 ; -o-border-radius:0 6px  6px 0 ; background: none }
.fangan-bj .fbx:nth-child(1){ border-radius:0 0 0 6px ; -webkit-border-radius:0 0 0 6px ; -moz-border-radius:0 0 0 6px ; -ms-border-radius:0 0 0 6px ; -o-border-radius:0 0 0 6px ; }
.fangan-bj .fbx:nth-child(6){ border-radius:0 6px 6px 0 ; -webkit-border-radius:0 6px 6px 0 ; -moz-border-radius:0 6px 6px 0 ; -ms-border-radius:0 6px 6px 0 ; -o-border-radius:0 6px 6px 0 ; border: none ; }
.fangan-bj .fbx:hover{background: none; background-color: #2c3c32;}
.fangan-bj .fbx:hover .ico2{display: block}
.fangan-bj .fbx:hover .ico1{display: none}
.fangan-bj .fbx:hover .sjx{display: block;}
.fangan-bj .fbx:hover h3{color: #fff}

.gd-box{ width: 100%;text-align: center;}
.gd-box .gd{ width: 164px; height: 41px; display: inline-block ; position: relative;  }
.gd-box .gd a{ width: 162px; height: 39px; line-height: 39px; text-align: center; display: inline-block ; border: solid 1px #d2d2d2 ; font-size: 14px; color: #999 ; text-transform: uppercase; border-radius:4px; overflow: hidden; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; }
.gd-box .gd a i{color: #2c3c32}
.mgt100{margin-top: 70px}


.enter-bj{ width: 100% ; padding: 160px 0 120px 0; overflow: hidden;}
.enter-c{ width: 1300px; margin: 0 auto ;/* overflow: hidden;*/}
.viod-box{ width: 100% ; height: 390px;  overflow: hidden;margin: 80px 0 0 0; }
.viod-l{ width: 670px; height: 390px;float: left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;  overflow: hidden;}
.viod-r{ width: 580px; height: 390px;float: right; overflow: hidden;}
.swiper-slide-video{ width: 692px; height: 390px;}

.content-boxs{ width: 100% ; overflow: hidden;}
.content-boxs .row-price{ float: left; width: 116px;}
.content-boxs .row-price .price-box{ width: 116px; text-align: center;}
.content-boxs .row-price p{font-size: 36px;font-weight: bold; color: #2c3c32 ;font-family: "Arial" ;display: inline-block}
.content-boxs .row-price .price-box span{font-size: 16px; color: #2c3c32;  padding-left: 6px;}
.content-boxs .row-price h5{font-size: 16px; color: #777;  text-align: center ;padding-top: 1px;}


.ms-box{ width: 100% ; height: 220px; line-height: 30px;font-size: 16px; color: #777 ;text-align: justify ;margin: 30px 0 0 0; overflow: hidden;}
.mt2{text-align: left;margin-top: 32px}

.trenos-bj{ width: 100% ; height: 856px; padding-top: 40px; overflow: hidden;}
.trenos-c{ width: 1300px; margin: 0 auto}
.tith{ width: 100% ;text-align: center; padding: 50px 0 60px 0}
.tith h3{display: inline-block ; min-width: 70px; height: 34px;line-height: 34px;text-align: center ; padding: 0 10px;font-size: 16px; color: #999 ;margin: 0 16px; cursor: pointer;}
.tith h3.on{ background-color: #2c3c32 ; border-radius:4px ; -webkit-border-radius:4px ; -moz-border-radius:4px ; -ms-border-radius:4px ; -o-border-radius:4px ; color: #fff ; }
.qhde{margin-bottom: 20px;}

.cping{ width: 100% ; margin-bottom: 100px;}
.cping ul{ width: 1360px;}
.cping ul li{ width: 413px; height: 478px ; background-color: #fff; float: left; border-radius:5px; margin: 0 30px 0 0 ; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; box-shadow: rgba(0, 0, 0, 0.06) 0 0 7px 2px; overflow: hidden; }
.cping ul li a{ width: 100% ; height: 100% ; display: block}
.cping ul li a .cpb{ width: 413px ; height:315px ; position: relative;  overflow: hidden;}
.cping ul li a .cpb img{ width: 100% ; height: 315px ;transition: all 1s; }
.cping ul li a .animet-bj{ width: 100%;position: relative;}
.cping ul li a .animet{ width: 363px;margin: 0 auto; height: 219px; position: relative;}
.cping ul li a .animet .cdb{ width: 100% ; height: 33px;border-bottom: 1px solid #dfdfdf ; padding: 17px 0 0 0; overflow: hidden;}
.cping ul li a .animet .cdb h5{ height: 16px;line-height: 16px; background: url(../images/icon6.png) no-repeat left center; float: left;font-size: 14px; color: #999 ; padding-left: 22px;}
.cping ul li a .animet .cdb h6{float: right;font-size: 14px; color: #999 ; background: url(../images/icon7.png) no-repeat left center; padding-left: 22px;}
.cping ul li a .animet h3{width: 100% ;  height: 20px; line-height: 20px; font-size: 20px; color: #333;white-space: nowrap;text-overflow: ellipsis;margin: 22px 0 16px 0; overflow: hidden;}
.cping ul li a .animet p{width: 100% ;  height: 60px; height: 30px; line-height: 30px; font-size: 16px; color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.cping ul li:hover a .cpb img{ transform: scale(1.1);}
.cping ul li:hover a .animet-bj{ background: url(../images/cpbj.jpg) repeat;}
.cping ul li:hover a .animet h3{color: #fff;}
.cping ul li:hover a .animet p{color: #fff;}
.cping ul li:hover a .animet .cdb h5{background: url(../images/icon6-1.png) no-repeat left center;color: #fff }
.cping ul li:hover a .animet .cdb h6{background: url(../images/icon7-1.png) no-repeat left center;color: #fff }


.cooperation-bj{ width: 100% ; padding: 162px 0 0 0}
.cooperation-c{ width: 1300px; margin: 0 auto ;/* overflow: hidden;*/}



.picScroll-left2{ width: 100%; margin: 50px 0 0 0; overflow:hidden; position:relative; }
.picScroll-left2 .hd{  width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;  }
.picScroll-left2 .hd ul{ width: 100%;text-align: center;}
.picScroll-left2 .hd ul li{width: 6px; height:6px; background-color: #2c3c32 ; overflow: hidden; font-size: 0; cursor: pointer; margin: 0 6px; display: inline-block ; border-radius:6px ; -webkit-border-radius:6px ; -moz-border-radius:6px ; -ms-border-radius:6px ; -o-border-radius:6px ; }
.picScroll-left2 .hd ul li.on{ width: 28px }

.picScroll-left2 .bd{  width: 100%  }
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{float:left; _display:inline; width: 260px; height: 110px; background: url(../images/xian.jpg) no-repeat right center;  position: relative;margin-top: 5px; margin-bottom: 40px; }
.picScroll-left2 .bd ul li a{ width: 222px; height: 110px; display: block ; margin: 0 auto; border-radius:6px; overflow: hidden; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -o-border-radius:6px; position: relative;}
.picScroll-left2 .bd ul li a img{ width: 100% ;height: 100%;}
.picScroll-left2 .bd ul li:nth-child(5n+5){background: none}
.picScroll-left2 .bd ul li a:hover{box-shadow: rgba(0, 0, 0, 0.06) 0 0 7px 3px}




.form-box{ width: 100% ; padding: 123px 0 0 0 ; overflow: hidden;}
.inpt{ width: 399px; height: 41px; line-height: 41px;background-color: #fff; padding-left: 17px; font-size: 16px; color: #333 ; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; float: left;margin-right: 26px;margin-bottom: 25px;}
.inpt2{margin: 0 ;float: right}
.textarea{ padding: 17px; width: 1266px ; height: 70px; font-size: 16px; color: #333 ; line-height: 28px;border-radius:5px ; border: none}
.submit-box{ width: 100%;text-align: center ; padding: 86px 0 0 0}
.submit-box .submit{ width: 164px; height: 41px;background-color: #fff;border-radius:5px ; display: inline-block ;font-size: 14px; color: #999 ;cursor: pointer;position: relative;}
.hsd::-webkit-input-placeholder{ color:#999; }
.hsd::-moz-placeholder{color:#999;}
.hsd:-moz-placeholder{ color:#999;}
.hsd:-ms-input-placeholder{color:#999;}
/* .submit-box .submit:hover{  background: #2c3c32; color: #fff} */
.submit-box .gd{width: 164px; height: 41px;display: inline-block; position: relative;border-radius:5px ; cursor: pointer; overflow: hidden;}
.submit-box .gd:before{width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 142px;
  border-radius: 50%;
  content: '';
  background: #2c3c32;
transform: translate(-50%, -50%) rotate(45deg);
transition: all .6s cubic-bezier(.23, 1, .32, 1);}
.submit-box .gd:hover:before {

  top: 60px;

}
.submit-box .gd:hover .submit{background: none ;color: #fff}

.gd-box .gd{overflow: hidden;border-radius: 4px;}
.gd-box .gd a{overflow: hidden;}
.gd-box .gd:before{width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 142px;
  border-radius: 50%;
  content: '';
  background: #2c3c32;
transform: translate(-50%, -50%) rotate(45deg);
transition: all .6s cubic-bezier(.23, 1, .32, 1);}

.gd-box .gd a:hover{color: #fff ;position: relative; z-index: 5;}
.gd-box .gd a:hover i{color: #fff}
.gd-box .gd:hover:before {

  top: 60px;

}


.cping ul li a .animet .cdb h5{ width: 232px;text-overflow: ellipsis;overflow: hidden;}


/* 2022.4.20修改 */
.series ul li img{ width: 130px; height: 130px;margin: 10px 0 10px 0}
.flexslider{ height: 750px;}
.flexslider .slides li a img { display: inline-block; width:100%; height:1080px; height: 750px; object-fit: cover}
.swiper-slide .zhed-box .text-box{background: none; background: rgba(44, 60, 50, 0.7)}
.swiper-slide .zhed-box .text-box h3{color: #fff}
.swiper-slide .zhed-box .text-box h4{color: #e1e1e1}