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


.w1000{ max-width:1000px; margin:0 auto;}
.w1200{ max-width:1200px; margin:0 auto;}
.w1600{ max-width:1620px; margin:0 auto;}
.flex{ display:flex; display: -webkit-flex; align-items:center;flex-wrap:  wrap ; justify-content:space-between}
.flex2{ display:flex; display: -webkit-flex; align-items:stretch;flex-wrap:  wrap ; justify-content:space-between}

.usericon{ display:inline-block; width:16px; height:18px; background-image:url(../images/1index_06.png); background-repeat:no-repeat; background-position:center;}

.lang-box{ cursor:pointer;display: flex; height:100px;align-items: center;}
.sousuo i{     background-size: 100% 100%;   vertical-align: middle; cursor:pointer;
 width:18px; height:18px;display:block; background-image:url(../images/bsss.svg); background-repeat:no-repeat; background-position:center;}
.langicon{ margin-right:10px; width:18px; height:18px;display:inline-block; background-image:url(../images/1index_10.png); background-repeat:no-repeat; background-position:center;}
.langjt{ transition:all .3s;}

.langwap{ color:#fff;}
 .header {
      position: fixed; width:100%;
      z-index: 9999;
	  top:0; left:0;
    }
    .header-wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    /* Logo区域 */
    .logo img {
      height: 52px;
    }
    /* 一级导航菜单容器 */
    .nav-main {
      display: flex;
      align-items: center;
      gap: 52px;
    }
    .nav-level1 {
      position: relative;
      padding: 10px 4px;
      font-size: 16px;
      cursor: pointer;
      transition: color 0.25s ease;
    }
    /* 当前激活菜单：产品工艺高亮 */
    .nav-level1.active {
      color: #72c834;
    }
    .nav-level1.active::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -14px;
      width: 100%;
      height: 2px;
      background-color: #72c834;
    }
    .nav-level1:hover {
      color: #72c834;
    }

    /* ===================== 一级菜单下拉全屏通栏弹窗（修复铺满屏幕） ===================== */
    .nav-big-popup {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      width: 100vw;
      background: #ffffff;
      padding: 60px 0;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
      display: none;
    }


    /* 弹窗左栏：文字介绍 */
    .popup-left h2 {
      font-size: 30px;
      color: #222; font-family:scB;
      margin-bottom: 18px;
    }
    .popup-left p {
      color: #666;
      line-height: 1.8;
      font-size: 16px;
      margin-bottom:140px;
    }
    .btn-detail {
      background: #88c220;
      color: #fff; line-height:50px;
      padding: 0 44px;
      border-radius: 30px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: background 0.3s;
    }
    .btn-detail:hover {
      background: #60b028;
    }

    /* 弹窗中栏：二级菜单容器 */
    .popup-center {
      width: 100%;
    }
    .level2-item {
      position: relative;
    }
    .level2-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 14px; padding:20px 0;
      border-bottom: 1px solid #eee;
    }
	  .level2-title i{ font-size:20px;}
    .level2-title >a{
      color: #72c834;
      font-size: 18px;
    color:#000}
	.level2-item:hover .level2-title> a{ color:#85c023; }
	.level2-item:hover .level2-title{border-bottom:1px solid #85c023;}
    .level2-bottom {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 11px 0;
      font-size: 15px;
      border-top: 1px solid #eee;
    }
    /* 三级菜单：向下弹出白色浮框 */
    .level3-popup {
     padding-top:15px; z-index:10;
      display: none; position:absolute;
    }
	.level3-popup ul{  background: #fff; box-shadow:0 0 15px rgba(0,0,0,.1);
      border-radius: 15px;
      padding: 30px 35px;
	  min-width:240px;}
    .level3-popup li {
      padding: 5px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 15px;
      color: #444;
    }
	.level3-popup.duo{ width:100%; }
	.level3-popup.duo ul{ width:120%;}
	.level3-popup.duo ul li{ width:auto; float:left; padding-right:10px; min-width:130px;}
	.level3-popup.duo ul li:nth-child(2n){ padding-right:0}
	.level3-popup.duo ul li a{ white-space:nowrap;}
	.level3-popup li a{ font-size:16px; color:#333; transition:all .3s;}
	.level3-popup li a:hover{ color:#85c023}
    .level3-popup li:hover {
      color: #72c834;
    }
	.level2-item:hover .level2-title i{ color:#85c023}

    /* 弹窗右栏：产品预览卡片 */
    .popup-right {
		overflow:hidden; border-radius:20px;
    }
	.popup-right:hover img{ transform:scale(1.05,1.05);}
    .popup-right img {
      width: 100%;
	  height:100%; obfect-fit:cover; transition:all 2s;
    }
    .popup-right p {
      color: #444;
      font-size: 15px;
    }

    /* ===================== 导航右侧功能按钮区 ===================== */
    .header-right {
      display: flex;
      align-items: center;
      gap: 26px;
    }
    .btn-contact {
      background-color: #72c834;
      color: #fff;
      padding: 10px 26px;
      border-radius: 30px;
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 15px;
      transition: background 0.3s;
    }
    .btn-contact:hover {
      background-color: #60b028;
    }
    .icon-btn {
      font-size: 18px;
      color: #333;
      cursor: pointer;
    }
    /* 语言切换下拉弹窗 */
    .lang-box {
      position: relative;transition:all .3s;
    }
    .lang-popup {
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
       padding:10px;
      background: #fff;
      box-shadow: 0 0 15px rgba(0,0,0,0.2);
      text-align: center;
      display: none;
    }
    .lang-popup li {
      padding: 12px 20px; line-height:1;
      font-size: 14px;
    }
	.lang-popup li a{ color:#333;}
	.lang-popup li.on a{ color:#85c023}
	.lang-popup li:first-child{ border-bottom:1px solid #eee;}
    .lang-popup li:hover {
      background: #f5f5f5;
    }


    /* ===================== 响应式适配规则 ===================== */
    /* 平板 1024px以下 */
    @media screen and (max-width: 1024px) {
      .nav-main {
        gap: 32px;
      }
      .popup-inner {
        grid-template-columns: 1fr 1fr;
      }
    }
    /* 手机 768px以下，PC导航隐藏，可扩展汉堡菜单 */
    @media screen and (max-width: 768px) {
      .nav-main {
        display: none;
      }
      .popup-inner {
        grid-template-columns: 1fr;
        gap: 45px;
      }
      .popup-left h2 {
        font-size: 28px;
      }
     
    }
    /* 375px 极小手机适配 */
    @media screen and (max-width: 375px) {
     
      .header-right {
        gap: 12px;
      }
      .btn-contact {
        padding: 8px 14px;
        font-size: 13px;
      }
      .popup-left h2 {
        font-size: 24px;
      }
    
    }


.navmain>ul>li{ margin-right:.85rem;}
.navmain>ul>li>a{transition:all .3s; position:relative; color:#fff; font-family:scB; line-height:100px; display:block;}
.navmain>ul>li>a:after{ display:block; opacity:0; visibility:hidden; height:2px; background:#fff; position:absolute; bottom:0; left:50%; content:""; transition:all .3s;}
.navmain>ul>li.hover>a:after{width:100%; left:0; visibility:visible; opacity:1;}
.header{ transition:all .3s;}
.header .logo img.black{ display:none;}

.navmain>ul>li>a:hover:after{ width:100%; left:0}




.header:hover{ background:#fff;}
.header:hover .logo img.black{ display:block;}
.header:hover .logo img.white{ display:none;}
.header:hover .navmain>ul>li>a{ color:#333;}
.header:hover .navmain>ul>li>a:after{ background:#333;}
.header:hover .navmain>ul>li.hover>a:after{ background:#88c220}
.header:hover .navmain>ul>li.hover>a{ color:#88c220}
.header:hover .usericon{ }
.header:hover .langjt{ color:#333;}
.header:hover .sousuo i{ background-image:url(../images/hsss.svg)}
.header:hover .langicon{ background-image:url(../images/head2_08.png)}

.header.neiye{ background:#fff; box-shadow: 0 0 15px rgba(0,0,0,.1)}
.header.neiye .logo img.black{ display:block;}
.header.neiye .logo img.white{ display:none;}
.header.neiye .navmain>ul>li>a{ color:#333;}
.header.neiye .navmain>ul>li>a:after{ background:#333;}
.header.neiye .navmain>ul>li.hover>a:after{ background:#88c220}
.header.neiye .navmain>ul>li.hover>a{ color:#88c220}
.header.neiye .usericon{ }
.header.neiye .langjt{ color:#333;}
.header.neiye .sousuo i{ background-image:url(../images/hsss.svg)}
.header.neiye .langicon{ background-image:url(../images/head2_08.png)}


.header.open{ background:#fff;}
.header.open .logo img.black{ display:block;}
.header.open .logo img.white{ display:none;}
.header.open .navmain>ul>li>a{ color:#333; line-height:80px;}
.header.open .navmain>ul>li>a:after{ background:#333;}
.header.open .navmain>ul>li.hover>a:after{ background:#88c220}
.header.open .navmain>ul>li.hover>a{ color:#88c220}
.header.open .usericon{ }
.header.open .langjt{ color:#333;}
.header.open .sousuo i{ background-image:url(../images/hsss.svg)}
.header.open .langicon{ background-image:url(../images/head2_08.png)}

.header.open .lang-box{ height:80px;}

.popup-left{ width:25%;}
.popup-right{ width:31%;}
.popup-center{ width:35%; max-width:350px;}
.popup-center2 { width:66%; max-width:none;}

.popup-center2  .level2-item{ width:29%; margin:0 2%; float:left;}

.sousuoGroup{ display:none; position:absolute; left:0; top:100%; background:#fff; padding:2rem 0; width:100%;}
.sousuoGroup form{ border-bottom:1px solid #eee;}
.sousuoGroup input{ width:calc(100% - 40px); height:50px;}
.sousuoGroup button{ width:40px; background:none; height:50px; cursor:pointer;}
.keywordss{ margin-top:35px;}
.keywordss a{ color:#000; font-family:scB; display:inline-block; margin-left:15px;}
.keywordss a:hover{ text-decoration:underline; color:#88c220}


.banner-swiper .swiper-slide{ height:100vh;}

.banner-pagination-wrap {
  position: absolute;
  bottom: 60px;
  left: 80px;
  z-index: 9;
}
.banner-pagination {
  display: flex;
  gap: 24px;
}

.banner-pagination-wrap{ width:500px;}
/* 单个分页项：数字 + 独立进度条 */
.banner-pagination .swiper-pagination-bullet {
  width: 100px;
  height: auto;
  background: transparent;
  opacity: 0.6;
  text-align: left;
  font-size: 14px;
  color: #fff;
  position: relative;
  display: block;
  cursor: pointer;
}
/* 进度条轨道 */
.banner-pagination .swiper-pagination-bullet .progress-track {
  width: 100%;
  height: 2px;
  background: rgba(255,255,255,0.3);
  margin-top: 8px;
  overflow: hidden;
  display: block;
}
/* 单条绿色进度 */
.banner-pagination .swiper-pagination-bullet .progress-bar {
  width: 0%;
  height: 100%;
  background: #76d028;
  transition: width 0.1s linear;
  display: block;
}
/* 当前激活分页 */
.banner-pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

/* 中间鼠标浮动图标 */
.banner-down {
  position: absolute;
  left: 50%;
  bottom: 0; padding-bottom:70px;
  transform: translateX(-50%);
  color: #fff;
  font-size: 30px;
  text-align: center;

  cursor: pointer;
  z-index: 9;
}
.banner-down .scroll-line {
  display: block; position:absolute; bottom:0; left:50%;
  width: 1px;
  height: 60px;
  background: linear-gradient(to bottom, #ffffff, rgba(255,255,255,0));
  margin: 8px auto 0;
}
.fa-mouse::after {
  content: "";
  width: 2px;
  height: 8px;
  background: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  border-radius: 0;
  animation: lineDot 1.8s infinite ease-in-out;
}
@keyframes mouseFloat {
  0% {transform:translateY(0);}
  50% {transform: translateY(12px);}
  100% {transform:  translateY(0);}
}
@keyframes lineDot {
  0% {top: 7px; opacity: 0;}
  40% {top: 7px; opacity: 1;}
  100% {top: 15px; opacity: 0;}
}
.banner-swiper img{ width:100%; height:100%; object-fit:cover; transition:all 7s;transform:scale(1.05);}

.fa-mouse{ animation: mouseFloat 1.8s infinite ease-in-out; background-image:url(../images/shubiao.png); background-size:100% 100%; background-repeat:no-repeat; width:20px; height:30px; display:inline-block;}

.swiper-slide-active img{ transform:scale(1); -webkit-transform:scale(1);}



.main01_01{ position:relative;	}

.area-box { position: absolute; cursor: pointer }
.area-box .dot { position: absolute; z-index: 2; top: 2px; left: 2px; width: .15rem; height: .15rem; border-radius: 50%; background-color: #95d622;}
.area-box .pulse {
    position: absolute; top: -.05rem; left: -.05rem; width: .3rem; height: .3rem; border-radius: 50%;
    border: 2px solid #95d622; box-shadow: 0 0 12px #95d622, 0 0 20px #95d622 inset; opacity: .8;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.area-box .pulse2 {
    position: absolute; top: -.15rem; left: -.15rem; width: .5rem; height: .5rem; border-radius: 50%;
    border: 2px solid #95d622; box-shadow: 0 0 12px #95d622, 0 0 20px #95d622 inset; opacity: .8;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.area-box .delay-10 { animation-delay: -1.2s; }
.area-box .delay-09 { animation-delay: -.6s; }

.area1{ left:8.3rem; top:3.1rem;}
.area1 .iReProBox{ left:0.25rem; top:0.1rem;}

.area2{ left:5.9rem; bottom:1rem;}
.area2 .iReProBox{ left:0.3rem; bottom:-0.1rem;}
.area3{ left:9.8rem; bottom:1.4rem;}
.area3 .iReProBox{ left:0.3rem; bottom:-0.1rem;}
.area4{ right:6.8rem; bottom:3.5rem;}
.area4 .iReProBox{ right:0.2rem; bottom:-0.1rem;}
.area5{ right:6.9rem; top:3rem;}
.area5 .iReProBox{ right:0.2rem; top:-0.1rem;}


.area6{ left:2.1rem; top:4.1rem;}
.area6 .iReProBox{ left:0.3rem; top:0.1rem;}
.area7{ left:3.1rem; bottom:3.8rem;}
.area7 .iReProBox{ left:0.3rem; top:0.1rem;}

.area8{ left:6.7rem; bottom:1.6rem;}
.area9{ left:8.5rem; bottom:2.2rem;}
.area10{ left:8.1rem; top:3rem;}
.area11{ left:12rem; bottom:1.2rem;}
.area12{ left:13.5rem; top:4.5rem;}
.area13{ right:3.6rem; bottom:2.8rem;}
.area14{ right:2.9rem; top:3.1rem;}


.area21{ right:4.5rem; top:2.6rem;}
.area22{ right:2.7rem; top:4.5rem;}
.area23{ right:6rem; top:4.8rem;}
.area24{ right:2.9rem; bottom:2.4rem;}
.area25{ right:7.2rem; bottom:1.2rem;}
.area26{ right:9.4rem; bottom:2.7rem;}
.area27{ left:6.3rem; top:4.3rem;}
.area28{ left:6rem; top:2.4rem;}



.area31{ right:5.2rem; top:2.5rem;}
.area32{ right:5.2rem; bottom:1.7rem;}
.area33{ left:5rem; bottom:2.5rem;}
.area34{ left:9.6rem; top:4.1rem;}
.area35{ left:5.1rem; top:2.5rem;}

.lvsezi{ padding:0 !important; background:none !important;    left: 0.3rem;
    top: -.22rem;overflow:hidden;}
.lvsezi a{ white-space:nowrap; border-radius:100px; overflow:hidden;display:block; padding:0 .4rem; line-height:.6rem; background:rgba(136,194,32,.9); color:#fff; font-family:scB; font-size:.2rem;}

.youshang{left:0.3rem; bottom:-0.1rem;}
.youxia{left:0.3rem; top:0.1rem;}
.zuoshang{right:0.2rem; bottom:-0.1rem;}
.zuoxia{right:0.1rem; top:0.1rem;}

.main01_01 >img{ width:100%;}
.main001{ position:relative;}
 .main001tab{ position:absolute; top:1.25rem; left:0; width:100%; text-align:center; z-index:10;}
 .main001tab span{ line-height:0.6rem; padding:0 0.7rem; background:rgba(255,255,255,.2); border-radius:100px; color:#fff; font-family:scB; font-size:.2rem; display:inline-block; margin:0 0.25rem; transition:all .3s; cursor:pointer;}
 .main001tab span.on{ background:#88c220;}
 

.iReProBox{  z-index:10; }

.iReProBox { display: none; position: absolute; z-index: 12; background-color: #fff; border-radius: .16rem; padding: .3rem; }
.iReProBox .topBox { display: flex; align-items: center; justify-content: space-between;}
.iReProBox .topBox .tit { font-size: .24rem; color: #6fb92d; font-weight: bold; line-height: 1;}
.iReProBox .topBox i { font-size: .4rem;}
.iReProBox .morePro { margin-top: .3rem; display: flex; align-items: center; justify-content: space-between;}
.iReProBox .morePro a { border: 1px solid #6eb92c; border-radius: .24rem; padding: 0 .3rem; height: .48rem;
    display: flex; align-items: center; justify-content: center; color: #6eb92c; font-size: .16rem; font-weight: bold;}
.iReProBox .morePro a i { font-size: .24rem; margin-left: 6px; font-weight: inherit;}
.iReProBox .pro_list { padding-top: 8px;}
.iReProBox ._tit { height: 20px; line-height: 20px; font-size: .16rem; padding-bottom: 5px;}
.iReProBox .pro_item { padding: 10px; border-radius: .16rem; box-sizing: border-box; }
.iReProBox .pro_item .img { width: 100%; }
.iReProBox .pro_item img { display: block; width: 100%; }
.iReProBox .pro_item .info { text-align: center;  }
.iReProBox .pro_item .name { font-size: .16rem; font-weight: bold; line-height: 1; }
.iReProBox .pro_item .learnmore { font-size: 12px; color: #6fb92d; line-height: 1; padding-top: 8px;}


.scene_list{display:flex; display: -webkit-flex; align-items:stretch;flex-wrap: nowrap ; justify-content:flex-start}
.scene_list .swiper-slide{ text-align:center; width:2.5rem; background:#fafafa; margin:0 .1rem; padding:.2rem;}
.scene_list .swiper-slide .imgt{ height:2.5rem; position:relative; width:100%;}
.scene_list .swiper-slide .imgt img{    width: 100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:80%; max-height:80%; transition:all .8s;}
.scene_list .swiper-slide b a{ font-size:.16rem; font-family:scB; color:#000; display:block;}
.scene_list .swiper-slide >a{ font-size:.14rem; color:#88c220;}
.scene_list .swiper-slide:hover img{ transform:translate(-50%,-50%) scale(1.05,1.05); -webkit-transform:translate(-50%,-50%) scale(1.05,1.05);}

.main01_01{ display:none;}
 .scene_list01{ padding:0}
 .scene_list01 .swiper-slide{ background:none; margin:0}


.main002{ padding-top:1.5rem; padding-bottom:1rem; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
#shebeiurl{ display:inline-block; line-height:50px; padding:0 50px; margin-top:.7rem; border:2px solid #acd571; border-radius:100px; color:#fff; margin-bottom:2.9rem; transition:all .3s;}
#shebeiurl:hover{ background:#fff; color:#88c220; border:2px solid #fff}
.main002 .bac{ position:absolute; z-index:1; background-image:url(../images/1index_20.png); background-repeat:repeat-y; background-size:100% auto; width:100%; height:100%; top:0; left:0;}
.main2box{ position:relative; z-index:2;}
.main002 ul{ max-width:12rem;}
.main002 ul li{ transition:all .3s; border:1px solid #fff; width:23%; background:#fff; padding:35px 30px;}
.main002 ul li img{ margin-bottom:25px;}
.main002 ul li img.w{ display:none;}
.main002 ul li.on img.w{ display:block;}
.main002 ul li.on img.b{ display:none;}
.main002 ul li.on{ background:#88c220; border:1px solid #fff;}
.main002 ul li.on  b{ color:#fff;}

.main2title{ font-size:50px; color:#fff; font-family:scB;}


@keyframes warn {
    0% {
        transform: scale(0); opacity: 1;
    }
    100% {
        transform: scale(1); opacity: 0;
    }
}


    .scroll-row {
            overflow: hidden;
            margin-bottom: 25px;
            position: relative;
        }
        .scroll-box {
            display: flex;
            gap: 25px;
            will-change: transform;margin-right: 25px;
        }
        .scroll-item {
            flex-shrink: 0;
            width: clamp(140px, 15.6vw, 300px);
            height: clamp(80px, 15vw, 160px);
            display: flex;
            align-items: center;
            justify-content: center;
            background: #fafafa;
            border-radius: 15px; transition:all .3s;
            padding: 10px;
        }
		.scroll-item:hover{ background:#f3f3f3;}
        .scroll-item img {
            max-width: 90% !important;
            max-height: 90%;
            object-fit: contain;
        }
        /* 第三行专属：左右渐变遮罩 */
        .scroll-row.mask-row::before,
        .scroll-row.mask-row::after {
            content: "";
            position: absolute;
            top: 0;
            width: 80px;
            height: 100%;
            z-index: 2;
            pointer-events: none; /* 不阻挡鼠标悬停 */
        }
        .scroll-row.mask-row::before {
            left: 0;
            background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
        }
        .scroll-row.mask-row::after {
            right: 0;
            background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
        }
        /* 手机端适配 */
        @media (max-width: 768px) {
            .partner-top {
                flex-direction: column;
                gap: 20px;
            }
            .scroll-box {
                gap: 24px;
            }
            .scroll-row.mask-row::before,
            .scroll-row.mask-row::after {
                width: 50px;
            }
        }


.main003{ padding:1.3rem 0;}
.main003 .titleindex{ margin-bottom:0.7rem;}
.titleindex b{ font-size:50px; color:#000; font-family:scB; line-height:1; display:block; margin-bottom:30px;}
.titleindex p{ font-size:18px; color:#000000; max-width:700px;}
.title-ri a{ transition:all .3s; line-height:50px; padding:0 45px; border-radius:100px; border:2px solid #dbedbc; color:#88c220; display:inline-block;}
.title-ri a:hover{background: #88c220; color: #fff; border: 2px solid #88c220;}

.main004{ padding:1.3rem 0; background:#fafafa;}


 .news-list {
      display: flex;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px; margin-top:.4rem;
    }
    /* 通用卡片样式 */
.news-wrap .news-card {
      width:32%;
    }
	.news-card .img{ height:340px; width:100%; overflow:hidden;}
	.news-card .img img{ width:100%; height:100%; object-fit:cover;}
	.news-card:hover { box-shadow:0 0 15px rgba(0,0,0,.1)}
    /* 左侧、中间大图卡片 */
    .card-big .card-img {
      width: 100%;
      height: 100%; transition:all 1s;
      object-fit: cover;
      display: block;
    }
	.news-card:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
    .card-big .card-content {
      padding: 24px;
    }
    /* 右侧文字列表卡片 */
    .card-textlist {
      padding: 20px 30px;
    }
    /* 大图卡片标题 */
    .card-big h3 {
      font-size: 18px;
      line-height: 1.5;
      margin-bottom: 12px;
    }
    .card-big h3.green a{
      color: #000; font-family:scB; transition:all .3s;
    }
    .card-date {
      font-size: 14px;
      color: #888;
      margin-bottom: 16px;
    }
    .card-desc {
      font-size: 15px;
      color: #555;
      line-height: 1.6;
    }
	.news-card:hover h3 a{ color:#88c220}
    /* 右侧文字新闻项 */
    .text-item {
      padding: .26rem 0;
      border-bottom: 1px solid #eee;
    }
    .text-item:last-child {
      border-bottom: none;
    }
    .text-item h4 {
      font-size: 16px;
      font-weight: 500;
      margin-bottom: 8px;
      display: flex;
      justify-content: space-between;
      gap: 10px;
    }
    .text-item h4 span {
      font-size: 14px;
      color: #666666; line-height:32px;
      white-space: nowrap;
    }
	.text-item h4 a:hover{ color:#88c220}
    .text-item p {
      font-size: 14px;
      color: #666;
      line-height: 1.5;
    }
	
	.card-textlist h4 a{overflow: hidden;
    white-space: nowrap; transition:all .3s; font-family:scB;
    display: block; line-height:32px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; font-size:18px; color:#000;}

    /* ========== 响应式媒体查询 ========== */
    /* 平板：两栏布局 */
    @media screen and (max-width: 1024px) {
      .news-list {
        grid-template-columns: repeat(2, 1fr);
      }
      .news-title {
        font-size: 32px;
      }
    }
    /* 手机：单栏布局 */
    @media screen and (max-width: 640px) {
      .news-list {
        grid-template-columns: 1fr;
      }
      .news-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
      }
      .news-title {
        font-size: 28px;
      }
      .card-big .card-img {
        height: 220px;
      }
    }
	
	
	.fottop{ padding:1.3rem 0 ; color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover;}
	.fottop .titleindex b{ color:#fff;}
	.fottop .titleindex p{ margin-bottom:.6rem; color:#fff;}
	.fottop .title-ri a{ color:#fff; border:2px solid rgba(255,255,255,.4); transition:all .3s;	}
.fottop .title-ri a:hover{ background:#88c220; border:2px solid #88c220;}

 footer {
      background-color: #121212;
      color: #cccccc;
      padding: 60px 20px 30px;
    }
    .footer-container {
    }
    /* 顶部logo+标语区域 */
    .footer-top {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-bottom: 30px;
      border-bottom: 1px solid #2a2a2a;
      margin-bottom: 40px;
    }
    .footer-logo img {
      height: 80px;
      object-fit: contain;
    }
    .footer-slogan {
      color: #fff;
      font-size: 24px;
      line-height: 1.6;
      text-align: left; font-family:scB;
    }
    /* 中间主体：联系信息 + 导航多栏 */
    .footer-main {
    
      margin-bottom: 50px;
    }
	.footer-contact{ width:40%;}
	.footer-ri{ width:50%;}
    /* 左侧联系方式 */
    .footer-contact .contact-label {
      font-size: 16px;
      margin-bottom: 10px;
    }
    .tel-big {
      font-size: 52px;
      color: #96e036;
      font-weight: bold;
      line-height: 1.1;
      margin-bottom: 44px;
    }
    .contact-item {
      font-size: 16px;
      margin-bottom: 14px;
      line-height: 1.5;
    }
    /* 导航栏目通用 */
    .footer-nav h4 {
      color: #fff;
      font-size: 20px;
      position: relative;
      padding-bottom: 12px;
      margin-bottom: 20px;
    }
    .footer-nav h4::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 20px;
      height: 2px;
      background-color: #88c220;
    }
	.footer-nav h4 a{ color:#fff;}
    .footer-nav ul {
      list-style: none;
    }
    .footer-nav li {
      margin-bottom: 16px;
    }
    .footer-nav li a {
      color: #aaa;
      text-decoration: none;
      font-size: 16px;
      transition: color 0.2s;
    }
	.footer-nav h4::after{ display:none; }
    .footer-nav a:hover {
      color: #88c220;
    }
    /* 第一个导航栏第一个链接高亮绿色 */
    .nav-product li a:hover {
      color: #88c220;
    }
    /* 底部版权行 */
    .footer-bottom {
      padding-top: 30px;
      border-top: 1px solid #2a2a2a;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px;
      font-size: 15px;
      color: #666666;
    }
	
	
	.pagination a{ display:inline-block; background:#fff; border-radius:100%; color:#333; height:50px; width:50px; text-align:center; line-height:50px; font-size:16px;}
	.pagination a i{ font-size:18px;}
	a.page-num-current{ background:#88c220; color:#fff;}
	.icp-text a { color:#666;}
	.icp-text:hover a{ color:#88c220}
	
	.icp-text{ color: #666666; margin-left: 15px;
      padding-bottom: 2px; transition:all .3s;}
    .icp-text:hover {
      color: #88c220;
      border-bottom: 1px solid #96e036;
    }
    
    /* 返回顶部悬浮按钮 */
    .back-top {
      position: fixed;
      right: 30px;
      bottom: 30px;
      width: 48px;
      height: 48px;
      border-radius: 50%;
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #121212;
      text-decoration: none;
      font-size: 20px;
    }
	.tech-support a{ color:#999}

    /* ========== 响应式适配 ========== */
    /* 平板 1024px以内 */
    @media screen and (max-width: 1024px) {
      .footer-main {
        grid-template-columns: 280px repeat(2, 1fr);
        row-gap: 40px;
      }
      .footer-slogan {
        font-size: 20px;
      }
      .tel-big {
        font-size: 40px;
      }
    }
    /* 移动端 768px以内 */
    @media screen and (max-width: 768px) {
      .footer-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
      }
      .footer-slogan {
        text-align: left;
      }
      .footer-main {
        grid-template-columns: 1fr;
      }
      .tel-big {
        font-size: 36px;
      }
      .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
      }
    }
	
	
	 .banner-wrap {
            width: 100%;
            position: relative;
            color: #fff;
            padding: 2.4rem 0 40px; background-size:cover; background-position:center;
        }
        .banner-title {
            font-size: 42px;
            font-weight: bold;
            margin-bottom: 12px;
			font-family:scB;
        }
        .banner-desc {
            font-size: 14px;
            opacity: 0.9;
            max-width: 500px;
        }
        .positions {
            margin-top:2.4rem;
            font-size: 13px;
        }
        .positions i{ margin:0 20px; font-size:15px;}
		.positions a{ color:#fff;}
        /* 内容容器 */
       
	   .prolists{ background:#fafafa; padding:1.3rem 0;}
        .section-main-title {
            font-size: 40px;
            color: #222;
            margin-bottom: 40px;
            font-weight: 600;
        }
        /* 产品网格布局 */
        .product-grid {
        }
        /* 产品卡片样式 */
        .product-card {
            background: #ffffff;
            border-radius: 22px;
            padding: .5rem;
			width:49%; margin-bottom: 2%;
            display: flex;
            align-items: flex-start;justify-content:space-between;
          
            transition: all 0.3s ease;
            cursor: pointer;
        }
        /* 鼠标悬浮效果 */
        .product-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 12px 24px rgba(0,0,0,0.12);
        }
        .card-text {
            width:53%;
        }
		.card-title{ position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #dddddd;}
		.card-title::after{ content:""; display:block; position:absolute; bottom:0; left:0; width:80px; background:#88c220; bottom:-1px; left:0; height:1px;}
        .card-title a{ transition:all .3s;
            font-size:24px; font-family:scB; color:#000000;
            font-weight: 600;
            margin-bottom: 12px;
        }
        .card-title.green {
            color: #73b827;
        }
        .card-desc {
            color: #666;
            line-height: 1.6;
            margin-bottom: 20px;
        }
        .card-link {
            font-size: 14px;
            color: #666; font-family:scB;
            text-decoration: none;
        }
        .card-link:hover {
            color: #88c220;
        }
        .card-img-box {
            width: 43%; height:250px; position:relative;
        }
        .card-img-box img {
			position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:90%; max-height:90%;
            display: block;
        }
        /* 底部提示文字 */
        .more-tip {
            text-align: center;
            margin-top: 50px;
            font-size: 13px;
            color: #999;
        }
		.product-card:hover .card-title a{ color:#88c220}
        /* 响应式适配：平板&手机 */
        @media (max-width: 992px) {
            .product-grid {
                grid-template-columns: 1fr;
            }
            .banner-title {
                font-size: 32px;
            }
        }
        @media (max-width: 576px) {
            .product-card {
                flex-direction: column-reverse;
            }
            .card-img-box {
                width: 100%;
                margin: 0 auto 16px;
				height:190px
            }
            .banner-title {
                font-size: 26px;
            }
            .section-main-title {
                font-size: 22px;
            }
        }
		
		
		    /* 行业列表网格 */
    .app-list-wrap {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 30px;
    }

    /* 单个行业卡片 */
    .app-item {
      background: #fff;
      border-radius: 22px;
      overflow: hidden;
      transition: all 0.3s ease;
      cursor: pointer;
    }
    /* 鼠标悬浮效果：上浮+加深阴影 */
    .app-item:hover {
      transform: translateY(-8px);
      box-shadow: 0 16px 32px rgba(0,0,0,0.08);
    }

    /* 卡片图片区域 */
    .app-item-img {
      width: 100%;
      height: 340px;
      overflow: hidden;
    }
    .app-item-img img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }
    .app-item:hover .app-item-img img {
      transform: scale(1.05);
    }

    /* 卡片文字区域 */
    .app-item-text {
      padding: 24px;
    }
    .app-item-title a{
      font-size: 24px;
      color: #000; font-family:scB;
      font-weight: 600;
    }
	 .app-item-title{
      margin-bottom: 10px;}
    .app-item-desc {
      color: #333333;
      line-height: 1.7;
    }

    /* 底部加载更多文字 */
    .load-more-tip {
      text-align: center;
      margin-top: 60px;
      font-size: 13px;
      color: #999;
    }

    /* 响应式适配 */
    @media (max-width: 1200px) {
      .app-list-wrap {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    @media (max-width: 768px) {
      .app-list-wrap {
        grid-template-columns: 1fr;
      }
      .app-item-img {
        height: 200px;
      }
      .applist {
        padding: 40px 16px;
      }
    }
	
	.applist{ padding:1.3rem 0; background:#fafafa;}
	
.appview {
  padding:1.3rem 0; background:#fafafa; overflow:hidden;
}


/* 行业介绍模块 */
.industry-intro {
  background: #fff;
  border-radius:22px;
  padding: 50px;
  margin-bottom: 60px;
}
.industry-title {
  font-size: 40px;
  text-align: center;
  color: #222;
  margin-bottom: 40px;
  font-weight: 600; border-bottom:1px solid #eee; font-family:scB; padding-bottom:30px;
}
.industry-desc p{
  color: #333;
  line-height: 1.7;
  margin-bottom: 12px;
}
.industry-desc img{ max-width:100%; margin:0 auto; display:block;}
.industry-big-img img {
  max-width: 100%;
}

/* 相关产品标题 */
.relate-title {
  font-size: 40px;
  color: #000; font-family:scB;
  margin-bottom: 30px;
  font-weight: 600;
}

/* Swiper 外层容器 */
.product-swiper-wrap {
  position: relative;
  padding-bottom: 30px;
}
/* Swiper 容器：右侧露出部分下一张 */
.product-swiper {
  overflow: visible;
}
/* 单个产品卡片 */
.product-item {
  background: #fff;
  border-radius: 12px;
  padding: .5rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  cursor: pointer;
}
/* 默认首项激活样式（hover态） */
.product-item.active,
.product-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 24px rgba(0,0,0,0.1);
}
.product-item:hover .product-item-name a{ color:#88c220;} 
.product-item-img {
  width: 100%;
  height: 390px;
  margin-bottom: 20px;
  position:relative;
} 
.product-item-img img {
	 max-width:90%; max-height:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
}
.product-item-name a{ transition:all .3s;
  font-size: 18px; font-family:scB;
  margin-bottom: 8px; color:#333;
}
.product-swiper-wrap .line{ width:100%; height:1px; background:#eeeeee; margin-bottom:35px;}
.product-item.active .product-item-name,
.product-item:hover .product-item-name {
  color: #73b827;
}
.product-item-txt {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
}
.product-item-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-item-link a {
  font-size: 12px;
  color: #999;
  text-decoration: none;
}
.arrow-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #73b827;
  color: #fff; font-size:25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 底部进度条 + 切换按钮区域 */
.swiper-bottom-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 24px;
}
.progress-box {
  flex: 1;
  height: 4px;
  background: #e8e8e8;
  border-radius: 99px;
  margin-right: 20px;
}
.progress-inner {
  height: 100%;
  width: 0%;
  background: #73b827;
  border-radius: 99px;
  transition: width 0.3s ease;
}
.swiper-buttons {
  display: flex;
  gap: 12px;
}
.swiper-btn {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid #eee;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.swiper-btn:hover {
  background: #f5f5f5;
}

/* 响应式适配 */
@media (max-width: 992px) {
  .industry-big-img {
    height: 280px;
  }
  .industry-intro {
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .industry-title {
    font-size: 22px;
  }
  .relate-title {
    font-size: 22px;
  }
}

.tech-up {
  position: relative;
  width: 100%;
  min-height: 560px;
  overflow: hidden;
}

.tech-up-inner {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 560px;
}

.tech-up .text-wrap {
  width: 44%; padding:40px 0;
}
.qiye01{ padding-top:1.3rem; background:#fafafa;}

/* 右侧图片：紧贴屏幕右侧，占视口宽度 50% */
.tech-up-img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: 1;
}
.tech-up .text-wrap h2{ font-size:40px; color:#000000; font-family:scB; margin-bottom:30px; display:block;}
.text-wrap >p{ font-size:18px; color:#333333; margin-bottom:50px;}

.text-item2{ padding:20px 40px;  background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 70%); margin-bottom:25px;}
.text-item2 h4{ font-family:scB; color:#88c220; display:block; margin-bottom:5px;}
.text-item2 p{ color:#666666;}
.tech-up-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* 第二、三、四部分继续受 w1600 控制 */
.plan-eval,
.equip-run,
.spare-part {
  position: relative;
  z-index: 2;
}
.tech-up-inner2{justify-content: flex-end;}
.tech-up-img2{ right:auto; left:0}


.tech-up-inner2 .text-wrap{ padding-right:0; padding-top:1rem;}
.tech-up-inner2 .text-wrap .text-item2{background: linear-gradient(to right, #fafafa 0%, rgba(255,255,255,0) 70%);}
.qiye02{ padding-bottom:1.2rem;}
.qiye03{ padding-top:1.1rem; color:#fff; padding-bottom:1.05rem; background-color:#fafafa; position:relative;}
.qiye03 .bac3{ position:absolute; left:0; top:0; height:80%; width:100%; z-index:2;}
.qiye03 .bac3 img{ width:100%; height:100%; object-fit:cover;}
.qiye03 .w1600{ position:relative; z-index:3;}
.qiye03 .block-desc{ color:#fff; max-width:460px; margin-bottom:1.3rem;}
.qiye03 h2{font-size: 40px;
    font-family: scB;
    margin-bottom: 30px;
    display: block;}

.run-card-wrap .run-card{ width:31%; padding:.6rem; background:#fff; border-radius:20px; text-align:center;}

.run-card-wrap .run-card h4{ color:#88c220; font-size:18px;}
.run-card-wrap .run-card p{ color:#666666;}
.run-card-wrap .run-card .line{ width:50px; height:2px; background:#88c220; margin:20px auto;}

.qiye04{ text-align:center; padding:1.3rem 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.tytitle h2{font-size: 40px;
    font-family: scB;
    margin-bottom: 30px;
    display: block; color:#000}
.tytitle p{ color:#333; font-size:18px;}
.tytitle{ margin-bottom:60px;}

.icon-wrap{ max-width:1520px; margin:0 auto;}
.icon-wrap img{ margin:0 auto;}
.icon-item{ width:28%;}
.icon-item h4{ font-size:18px; color:#88c220; display:block; margin:30px auto 20px; line-height:1;}
.icon-item p{ max-width:320px; margin:0 auto; color:#666666;}
.spare-bottom-img { border-radius:20px; overflow:hidden; margin-top:.7rem;}
.spare-bottom-img img{ width:100%; height:100%; object-fit:cover;}


.newslistsny{ background:#fafafa;}
.tab-wrap {
  display: flex;
  justify-content: center;
  gap: 0;
  margin-bottom: 40px;
}
.tab-wrap a { margin:0 30px;
  padding: 10px 70px;
  border-radius: 99px;
  font-size: 24px; font-family:scB; color:#000;
  cursor: pointer; background: #fff;
  transition: all 0.3s;
}
.tab-wrap a.active {
  background: #88c220;
  color: #fff;
}

/* 新闻网格容器 */
.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-bottom: 50px;
}

/* 通用新闻卡片基础样式 */
.news-card {
  background: #fff;
  border-radius: 25px;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
}
.news-card-img {
  width: 100%;
  height: 220px;
  overflow: hidden;
}
.news-card-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}
.news-card-text {
  padding: 30px 30px 30px;
}
.news-date {
  font-size: 14px;
  color: #666;
  margin-bottom: 3px;
}
.news-title{ margin-bottom:20px;}
.news-title a{
  font-size: 18px;
  color: #000; font-family:scB;
  line-height: 1.5;
  font-weight: 500; transition:all .3s;
}
.news-desc {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 40px;
}
.news-link {
  font-size: 16px;
  color: #333; font-family:scB; transition:all .3s;
  text-decoration: none;
  display: inline-block;
}

/* ========== 1. 首项特殊大图卡片（占2列宽度） ========== */
.news-card.big-card {
  grid-column: span 2; height:480px; position:relative;
}
.news-card.big-card .news-card-img {
  height: 100%; overflow:hidden; border-radius:25px;
  position: relative;
}
.news-card.big-card .news-card-img img{ width:100%; height:100%; object-fit:cover;}
.news-card.big-card  .news-card-text{ padding:50px; position:absolute; left:0; bottom:0; z-index:1; width:100%;}
.big-card .news-title{ margin-bottom:0;}
.big-card .news-title a{ color:#fff;}

/* 首图左下角日期文字 */
.big-card-date {
 
  font-size: 14px;
  color: #fff; margin-bottom:10px;
}
.big-card .news-title {
  color: #73b827;
  font-size: 15px;
}
.big-card .news-link {
  color: #73b827;
}

/* ========== 2. hover悬浮样式（第二项默认展示hover效果） ========== */
.news-card.hover-state,
.news-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.09);
}
.news-card.hover-state .news-card-img img,
.news-card:hover .news-card-img img {
  transform: scale(1.04);
}
.news-card.hover-state .news-title,
.news-card:hover .news-title {
  color: #73b827;
}
.news-card.hover-state .news-link,
.news-card:hover .news-link {
  color: #73b827;
}

/* ========== 分页区域 ========== */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.page-btn {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  cursor: pointer;
}
.page-num {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}
.page-num.active {
  background: #73b827;
  color: #fff;
}

/* ========== 响应式适配（手机/平板） ========== */
@media (max-width: 1200px) {
  .news-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .news-card.big-card {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .news-grid {
    grid-template-columns: 1fr;
  }
  .news-card.big-card {
    grid-column: span 1;
  }
  .news-card-img {
    height: 180px;
  }
  .tab-item {
    padding: 8px 24px;
    font-size: 14px;
  }
  
  .tab-wrap a{ padding:0 25px; line-height:40px; font-size:16px; margin:0 15px;}
  .tab-wrap{ margin-bottom:25px !important;}
  .news-card.big-card{ height:11rem;}
  .news-card.big-card .news-card-text{ padding:15px;}
  .news-title a{ font-size:16px;}
  .big-card-date{ margin-bottom:5px; font-size:12px;}
  .news-card-text{ padding:15px;}
  .news-title a{ display:block;}
  .news-date{ font-size:12px;}
  .news-desc{ margin-bottom:10px;}
  .news-link{ font-size:14px;}
  .newslistsny .news-title{ margin-bottom:10px;}
}

.newslistsny{ padding:1.2rem 0;}
.tab-wrap{ margin-bottom:75px;}

.header_hei{ height:100px;}
.view_posi{ box-shadow:0 0 15px rgba(0,0,0,.1); padding:25px 0;}
.view_posi i{ font-size:15px; margin:0 20px;}.view_posi a:last-child{ font-family:scB; color:#88c220}
.view_posi a{ color:#666666; transition:all .3s;}
.view_posi a:hover{ color:#88c220; font-family:scB;}
.viewnews{ background:#fafafa; padding:1.1rem 0}
.newsviewri{ width:470px;}
.newsviewle{ width:calc(100% - 570px);}
.newsviewle>h1{ font-size:32px; color:#000000; font-family:scB; margin-bottom:45px; display:inline-block;}
.newsviewle .autor{ padding-bottom:35px; margin-bottom:30px; border-bottom:1px solid #dddddd;}
.newsviewle .autor span{ font-size:16px; color:#666666; display:block;}
.newsviewle .contents p{ color:#333333; line-height:1.8; margin-bottom:20px;}
.newsviewle .contents img{ max-width:100%;}

.pre_next{ margin-top:70px; background:#f3f3f3; padding:15px 30px;}
.pre_next a{ color:#999999; transition:all .3s; font-size:14px;}
.pre_next a:hover{ color:#000}

.rititles{ margin-bottom:30px;}
.rititles a{ font-size:14px; color:#666666;}
.rititles a:hover{ color:#88c220}
.rititles b{ font-size:18px; color:#000; font-family:scB;}

.newsviewri li{ padding:20px 0; border-bottom:1px solid #dddddd; transition:all .3s;}
.newsviewri li:hover{ border-bottom:1px solid #88c220}
.newsviewri li a{ color:#333; transition:all .3s;}
.newsviewri li:hover a{ color:#88c220}

.maps{ position:relative;}

.lvsezi a.flex{ display:flex;
    flex-wrap: nowrap;}
.lvsezi .flex img{ margin-right:10px;}
.lvsezi .flex i{ font-style:normal; font-size:18px;}

.about02{  background-size:cover; background-position:center; background-repeat:no-repeat;}
.about02 li{ transition:all .5s; border-right:1px solid rgba(255,255,255,.4); height:9rem; width:20%; position:relative;}
.about02 li .txt{ text-align:center; position:absolute;  left:0; width:100%; padding:0 20px; bottom:0; transition:all .5s;}
.about02 li .txt img{ display:block; margin:0 auto;}
.about02 li .txt b{ color:#fff; font-size:32px; display:block; margin:30px auto;}
.about02 li .txt p{    text-align: center !important; opacity:0; font-size:20px; display:block; color:#fff;}
.about02 li:hover .txt{ bottom:50%; transform:translateY(50%);}
.about02 li:hover{ background:rgba(136,194,32,.9);}
.about02 li:hover .txt p{ opacity:1;}

.aboutnav{ text-align:right;}
.aboutnav a{ margin-left:1rem; line-height:80px; font-size:18px; color:#333333; border-bottom:1px solid #fff; transition:all .3s; display:inline-block;}
.aboutnav a.on{ color:#88c220; border-bottom:2px solid #88c220;}

.about01{ background:#fafafa; padding:1.2rem 0;}

.about01box{ position:relative;}
.about01box  .img{ position:absolute; right:0; top:0; height:100%; width:45%; overflow:hidden; border-top-left-radius:100px;}
.about01box .txt{ width:50%; max-width:720px;}
.about01box  .img img{ width:100%; height:100%; object-fit:cover;}
.about01box .txt span{ display:block; padding-left:15px; color:#88c220; position:relative;}
.about01box .txt span::after{ content:""; display:block; width:5px; height:5px; background:#88c220; border-radius:100%; position:absolute; left:0; top:50%; margin-top:-2.5px;}
.about01box .txt  b{ font-size:50px; color:#000; font-family:scB; display:block; line-height:1; margin-bottom:50px; margin-top:15px;}
.about01box .txt .lv{ color:#88c220; font-size:20px; margin-bottom:15px;}
.about01box .p{ color:#333;}.about01box .txt a{line-height:50px; padding:0 45px; border-radius:100px; border:2px solid #dbedbc; color:#88c220; display:inline-block; margin-top:60px; transition:all .3s;}

.about03{ padding:1.2rem 0; background:#fafafa;}
.about03 .maps>img{ width:100%;}


.area50{       right: 22.3%;top: 41.5%; z-index:20}
.area51{        right: 23%; 
    top: 39%; z-index:19}
.area52{      right: 22.7%;
    top: 45%; z-index:19}
.area53{         right: 22.6%;
    top: 35%; z-index:19}
.area54{        right: 20.3%;
    top: 35%; z-index:19}
.area55{        right: 18.6%;
    top: 39.5%; z-index:19}
.area56{        right: 49.6%;
    top: 21%; z-index:19}
.area57{     right: 70.8%;
    top: 37.5%; z-index:19}

.area-box.zindex { z-index:21;}

.about01box .txt a:hover{ background:#88c220; color:#fff;}


.fazhan001{ background:#fafafa; padding-bottom:.8rem;}
.fazhantitle{ padding:1.1rem 0; font-size:50px; color:#000; text-align:center; font-family:scB;}
.fazhan001 .img{ width:50%; overflow:hidden; height:450px; border-radius:20px;}
.fazhan001 .img img{ width:100%; height:100%; object-fit:cover; transition:all 1s;}
.fazhan001 .img:hover img{ transform:scale(1.05);}
.fazhan001 .txt{ width:45%;}
.fazhan001  li{ margin-bottom:.8rem;}
.fazhan001  li:nth-child(2n){flex-direction: row-reverse}
.fazhan001 .txt b{ font-size:24px; color:#000; font-family:scB; display:block; margin-bottom:20px;}
.fazhan001 .txt p{ color:#333;}


.contact01{ padding:1rem 0; background:#fafafa;}
.contacttile{ text-align:center; margin-bottom:0.8rem;}
.contacttile b{ font-size:50px;  color:#000; display:block; line-height:1.3; margin-bottom:35px;}
.contacttile p{ color:#666;}

.contact01 li{ width:31%; overflow:hidden; border-radius:20px; transition:all .5s; position:relative;}
.contact01 li img{ width:100%;}
.contact01 li:first-child{ transform:translateY(40px)}
.contact01 li:nth-child(3){ transform:translateY(80px)}

.contact01 li .bac{ position:absolute; left:0; top:0; width:100%; height:100%;background: linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);}
.contact01 li .bac .txt{ position:absolute; bottom:0; left:0; width:100%; padding:50px;}
.contact01 li .bac .txt b{ font-size:30px; font-family:scB; display:block; line-height:1; color:#fff; transition:all .5s;}
.contact01 li .bac .txt p{ color:#fff; margin-top:25px; display:none;}

.join002 { padding:1rem 0}
.join002  .scroll-item img{ width:100% !important; height:100% !important; object-fit:cover !important; min-height:inherit !important; max-height:none !important; max-width:none !important; transition:all .8s;}
.join002  .scroll-item{ width:450px; height:280px; overflow:hidden; padding:0; border-radius:25px;}
.join002  .scroll-item:hover img{ transform:scale(1.05);}




.join003 li{ margin-bottom:2%;
  width:49%; /* 两列，减去gap一半 */
  background:#fff;
  padding:50px;
  border-radius:25px;
 
  cursor:pointer;
  transition:all 0.24s ease;
}
/* hover高亮样式（第一张图绿色标题+绿色箭头） */
.join003 li:hover{box-shadow:0 6px 26px rgba(0,0,0,0.15);}
.join003 li:hover .li_le b{color:#96d828;}
.join003 li:hover .liri{background:#96d828;color:#fff;}

/* 左侧文字区域 */
.li_le{flex:1;padding-right:20px;}
.li_le b{font-size:20px;color:#222;display:block;margin-bottom:14px;transition:color 0.2s;}
.li_le > p{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;color:#666;margin-bottom:12px;}
.add{font-size:14px;color:#555; padding-left:25px; background-position:left center; background-repeat:no-repeat; background-image:url(../images/11aboutjoin_38.png);}


/* 右侧箭头按钮 */
.liri{
  width:44px;height:44px;border-radius:50%; line-height:44px;
  border:1px solid #eee;display:grid;place-items:center;
  font-size:18px;color:#999;transition:all 0.2s;
}

.modal-body{ border-bottom:1px solid #eee; padding-bottom:30px;}
/* ==================== 弹窗遮罩层（黑色透明渐变背景） ==================== */
.job-mask{
  position:fixed;inset:0;z-index:999;
  /* 黑色半透明渐变遮罩 */
  background:linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.65));
  display:none;
  align-items:center;justify-content:center;
  padding:20px;
}
.job-mask.show{display:flex;}
/* 弹窗打开禁止页面滚动 */
body.no-scroll{overflow:hidden;}

/* 弹窗主体 */
.job-modal{
  width:100%;max-width:820px;max-height:88vh;
  background:#fff;border-radius:16px;position:relative;
  padding:36px;overflow-y:auto;
}
/* 关闭按钮 绿色圆形 */
.modal-close{
  width:40px;height:40px;border-radius:50%;
  background:#96d828;color:#fff;font-size:20px;
  display:grid;place-items:center;
  position:absolute;top:20px;right:20px;
  border:none;cursor:pointer;
}
/* 弹窗标题 */
.modal-title{font-size:26px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee;}
/* 岗位详情内容 .contenttc */
.contenttc p{margin:16px 0;line-height:1.7;color:#333;font-size:15px;}
.contenttc strong{font-size:17px;color:#111;display:block;margin-bottom:8px;}
/* 底部投递邮箱绿色文字 */
.modal-mail{margin-top:30px;font-size:24px;color:#88c220; font-family:scB; font-weight:500;}
.modal-body p { color:#666;}
.modal-body p strong{ color:#000; font-size:18px;font-family:scB;}

/* ==================== 移动端适配（768px以下单列） ==================== */
@media screen and (max-width:768px){
  .flex2 > li.flex{width:100%;padding:24px;}
  .job-modal{padding:24px;}
  .modal-title{font-size:22px;}
}


.contenttc{ display:none;}
.join003{ padding:1rem 0; background:#fafafa;}
.join003 .contacttile b{ text-align:left; margin-bottom:0}
.join003 .contacttile{ margin-bottom:50px;}


.contact0001{ padding:1.2rem 0;}
.contactle{ width:40%;}
.contactlebox span{ margin-top:50px; color:#666666; display:block; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.contactlebox span.tels{ background-image:url(../images/contact_07.jpg);}
.contactlebox span.mails{ background-image:url(../images/contact_10.jpg);}
.contactlebox span.adds{ background-image:url(../images/contact_12.jpg);}
.contactlebox b{ font-size:50px; color:#000000; display:block; font-family:scB;}
.contactlebox p{ font-size:20px; color:#000000;font-family:scB;}
.contactle>b{ font-size:50px; color:#000000; font-family:scB; line-height:1.5;}
.contactle>b i{ font-style:normal; color:#88c220}
.contactri{ width:54%; border-radius:20px; overflow:hidden;}
.contactri img{ width:100%;}

.contact0003{ padding:1.2rem 0; background:#fafafa;}
.contact0003 span{ display:block; margin-bottom:10px; color:#999999;}
.contact0003 .inputbox{ width:31%;}
.contact0003  input{ border-radius:100px; background:#fff; margin-bottom:25px; padding:0 20px; border:1px solid #eeeeee; width:100%; height:47px; line-height:45px;}
.textareabox{ width:100%;}
.contact0003 textarea{border:1px solid #eeeeee; padding:15px 20px; border-radius:20px; height:200px; width:100%;}
.btnbox { text-align:center;}
.btnbox button{ height:70px; background:#88c220; padding:0  70px; transition:all .5s; color:#fff; font-size:18px; border-radius:100px; margin-top:55px; cursor:pointer;}
.btnbox button img{ vertical-align:middle; margin-right:10px; margin-top:-5px;}
.btnbox button:hover{ transform:translateY(-5px); box-shadow:0 0 15px rgba(0,0,0,.1)}

.searchlist{ padding-top:1.1rem;}
.searchlist .section-main-title{ font-size:50px; color:#000}
@media screen and (max-width:1680px){
	.w1600{ padding-left:40px; padding-right:40px;}
	
	.banner-swiper .swiper-slide{ height:10rem;}
	 
	}
@media screen and (max-width:1280px){
	.navmain>ul>li{ margin-right:0.35rem;}
	.titleindex b,.main2title,.about01box .txt b,.fazhantitle,.contacttile b,.contactle>b,.contactlebox b,.searchlist .section-main-title{ font-size:30px;}
	.titleindex p{ font-size:16px;}
	.footer-slogan{ font-size:20px;}
	.banner-pagination .swiper-pagination-bullet{ width:50px;}
	.newsviewri,.newsviewle{ width:100%;}
	.newsviewri{ margin-top:40px;}
	.about02 li .txt img{ height:30px;}
	.about02 li .txt b{ font-size:26px; margin:15px 0}
	.about02 li .txt p{ font-size:14px;}
	.contactlebox span{ margin-top:20px;}
	}
@media screen and (max-width:960px){
	 .wap{ display:block;}
	 .pc{ display:none;}
	 .header_hei{ display:none;}
	 .text-item h4 span{ font-size:12px;}
	 .news-wrap .news-card{ width:48%;}
	 .footer-nav h4{ font-size:18px;}
	 .footer-nav li a{ font-size:14px;}
	 .contact-item{ font-size:14px;}
	 .tel-big{ font-size:20px;}
	 .copyright{ font-size:14px;}
	 .main002 ul li{ padding:20px;}
	 .main002 ul{ max-width:none;}
	 .news-wrap .news-card.card-textlist{ width:100%;}
	 .news-list{    flex-wrap: wrap;}
	 
	 .banner-down{ padding-bottom:30px; display:none;}
	 .banner-down .scroll-line{ height:20px;}
	 .banner-pagination .swiper-pagination-bullet{ width:30px;}
	 .banner-pagination-wrap{ bottom:10px; left:15px;}
	 .banner-swiper .swiper-slide{ height:14rem;}
	 
	 .w1600{ padding-left:15px; padding-right:15px;}
	 .lvsezi .flex img{ width:15px;}
	 .lvsezi .flex i{ font-size:14px;}
	 .contact01 li .bac .txt b{ font-size:20px;}
	}
	
@media screen and (max-width:768px){
	body{ font-size:14px;}
	.main001tab span{ font-size:14px; line-height:30px; margin:2%;}
	.main003{ padding:40px 0; }
	.titleindex b, .main2title{ margin-bottom:15px;}
	.titleindex p{ font-size:14px;}
	.title-ri a{ padding:0 20px; line-height:30px; font-size:14px; margin-top:10px;}
	.main002 ul li img{ margin-bottom:5px;}
	.titleindex b, .main2title{ font-size:20px;}
	.main002 ul li{ width:48%; margin:1%;}
	#shebeiurl{ margin-bottom:120px;}
	#shebeiurl{ padding:0 30px; line-height:40px; font-size:14px;} 
	.main002 ul li img{ height:20px;}
	
	.scroll-item{ width:5rem; height:3rem;}
	.scroll-item img{ max-width:none;}
	
	.scroll-box{gap: 15px;}
	.news-wrap .news-card{ width:100%;}
	.main004 .title-le b{ margin-bottom:0}
	.news-list { margin-top:20px;}
	.banner-pagination .swiper-pagination-bullet .progress-track { margin-top:0}
	.news-card .img{ height:9rem;}
	.card-big .card-content{ padding:18px;}
	.card-big h3{ margin-bottom:5px;}
	.card-textlist{ padding:18px;}
	.text-item{ padding:15px 0;}
	footer{ padding:0;}
	footer{ padding-top:40px; }.footer-logo img{ height:50px;}
	.footer-slogan{ font-size:14px;}
	.card-textlist h4 a { font-size:16px;}
	.card-date{ margin-bottom:5px; font-size:12px;}
	.card-desc{ margin-bottom:5px; font-size:14px;}
	.footer-ri{ display:none;}
	.footer-contact{ width:100%;}
	.copyright{ font-size:12px;}
	.card-title a{ font-size:16px;}
	.footer-main{ margin-bottom:20px;}
	.footer-bottom{ padding-top:20px; padding-bottom:20px;}
	.card-title{ padding-bottom:10px; margin-bottom:15px;}
	.product-card{ padding:15px;    gap: 5px;}
	
	.product-card .card-desc{ margin-bottom:15px;}
	.product-grid{  }
	.card-text{ width:100%;}
	.product-card{ width:100%;        margin-bottom: 15px;}
	.banner-title{ font-size:22px;}
	.app-item-text{ padding:15px;}
	.app-item-title a{ font-size:16px;}
	.app-item-desc{ font-size:12px;}
	.app-item-title{ margin-bottom:5px;}
	.load-more-tip{ margin-top:30px;}
	.industry-intro{ padding:20px;}
	.industry-title{ padding-bottom:15px; margin-bottom:20px;}
	.product-item-img{ height:9rem;}
	.product-swiper-wrap .line{ margin-bottom:10px;}
	.product-item{ padding:15px;}
	.product-item-txt{ font-size:12px;}
	.arrow-btn{ width:40px; height:40px; font-size:20px;}
	
	.tech-up .text-wrap{ width:100%; padding-top:8rem;}
	.tech-up-img{ width:100%; top:0; height:8rem;}
	.qiye01{ padding-left:15px; padding-right:15px;}
	
	.qiye02{ padding-left:15px; padding-right:15px;}
	.tech-up .text-wrap h2{ font-size:20px; margin-top:15px; margin-bottom:15px;}
	.text-wrap >p{ font-size:14px; margin-bottom:15px;}
	.text-item2{ padding:15px 20px; margin-bottom:10px;}
	.text-item2 h4{ font-size:16px;}
	.qiye03 h2,.tytitle h2{ font-size:22px; margin-bottom:15px;}
	.tech-up .text-wrap{ padding-bottom:0}.tytitle p{ font-size:14px;}
	.run-card-wrap .run-card h4{ font-size:16px;}
	.icon-item{ width:100%; margin-bottom:20px;}
	.icon-wrap img{ width:50px;}
	.tytitle{ margin-bottom:30px;}
	.icon-item h4{ margin:15px 0;}
	.run-card-wrap .run-card .line { margin:10px auto;}
	.run-card-wrap .run-card{ width:100%; padding:20px; margin-bottom:15px;}
	.newsviewle>h1{ font-size:18px; margin-bottom:10px;}
	.newsviewle .autor span{ font-size:14px;}
	.newsviewle .autor{ margin-bottom:15px; padding-bottom:15px; }
	.pre_next{ padding:15px; margin-top:30px}
	.rititles{ margin-bottom:15px;}
	.newsviewri li{ padding:10px 0}
	.lvsezi .flex i{ font-size:12px;}
	.lvsezi a{ padding:0 10px !important; line-height:30px !important;}
	
	.about02 li .txt b{ font-size:20px; margin:5px auto;}
	.about02 li{ width:50%; height:200px; border-bottom:1px  solid rgba(255,255,255,.4); background-color:rgba(0,0,0,.2);}
	.about01box .txt{ width:100%; max-width:none;}
	.about01box .txt b{ font-size:20px; margin-bottom:20px;}
	.about01box .txt .lv{ font-size:16px;}
	.about01box .txt a{ line-height:40px; margin-top:20px;}
	.aboutnav a{ line-height:50px; font-size:14px; margin-left:15px;}
	.about01box .img{ position:static; width:100%; height:9rem; border-top-left-radius:0; margin-top:20px;}
	.fazhantitle{ font-size:22px;}
	.fazhan001 li{ position:relative; padding-top:8rem; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #eee;}
	.fazhan001 li .img{ width:100%; position:absolute; height:8rem; top:0; left:0;}
	.fazhan001 .txt{ width:100%; padding-top:15px;}
	.fazhan001 .txt b{ font-size:18px; margin-bottom:5px;}
	.contacttile b{ margin-bottom:15px;}
	.contact01 li .bac .txt{ padding:15px;}
	.contact01 li{ width:100%; transform:none !important; margin-bottom:15px;}
	.contact01 li p{ display:block !important;}
	.contacttile b{ font-size:20px;}
	.join003 .contacttile{ margin-bottom:20px;}
	.contact01,.join002,.join003{ padding:30px 0;}
	.join002 .scroll-item{ width:150px; height:100px; border-radius:5px;}
	.li_le > p{    gap: 0 10px;}
	.li_le b{ font-size:16px;}
	.modal-mail{ font-size:18px;}
	.contactle,.contactri{ width:100%;}
	.contactle>b{ font-size:20px;}
	.contactlebox b{ font-size:18px;}
	.contactri{ margin-top:30px;}
	.contactlebox p{ font-size:16px;}
	.contact0001,.contact0002{ padding:30px 0}
	.contact0003 .inputbox{ width:100%;}
	.contact0003 input{ margin-bottom:10px; border-radius:10px;}
	.contact0003 span{ margin-bottom:2px;}
	.btnbox button{ height:40px; padding:0 20px; font-size:14px; margin-top:15px;}
	.searchlist .section-main-title{ font-size:20px;}
	}
	
	.swiperle{ width:calc(100% - 60px);}
	
	
	.pro_view01{ padding:1.2rem 0;}
.prole{ width:37%;}
.prole h1{ font-size:40px; color:#000; font-family:scB; line-height:1.3; display:block;}
.prole .jianjie{ padding:30px 0; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; margin:30px auto;}
.prole .jianjie p{ color:#666}
.prori{ width:58%;}

.pro_alink a{ padding:0 45px; line-height:50px; display:inline-block; margin-right:30px; transition:all .3s;  color:#87c11f; border-radius:100px; border:2px solid rgba(135,193,31,0.3);}
.pro_alink a:hover{ background:#87c11f; color:#fff; border:2px solid #87c11f}

.gallery-top{ width:calc(100% - 190px);overflow: hidden;height:590px; border:1px solid #eee;}
.gallery-thumbs{ width:170px;}
.gallery-thumbs .swiper-slide{ width:170px; height:140px !important; border:1px solid #eee; position:relative;}
.gallery-thumbs .swiper-slide img{ position:absolute; max-width:80%; max-height:80%; left:50%; top:50%; transform:translate(-50%,-50%);}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #88c220}

.gallery-top .swiper-slide{ position:relative;}
.gallery-top .swiper-slide img{ position:absolute; max-width:80%; max-height:80%; left:50%; top:50%; transform:translate(-50%,-50%);}

.pro_view02{ margin-bottom:1.1rem;}
.procontents{ padding:.9rem; background:#fff; border-radius:25px; border-radius:25px;}
.procontents p{ color:#666;}
.procontents p strong{ font-family:scB; font-size:18px; color:#000}
.procontents img{ max-width:100%;}
.protitle{ font-size:40px; color:#000; display:block; font-family:scB; margin-bottom:30px;}

.procontents table{ width:100%;border-collapse: collapse;}
.procontents th{ font-weight:normal; }
.procontents th,.procontents td{ border:1px solid #eee; padding:5px 2px; text-align:center;font-size:14px; color:#666;}
.procontents th:first-child,.procontents td:first-child{ color:#333; font-weight:bold;font-family:scB;}

.xghangyeimg{ border-radius:20px; overflow:hidden;}
.xghangyeimg img{ width:100%; height:100%; object-fit:cover; transition:all .7s;}
.xghangye .txt{border-radius:20px;  position:absolute; left:0; top:0; width:100%; height:100%;  background: linear-gradient(to top, rgba(0,0,0,.5), transparent 50%);}
.xghangye .bac{ color:#fff; padding:0.4rem; position:absolute; bottom:0; left:0; width:100%;}
.xghangye .bac a{ color:#fff;}
.xghangye .bac  b{ font-size:18px; margin-bottom:5px;}
.xghangye .bac  p{ display:none;}
.xghangye:hover .xghangyeimg img{ transform:scale(1.05);}

.pro_view03{ overflow:hidden;}
.proview04 .line{ width:100%; height:1px; background:#eeeeee; margin-bottom:35px;}
.proview04 ul{justify-content: flex-start;}
.proview04 .product-item{ padding:0.4rem;}
.proview04 { padding:1rem 0}
.swiperle{ width:calc(100% - 70px);}
.proview04 .product-item{ width:31.33%; margin:1%;}

.icp-text a { display:inline-block;}


.main01_02{ height:24rem;  display: none;   background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center; position:relative;}
    
     .main01_03area .scene_list a{ color:#fff;}
    .main01_03area .scene_list{ position:absolute; top:50%;         border-radius: 100px;
        color: #fff;
        font-family: scB;        padding: 0 0.7rem;        white-space: nowrap;        background: #88c220; color:#fff;
        margin: 0 0.25rem;
        cursor: pointer;    margin-top: -0.75rem;
        line-height: 1.5rem;
        font-size: .6rem;}

 .main01_03area .scene_list.rig{ left:10px;}
 .main01_03area .scene_list.lef{ right:10px;}
@media screen and (max-width:960px){
    .scene_list{ display:none;}
    
.area-box .dot { position: absolute; z-index: 2; top:50%; left:50%; transform:translate(-50%,-50%); width: .4rem; height: .4rem; border-radius: 50%; background-color: #95d622;}
.area-box .pulse {
    position: absolute; top:50%; left:50%;  margin-left: -0.48rem; margin-top: -0.48rem; width: .96rem; height: .96rem; border-radius: 50%;
    border: 2px solid #95d622; box-shadow: 0 0 12px #95d622, 0 0 20px #95d622 inset; opacity: .8;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
.area-box .pulse2 {
    position: absolute; top:50%; left:50%; margin-left: -0.65rem; margin-top: -0.65rem; width: 1.3rem; height: 1.3rem; border-radius: 50%;
    border: 2px solid #95d622; box-shadow: 0 0 12px #95d622, 0 0 20px #95d622 inset; opacity: .8;
    animation: warn 2s ease-out both; animation-iteration-count: infinite;
}
    
.area1{         left: 14%; top: 77%;}

.area2{         left: 38%;bottom: 68%;}
.area3{         left: 56%;
        bottom: 28%;}
.area4{ right: 16.5%;bottom: 45.5%;}
.area5{        right: 17%;
        top: 32%;}
        
        
.area6{         left: 5%;
        top: 46%;}
.area7{         left: 12%;
        bottom: 49%;}

.area8{ left: 33%;
        bottom: 37%;}
.area9{         left: 42%;
        bottom: 59%;
    }
.area10{         left: 44%;
        top: 59%;}
        

.area11{        left: 65%;
        bottom: 35%;}
        
        
.area12{         left: 74%;
        bottom: 20%;}
.area13{          left: 87%;
        top: 23%;}
        
.area14{        right: 8%;
        bottom: 30%;}
        
        
.area15{          right: 86%;
        bottom: 63%;}
.area16{       right: 84%;
        bottom: 51%;}
        .area17{         right: 58%;
        bottom: 39%;}
        .area18{          right: 44%;
        bottom: 28%;}
        .area19{         right: 33%;
        bottom: 48%;}
        .area20{         right: 22%;
        bottom: 61%;}
        
.area21{         right: 12%;
        top: 61%;}
.area22{         right: 10%;
        top: 50%;}
.area23{ right:6rem; top:4.8rem;}


.area24{         right: 87%;
        bottom: 66%;}
.area25{        right: 83%;
        bottom: 35%;}
.area26{         right: 52%;
        bottom: 54%;}
.area27{         left: 82%;
        top: 37%;}
.area28{        left: 89%;
        top: 66%;}
.iReProBox{ width:95%; background:#fff; left:2.5%;        left: 2.5%;
        bottom: 10%; padding:20px;}
.iReProBox img{ width:100%;}

.iReProBox .imgt{ position:relative; height:8rem;}
.iReProBox .imgt img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:92%; max-height:92%;}
.iReProBox .swiper-slide{ text-align:center; background:#fafafa}
.iReProBox .swiper-slide b{ display:block; font-size:15px; font-family:scB; color:#000}
.iReProBox .swiper-slide b a{ color:#000}
.iReProBox .swiper-slide > a{ font-size:14px; color:#88c220;}
.iReProBox .swiper-slide {}
.iReProBox .topBox i{ font-size:18px;}
.iReProBox .topBox{justify-content: flex-end;}

.iReProPrev{ position:absolute;z-index:10; left:0; top:50%; border-radius:100%; box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; width:50px; height:50px; display:inline-block; margin-top:-25px; background-image:url(../images/jiantoule.jpg); background-position:center; background-repeat:no-repeat}
.iReProNext{ position:absolute; margin-top:-25px; right:0; top:50%; border-radius:100%; box-shadow:0 0 15px rgba(0,0,0,.1); background:#fff; width:50px; height:50px; display:inline-block;background-image:url(../images/jiantouri.jpg);z-index:10; background-position:center; background-repeat:no-repeat}
    
}
@media screen and (max-width:768px){
.prole,.prori{ width:100%;}
.prole h1{ font-size:20px;}
.protitle{ font-size:22px;}
.back-top{ bottom:10px; right:10px;}
.prole .jianjie{ padding:15px 0; margin:10px 0;}
.pro_alink a{ padding:0 15px; line-height:30px; margin-right:15px; margin-bottom:20px; margin-top:10px;}
.gallery-top{ width:100%; height:10rem;}
.gallery-thumbs{ width:100%; margin-top:15px;}
.gallery-thumbs .swiper-slide{ height:4rem !important;}
.proview04 .product-item{ width:100%; margin-bottom:15px;padding:15px;}
.proview04 .line{ margin-bottom:10px; }
.view_posi{ padding:10px 0;}

 .scroll-item{ padding:5px; width:7rem; height:4rem;}
  .scroll-row{ margin-bottom:15px;}
  .view_posi i{ margin:0 10px;}
 .pro_view01 .w1600{ position:relative; padding-top:16rem;}
  .pro_view01 .prori { position:absolute; top:0; left:15px; width:calc(100% - 30px);}
  .scroll-box{ margin-right:15px;}
  
  .main0012tab{position:absolute; top:1.25rem; left:0; width:100%; text-align:center; z-index:10;}
   .main0012tab span{ line-height:0.6rem; padding:0 0.7rem; background:rgba(255,255,255,.2); border-radius:100px; color:#fff; font-family:scB; font-size:.2rem; display:inline-block; margin:0 0.25rem; transition:all .3s; cursor:pointer;}
 .main0012tab span.on{ background:#88c220;}
 
  .main0012tab span{      width:31%; margin-bottom: 10px;   line-height: 1.5rem;
        font-size: .6rem;}
	}
	
	
	video{ width: 100%;
  height: 100%;
  /* 和object-fit:cover 保持统一，像背景图一样裁剪铺满 */
  object-fit: cover;}
	
	
@font-face
{
font-family: scB;
src: url('../fonts/SourceHanSansSC-Bold-2.otf')
}

@font-face
{
font-family: scR;
src: url('../fonts/SourceHanSansSC-Regular-2.otf')
}