@charset "utf-8";
* {margin: 0px;padding: 0px;box-sizing: border-box;


font-family: "Microsoft YaHei","微软雅黑",sans-serif;

}
html,body{padding: 0;margin: 0;width: 100%;background: #F1F7F7;}
body {
  font-size:14px; color:#111;line-height: 1.85;
}
iframe{border: none;}
hr{border: none;height: 1px;margin: 0;padding: 0;background-color: #eee;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{overflow-x: hidden;}
a{text-decoration: none; outline: none;cursor:pointer;color: #111;
transition: 450ms;
-webkit-transition: 450ms;

}


a:hover{ color:#006637;}
img{border:none;
transition: 450ms;
-webkit-transition: 450ms;
vertical-align: bottom;
}
.pic{overflow: hidden;
transition: 450ms;
-webkit-transition: 450ms;
}
.poa{position: absolute;}
.por{position: relative;}
a:hover .pic img,.pic:hover img,.index5 .item:hover .pic img{transform: scale(1.09);}

i, em, cite{font-style: normal;}
ul,li{ list-style: none; margin: 0; padding: 0;}
* input {vertical-align: middle;float:left;outline:none;border:none;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;font-weight: 400}
.wrap{ margin: 0 auto;width: 1260px;}

@media(min-width: 1600px){
  .wrap{width: 1400px;}
  .product-content .wrap{width: 1460px;}
}
.location .pro-wrap{width: calc(100% - 180px);
    max-width: 1920px;
    margin: 0 auto;
    border-bottom: 1px solid #d7d8da;
}
.artcon.wrap{width: 1260px;background-color: #fff;padding: 40px}

.wrap.artcon{width: 1260px;padding: 40px;word-wrap: break-word;word-break: keep-all;}
.vmax-box-cn .wrap.artcon p{line-break: anywhere;}

.fl{float: left;}
.fr{float: right;}
.clear:before,.clear:after,.select-list:before,.select-list:after,.select-list ul:before,.select-list ul:after{content: '';display: table; clear: both;line-height: 0;}
.hidden{display:none;}
.visible{display:block;}
.txtcenter{text-align: center;}
.bg1{background-color: #fafafa;}
/* 不需要平均占比，改成间隔一样 */
/* .epd-menu-li-min li{width: 142px;}
.epd-menu-li-3 li{width: 33.33%;}
.epd-menu-li-4 li{width: 25%;}
.epd-menu-li-5 li{width: 20%;}
.epd-menu-li-6 li{width: 16.66%;}
.epd-menu-li-7 li{width: 14.28%;}
.epd-menu-li-8 li{width: 12.5%;} */

.epd-menu-li-min li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-3 li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-4 li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-5 li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-6 li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-7 li{display: inline-block;padding: 0 30px; width: auto;}
.epd-menu-li-8 li{display: inline-block;padding: 0 30px; width: auto;}

.vmax-box-cn .epd-menu-li-min li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-3 li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-4 li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-5 li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-6 li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-7 li{padding: 0 25px;}
.vmax-box-cn .epd-menu-li-8 li{padding: 0 25px;}
.vmax-box-cn .en{display: none;}
.vmax-box-en .cn{display: none;}

.flex,.page-menu2 ul{display: flex;flex-wrap: wrap;}
.page-menu2 ul{flex-direction: row;gap: 55px;}
.page-menu2 ul li{position: relative;transition: 400ms;-webkit-transition: 400ms;}
.page-menu2 ul li a{font-size: 30px;display: block;color: #898989;line-height: 70px;font-weight: normal;}
.page-menu2 ul li:after{position: absolute;content: '';width: 0;height: 3px;left: 0;bottom: 0;background-color: #231916;transition: 400ms;-webkit-transition: 400ms;}
.page-menu2 ul li.current:after,.page-menu2 ul li:hover:after{width: 100%;}
.page-menu2 ul li.current a,.page-menu2 ul li:hover a{color:#231916;}


.tit h1{font-size: 35px;font-weight: 800;color: #111}
.tit h4{color: #555;font-size: 16px;}
.tit span{color: #aaa;}
.w10{width: 10%}
.w20{width: 20%}
.w25{width: 25%}
.w30{width: 30%}
.w40{width: 40%}
.w50{width: 50%}
.w60{width: 60%}
.w70{width: 70%}
.w80{width: 80%}
.w90{width: 90%}
.w100{width: 100%}
.h100{height: 100%;}

.pt10{padding-top: 10px;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}

.pb10{padding-bottom: 10px;}
.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}
.pb40{padding-bottom: 40px;}
.pb50{padding-bottom: 50px;}
.pb60{padding-bottom: 60px;}
.pb70{padding-bottom: 70px;}
.pb80{padding-bottom: 80px;}
.pb90{padding-bottom: 90px;}
.pb100{padding-bottom: 100px;}

.pl10{padding-left: 10px;}
.pl20{padding-left: 20px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}

.pr10{padding-right: 10px;}
.pr20{padding-right: 20px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}

.mlr{margin:  auto;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}


.wrap img,.col2 img{max-width: 100%}

.swiper-container,.swiper-wrapper {
      width: 100%;
      height: 100%;
    }
.bannertxt{position: absolute;top: 50%;left: 0;right: 0;margin: auto;text-align: center;color: #fff;z-index: 899;transform: translateY(-50%);}
.bannertxt h1{font-size: 50px;font-weight: 800;}

.bannertxt h4{font-size: 25px}
.bannertxt .more,.bannertxt3 .more{display: inline-block;margin-top: 2em;}
.bannertxt .more a,.bannertxt3 .more a{display: inline-block;border-radius: 50px;border: 1px solid rgba(255,255,255,.5);color: #fff;padding: .5em 2em;}
.bannertxt .more a:hover,.bannertxt3 .more a:hover{background-color: #fff;color: #000}


    .index_banner .swiper-slide {
      /* 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;
      overflow: hidden;
      position: relative;
    }

    .index_banner .swiper-slide img{object-fit: cover;max-width: 100%;max-height: 100%;}

     


.swiper-slide h3{font-size: 18px}
.list2 img{width: 100%}
.list2 h3{padding: 20px}
.more1 {}




/*--------------------header---------------------*/
.menu{font-size: 14px;background: none; padding: 0; border-radius: 0;
    display: flex; justify-content: center; flex: 1;}

.menu .nav-item{padding: 0;}
.menu .nav-item > a{width: 90px;}
@media(min-width: 1700px){
.menu .nav-item{padding: 0;}
.menu .nav-item > a{width: 130px;}
}


.submenu{display: none;width: 100%;background-color: #f6f6f8;position:absolute;top: 90px;left: 0;right: 0;
padding: 80px 0 30px;box-shadow: 0 15px 15px rgba(0,0,0,.1);z-index: 9998;overflow: hidden;}
.menu > ul,.tabs,.tab-container .content ul{display: flex;display: flex;flex-direction: row;justify-content: center;align-items: center;flex-wrap: wrap;}
.tab-container .content ul li{width: 14%;padding: .7em}
.tab-container .content:nth-child(6) ul li{width: 14%}


.tab-container .content ul li:nth-child(1){animation-delay: 100ms;}
.tab-container .content ul li:nth-child(2){animation-delay: 200ms;}
.tab-container .content ul li:nth-child(3){animation-delay: 300ms;}
.tab-container .content ul li:nth-child(4){animation-delay: 400ms;}
.tab-container .content ul li:nth-child(5){animation-delay: 500ms;}
.tab-container .content ul li:nth-child(6){animation-delay: 600ms;}
.tab-container .content ul li:nth-child(7){animation-delay: 700ms;}
.tab-container .content ul li:nth-child(8){animation-delay: 800ms;}
.tab-container .content ul li:nth-child(9){animation-delay: 900ms;}
.tab-container .content ul li:nth-child(10){animation-delay: 1000ms;}
.tab-container .content ul li:nth-child(11){animation-delay: 1100ms;}
.tab-container .content ul li:nth-child(12){animation-delay: 1200ms;}
.tab-container .content ul li:nth-child(13){animation-delay: 1300ms;}
.tab-container .content ul li:nth-child(14){animation-delay: 1400ms;}
.tab-container .content ul li:nth-child(15){animation-delay: 1500ms;}
.tab-container .content ul li:nth-child(16){animation-delay: 1600ms;}
.tab-container .content ul li:nth-child(17){animation-delay: 1700ms;}
.tab-container .content ul li:nth-child(18){animation-delay: 1800ms;}
.tab-container .content ul li:nth-child(19){animation-delay: 1900ms;}
.tab-container .content ul li:nth-child(20){animation-delay: 2000ms;}
.tab-container .content ul li:nth-child(21){animation-delay: 2100ms;}
.tab-container .content ul li:nth-child(22){animation-delay: 2200ms;}
.tab-container .content ul li:nth-child(23){animation-delay: 2300ms;}
.tab-container .content ul li:nth-child(24){animation-delay: 2400ms;}
.tab-container .content ul li:nth-child(25){animation-delay: 2500ms;}
.tab-container .content ul li:nth-child(26){animation-delay: 2600ms;}
.tab-container .content ul li:nth-child(27){animation-delay: 2700ms;}
.tab-container .content ul li:nth-child(28){animation-delay: 2800ms;}
.tab-container .content ul li:nth-child(29){animation-delay: 2900ms;}
.tab-container .content ul li:nth-child(30){animation-delay: 3000ms;}
.tab-container .content ul li h3{font-size: 14px;padding: 0;text-align: center;margin: 0.5em 0;
display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
     -webkit-line-clamp: 1;
     margin-top: -20px;
}
/*.tab-container .content ul li:hover .pic{*/
/*  -webkit-animation-name: index-hvr-wobble;*/
/*  animation-name: index-hvr-wobble;*/
/*  -webkit-animation-duration: 1s;*/
/*  animation-duration: 1s;*/
/*  -webkit-animation-timing-function: ease-in-out;*/
/*  animation-timing-function: ease-in-out;*/
/*  -webkit-animation-iteration-count: 1;*/
/*  animation-iteration-count: 1; }*/
@keyframes index-hvr-wobble {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg); }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg); }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg); }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg); }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg); }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0); } }
.tabs{font-size: 14px;}
.tabs li.active a{color: #046b36;}
.menu > ul > li > a{padding-top: 0;color: #fff;line-height: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;text-align: center;width: 90px;height: 90px;font-size: 14px;box-sizing: border-box;}
.menu > ul > li > a::after{content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;transition-duration: 350ms;
    background-color: #8ec21f;}
.menu > ul > li.current > a::after,.menu > ul > li:hover > a::after{width: 100%;}
.menu > ul > li > a span{display: block;font-size: 11px;line-height: 11px;opacity: 0.7;margin-top: 3px;}
.vmax-box-cn .menu > ul > li > a span{display: none;}
.vmax-box-cn .menu > ul > li > a{padding-top: 0;}

.tab-container{}
.tab-container .content{display: none;padding: 2em 0;text-align: center;}
.tab-container .content .pic{width: 100%;height: 110px;
position: relative;
}
.tab-container .content .pic img{max-width: 90%;max-height: 90%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

.s1 ul,.s2 ul{display: flex;margin: auto;width: 100%;gap: 30px;}
.s1 ul li,.s2 ul li{text-align: center;}
.s1 ul li:nth-child(1){width: 15%;padding-right: 5%;margin-right: 5%;text-align: left;border-right: 1px solid #eee;}
.s2 ul li:nth-child(1){width: 15%;padding-right: 5%;margin-right: 5%;text-align: left;border-right: 1px solid #eee;}
.s1 ul li:nth-child(1) h2{font-weight: 800}
.s1 .pic{padding: 10px 55px;}
.s2 .pic{padding: 10px 40px;}

.location{text-align: left;position: relative;line-height: 40px;}
.location .wrap{border-bottom: 1px solid #d7d8da;}
.location span{color: #006637;margin: 0 5px;}
.service_location{margin-top: -65px;line-height: 65px;color: #006637;}
.service_location a{color: #006637;}

.header.light + .location{padding-top: 1px;}

.header.white,.header.light{background-color: #fff;}
.header.white .menu > ul > li > a,.header.pos .menu > ul > li > a,.header.light .menu > ul > li > a{color: #fff;}
.header-top{position: relative;min-width:1260px;background: #272727;color: #9c9c9c;line-height: 46px;text-align: right;}
.header-top span{float: left;display: block; font-size: 12px;}
.header-top a{margin-right: 10px;color: #fff;}
.header-top a:hover{color: #046b36;}
.header{height: 90px;position: fixed;left: 0;right: 0;top: 0;width: 100%;z-index: 9999;transition: 400ms;-webkit-transition: 400ms;padding: 0 40px;background-color: #003820;display: flex;align-items: center;box-sizing: border-box;}


.header.light{position: fixed;}
.header.pos{position: fixed;top: 0;left: 0;background-color: #003820;box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.header.pos .logo{border-right: none;}

.header-inner{display: flex;align-items: center;justify-content: space-between;width: 100%;margin: 0 auto;}

.logo{float: none;height: auto;margin: 0;padding: 0;border: none;flex-shrink: 0;display: flex;align-items: center;}
.head-search-member{height: auto;margin: 0;display: flex;align-items: center;gap: 20px;float: none;flex-shrink: 0;}

.logo a{display: flex;align-items: center;position: relative;}
.logo img{height: 40px;width: auto;}


.head-right{float: right;padding-top: 22px}

.search-keyword{padding: 0 10px;width: 150px;height: 28px;line-height: 28px;border: 1px #eee solid;color: #999;}
.head-member .member-login a,.head-member .member-exit a{color: #fff;
  line-height: 30px;display: inline-flex;align-items: center;margin-left: 0;font-size: 13px;color: #fff;padding: 0;gap: 5px;}
.member-login a svg{float: none;height: 20px;width: 20px;margin: 0;color: #fff;}
.pos .member-login a svg path{fill:#fff !important;}
.header .member-login a:hover svg path{fill:#8ec21f !important;}

.head-member .member-login a:hover,.head-member .member-exit a:hover{color: #8ec21f;}
.head-member .member-login a.cn,.head-member .member-login a.en,.head-member .member-exit a.cn,.head-member .member-exit a.en{padding: 0;border: none;line-height: 0;float: right;overflow: hidden;height: 25px;transform: translateY(4px);}
.member-exit{color: #ccc;font-size: 12px;}
.head-member .member-login a.cn:hover,.head-member .member-login a.en:hover,.head-member .member-exit a.cn:hover,.head-member .member-exit a.en:hover{border-color: #046b36;}
.head-member .member-login a.search_open,.head-member .member-exit a.search_open{display: none;}





.member-exit{display: none;line-height: 30px;}

.member-exit a{margin-left: 10px;color: #888;}
.member-exit a:hover{color: #229a52;}
.head-member.current .member-exit{display: block;}
.head-member.current .member-login{display: none;}

.member-manage{position: relative;float: left;height: 48px;min-width: 180px;margin-top: -9px;}

.member-manage .member-cz{position: absolute;width: 100%;height: 0;transition-duration: 350ms;overflow: hidden;}
.member-manage:hover .member-cz{height: 241px;}
.member-manage span{margin-right: 20px;width: 48px;height: 48px;border-radius: 50%;overflow: hidden;display: inline-block;float: left;}
.member-manage span img{width: 48px;}
.member-manage .member-uesr{height: 48px;}
.member-manage .member-uesr p{display: inline-block;max-width: 200px;overflow: hidden;white-space: nowrap;
  text-overflow: ellipsis;font-weight: bold;}
.header .head-member .member-exit .member-manage a{margin: 0;border: none;display: block;padding: 0 10px;line-height: 48px;border-radius: 0;}
/*.header .head-member .member-exit .member-manage > a{text-align: right;}*/


.header .head-member .member-exit .member-manage ul{background: #f0f0f0;padding: 0 10px 10px;border-top: 16px solid #fff;}
.header .head-member .member-exit .member-manage ul li{border-bottom: 1px solid #e0e0e0;}
.header .head-member .member-exit .member-manage ul li a{color: #000;background: #f0f0f0;line-height: 42px;display: block;border-radius: 0;}
.header .head-member .member-exit .member-manage ul li a:hover{color: #000;background: #fff;font-weight: bold;}
.header .head-member .member-exit .member-manage ul li a i{margin-top: 11.5px;width: 20px;height: 20px;font-size: 12px;display: block;float: right;background: #e82828;color: #fff;line-height: 20px;text-align: center;border-radius: 50%;}

.header .head-member .member-exit .member-manage ul li.pointnum{line-height: 42px;height: 43px;padding: 0 10px;background: #fff;margin-left: -10px;margin-right: -10px;}
.header .head-member .member-exit .member-manage ul li.pointnum div{float: left;color: #000;}
.header .head-member .member-exit .member-manage ul li.pointnum div em{margin-left: 5px;font-size: 14px;color: #046b36;font-weight: bold;}
.header .head-member .member-exit .member-manage ul li .signday{float: right;margin-top: 8.5px;height: 25px;line-height: 25px;color: #fff !important;background: #056c41;padding: 0 10px;border-radius: 25px;font-weight: normal !important;}
.header .head-member .member-exit .member-manage ul li .signday:hover{background: #046b36;}

.header .head-member .member-exit .member-manage ul li .signday.signed{background: #ddd !important;}


/* =========================================
   语言下拉菜单样式
   ========================================= */
.lang-switch-box {
    position: relative;
    margin-left: 15px;
    z-index: 1000;
}
.lang-switch-box .current-lang {
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    line-height: 30px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    transition: color 0.3s;
}
.lang-switch-box .arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 6px;
    transition: transform 0.3s;
}

/* 悬停展开和箭头旋转 */
.lang-switch-box:hover .arrow {
    transform: rotate(180deg);
}
.lang-switch-box:hover .lang-options {
    display: block;
    animation: fadeInDownLang 0.3s ease;
}

/* 下拉列表框 */
.lang-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    
    min-width: 110px;
}
.lang-options ul{margin-top: 5px;padding: 10px 0;background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    border-radius: 5px;}
/* 顶部小三角指示器 */
.lang-options ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.lang-options li {
    list-style: none;
}
.lang-options li a {
    display: block;
    color: #333;
    line-height: 35px;
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s;
    border: none;
}
.lang-options li a:hover {
    color: #046b36;
    background-color: #f5f5f5;
}

/* 内联搜索框 */
.header-search-inline{position: relative;display: flex;align-items: center;}
.header-search-inline input{background: transparent;border: none;border-bottom: 1px solid rgba(255,255,255,.3);color: #fff;padding: 2px 22px 2px 10px;width: 280px;font-size: 13px;height: 26px;line-height: 26px;outline: none;transition: border-color 0.3s;}
.header-search-inline input::placeholder{color: rgba(255,255,255,.5);}
.header-search-inline input:focus{border-bottom-color: #8ec21f;}
.header-search-inline .search-icon-btn{color: rgba(255,255,255,.7);font-size: 14px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);cursor: pointer;background: none;border: none;}
.header-search-inline .search-icon-btn:hover{color: #fff;}

/* 适配不同 header 状态（当页面滚动导致头部变白时） */

@keyframes fadeInDownLang {
    from { opacity: 0; transform: translate(-50%, -10px); }
    to { opacity: 1; transform: translate(-50%, 0); }
}
/*--------------------index---------------------*/
/*----- banner -----*/
/* Banner 文字容器定位 */
.banner-content-box {position: absolute;left: 40px;bottom: 12%;z-index: 10;color: #fff;max-width: 800px;}
.banner-content-box h1 {font-size: 55px;margin-bottom: 15px;letter-spacing: 2px;line-height: 1.1;}
.banner-content-box p {font-size: 18px;line-height: 25px;opacity: 0.9;height: 50px;}

/* 利用你原有的 body class 机制控制中英文显隐 */
.vmax-box-cn .banner-content-box .en { display: none; }
.vmax-box-en .banner-content-box .cn { display: none; }

.index-news-bg{background: url(../images/index_new_bg.webp) no-repeat center bottom;background-size: cover;padding-bottom: 40px;}
.index-case-header, .index-news-header {margin-bottom: 30px;}
.index-case-list {display: flex;flex-direction: column;gap: 18px;}
.index-case-card {display: flex;overflow: hidden;height: 454px; }
.index-case-img-box {flex: 6;position: relative;}
.index-case-img-box img {width: 100%;height: 100%;object-fit: cover;display: block;}
.index-case-info-box {flex: 4;background: linear-gradient(to right, #218e4a, #1a7d4e); padding: 35px 35px 25px 45px;display: flex;flex-direction: column;justify-content: center;position: relative;color: #fff;}
.index-case-info-box h3 {font-size: 28px;font-weight: 500;margin-bottom: 20px;margin-top: 0;line-height: 45px;}
.index-case-info-box p {font-size: 20px;line-height: 1.6;opacity: 0.9;margin-bottom: 40px;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
.index-case-btn {align-self: flex-end; display: inline-block;padding: 0 40px;line-height: 38px;border: 1px solid rgba(255,255,255,0.6);color: #fff;text-decoration: none;font-size: 14px;transition: all 0.3s;}
.index-case-btn:hover {background-color: #fff;color: #218e4a;}

.index-news-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;width: 1460px;margin-left: -30px;}
.index-news-card {background: #fff;border-radius: 20px;padding: 40px 20px 35px; display: flex;flex-direction: column;position: relative;border-bottom: 35px solid #208d4a;box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.index-news-title {font-size: 18px;font-weight: 700;color: #222;margin-bottom: 20px;line-height: 1.35;min-height: 50px; }
.index-news-img {width: 100%;height: 200px;margin-bottom: 20px;border-radius: 4px;overflow: hidden;}
.index-news-img img {width: 100%;height: 100%;object-fit: cover;}
.index-news-meta {position: relative;}
.index-news-date {display: inline-block;font-size: 18px;color: #000;margin: 50px 0 10px;font-weight: 500;line-height: 40px;border-top: 2px solid #98d9bb;}
.index-news-desc {font-size: 14px;color: #999;line-height: 1.6;margin-bottom: 0;width: 75%; }
.index-news-arrow-btn {font-size: 20px;position: absolute;bottom: 0;right: 0;width: 35px;height: 35px;border: 1px solid #555;border-radius: 50%;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #666;font-family: sans-serif; transition: all 0.3s;}
.index-news-arrow-btn:hover {border-color: #000;color: #2da663;}
.global-footer-action {text-align: center;margin-top: 60px;}
.load-more-btn {padding: 12px 60px;background: transparent;border: 1px solid #000;color: #000;font-size: 14px;cursor: pointer;transition: 0.3s;}
.load-more-btn:hover {background: #333;color: #fff;border-color: #333;}


.index-best-selling {background-color: #f8f8f8;}
.index-best-selling .wrap {width: calc(100% - 180px);max-width: 1920px;}
.index-best-selling .swiper-pagination{bottom: 50px !important;}
.index-best-selling .swiper-container{padding-bottom: 100px;}
.index-bs-header,.index-pc-header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 45px;line-height: 40px;height: 40px;}
.index-bs-title,.index-pc-title {font-size: 40px;color: #231916;font-weight: 400;line-height: 1;}
.index-bs-more,.index-pc-more {font-size: 14px;color: #333;transition: color 0.3s;letter-spacing: 1px;}
.index-bs-more:hover,.index-pc-more:hover {color: #046b36;}


.index-bs-swiper {width: 100%;padding-bottom: 60px;}
.index-bs-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;}
.index-bs-item {display: flex;flex-direction: column;text-decoration: none;transition: box-shadow 0.3s ease, transform 0.3s ease;}
.index-bs-item:hover {box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);transform: translateY(-5px);}
.index-bs-img {width: 100%;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;overflow: hidden;padding: 30px;background-color: #fff;}
.index-bs-img img {max-width: 100%;max-height: 100%;object-fit: contain;}
.index-bs-item:hover .index-bs-img img{transform: scale(1.1);}
.index-bs-info {display: flex;justify-content: space-between;align-items: center;line-height: 50px;height: 50px;padding: 0 10px;}
.index-bs-name {font-size: 14px;color: #231916;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 10px;transition: color 0.3s;}
.index-bs-item:hover.index-bs-name {color: #046b36;}
.index-bs-icon {display: flex;gap: 2px;}
.index-bs-icon i {width: 14px;
  height: 14px;
  background-color: #046a38;
  clip-path: path('M 7 0 Q 7 7 14 7 Q 7 7 7 14 Q 7 7 0 7 Q 7 7 7 0 Z');}
.index-bs-pagination {bottom: 10px !important;}
.index-bs-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background: #046a38;opacity: 0.3;margin: 0 6px !important;transition: all 0.3s;}
.index-bs-pagination .swiper-pagination-bullet-active {opacity: 1;}


.index-projects-case {background-color: #f6f5f7;}
.index-projects-case .wrap{width: calc(100% - 180px);max-width: 1920px;}

.index-pc-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
.index-pc-item {display: flex;flex-direction: column;text-decoration: none;background: transparent;}
.index-pc-item:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);transform: translateY(-5px);}
.index-pc-img {width: 100%;aspect-ratio: 4 / 5;overflow: hidden;}
.index-pc-img img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.5s ease;}
.index-pc-item:hover .index-pc-img img {transform: scale(1.05);}
.index-pc-titmo{padding: 10px 5px;}
.index-pc-info {display: flex;justify-content: space-between;align-items: center;}
.index-pc-name {font-size: 20px;color: #231916;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-right: 10px;transition: color 0.3s;}
.index-pc-item:hover .index-pc-name {color: #046b36;}
.index-pc-icon {display: flex;gap: 2px;flex-shrink: 0;}
.index-pc-icon i {width: 14px;height: 14px;background-color: #046a38;clip-path: path('M 7 0 Q 7 7 14 7 Q 7 7 7 14 Q 7 7 0 7 Q 7 7 7 0 Z');}
.index-pc-link {font-size: 14px;color: #717171;transition: color 0.3s;}
.index-pc-item:hover .index-pc-link {color: #046b36;}


@media (max-width: 1200px) {
  .index-bs-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .index-pc-grid {grid-template-columns: repeat(3, 1fr);}
}




/*--------------------about---------------------*/
.about-box1{position: relative;overflow: hidden;}
.about-box1 img{position: relative;left: 50%;transform: translateX(-50%);min-height:794px;height: 90vh;min-width: 100%;}
.about-box2{position: relative;overflow: hidden;}
.about-box2 img{position: relative;left: 50%;transform: translateX(-50%);width: 100%;}


/*-------------------- about-news ---------------------*/
.news-list{width: 1100px;}
.news-main-title {font-size: 48px;color: #000;margin-bottom: 20px;line-height: 1;}
.news-menu {display: flex;gap: 30px;margin-bottom: 30px;}
.news-menu a {text-decoration: none;color: #808485;font-size: 22px;text-transform: uppercase;position: relative;transition: color 0.3s;line-height: 50px;}
.news-menu a:hover,.news-menu a.active,.news-menu a.thisclass {color: #000;}
.news-menu a.active::after,.news-menu a.thisclass::after {content: '';position: absolute;bottom: -1px; left: 0;width: 100%;height: 3px;background-color: #000;}
.news-container {display: grid;grid-template-columns: 1fr 320px;gap: 50px;}
.news-list-group {list-style: none;padding: 0;margin: 0;}
.news-card-large {margin-bottom: 50px;}
.news-card-large a {text-decoration: none;display: block;padding-bottom: 20px;border-bottom: 2px solid #666;}
.news-img-box {width: 100%;border-radius: 20px;overflow: hidden;margin-bottom: 30px;aspect-ratio: 16 / 9; background-color: #f0f0f0;}
.news-img-box img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease;}
.news-card-large:hover .news-img-box img {transform: scale(1.05);}
.news-info {padding-top: 10px;}
.news-date {display: block;font-size: 14px;color: #555;margin-bottom: 15px;padding: 0 10px;}
.news-title {font-size: 25px;color: #076c42; font-weight: 700;margin: 0;line-height: 1.4;}
.news-sidebar-header {border-bottom: 2px solid #333;margin-bottom: 30px;}
.news-sidebar-header h3 {font-size: 22px;color: #000;text-transform: uppercase;margin: 0;letter-spacing: 1px;line-height: 50px;}
.news-sidebar-list {list-style: none;padding: 0;margin: 0;}
.news-card-small {margin-bottom: 30px;}
.news-card-small a {text-decoration: none;display: block;border-bottom: 2px solid #89898b;}
.news-side-img {width: 100%;height: 180px; border-radius: 12px;overflow: hidden;background-color: #f0f0f0;}
.news-side-img img {width: 100%;height: 100%;object-fit: cover;}
.news-side-title {padding: 15px 0; font-size: 18px;color: #8b8f90;line-height: 1.3;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news-card-small:hover .news-side-title {color: #006838;}@media (max-width: 992px) {.news-container {grid-template-columns: 1fr; }
.news-sidebar {margin-top: 50px;}
.news-side-img {height: auto;aspect-ratio: 16/9;}}




/*-------------------- 方案 ---------------------*/
.solution-section{background: #066c3d;padding: 120px 5%;}
.solution-header h2{color: #fff;font-size: 50px;font-weight: bold;letter-spacing: 5px;padding-bottom: 20px;}
.solution-content {display: flex;justify-content: space-between; gap: 30px; align-items: flex-start; }
.card-item {display: block; text-decoration: none;color: #fff; flex: 1; width: 0; height: auto; }
.card-item:hover {color:#8ec21f;}
.card-image-bg {width: 100%;position: relative; overflow: hidden;border-radius: 10px; line-height: 0; }
.card-image-bg img {width: 100%;height: auto; display: block;}
.card-title-box {position: relative; padding-top: 20px; width: 100%;box-sizing: border-box;text-align: left;display: flex;gap: 60px;}
.card-title-box h3 {font-size: 25px; font-weight: bold;line-height: 1.3;}

.card-intro {display: none;font-size: 13px;line-height: 1.5;margin-top: 15px;color: #eee; }
.card-item.is-current {flex: 0 0 48%; width: 48%;}
.vmax-box-en .card-item.is-current .card-intro.en,.vmax-box-cn .card-item.is-current .card-intro.cn{display: block;}
.card-item.is-current .card-title-box{padding-top: 50px;}
.card-item.is-current .card-title-box h3 {font-size: 45px; margin-bottom: 10px;width: 52%;text-align: right;}
.card-item.is-current .card-title-box p{width: 48%;}

.case-container {width: 910px;margin: 0 auto;}
.case-item {display: block; position: relative; width: 100%;margin-bottom: 20px; border-radius: 20px; overflow: hidden; text-decoration: none; }
.case-img {display: block;width: 100%;height: auto; }
.case-content {position: absolute;bottom: 0;left: 0;width: 100%;padding: 25px 40px; box-sizing: border-box; background: linear-gradient(to top, rgba(31, 140, 73, 0.7) 0%, rgba(31, 140, 73, 0.1) 100%);color: #ffffff;}
.case-title {font-size: 20px;margin: 0 0 10px 0;text-transform: uppercase; letter-spacing: 1px;padding-bottom: 5px;position: relative;}
.case-title::after {content: '';position: absolute;bottom: 0; left: 0;width: 55px;height: 3px;background-color: #066c45;}
.case-desc {font-size: 14px;line-height: 1.6;margin: 0;opacity: 0.9; }
.case-desc.en {font-size: 12px;line-height: 1.4;}


.cace-list-bg {width: 100%;min-height: 100vh;background: linear-gradient(180deg, #006637 0%, #f1f7f7 100%);display: flex;justify-content: center;align-items: center;padding: 145px 0 200px;}
.cace-list-container {width: 1450px;position: relative;margin: 0 auto;}
.cace-list-swiper {width: 100%;height: 100%;border-radius: 8px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.2);}
.cace-list-slide img {width: 100%;height: 100%;object-fit: cover;display: block;}
.cace-list-nav {position: absolute;top: 50%;right: 50px; transform: translateY(-50%);z-index: 10;background-color: rgba(0, 0, 0, 0.3); padding: 25px 15px; border-radius: 20px; display: flex;flex-direction: column;gap: 25px; backdrop-filter: blur(5px);}
.cace-list-nav-item {display: flex;flex-direction: column; align-items: center; cursor: pointer;background: transparent;border-radius: 10px;border: none;width: auto;height: auto;transition: transform 0.3s;border: 2px solid transparent;}
.cace-list-nav-img {width: 130px;  height: 75px;  border-radius: 10px;overflow: hidden;box-shadow: 0 4px 6px rgba(0,0,0,0.3); transition: all 0.3s;}
.cace-list-nav-img img {width: 100%;height: 100%;object-fit: cover;opacity: 0.6; display: block;}
.cace-list-nav-text {position: static; margin-top: 5px; font-size: 14px;color: #fff;text-align: center;background: none; width: 100%;white-space: nowrap; }
.cace-list-nav-item.active {border-color: #fff; opacity: 1;}
.cace-list-nav-item.active .cace-list-nav-img img {opacity: 1; }
.cace-list-nav-item:hover .cace-list-nav-img {opacity: 1;}

.cace-banner-block{width: 1100px;height: 170px;background: #fff;border-radius: 15px;position: absolute;left: 50%;transform: translateX(-50%);margin-top: -30px;z-index: 999;}

.case-list-study-module {width: 1130px;margin: 0 auto;}
.module-title {text-align: center;margin-bottom: 60px;}
.module-title h2 {font-size: 32px;color: #333;font-weight: normal;position: relative;display: inline-block;padding-bottom: 10px;margin: 0;}
.module-title h2::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 125px;height: 4px;background-color: #026539;border-radius: 2px;}
.case-list-grid {display: flex;flex-wrap: wrap;gap: 18px;}
.case-list-item {margin-bottom: 34px;width: calc((100% - 50px) / 3); background-color: #fff;border-radius: 8px; overflow: hidden;text-decoration: none;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; display: flex;flex-direction: column;}
.case-list-img-box {width: 100%;height: 220px; overflow: hidden;}
.case-list-img-box img {width: 100%;height: 100%;object-fit: cover; transition: transform 0.5s ease;}
.case-list-text-box {padding: 17px 0;text-align: center;background-color: #fff; transition: background 0.3s ease; }
.case-list-text-box h3 {margin: 0;font-size: 14px;font-weight: normal;color: #333; transition: color 0.3s ease;}
.case-list-item:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);}
.case-list-item:hover .case-list-img-box img {transform: scale(1.05);}
.case-list-item:hover .case-list-text-box {background: linear-gradient(90deg, #0a7241 0%, #006637 100%);}
.case-list-item:hover .case-list-text-box h3 {color: #ffffff;}


/*--------------------product---------------------*/
.page-box-text{position: absolute;top: 42%;width: 800px;left: 50%;margin-left: -400px;}
.page-box-text h2{font-size: 36px;color: #fff;font-weight: 500;}

.pro-wide-container {width: 100%;max-width: 1920px;padding-left: 90px;padding-right: 90px;margin: 0 auto;box-sizing: border-box;}

.filter-menu-box {background: #fff;padding: 15px 50px;}
.filter-row {display: flex;align-items: center;border-bottom: 1px solid #ddd;min-height: 70px;padding: 15px 0;}
.filter-row:last-child {border-bottom: none;}
.filter-label {width: 100px;font-size: 16px;font-weight: bold;color: #000;flex-shrink: 0;}
.filter-items {display: flex;flex-wrap: wrap;gap: 15px;flex: 1;align-items: center;}
.filter-item {font-size: 14px;color: #666;padding: 0 25px;line-height: 40px;text-decoration: none;transition: all 0.3s;}
.filter-item:hover {color: #006637;}
.filter-item.active {background-color: #006637;color: #fff;}

.stock-dropdown-container {position: relative;width: 220px;z-index: 10;}
.stock-selected {display: flex;align-items: center;background-color: #eeefef;padding: 10px 15px;cursor: pointer;font-size: 14px;color: #111;}
.stock-selected .arrow-down {margin-left: auto;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #666;transition: transform 0.3s;}
.stock-dropdown-container.open .arrow-down {transform: rotate(180deg);}
.stock-options {display: none;position: absolute;top: 100%;left: 0;width: 100%;background-color: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.05);border: 1px solid #eee;}
.stock-dropdown-container.open .stock-options {display: block;}
.stock-option {display: flex;align-items: center;padding: 15px 15px;cursor: pointer;font-size: 14px;line-height: 20px;color: #333;border-bottom: 1px solid #eee;}
.stock-option:last-child {border-bottom: none;}
.stock-option:hover {background-color: #f9f9f9;color: #046a38;}

.dot {width: 12px;min-width: 12px;height: 12px;border-radius: 50%;display: inline-block;margin-right: 8px;}
.dot-green { background-color: #00a040; }
.dot-black { background-color: #222; }
.dot-blue { background-color: #0075ff; }


.general-pro-images{margin: 0 auto 30px;display: block;}
.general-pro-container {width: 100%;margin: 0 auto; display: grid;flex-wrap: wrap;gap: 30px;grid-template-columns: repeat(4, 1fr);}
.general-pro-item {background-color: #ffffff;overflow: hidden;text-decoration: none;display: flex;flex-direction: column;transition: transform 0.3s ease, box-shadow 0.3s ease;}
.general-pro-item:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.1);}
.general-pro-img-box {
    width: 100%;
    aspect-ratio: 1 / 1;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden; /* 防止图片超出容器 */
}

.general-pro-img-box img {
    max-width: 100%;
    max-height: 100%; /* 关键：高度最高为容器高度 */
    object-fit: contain;
    display: block;
}
.general-pro-text-box {width: 100%;padding: 10px 20px;box-sizing: border-box;margin-top: auto; transition: all 0.3s ease;line-height: 30px;background: #eeefef;}
.general-pro-title {font-size: 14px;color: #000; margin: 0;font-weight: normal;transition: color 0.3s ease;position: relative;transition-duration: 350ms;}
.general-pro-text-box .kcstate{position: absolute;width: 12px;height: 12px;right: -10px;top: 50%;margin-top: -6px;display: block;border-radius: 50%;background: #231916;transition-duration: 350ms;}
.general-pro-text-box .kcstate.kcstate0{background: #009944;}
.general-pro-text-box .kcstate.kcstate2{background: #008cd6;}
.general-pro-item:hover .general-pro-text-box .kcstate{background: #fff;}
.general-pro-item:hover .general-pro-text-box {background: linear-gradient(to right, #00653b, #218e4a);}
.general-pro-item:hover .general-pro-text-box h3{color: #fff;}
.recommendations .general-pro-container{width: 1350px;gap: 12px;}
.recommendations .general-pro-item{width: 215px;}

@media screen and (min-width: 1650px) {
  .general-pro-container{grid-template-columns: repeat(5, 1fr);}
}

.pro-list-menu {margin: 0 auto;width: 1100px;font-family: Arial, sans-serif;box-sizing: border-box;}
.pro-list-menu ul {list-style: none; padding: 0;margin: 0;display: flex;flex-wrap: wrap; width: 100%;}
.pro-list-menu li {width: 16.666%; margin-bottom: 20px; padding-left: 10px; box-sizing: border-box;position: relative; display: flex;align-items: center; }
.pro-list-menu li::before {content: '';position: absolute;left: 0;top: 50%; transform: translateY(-50%); width: 5px; height: 5px;border-radius: 50%;background-color: #717171; transition: background-color 0.3s;}
.pro-list-menu li a {text-decoration: none;color: #231916; font-size: 12px;line-height: 1.4;display: inline-block; transition: all 0.3s ease;border-bottom: 2px solid transparent; }
.pro-list-menu li:hover a {color: #006637; }
.pro-list-menu li:hover::before {background-color: #006637; }
.pro-list-menu li.current a {color: #006637; border-bottom: 2px solid #006637; padding-bottom: 3px; font-weight: 500; }
.pro-list-menu li.current::before {background-color: #006637; }

.pro-page-list {display: flex;align-items: center;list-style: none;margin: 0 auto;width: 100%;position: relative; font-family: Arial, sans-serif;}
.pro-page-list li {padding-right: 25px;order: 1; z-index: 2; background-color: #f1f7f7; }
.pro-page-list li a {text-decoration: none;color: #333;font-size: 20px;padding: 0 5px;display: block;line-height: 55px;border-bottom: 3px solid #f6f5f7;transition-duration: 300ms;}
.pro-page-list li.thisclass a,.pro-page-list li:not(.p):not(.n):hover a {font-size: 24px;font-weight: bold;color: #000;border-bottom: 3px solid #002214; }
.pro-page-list::before {content: '';position: absolute;left: 0;right: 120px; height: 1px;border-top: 2px dotted #006637; z-index: 1; }
.pro-page-list li.p {margin-left: auto; order: 2;padding: 0 12px 0 25px;}
.pro-page-list li.n {order: 3; margin-right: 0;}
.pro-page-list li.p a,.pro-page-list li.n a {display: block;width: 130px;  height: 55px; border-radius: 55px; background-color: #d9e8e5;
    text-indent: -9999px; overflow: hidden;background-repeat: no-repeat;background-position: center center;background-size: auto; border: none; transition: all 0.3s ease; }
.pro-page-list li.p a {background-image: url('/templets/images/lefticon.png');background-size: 35px;}
.pro-page-list li.p a:hover {background-color: #1b8847; background-image: url('/templets/images/lefticon_on.png');}
.pro-page-list li.n a {background-image: url('/templets/images/righticon.png');background-size: 35px;}
.pro-page-list li.n a:hover {background-color: #1b8847; background-image: url('/templets/images/righticon_on.png');}
.pro-page-list li.p.none a{background-image: url('/templets/images/lefticon_on.png');background-size: 35px;background-color: #e3efed;}
.pro-page-list li.n.none a{background-image: url('/templets/images/righticon_on.png');background-size: 35px;background-color: #e3efed;}



/*--------------------customization---------------------*/
.customization-section {padding: 230px 3% 370px;background-color: #fff; font-family: Arial, Helvetica, sans-serif;text-align: center;background: url(../images/customization.webp) no-repeat center bottom;background-size: cover;}
.customization-title {font-size: 36px;font-weight: bold;color: #07663c; margin-bottom: 60px;}
.customization-scroll {width: 100%;overflow-x: auto; padding-bottom: 20px; }
.customization-flow {display: flex;justify-content: space-between;min-width: 1400px; align-items: stretch; }
.flow-item {flex: 1;position: relative; display: flex;flex-direction: column;padding: 90px 15px 35px;}
.flow-item:not(:last-child)::after {content: '';position: absolute;right: 0;top: 0;height: 100%;border-right: 1px dashed #595757; }
.flow-item:not(:last-child)::before {content: '';position: absolute;right: -6px; top: 110px; width: 12px;height: 12px;background-image: url('/templets/images/customization_right.png'); background-size: contain;background-repeat: no-repeat;background-position: center; z-index: 2;}
.flow-header {font-size: 14px;font-weight: bold;color: #595757;line-height: 1.4;margin-bottom: 25px;min-height: 50px; display: flex;align-items: center; justify-content: center; }
.last-step .flow-header {color: #07663c;}
.flow-content {flex: 1; text-align: left; font-size: 14px;color: #595757;line-height: 1.6;padding-left: 5px; }


/*--------------------product---------------------*/


.page-list{padding: 10px 0 50px;text-align: center;}
.page-list li{margin: 0 5px;display: inline-block;}
.page-list li a{width: 50px;height: 35px;line-height: 33px;font-size: 14px;color: #4c4948;display: block;transition-duration: 350ms;border: 1px solid #c9caca;border-radius: 5px;}
.page-list li.thisclass a,.page-list li:hover a{background: #0c6a41;color: #fff;border-color: #0c6a41;}


/*----- product-content -----*/
.product-block{margin: 36px 0 51px;height: 12px;background: #046b36;}
.product-content{font-size: 20px; color: #231916;line-height: 2;}
.product-content .xz-main{font-size: 14px;}
.product-content .wrap{width: 1460px;}
.product-content .product-con-box1{display: flex;gap: 100px;}
.product-con-box{padding: 50px 25px;border-bottom: 2px dotted #012718;}
.product-con-box2{padding: 50px 0 0;}


.youshi h2,.tuiguang h2,.provideo h2,.anzhuang h2,.product-download h2{font-size: 30px;color: #00653b;padding-bottom: 10px;}
.anzhuang h2{padding-bottom: 50px;position: relative;}
.anzhuang h2::after{content: " ";width: 85%;border-bottom: 2px dotted #012718;display: block;height: 2px;position: absolute;right: 0;top: 27px;}

.product-gallery-container {width: 570px;}
.product-gallery-top {margin-bottom: 25px;height: 570px;background-color: #fff; border-radius: 20px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.product-gallery-top .swiper-slide {display: flex;align-items: center;justify-content: center;background: #fff;padding: 30px;}
.product-gallery-top img {max-width: 90%;max-height: 90%;object-fit: contain; }
.product-gallery-thumbs {width: 100%;height: 90px; padding: 2px; box-sizing: border-box;overflow: hidden;}
.product-gallery-thumbs .swiper-slide {margin-right: 10px;width: 86px;height: 86px;background-color: #fff;border-radius: 10px; cursor: pointer;overflow: hidden;opacity: 0.6; transition: all 0.3s;border: 2px solid transparent; box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.product-gallery-thumbs .swiper-slide img {max-width: 90%;max-height: 90%;object-fit: contain;}
.product-gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color: #333; box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.product-gallery-thumbs .swiper-slide:hover {opacity: 1;}



.pro-con-right{width: calc(100% - 670px);display: flex;flex-direction: column;justify-content: space-between;}
.pro-con-right h2{padding-bottom: 20px;font-size: 40px;color: #231916;line-height: 60px;}
.pro-con-right ul li{width: 100%;height: 70px;line-height: 70px;background: #c8c8c9;font-size: 16px;}
.pro-con-right ul li:nth-child(2n){background: #eee;}
.pro-con-right ul li i{float: left;margin: 30px 40px 30px 20px;width: 10px;height: 10px;background: #046b36;border-radius: 50%;display: block;}
.pro-con-right .canshu{}
.pro-con-right .canshu p::before{content: "· "; color: #231916;font-weight: bold;}
.pro-con-right .getsocial{margin: 30px 0;}
.addthis-smartlayers{display: none;}

.product-download ul{display: grid;grid-template-columns: repeat(6, 1fr);gap: 10px;}
.product-download li img{display: none;}
.product-download li a{display: flex;text-align: center;color: #00653b;font-size: 16px;background: #fff;border-radius: 5px;line-height: 38px;transition-duration: 350ms;
    width: 100%;height: 38px;justify-content: center;align-items: center;}
.product-download li a:hover{background: #00653b;color: #fff;}
.product-download li a::before {content: '';width: 30px;height: 38px;background: url(../images/downicon.png) no-repeat center center;background-size: 20px;display: block;}
.product-download li a:hover::before{background-image: url(../images/downicon_on.png);}

.pro-con-right .addthis-smartlayers{display: block;width: 185px;}
.pro-con-mod img{max-width: 100%;}
.pro-con-mod .movie{padding-bottom: 30px;}

.pro-dow-list{padding: 50px 35px 0;background: #fff;}
.pro-dow-list span{margin: 45px 1% 35px;font-size: 25px;color: #000;line-height: 40px;display: block;}
.pro-dow-list span img{margin-right: 5px;}
.pro-dow-list li{float: left;margin: 0 1%;width: 10.5%;text-align: center;}
.pro-dow-list li a{display: block;border: 1px solid #eee;overflow: hidden;}
.pro-dow-list li img{width: 100%;}
.vmax-box-cn .pro-dow-list li em{display: block;font-size: 16px;line-height: 50px;color: #666;}
.vmax-box-en .pro-dow-list li em{display: block;font-size: 12px;line-height: 50px;color: #666;display: block;}
.pro-dow-list li:hover em{color: #046b36;}
.pro-dow-list li p{height: 40px;line-height: 40px;font-size: 14px;color: #333;background: #c8c8c9;transition-duration: 300ms;}
.pro-dow-list li:hover p{background: #046b36;color: #fff;}

.pro-dow-list .pro-dow-text{padding: 60px 0 90px;text-align: center;color: #999;}


.scene-swiper-container {width: 100%;padding-bottom: 50px;position: relative;}
.scene-swiper-slide {height: 365px;transition: all 0.3s;overflow: hidden;}
.swiper-slide img {max-width: 100%;max-height: 100%;object-fit: cover; display: block;}
.swiper-pagination {bottom: 0 !important; }
.index_banner .swiper-pagination {bottom: 20px !important; }
.product-con-box2 .swiper-pagination-bullet,.index_banner .swiper-pagination-bullet {width: 12px;height: 12px;background: #c9c9c9;margin: 0 9px !important;opacity: 1;}
.product-con-box2 .swiper-pagination-bullet-active,.index_banner .swiper-pagination-bullet-active {background: #056f41; }
.product-con-box2 .swiper-slide{height: 25vw;text-align:center;background: #fff;}
.product-con-box2 .swiper-slide img {display: inline-block;}

.vmax-box-cn #st-1{display: none !important;}
.share_con{position: relative;}
.share_con .proright-wechat{position: absolute;top:0;left: 190px;width: 40px;height: 40px;display: block;cursor: pointer;}
.share_con .proright-wechat span{width: 40px;height: 40px;display: block;background: url(../images/wechatlogo2.png) no-repeat center center #056c41;transition-duration: 300ms;background-size: 25px;}
.vmax-box-cn .share_con .proright-wechat{width:40px;height:40px;left:187px}
.vmax-box-cn .share_con .proright-wechat span{width:40px;height:40px;}
.share_con .proright-wechat span:hover{transform:translateY(-5px);}
#qrcodeCanvas{z-index: -1;position: relative;margin-left: -80px;margin-top: -280px;width: 196px;height: 196px;transition-duration: 450ms;opacity: 0;padding: 8px;background: #fff;}
.share_con .proright-wechat:hover #qrcodeCanvas{z-index: 1;margin-top: -240px;opacity: 1;}


/*-------------------- 服务 ---------------------*/


.service_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0; background: linear-gradient(to right, rgba(20, 80, 40, 0.5) 0%, rgba(20, 80, 40, 0.1) 60%, transparent 100%);}


.after-sales-section {display: flex;background-color: #f4f8f9; align-items: center; justify-content: space-between;min-height: 400px; overflow: hidden;gap: 100px;}
.as-content {flex: 1; box-sizing: border-box;}
.as-title {font-size: 50px; font-weight: bold;color: #006637; margin: 0 0 15px 0;line-height: 1.2;}
.as-divider {width: 100%;height: 5px;background-color: #cccccc; margin-bottom: 30px;}
.as-text {font-size: 16px;color: #231916;line-height: 1.8; text-align: justify; margin: 0;}
.as-image {flex: 1; height: 100%;display: flex;}
.as-image img {width: 100%;height: 100%;object-fit: cover; display: block;min-height: 400px; }

.download-list-study-module {width: 1300px;margin: 0 auto;}
.download-list-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 60px;}
.download-list-item {overflow: hidden;text-decoration: none;transition: all 0.3s ease; display: flex;flex-direction: column;}
.download-list-img-box {width: 100%;height: 360px; overflow: hidden;}
.download-list-img-box img {width: 100%;height: 100%;object-fit: cover; transition: transform 0.5s ease;}
.download-list-text-box {padding: 17px 0;text-align: center;transition: background 0.3s ease; }
.download-list-text-box h3 {margin: 0;font-size: 14px;font-weight: normal;color: #333; transition: color 0.3s ease;line-height: 1.5;}
.download-list-item:hover {transform: translateY(-5px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);background: linear-gradient(90deg, #0a7241 0%, #006637 100%);}
.download-list-item:hover .download-list-img-box img {transform: scale(1.05);}
.download-list-item:hover .download-list-text-box h3 {color: #ffffff;}


.gallery-container {width: 100%;max-width: 1200px; margin: 0 auto;position: relative;overflow: hidden;}
.gallery-top {width: 100%;height: 600px; margin-bottom: 20px; }
.gallery-top .swiper-slide img {max-width: 100%;max-height: 100%;object-fit: cover; display: block;}
.gallery-thumbs {width: 100%;height: 120px; box-sizing: border-box;}
.gallery-thumbs .swiper-slide {width: 16.66%;opacity: 0.6; cursor: pointer;overflow: hidden;transition: all 0.3s;border: 2px solid transparent; box-sizing: border-box;}
.gallery-thumbs .swiper-slide img {max-width: 100%;max-height: 100%;object-fit: cover;display: block;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border-color: #006637; }
.gallery-thumbs .swiper-slide:hover {opacity: 1;}

.investment-main{position: relative;}
.investment-content{text-align: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;}
.investment-title{color: #006637;font-size: 70px;font-weight: bold;line-height: 1.2;padding-bottom: 10px;}
.investment-text{color: #231916;font-size: 20px;line-height: 1.3;}
.investment-image{width: 100%;display: flex;align-items: center;justify-content: center;}
.investment-image img{display: block;width: 100%;}





.knowledge-main-title {text-align: center;margin-bottom: 75px;}
.knowledge-main-title h2 {font-size: 60px;color: #006637; font-weight: bold;display: inline-block;position: relative;padding-bottom: 15px;margin: 0;}
.knowledge-main-title h2::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 130px;height: 6px;background-color: #006637;}
.knowledge-tabs {display: flex;flex-wrap: wrap; justify-content: center; gap: 15px; margin-bottom: 100px;}
.knowledge-tab-btn {padding: 12px 25px;font-size: 14px;border: 1px solid #ccc;background-color: #f8f8f8;color: #333;border-radius: 4px;cursor: pointer;transition: all 0.3s;min-width: 120px; }

.knowledge-tab-btn.active,.knowledge-tab-btn:hover {background-color: #006637;color: #ffffff;border-color: #006637;}
.knowledge-knowledge-content-wrapper {background-color: transparent;min-height: 400px;}
.knowledge-content-item {display: none;align-items: flex-start;justify-content: space-between;gap: 40px;}
.knowledge-content-item.active {display: flex;}

.knowledge-content-left {flex: 1; padding-top: 10px;}
.knowledge-sub-title {font-size: 35px;color: #231916;margin: 0 0 35px 0;padding-left: 20px;border-left: 4px solid #006637; line-height: 1;}
.knowledge-desc-text p {font-size: 16px;color: #231916;line-height: 1.8;}
.knowledge-content-right {flex: 0 0 600px; max-width: 100%;}
.knowledge-content-right img {width: 100%;height: auto;display: block;border: 1px solid #eee; }



.knowledge-container {display: flex;gap: 60px; align-items: flex-start; }
.knowledge-menu {width: 255px; flex-shrink: 0; }
.knowledge-menu ul {list-style: none;padding: 0;margin: 0;background-color: #fff;}

.knowledge-menu ul li a {display: block;padding: 12.5px 20px;color: #231916;text-decoration: none;font-size: 14px;line-height: 20px;transition: background 0.3s, color 0.3s;}
.knowledge-menu ul li a:hover,.knowledge-menu ul li.active a {background-color: #006637; color: #fff;}
.knowledge-list {flex: 1; display: grid;grid-template-columns: repeat(3, 1fr);gap: 45px; }
.knowledge-item {display: block;background-color: #fff;text-decoration: none; transition: transform 0.3s, box-shadow 0.3s;overflow: hidden; }
.knowledge-item:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(0,0,0,0.08);}
.k-img-box {width: 100%;position: relative;padding-bottom: 66%; overflow: hidden;background-color: #eee;}
.k-img-box img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s;}
.knowledge-item:hover .k-img-box img {transform: scale(1.05);}
.k-text-box {padding: 20px;}
.k-title {font-size: 16px;color: #231916;margin: 0 0 15px 0;font-weight: normal;line-height: 1.5;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.k-line {width: 100%;height: 1px;background-color: #dcdddd;margin-bottom: 15px;}
.k-meta {display: flex;justify-content: space-between;align-items: center;font-size: 12px;}
.k-date {color: #898989;}
.k-more {color: #231916;font-weight: bold;}
.knowledge-item:hover .k-title,.knowledge-item:hover .k-more {color: #006637;}

/*--------------------footer---------------------*/
.footer-top {width: 100%;background: #012718;color: #fff;padding: 100px 0 80px;border-radius: 30px 30px 0 0;box-sizing: border-box;min-width: 1260px;}
.footer-top .footer-wrap {margin: 0 auto;width: 1400px;max-width: 90%;display: flex;justify-content: space-between;}
@media (min-width: 1750px) {.footer-top .footer-wrap {width: 1600px;}}
.footer-links-col {
  width: 25%;
}
.footer-links-col-main {
  height: calc(100% - 110px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0;
}
.footer-contact-col {width: 72%;}
.foot-title {color: #015229;font-size: 28px;font-weight: bold;margin-bottom: 50px;text-transform: uppercase;letter-spacing: 1px;}
.foot-links li {margin-bottom: 18px;}
.foot-links li:nth-child(7){display: none;}
.foot-links li a {color: #fff;font-size: 18px;display: inline-block;transition: all 0.3s;line-height: 37px;height: 37px;}
.foot-links li a:hover {color: #015229;}
.foot-links li a::before {float: left;content: '›';margin-right: 10px;font-size: 25px;color: #fff;display: inline-block;vertical-align: middle;transform: translateY(-2px);line-height: 37px;height: 37px;}
.foot-logo img {max-width: 230px;}
.contact-grid {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 30px 60px;
}
.contact-item h3 {color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 20px;line-height: 1.5;letter-spacing: 0.5px;}
.contact-item p {color: #fff;font-size: 14px;margin-bottom: 6px;line-height: 1.6;font-weight: 200;}

/* --- 4. 底部版权 & 社交媒体 (footer-bar) --- */
.footer-bar {
  background: #012718;
    border-top: 1px solid #26473a;
    height: 70px;
    line-height: 30px;
    padding: 20px 0;
    margin-top: 0;
    font-family: Arial, sans-serif;
    
}
.footer-bar .wrap{position: relative;}
.f-copyright {
    text-align: center;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.5px;
}

/* 社交媒体图标样式 */
.f-social-icons {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 15px; /* 图标间距 */
    align-items: center;
}

.f-social-icons a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #3c3c3c; /* 图标背景色 */
    border-radius: 50%; /* 圆形图标 */
    text-align: center;
    color: #fff;
    transition: all 0.3s;
}

.f-social-icons a .iconfont {
    font-size: 18px;
    line-height: 30px;
    transition: color 0.3s;
}

.f-social-icons a:hover{
    color: #3c3c3c;
    background-color: #fff;
}
/*清除浮动*/
.footer-bar:after {
    content: "";
    display: block;
    clear: both;
}


.footer-icon{padding-top: 80px;}

.footer-bottom{min-width:1260px;background: #151515;color: #464646;font-size: 12px;line-height: 90px;text-align: center;}
.footer-bottom p{display: none;}
.footer-bottom a{color: #464646;transition: all .3s;}
.footer-bottom a:hover{color: #046b36;}
.footer-bottom.cn p.cn,.footer-bottom.en p.en{display: inline-block;}


.vmax-box-cn .vmax-member-cn,.vmax-box-en .vmax-member-en{display: flex;}
.vmax-box-en .vmax-member-cn,.vmax-box-cn .vmax-member-en{display: none;}

.attention{padding-top: 5px;line-height: 18px;font-size: 12px;color: #006637;background: url(../images/member/attention.png)left 7px no-repeat;text-align: left;padding-left: 20px;display: none;clear: both;padding-bottom: 10px;}









/*.vmax-box-en .yanfa-con-top h2,.vmax-box-cn .yanfa-con-top h3{display: none;}*/
.vmax-box-en .yanfa-title-cn,.vmax-box-cn .yanfa-title-en{display: none;}
.vmax-box-en .yan-c-bcn,.vmax-box-cn .yan-c-ben{display: none;}








@font-face{
    font-family: Montserrat;
    src: url(../font/Montserrat-Light.otf);
}
@font-face{
    font-family: SemiBold;
    src: url(../font/Montserrat-SemiBold.woff.ttf);
}

.down{text-align: center;color: #fff;padding: 80px 0}
.downtit{padding-bottom: 4em;font-weight: 800;font-size: 16px;}
.downicon{display: block;margin-bottom: 1em}
.downicon img{max-width: 84px}
.dlinks li{display: inline-block;background-color: #fff;border-radius: 50px;clear: both;padding: 0 2em 0 0;margin: 0 1em}
.dlinks li *,.dlinks li{transition: 400ms;}
.dlinks li a{color: #e60012;display: block;line-height: 3;transition: 100ms;}
.dlinks li svg{float: left;padding: .7em;box-sizing: border-box;margin: 0 .5em}
.vmax-box-cn .down .en{display: none;}
.vmax-box-en .down .cn{display: none;}
.dlinks li:hover{background-color: #e60012}
.dlinks li a:hover,.dlinks li:hover a {color: #fff;}
.dlinks li:hover svg path{fill: #fff !important}

.a720{position: absolute;top: 20px;left: 50%;transform: translateX(-47%);border: none;}
.righta,.lefta{width: 78%;height: 100vh;float: left;}
.lefta{position: relative;}
.righta{width: 22%;background-color: #fafafa;padding:  1%}
.righta .rightcon{height: 90%;}
.righta .rightcon p{text-align: center;border-radius: 10px;margin-bottom: 15px;overflow: hidden;background-color: #fff;}

.righta .rightcon img{max-width: 100%}
.tabcon{display: none;}
.tabcon .flex li{width: 25%;vertical-align: middle;padding: 15px}
.tabcon .flex li a{display: block;position: relative;background-color: #000;border-radius: 10px;overflow: hidden;}
.tabcon .flex li a h5{position: absolute;bottom: 0;left: 0;right: 0;padding: 2em;width: 100%;color: #fff;font-size: 16px}
.tabcon .flex li a .pic{opacity: .5;}
.tabcon .flex li a .pic img{width: 100%}
.tabcon .flex li a:hover .pic{opacity: 1;}

.gcbg{min-height: 500px;background-image: url(../images/about5.jpg);background-size: cover;}

.cati{font-size: 20px;}
.cati .icon2{font-size: 2.8rem}
.cati span{display: inline-block;margin-top: 40px;}
.icon194 span:before{content: '\e64d';font-family: "iconfont";font-size: 50px}
.icon195 span:before{content: '\e603';font-family: "iconfont";font-size: 55px}

.app1{
  background-image: url(../images/app1.jpg);
  background-size: cover;height: calc(100vh);
}
.app1 .bannertxt3{left: 50%;transform: translate(0);top: 50px;}
.app1 .bannertxt3 img{width: 600px}
.app1 .down{transform: translate(0);left: 50%;width: 500px;margin: 0;bottom: 50px}


.app2{
  background-image: url(../images/app2.jpg);
  background-size: cover;height: calc(100vh);
}
.app2 .bannertxt3{left: 50%;transform: translate(0);top: 200px;width: 500px;color: #fff;}
.app2 .bannertxt3 h1{font-weight: 800;font-size: 35px}
.app2 .bannertxt3 img{width: 600px}
.app2 .down{transform: translate(0);left: 50%;width: 500px;margin: 0;bottom: 50px}


    .tico190:before{content:'\e60d';font-size:2.3rem; }
    .tico191:before{content:'\e61c' }
    .tico192:before{content:'\e836' }
    .tico193:before{content:'\e632' }
    .tico194:before{content:'\e60d';font-size:2.3rem; }
    .tico195:before{content:'\e603' }
    .tico207:before{content:'\e920' }
    .tico208:before{content:'\e61c' }
    .tico209:before{content:'\e6b8' }
    .tico210:before{content:'\e682' }
    .tico211:before{content:'\e628';font-size:3rem }
    .tico212:before{content:'\e674' }
    .tico213:before{content:'\e69a';font-size:2.8rem }
    .tico214:before{content:'\e836' }
    .tico215:before{content:'\e620' }
    .tico216:before{content:'\e603' }
    .tico217:before{content:'\e632' }
    .tico218:before{content:'\e60e' }
    .tico219:before{content:'\e6d9' }
    .tico220:before{content:'\e606' }    
    .tico243:before{content:'\e608' }    
    .tico244:before{content:'\e604' }
    .tit h1.green,.tit h1.green span{color: #046b36 }


.pro-share-left{width: 240px;margin-top: 10px;}
.sku-tag{}
.sku-tag a{height: 40px;line-height: 40px;background: #dcdedd;padding: 0 25px;border-radius: 5px;display: inline-block;margin: 0 15px 15px 0;font-size: 20px;color: #231916;}
.sku-tag a:hover,.sku-tag a.on{background: #056c41;color: #fff;}
.sku-content{display: none;padding: 15px 0;margin: 15px 0 25px;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.sku-content.cur{display: block;}


.vmax-send-main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
     display: none; 
}

.vmax-send-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}

.vmax-send {
    position: relative;
    z-index: 10000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    
    width: 90%;
    max-width: 400px;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.vmax-send h2 {
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
    text-align: center;
}

.vmax-send li {
    list-style: none;
    margin-bottom: 15px;
}

.vmax-send input[type="text"],
.vmax-send textarea {
    width: 100%;
    padding: 10px;
    float: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
    transition: border-color 0.3s;
}

.vmax-send input[type="text"]:focus,
.vmax-send textarea:focus {
    border-color: #056c41;
    outline: none;
}

.vmax-send textarea {
    resize: vertical;
    min-height: 100px;
}

.vmax-send .attention {
    font-size: 12px;
    color: #e74c3c;
    margin-top: 5px;
    display: none;
}

.vmax-send .submit.foot-submit {
    display: block;
    width: 100%;
    padding: 0 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    background-color: #056c41;
    color: #fff;
    
    transition: background-color 0.3s;
    margin-top: 10px;
}

.vmax-send .submit.foot-submit:hover {
    background-color: #029a33;
}
@media screen and (max-width: 768px) {
.product-gallery-container {width: calc(100vw - 30px);margin: 0 15px;}
}

/*--------------------产品超级菜单---------------------*/
.wrap.mega-menu { width: 1400px; margin: 0 auto; }
.submenu.product-mega { background: #f7f8fa; padding: 60px 0 80px; border-top: 1px solid #f0f0f0;}
.mega-menu-layout { display: flex; height: 510px; gap: 0; }

/* ======== 左侧边栏 ======== */
.mega-sidebar { width: 200px; border-right: 1px solid #c9c9c9; flex-shrink: 0;padding: 10px 0 10px 30px;}

/* 侧边栏标题 */
.mega-sidebar .mega-title { 
  line-height: 21px;
  height: 21px;
    font-size: 20px; 
    font-weight: bold; 
    color: #403a3a; 
    padding-left: 10px; 
    border-left: 4px solid #046b36; 
    margin-bottom: 30px; 
}

/* 侧边栏菜单项：左对齐，绿条对齐标题 */
.mega-sidebar-list{display: block;}
.mega-sidebar-list li{padding-bottom: 20px;}
.mega-sidebar-list li a { 
  position: relative;
  padding: 10px 10px 10px 15px;
    display: block;
    color: #717171; 
    font-size: 16px; 
    text-align: left; 
    transition: all 0.3s;
    line-height: 21px;
}
.mega-sidebar-list li a:after{content: " "; width: 4px;height: 21px;position: absolute;left: 0;top: 10px;background: #f7f8fa;}

/* 侧边栏菜单项 - 选中与悬停状态 (无背景色，文字变绿加粗) */
.mega-sidebar-list li.active a:after,
.mega-sidebar-list li a:hover:after { 
    background: #046b36;
}
.mega-sidebar-list li.active a,
.mega-sidebar-list li a:hover { 
    color: #046b36; 
    font-weight: bold; 
}

/* ======== 右侧内容区 ======== */
.mega-content { flex: 1; padding: 0 40px 0 60px; }
.tab-container .mega-section {padding: 10px 50px 10px 0;height: 100%;overflow-y: auto;}
.mega-section:last-child { margin-bottom: 0; }

/* 内容区标题 */
.mega-section .mega-title { 
    font-size: 20px; 
    font-weight: bold; 
    color: #403a3a; 
    padding-left: 10px; 
    border-left: 4px solid #046b36; 
    margin-bottom: 30px; 
    line-height: 21px;
    height: 21px;
    text-align: left;
}
.mega-section .mega-title:nth-child(3){margin-top: 40px; }
/* 产品网格布局 */
.mega-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 20px 15px; }

/* 单个产品项 */
.mega-item { text-align: center; display: block; color: #717171; font-size: 14px; transition: all 0.3s; padding: 0; }
.mega-item:hover { color: #111; }
.mega-item.active { color: #111; font-weight: bold; }

/* 纯透明图片图标容器：绝对居中 */
.mega-icon { 
    width: 50px;
    height: 50px;
    margin: 0 auto 10px; 
    border: none !important; 
    border-radius: 3px !important; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    background: url("../images/icon2.svg?t=1") no-repeat;
    background-size: 650px;

    transition-duration: 350ms;
}
.mega-item:hover .mega-icon,
.mega-item.active .mega-icon {transform: translateY(-5px);box-shadow: 0 10px 10px rgba(0,0,0,0.3);background: url("../images/icon.svg?t=1") no-repeat;background-size: 650px;}
/* --- 1. Smart Products (起始行：第0行) --- */
.mega-id-120 { background-position: 0px 0px !important; }
.mega-id-121 { background-position: -100px 0px !important; }
.mega-id-122 { background-position: -200px 0px !important; }
.mega-id-412 { background-position: -300px 0px !important; }

.mega-id-50  { background-position: 0px -100px !important; }
.mega-id-51  { background-position: -100px -100px !important; }
.mega-id-52  { background-position: -200px -100px !important; }
.mega-id-53  { background-position: -300px -100px !important; }
.mega-id-54  { background-position: -400px -100px !important; }
.mega-id-90  { background-position: -500px -100px !important; }
.mega-id-91  { background-position: -600px -100px !important; }
/* 折行至第2行 */
.mega-id-94  { background-position: 0px -200px !important; }
.mega-id-95  { background-position: -100px -200px !important; }
.mega-id-96  { background-position: -200px -200px !important; }
.mega-id-123 { background-position: -300px -200px !important; }
.mega-id-222 { background-position: -400px -200px !important; }

/* --- 3. Outdoor Lighting (起始行：第3行，共10个，遇7折行) --- */
.mega-id-57  { background-position: 0px -300px !important; }
.mega-id-104 { background-position: -100px -300px !important; }
.mega-id-105 { background-position: -200px -300px !important; }
.mega-id-106 { background-position: -300px -300px !important; }
.mega-id-107 { background-position: -400px -300px !important; }
.mega-id-108 { background-position: -500px -300px !important; }
.mega-id-109 { background-position: -600px -300px !important; }
/* 折行至第4行 */
.mega-id-110 { background-position: 0px -400px !important; }
.mega-id-111 { background-position: -100px -400px !important; }
.mega-id-166 { background-position: -200px -400px !important; }

/* --- 4. Solar Lighting (起始行：第5行，共2个) --- */
.mega-id-59  { background-position: 0px -500px !important; }
.mega-id-60  { background-position: -100px -500px !important; }

/* --- 5. Home Decorative Lights (起始行：第6行，共8个，遇7折行) --- */
.mega-id-354 { background-position: 0px -600px !important; }
.mega-id-356 { background-position: -100px -600px !important; }
.mega-id-406 { background-position: -200px -600px !important; }
.mega-id-407 { background-position: -300px -600px !important; }
.mega-id-408 { background-position: -400px -600px !important; }
.mega-id-409 { background-position: -500px -600px !important; }
.mega-id-410 { background-position: -600px -600px !important; }
/* 折行至第7行 */
.mega-id-411 { background-position: 0px -700px !important; }

/* 风格分类图标 第8行 y=-800px */
.fengge-id-1   { background-position: 0px -800px !important; }
.fengge-id-2   { background-position: -100px -800px !important; }
.fengge-id-3   { background-position: -200px -800px !important; }
.fengge-id-4   { background-position: -300px -800px !important; }
.fengge-id-12  { background-position: -400px -800px !important; }
.fengge-id-17  { background-position: -500px -800px !important; }
.fengge-id-20  { background-position: -600px -800px !important; }

/* --- 6. Photovoltaic energy storage (位于最底部第9行，跳过了中间的保留项) --- */
.mega-id-369 { background-position: 0px -900px !important; }
.mega-id-370 { background-position: -100px -900px !important; }
.mega-id-371 { background-position: -200px -900px !important; }
.mega-id-372 { background-position: -300px -900px !important; }





/*--------------------- news ----------------------*/
.project-banner {width: 100%;height: 794px;background: url(../images/projects_bg.webp) no-repeat center center;background-size: cover;position: relative;}
.project-banner .wrap {height: 100%;display: flex;align-items: flex-end;}
.project-banner-text {padding-bottom: 100px;color: #fff;}
.project-banner-text h1 {font-size: 70px;line-height: 1.1;font-weight: 800;letter-spacing: 3px;text-shadow: 0 4px 15px rgba(0,0,0,0.3);}
.project-banner-text h1 span {font-weight: 400;font-size: 55px;display: block;margin-top: 5px;}