@charset 'utf-8'; .productdetail {
    padding: 46px 0;
}


.crumbs{font-size:15px;padding: 15px 0;background: #eee;color: #89c040;}
.crumbs a{color:#000;}
.con_banner{width:100%;position:relative;margin-bottom:50px;}
.con_banner .picture img{width:100%;display: none;}
.con_banner .content{/* position:absolute; */top:0;display:flex;width:100%;height: 100%;align-items: self-end;background: url(../images/a1.jpg);background-size: 100% 100%;}
.di_img{width:50%;padding: 50px;}
.di_img .title{font-size: 36px;color: #fff;margin-bottom: 20px;}
.di_img .text{font-size:40px;color: #fff;font-weight: bold;}
.ko_img{width:50%;}
.ko_img img{max-width:100%;}

.ul_3er{margin: 0 0 50px;}
.ul_3er ul{display:flex;justify-content: space-between;}
.ul_3er li{/* width:30%; */}
.ul_3er ul li h3 {
      /* 调整颜色占比：浅色区域更宽 */
      background: linear-gradient(
        to right,
        #016b9f 20%,    /* 深色占20% */
        #3da1a9 40%,    /* 中间色过渡到40% */
        #8ec33d 100%    /* 从40%到100%都是浅色区域（占60%） */
      );
      
      /* 核心：将渐变应用到文字 */
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      
      /* 文字样式 */
      font-size: 24px;
      font-weight: bold;
      line-height: 2;
      display: inline-block;
    }
.ul_3er ul li p{font-size:16px;color: #999;}



.bigimg .swiper-container{padding-bottom:50px;}
.bigimg .swiper-pagination-bullet-active{background:#8fc43c;}
.lai_shi{display:flex;margin-top:30px;}
.lai_shi a{margin:0 2% 0 0;}
.ikrr a{
         background: linear-gradient(
        to right,
        #016b9f 20%,    /* 深色占20% */
        #3da1a9 40%,    /* 中间色过渡到40% */
        #8ec33d 100%    /* 从40%到100%都是浅色区域（占60%） */
      );
    padding: 10px 30px;
    border-radius: 60px;
    overflow: hidden;
}


.bao_guo{padding:50px 0;}
.bao_guo h3{font-size:24px;font-weight:bold;text-align: center;color: #000;}
.krsort_r{display:flex;margin-top:50px;justify-content: space-between;}
.left_gs{width: 45%;}
.left_gs p{font-size:16px;line-height: 1.8;color: #666666;}
.left_gs  a{
         background: linear-gradient(
        to right,
        #016b9f 20%,    /* 深色占20% */
        #3da1a9 40%,    /* 中间色过渡到40% */
        #8ec33d 100%    /* 从40%到100%都是浅色区域（占60%） */
      );
         padding: 10px 30px;
         border-radius: 60px;
         overflow: hidden;
         color: #fff;
         font-size: 16px;
         margin-top: 50px;
         display: inline-block;
}
.right_gs{width:50%;}
.right_gs img{max-width:100%;}

.video_cp{padding:50px 0;}
.video_cp h3{font-size:24px;font-weight:bold;text-align: center;color: #000;}
.video_lun{margin-top:50px;}
 /* 轮播容器样式 */
    .video-swiper-container {
      /* max-width: 1200px; */
      margin: 0 auto;
      position: relative;
    }

    /* 标题区域样式 */
    .carousel-title {
      margin-bottom: 20px;
    }

    .video_cp h4 {
      font-size: 18px;
      color: #000;
      margin: 20px 0;
      font-weight: 600;
      width: 100%;
    }

    .video_cp p {
      font-size: 16px;
      color: #666;
      line-height: 1.5;
      width: 100%;
    }

    /* Swiper 内容区样式 */
 .video_cp   .swiper-container {
      width: 100%;
      /* height: 320px; */ /* 可根据需求调整视频高度 */
      margin-bottom: 20px;
      padding: 0 0 50px;
    }

    /* 视频卡片样式 */
  .video_cp  .swiper-slide {
      /* display: flex; */
      /* justify-content: center; */
      /* align-items: center; */
      padding: 0 10px; /* 卡片之间的间距 */
      text-align: center;
    }

  .video_cp  .video-card {
      width: 100%;
      height: auto;
      background-color: #000;
      border-radius: 8px;
      overflow: hidden;
      position: relative;
    }

    /* 视频样式 */
   .video_cp .video-card video {
      width: 100%;
      height: 100%;
      object-fit: cover; /* 保持视频比例填充容器 */
    }

    /* 控制区域样式（进度条分页器 + 箭头） */
  .video_cp  .swiper-controls {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
    }

    /* 进度条分页器样式 */
   .video_cp .swiper-pagination-progressbar {
      width: calc(100% - 140px); /* 给右侧箭头留出空间 */
      height: 4px;
      background-color: #eee;
      border-radius: 3px;
    }

  .video_cp  .swiper-pagination-progressbar-fill {
      background-color: #8fc43c; /* 进度条颜色 */
      border-radius: 3px;
    }

    /* 翻页箭头样式 */
  .video_cp  .swiper-button-prev {
      width: 9px;
      height: 15px;
      background-image: url(../images/left_s.png);
      border-radius: 0;
      color: #2c3e50;
      left: 97%;
      background-size: 100% 100%;
    }
    /* 翻页箭头样式 */
  
.video_cp    .swiper-button-next {
      width: 9px;
      height: 15px;
      background-image: url(../images/right_s.png);
      border-radius: 0;
      color: #2c3e50;
      right: 0;
      background-size: 100% 100%;
    }
	
	
	.video_cp .swiper-button-next, 	.video_cp .swiper-button-prev{top: 103%;}
    /* 箭头图标调整 */
  .video_cp  .swiper-button-prev::after,
  .video_cp  .swiper-button-next::after {
      font-size: 16px;
      font-weight: bold;
    }

    /* 响应式调整（移动端） */
    @media (max-width: 768px) {
   .video_cp   .swiper-container {
        height: 220px;
      }

      .carousel-title h2 {
        font-size: 20px;
      }

      .carousel-title p {
        font-size: 14px;
      }

   .video_cp   .swiper-pagination-progressbar {
        width: calc(100% - 70px);
      }

    .video_cp  .swiper-button-prev,
    .video_cp  .swiper-button-next {
        width: 9px;
        height: 15px;
      }

      .video_cp .swiper-button-prev::after,
     .video_cp  .swiper-button-next::after {
        font-size: 14px;
      }
    }



.hor_tui{padding:50px 0;}
.hor_tui h3{font-size:24px;font-weight:bold;text-align: center;color: #000;}
.hor_auto {margin-top:50px;}
.hor_auto ul{display:flex;justify-content: space-between;flex-wrap: wrap;}
.hor_auto ul li{width: 32%;}
.hor_auto ul li img{width: 100%;}
.hor_auto ul li p{font-size: 16px;color: #333;text-align: center;margin: 15px 0;font-weight: bold;}

.productdetail .contentdetail {
    width: 100%;
    float: right;
}

.productdetail .contentdetail .picture {
    width: 35%;
    float: left;
}

.productdetail .contentdetail .picture .bigimg {
    /* border: solid #e5e5e5 1px; */
}

.productdetail .contentdetail .picture .bigimg img {
    width: 100%;
    height: auto;
}

.productdetail .contentdetail .picture .thumbnail {
    margin-top: 10px;
    border: none;
    overflow: hidden;
}

.productdetail .contentdetail .picture .thumbnail .button {
    width: 25px;
    height: 82px;
    float: left;
}

.productdetail .contentdetail .picture .thumbnail .button button {
    width: 25px;
    display: block;
    height: 80px;
    box-shadow: 0 0 10px 0 #ddd;
    font-size: 20px;
    background: #08943d;
    border: solid #eee 1px;
    cursor: pointer;
    color: #fff;
}

.productdetail .contentdetail .picture .thumbnail .button button:hover {
    border-color: #fff;
}

.productdetail .contentdetail .picture .thumbnail .imglist {
    max-width: calc(100% - 60px);
    float: left;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 5px;
}

.productdetail .contentdetail .picture .thumbnail .imglist ul {
    width: max-content;
}

.productdetail .contentdetail .picture .thumbnail .imglist li {
    height: 80px;
    float: left;
    margin: 0 10px;
    border: solid #ffffff 3px;
    cursor: pointer;
}

.productdetail .contentdetail .picture .thumbnail .imglist li img {
    height: 74px;
    /* height: 100%; */
}

.productdetail .contentdetail .picture .thumbnail .imglist li.current {
    border-color: #08943d;
}

.productdetail .contentdetail .abstract {
    width: 60%;
    float: right;
}

.productdetail .contentdetail .abstract .name {
    /* padding: 20px 0; */
    border-bottom: dashed #e5e5e5 1px;
}

.productdetail .contentdetail .abstract .name h1 {
    font-size: 24px;
    margin: 0 0 30px;
    color: #000;
}
.productdetail .contentdetail .abstract .name h2 {
    font-size: 20px;
    margin: 0 0 40px;
}
.productdetail .contentdetail .abstract .describe {
    margin-top: 20px;
    line-height: 28px;
    font-size: 15px;
}

.productdetail .contentdetail .abstract .consult {
    margin-top: 35px;
}

.productdetail .contentdetail .abstract .consult a {
    /* height: 42px; */
    display: inline-block;
    /* padding: 0 20px; */
    /* line-height: 42px; */
    /* background: #1453ac; */
    color: #fff;
    border-radius: 60px;
    transition: all 0.3s;
    /* margin-right: 20px; */
    display: inline-block;
    font-size: 16px;
}

.productdetail .contentdetail .abstract .consult a:hover {
    box-shadow: 0 3px 5px #71a2e8;
}

.productdetail .contentdetail .abstract .consult a img {
    vertical-align: middle;
}

.productdetail .contentdetail .detail_tab {
    margin-top: 30px;
}

.productdetail .contentdetail .detail_tab ul {
    /* border: solid #e8e8e8 1px; */
}

.productdetail .contentdetail .detail_tab ul li {
    display: inline-block;
    line-height: 46px;
    font-size: 28px;
    cursor: pointer;
    color: #000;
    font-weight: bold;
}

.productdetail .contentdetail .detail_tab ul li.current {
    /* border-bottom: solid #1453ac 3px; */
    /* margin-bottom: -1px; */
}

.productdetail .contentdetail .detail_content {
    margin-top: 30px;
    font-size: 16px;
    padding-bottom: 50px;
    line-height: 1.8;
}

.productdetail .contentdetail .detail_content .content {
    display: none;
}

.productdetail .contentdetail .detail_content .content.show {
    display: block;
}

.productdetail .contentdetail .detail_content table {
    max-width: 100%;
    border-collapse: collapse;
}

.productdetail .contentdetail .detail_content table td {
    word-break: break-word;
}

.productdetail .contentdetail .detail_content img {
    max-width: 100%;
}

.productdetail .contentdetail .detail_content .techological_process::after {
    content: '';
    display: table;
    clear: both;
}

.productdetail .contentdetail .detail_content .techological_process .list {
    width: 23.5%;
    float: left;
    text-align: center;
    box-sizing: border-box;
    padding: 40px 20px;
    background: #fff;
    box-shadow: 0 0 10px 10px #eee;
    margin: 0 2% 30px 0;
}

.productdetail .contentdetail .detail_content .techological_process .list:nth-child(4n) {
    margin-right: 0;
}

.productdetail .contentdetail .detail_content .techological_process .list .icon {
    text-align: center;
}

.productdetail .contentdetail .detail_content .techological_process .list .text {
    font-size: 20px;
    line-height: 30px;
    height: 60px;
    color: #222;
    font-weight: bold;
    margin-top: 10px;
}

.productdetail .prev_next {
    border: dashed #e5e5e5 1px;
    padding: 5px 16px;
    font-size: 16px;
    line-height: 32px;
    margin-top: 20px;
}

.productdetail .prev_next span {
    float: right;
    font-size: 14px;
    color: #888;
}





.color_yu_auto .list{width: 30%;float: left;box-sizing: border-box;margin-right: 0;margin-bottom: 30px;display: flex;align-items: center;text-align: center;flex-wrap: wrap;margin: 0 2%;}
.color_yu_auto .list:nth-child(3n){margin-right: 0;}
.color_yu_auto .list .picture{/* border-bottom: solid #e8e8e8 1px; */overflow: hidden;width: 100%;}
.color_yu_auto .list .picture img{width: 100%; transition: all 0.5s;}
.color_yu_auto .list .picture:hover img{transform: scale(1.1);}
.color_yu_auto .list .text{padding: 15px 18px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */width: 100%;}
.color_yu_auto .list .text a h2{font-size: 20px;color: #333;margin: 0;margin-bottom: 20px;}
.color_yu_auto .list .text a p{font-size: 16px;color: #333;word-wrap: break-word;word-break:break-all;margin: 30px 0;box-shadow: 0 0 3px 0 #ddd;padding: 10px;}
.color_yu_auto .list .text a:hover{color: #08943d;}
.get_iorerd .ikrr .btn span{font-size: 16px;}







.color_yu{margin-top: 50px;}

.color_titke{margin:20px 0;}
.color_titke h3{font-size: 36px;color: #08943d;font-weight: bold;}
.color_titke p{font-size: 22px;font-weight: bold;color: #08943d;}
.color_yu_auto{margin-top: 30px;}
.color_yu_auto ul{display: flex;flex-wrap: wrap;}
.color_yu_auto ul li{width: 14.5%;margin: 0 1% 1%;}
.color_yu_auto ul li img{max-width: 100%;}
.color_yu_auto ul li p{font-size: 16px;padding: 10px;line-height: 1.5;color: #666;}

.mySwiper2 .swiper-button-next, .mySwiper2.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/es.png);
    right: 10px;
    left: auto;
}
.mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/os.png);
    left: 10px;
    right: auto;
}
.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 48px 48px;
    background-position: center;
    background-repeat: no-repeat;
}
.thumbnail .mySwiper {padding-bottom:30px;}
.thumbnail .swiper-container-horizontal>.swiper-pagination-progressbar, .thumbnail .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 2px;
    left: 0;
    top: 90%;
}

.thumbnail .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #08943d;}

.cuant{padding: 15px;margin-top: 30px;background: #08943d;}
.cuant h3{padding-bottom: 15px;font-size:20px;font-weight: bold;/* margin-bottom: 20px; */color: #fff;border-bottom: 2px solid #fff;}
.cuant p{font-size: 14px;line-height: 1.8;padding: 10px 0;margin-bottom: 10px;border-bottom: 1px solid #ddd;color: #fff;}

@media (max-width: 990px) {
    .xypg-left-nav .xypg-left-threenav {
        display: block;
    }
}


.productdetail .classification .title {
    text-align: center;
    padding: 15px;
    background: #08943d;
    margin: 0;
}

@media (max-width: 990px) {
    .productdetail {
        padding: 0;
        margin-top: 20px;
    }

    .productdetail .classification {
        width: 100%;
        padding: 20px 15px;
        position: relative;
        height: auto;
    }

    .productdetail .classification .search input {
        width: 90%;
    }

    .productdetail .classification .search button {
        float: right;
    }

    .productdetail .classification .list li a {
        max-width: 270px;
    }

    .productdetail .contentdetail {
        width: 100%;
        margin-top: 30px;
    }

    .productdetail .contentdetail .picture {
        width: 100%;
        float: left;
    }

    .productdetail .contentdetail .abstract {
        width: 100%;
        float: right;
    }

    .productdetail .contentdetail .abstract .name h1 {
        font-size: 22px;
    }

    .productdetail .contentdetail .detail_tab ul {
        border-bottom: none;
    }

    .productdetail .contentdetail .detail_tab ul::after {
        content: '';
        display: table;
        clear: both;
    }

    .productdetail .contentdetail .detail_tab ul li {
        width: 50%;
        float: left;
        border-bottom: solid #e8e8e8 1px;
        line-height: 46px;
        font-size: 13px;
        box-sizing: border-box;
        text-align: center;
    }

    .productdetail .contentdetail .detail_tab ul li.current {
        border-bottom: solid #1453ac 1px;
        margin-bottom: 0;
    }

    .productdetail .contentdetail .detail_content .techological_process .list {
        width: 49%;
        padding: 20px;
    }

    .productdetail .contentdetail .detail_content .techological_process .list:nth-child(2n) {
        margin-right: 0;
    }

    .productdetail .contentdetail .detail_content .techological_process .list .text {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }
	
	
	
	.color_titke h3 {
	    font-size: 22px;
	    color: #08943d;
	    font-weight: bold;
	}
	
	.color_titke p {
	    font-size: 14px;
	    font-weight: bold;
	    color: #08943d;
	}
	.color_yu_auto ul li {
	    width: 31.3%;
	    margin: 0 1% 1%;
	}
	
	.color_yu_auto ul li p {
	    font-size: 12px;
	    padding: 10px;
	    line-height: 1.5;
	}
	
	.color_yu {
	    margin-top: 20px;
	}
	
	.color_yu_auto .list {
	    width: 48%;
	   
	}
	
	.color_yu_auto .list .text a h2 {
	    font-size: 17px;
	    color: #333;
	    margin: 0;
	    margin-bottom: 20px;
	}
	
	.dikoe li {
	    font-size: 12px;
	    color: #333;
	    margin-bottom: 20px;
	    width: 50%;
	}
	
	
	
	.con_banner .content {

    flex-wrap: wrap;
}
.di_img {
    width: 100%;
    padding: 20px;
}	
	
.di_img .title {
    font-size: 20px;
    color: #fff;
    margin-bottom: 20px;
}	
.di_img .text {
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}	
	
	.ko_img {
    width: 100%;
}
	
.con_banner {
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}	
	
.ul_3er ul {
    display: flex
;
    justify-content: space-between;
    flex-wrap: wrap;
}	
.ul_3er ul li h3 {
    background: linear-gradient(to right, #016b9f 20%, /* 深色占20% */ #3da1a9 40%, /* 中间色过渡到40% */ #8ec33d 100% /* 从40%到100%都是浅色区域（占60%） */);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    display: inline-block;
}	
	
.ul_3er {
    margin: 0 0 20px;
}	
	.bao_guo h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #000;
}


.krsort_r {
    display: flex
;
    margin-top: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.left_gs {
    width: 100%;
}

.right_gs {
    width: 100%;
    margin-top: 20px;
}

.video_cp {
    padding: 20px 0;
}

.hor_auto {
    margin-top: 20px;
}

.hor_auto ul li {
    width: 100%;
}
.video_cp .swiper-button-prev{left:88%;}
.video_cp .swiper-button-next, .video_cp .swiper-button-prev {
    top: 105%;
}
	
}
.bigimg .swiper-container-horizontal>.swiper-pagination-bullets, .bigimg .swiper-pagination-custom, .bigimg .swiper-pagination-fraction{bottom:0;}
/* 设置WebKit浏览器下滚动条整体样式 */
.classification::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

/* 设置WebKit浏览器下滚动条轨道样式 */
.classification::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* 设置WebKit浏览器下滚动条滑块样式 */
.classification::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}

/* 设置WebKit浏览器下滚动条按钮样式 */
.classification::-webkit-scrollbar-button {
  background-color: #ccc;
}

/* 设置WebKit浏览器下滚动条角落样式 */
.classification::-webkit-scrollbar-corner {
  background-color: #ddd;
}