html,body{scroll-behavior: smooth}
.aspect-box{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.aspect-box img{
  position: absolute;
  top: 0;
  left: 0;
  transition: all 1s ease; 
}
.clear {clear: both;}
.index-news-r-t:hover .aspect-box img,.index-news-l-box .swiper-slide:hover .aspect-box img{  
    transform: scale(1.1);
}
.img,.lazy-img,video{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
}
.mb{display: none;}
.index-news .index-news-l .aspect-box{
    padding-top: 60%;
}
.index-news-r-t .aspect-box{
    padding-top: 25%;
}
.index-news ul li{transition: all 0.5s ease; }
.index-news ul li:hover {
    color: #ffffff;
    background: #28793f;
}
.more-green{
    background-color: #28793f;
    color: #fff;
    padding: 0.15rem 0.4rem;
    transform: skew(344deg);
    display: inline-block;
    animation: all 0.5s ease-out;
}
.more-green:hover{
    transform: skew(360deg);
}
.index-a{height: 100Vh;}
.index-b{height: 100Vh;}
.index-c{height: 100Vh;}
.index-d{height: 100Vh;}
.index-e{height: 100Vh;}
.index-f{height: 100Vh;}
.index-box{
    height: 100Vh;
    background-image: url(../images/homebg1.webp);
    background-size: cover;
    overflow: hidden;
}
.index-box .main-swiper{ }
.index-box .main-swiper{
    height: 100Vh;
    overflow: hidden;
}
.index-box .main-swiper .swiper-slide{
    height: 100Vh;
    overflow: hidden;
}
.main-pagination{
    position: fixed;
    left: 10px;
    z-index: 999;
    top: 50%;
    display: flex;
    flex-direction: column;
}
.main-pagination span{
    margin-top: 5px;
}
.main-pagination span.swiper-pagination-bullet-active{
    background: #28793f;
}
.news-content{}
.news-content>img,.news-content>p>img{    width: 100%;max-width:680px;}
.industrial-list li{display: flex;flex-direction: column;justify-content: space-between;}
.industrial-list li .desc{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}
@keyframes moveIn {
    from {
        transform: translateX(-30%) scale(0.8);
    }
    60% {
        transform: translateX(0%) scale(0.8); 
    }
    to {
        transform: translateX(0%) scale(1); 
    }
}
@keyframes moveOut {
    from {
        transform: translateX(0%) scale(1);
    }
    60% {
        transform: translateX(30%) scale(1); 
    }
    to {
        transform: translateX(30%) scale(0.8); 
    }
}
.swiper-slide .swiper-box{
    width: 100%;
    height: 100%;
}
.swiper-slide .swiper-box.zoomIn {
    animation: moveIn 2s ease-out forwards;
}
.swiper-slide .swiper-box.zoomOut {
    animation: moveOut 2s ease-in forwards;
}
.flashs{
    display: flex;
    justify-content: left;
    align-items: center;
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 5;
    animation: flashs 1s ease-out forwards;
}
@keyframes flashs{
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(120%);
    }
}

@keyframes mainswiper {
    0% {
        transform: scale(1)
    }

    to {
        transform: translate(60%,-80%)scale(.8)
    }
}

@keyframes mainswipershow {
    0% {
        transform: scale(.8) translate(-60%,80%)
    }

    60% {
        transform: scale(.8)
    }

    61% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}
.flash-box {
    width: 33%;
    height: 100%;
    display: inline-block;
    transform: skew(-20deg);
    animation: shrink 1.5s ease-out forwards; /* 让宽度动画生效 */
}
@keyframes shrink {
    from {
        width: 33%;
    }
    to {
        width: 10%;
    }
}
.txt-show {
    transition-delay: .5s;
    -webkit-clip-path: polygon(0 0, 24% 0, 6% 100%, 0 100%);
    clip-path: polygon(0 0, 24% 0, 6% 100%, 0 100%);
    opacity: 0;
    position: relative;
    transition: -webkit-clip-path 1.5s;
    transition: clip-path 1.5s;
    transition: clip-path 1.5s, -webkit-clip-path 1.5s;
} 
.swiper-slide.swiper-slide-active.txt-animation .txt-show, .txt-show.on {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 
    opacity: 1.5;
}
.flashs .flash-box:nth-child(1) {
    background: #ffffffbd;
}

.flashs .flash-box:nth-child(2) {
    background: #28793f;
}

.flashs .flash-box:nth-child(3) {
    background: #0f5824a1;
}


.index-box .index-b .swiper-box{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    filter: brightness(1.1);
}
.index-box .index-e .swiper-box{
    background: url(../img/indexbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 0.6rem;
    padding-top: 1.2rem;
}

.index-about{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
    padding-top: 6%;
    overflow: hidden;
    padding-bottom: 5%;
    padding-left: 1rem;
    padding-right: 1rem;
}
.index-about-t{
    padding-top: 0.5rem;
}
.index-about-t span{
    font-size: 0.4rem;
    font-family: 'cn_light';
}
.index-about-t a{
    margin-left: 0.1rem;
}
.index-about-t h2{
    font-size: 0.6rem;
    font-family: "cn_medium";
    margin-bottom: 0.3rem;

}
.index-about-t a{

}
.index-about-b{}
.index-about-b p{
    font-size: var(--fs18);
    font-family: "cn_medium";
    margin-bottom: 0.2rem;
    line-height: 1.6;
    font-family: "cn_light";
        color: #ccc;
}
.index-about-b p span{
    font-size: 0.3rem;  font-family: "cn_medium";
        color: #fff;
}
.index-about-b a{color: #28793f;    font-family: "cn_medium"}
.index-about .index-b-l{
    width: 40%;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding-left: 0.5rem;
    padding-right: 1rem;
}
.index-about .index-b-l>div{
    width: 100%;
    transition: width 1s ease-in-out;
}
.index-about .index-b-c{
    width: 26%;
}
.index-about .index-b-r{
    width: 32%;
    text-align: right;
    height: 100%;
    padding-left: 1rem;
    padding-right: 0.5rem;
}
.index-about .index-b-r>div{
    padding-top: 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    text-align: left;
    position: relative;
}
.index-about .index-b-r>div div{text-align:center;position: relative;}
.index-about .index-b-r>div div:nth-child(1){    left: 4%;}
.index-about .index-b-r>div div:nth-child(2){left: 20%;}
.index-about .index-b-r>div div:nth-child(3){left: 35%;}
.index-about .index-b-r>div div:nth-child(4){left: 38%;}
.index-about .index-b-r>div div:nth-child(5){left: 20%;}
.index-about .index-b-r>div div:nth-child(6){    left: 4%;}
.index-about .index-b-r>div div:nth-child(7){left: -25%;}
.index-about .index-b-r>div span{font-size: var(--fs36);color: #fff;}
.index-about .index-b-r>div p{
    font-size: var(--fs15);
    font-family: "cn_medium";
    margin-bottom: 0.2rem;
    line-height: 1.6;
        color: #ccc;
}
.index-news{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* align-items: center; */
    height: 100%;
    padding: 0 0.5rem;
    overflow: hidden;
}
.index-news .index-news-l{
    width: 40%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    height: 100%;
}
.index-news .index-news-r{
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  
}
.index-news .index-news-l .index-news-l-box{
    display: flex;
    text-align: center;
}
.index-news .index-news-l .index-news-l-box .swiper-slide{
    height: auto;
    background-color: #fff;
}
.index-news .index-news-l .index-news-l-box .swiper-slide a div:nth-child(2){
    padding: 0.2rem;
    margin-bottom: 0.6rem;
}
.index-news-l-box div strong{color:#28793f;    line-height: 2;}
.index-news-l-box div h3{
    font-size: var(--fs30);
    font-family: "cn_medium";
    margin-bottom: 0.4rem;
}

.news-pagination{
    bottom: 8% !important;
    position: absolute;
    text-align: center;
}
.news-pagination .swiper-pagination-bullet-active{
    background-color: #28793f;
}
.index-news ul li{
    display: block;
    padding: var(--fs18) var(--fs28); 
    border-bottom: 1px solid #ddd;
}
.index-news ul a:last-child li{
    border: 0;
}
.index-news-r{

}
.index-news-r-t{
    position: relative;
    background: #fff;
    margin-bottom: 0.5rem; 

}
.index-news-r-b{
    position: relative;
    background: #fff;
    padding-top: 0.4rem;
    flex: 1;
}

.thumbtack{
    position: absolute;
    background-color: #28793f;
    color: #fff;
    left: 0;
    top: 0;
    padding: 0.1rem 0.2rem;
    z-index: 99;
}
.index-case-box{
    position: relative;
    /*padding: 0 0.5rem;*/
    height: 100%;
}
.index-case-box .info{
    display: none;
}
.index-case-box .info h2{
    color: #fff;
    text-align: center;
    margin: 0.5rem 0;
}
.index-case-box #case-slide{
    width: 100%;
    height: 100vh;
    overflow: hidden;
}
#case-slide .case-item{
    position: relative;
}
.index-case-pagination{
    position: absolute;
    text-align: center;
    z-index: 999;
}
.case-content-box{
    width: 100%;
    height: 100vh;
    display: flex;
    position: absolute;
    z-index: 1;
    /*background: #0000002e;*/
    flex-direction: column;
    justify-content: end;
}

.index-case-pagination .swiper-pagination-bullet-active{    background-color: #28793f;    opacity: 0.7;}
.index-case-pagination span{background-color:#fff;    opacity: 0.7;}
.index-case-box #case-slide .case-item img{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
}
#case-slide .swiper-btn{border: 1px solid #fff;}
#case-slide .prev{position: absolute;left: 1rem;background-image: url("../img/i-prev2.png");}
#case-slide .next{position: absolute;right: 1rem;background-image: url("../img/i-next2.png");}
#case-slide .swiper-btn:hover{border: 1px solid #28793f;background-color:#28793f;} 

/*.index-case-box #case-slide .case-item{*/
/*    width: 200px;*/
/*    height: 300px;*/
/*    background-position: 50% ,50%;*/
/*    display: inline-block;*/
/*    background-size:cover ;*/
/*    position: absolute;*/
/*    top:50%;*/
/*    transform:translateY(-60%);*/
/*    border-radius:20px;*/
/*    box-shadow:0 30px 50pX #505050;*/
/*    transition: 0.5s;*/
/*    display: flex;*/
/*    justify-items: center;*/
/*    align-items: center;*/
/*    overflow: hidden;*/
/*}*/


/*.index-case-box #case-slide .case-item:nth-child(1),*/
/*.index-case-box #case-slide .case-item:nth-child(2){*/
/*    top:0;*/
/*    left:0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    transform:translateY(0);*/
/*    border-radius: 0;*/
/*    box-shadow: none;*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(1) img,*/
/*.index-case-box #case-slide .case-item:nth-child(2) img{*/
/* -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);*/
/*  mask-image: linear-gradient(to right, rgba(0,0,0,0.5) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(1) .case-content,*/
/*.index-case-box #case-slide .case-item:nth-child(2) .case-content{*/
/*   display: block;*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(3){*/
/*    right:calc(1% + 440px);cursor:pointer;*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(4){*/
/*    right:calc(1% + 220px);cursor:pointer;*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(5){*/
/*    right: 1%; cursor:pointer;*/
/*}*/
/*.index-case-box #case-slide .case-item:nth-child(n+6){*/
/*    right:-220px;cursor:pointer;*/
/*    opacity: 0;*/
/*}*/
.index-case-center{

}
.case-content{
    width: 50%;
    max-width: 700px;
    padding-left:2rem;
}
.case-content h2{
    font-size: var(--fs48);
    color: #fff;
    line-height: 0.48rem;
    font-family: "cn_medium";
    margin: 0.6rem auto 0.25rem;
    opacity:0;
}
.case-content p{
    font-size: var(--fs18);
    color: rgba(255, 255, 255);
    line-height: 0.4rem;
    font-family: "cn_light";
    margin-bottom: 0.52rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 1.6rem;
    opacity:0;
   
}
.case-content a{
    display: inline-block;
    min-width: 1.8rem;
    height: 0.54rem;
    line-height: 0.54rem;
    background-color: #28793f;
    border-radius: 27px;
    text-align: center;
    padding: 0 0.15rem;
    font-size: var(--fs16);
    color: #fff;
    opacity:0;
   
}

.index-case-box #case-slide .swiper-slide-active .case-content h2{ animation: showcase 0.8s ease-in-out 0.3s 1 forwards;}
.index-case-box #case-slide .swiper-slide-active .case-content p{ animation: showcase 0.8s ease-in-out 0.6s 1 forwards;}
.index-case-box #case-slide .swiper-slide-active .case-content a{ animation: showcase 0.8s ease-in-out 0.9s 1 forwards;}
@keyframes showcase{
    from{
        opacity: 0;
        transform: translateY(100px);
        filter: blur(20px);
    }to{
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.case-content-txt{
    display: flex;
    justify-content: space-between;
    padding: 1rem 1rem 0.3rem 1rem;
    opacity: 0;
}
.case-content-txt p{    font-size: var(--fs30);    margin-bottom: 0.2rem;}
.case-content-txt span{font-size: var(--fs18);    font-family: "cn_light";}
.case-content-txt span,.case-content-txt p{
    color: #fff;
}
.case-content-txt>div:nth-child(2){
    text-align: right;
}
.index-case-box #case-slide .swiper-slide-active .case-content-txt{ animation: showcaseb 0.8s ease-in-out 1.3s 1 forwards;}
@keyframes showcaseb{
    from{
        opacity: 0;
        transform: translateY(100px);
        filter: blur(20px);
    }to{
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}


.index-case-button{
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 0; /* 右对齐 */
    transform: translateY(-50%); /* 仅在垂直方向上偏移 50% */
}
.index-case-button .swiper-wrapper .swiper-slide{
    height: auto;
}
.index-case-box .buttons{
    position: absolute;
    bottom: 1%;
    color: #fff;
    font-size: 1rem;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    display: flex;
    flex-wrap: nowrap;
}
.index-case-box .buttons .s_button{
    background-color: #28793f;
    color: #fff;
    /*padding: 0.1rem;*/
    border-radius: 50%;
    font-size: 0.2rem;
    margin: 0.1rem;
    cursor:pointer; 
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
}
.index-case-box .buttons .s_button:hover{
    background-color: #999;
    color: #333;
}

.index-news-r-t h3,.index-news-r-b h3{    font-size: var(--fs22); line-height: 2;}
.index-news-r-t .time,.index-news-r-b .time{    color: #999;}
.contact-us-box{}
.content li {
    background-image: url(../img/dot2.png);
    font-size: var(--fs16);
    color: #333;
    padding-left: 0.4rem;
    line-height: 0.36rem;
    background-size: 0.21rem;
    background-repeat: no-repeat;
    background-position: top 0.11rem left;
    display: block;
}
.content strong{
    color: #28793f;
}
.content>strong{
    color: #28793f;
    font-size: var(--fs16);
    color: #333;
    padding-left: 0.4rem;
    line-height: 0.36rem;
    background-image: url(../img/dot.png);
    background-size: 0.21rem;
    background-repeat: no-repeat;
    background-position: top 0.02rem left;
}
.content>h2{
    font-size: var(--fs28);
    font-weight: 700;
    color: #333;
    margin: 0.2rem 0;
}
.content>h3{
    font-size: var(--fs24);
    font-weight: 600;
    color: #333;
    margin: 0.2rem 0;
}
.content>h4{
    font-size: var(--fs24);
    font-weight: 600;
    color: #333;
    margin: 0.15rem 0;
}
/* 自定义弹窗样式 */
.custom-alert {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
  }
  
  .alert-content {
    background: white;
    width: 400px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    animation: alertShow 0.3s ease;
  }
  
  @keyframes alertShow {
    from { transform: scale(0.8); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
  }
  
  .alert-header {
    padding: 15px 20px;
    border-bottom: 1px solid #eee;
  }
  
  .alert-title {
    margin: 0;
    font-size: 18px;
    color: #333;
  }
  
  .alert-body {
    padding: 20px;
    min-height: 80px;
    display: flex;
    align-items: center;
  }
  
  .alert-message {
    margin: 0;
    font-size: 16px;
    color: #666;
    line-height: 1.5;
  }
  .alert-form{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: #4b4a4acf;
    display: none;
  }
  .alert-form .box-container{
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0.8rem 0.5rem;
  }
  .alert-form .box-container>span{
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 9999;
    background: #28793f;
    color: #fff;
    border-radius: 50%;
    width: 27px;
    height: 27px;
    text-align: center;
    padding: 4px;
    cursor:pointer; 
  }
  .alert-footer {
    padding: 15px 20px;
    border-top: 1px solid #eee;
    text-align: right;
  }
  
  .confirm-btn {
    padding: 8px 20px;
    background: #007bff;
    border: none;
    border-radius: 4px;
    color: white;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  .confirm-btn:hover {
    background: #0056b3;
  }
  .product-images-box{position: relative;    overflow: unset;}
  .product-images{overflow: hidden;}
  .product-pagination{text-align: center;}
  .product-pagination .swiper-pagination-bullet-active{background: #28793f;}
  .case-single{}
  .case-single .pic{background-image: linear-gradient(0deg, #214659 0%, #79b2d3 100%);position: relative;aspect-ratio: 400 / 240;}
  .case-single .pic img{opacity: 0.8;transition: all 0.8s ease;
    width: 100%;
    height: 100% !important;
    object-fit: cover; 
    object-position: center; 
}
  .case-single .pic:hover img{opacity: 1;}
  .newsinfo-wrapper .content>p{margin-bottom: 0.2rem;}
  .content p,.content li,.content strong{overflow: hidden;}
  .content img.alignnone{}
  .content img.alignleft{float: left;}
  .content img.aligncenter{margin: 0 auto;}
  .content img.alignright{float: right;}
  .index-footer,.index-footer .swiper-slide{overflow: visible !important;}
  .content>p>strong{
    margin: 0.1rem 0;
  }
  .content table {
    width: 100%;
    border-collapse: collapse;
    line-height: 2;
    color: #333;
}
.content table td {
    font-family: "cn_light";
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
}
.contact-wrapper .contact .subsidiary .index-title-box h2{

}
.contact-wrapper .contact .subsidiary .index-title-box h2{
    font-size: var(--fs18);
}
.contact-wrapper .contact .subsidiary ul li{
        font-size: var(--fs14);
}
.contact-wrapper .office{


}
.contact-wrapper .office .index-title-box h2{    font-size: var(--fs20);}
.contact-wrapper .office table{
    width: 100%;
    border-collapse: collapse;
        line-height: 2;
        color: #333;
}
.contact-wrapper .office table tr{
        
}
.contact-wrapper .office table tr:first-child,.contact-wrapper .office table tr:first-child:hover{
    background: #28793f;color: #fff;
}
.contact-wrapper .office table tr:hover{
        background: #e5f3e7;
}
.contact-wrapper .office table td{ 
    font-family: "cn_light";
    border: 1px solid #e0e0e0;
    padding: 5px 10px;
}
.subsidiary{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.subsidiary .subsidiary-box{
        width: 32%;
        margin-bottom: 0.4rem;
        border: 1px solid #ddd;
        padding: 0.2rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
            background-image: url(../images/conbg.webp);
       background-repeat: no-repeat;
    background-position-x: 30%;
    background-position-y: 90%;
    transition: all 0.35s ease;
}
@media screen and (min-width: 1200px) {
    /* .subsidiary .subsidiary-box:last-child{
        margin-right: 25.33333%;
    } */
}
.subsidiary .subsidiary-box:hover{ transform: translateY(-10px);box-shadow: 5px 17px 10px 0px rgba(0, 0, 0, 0.08);}
	.pc-nav-box .nav .nav-box{display: flex;padding: 0.5rem 0.5rem;}
	.pc-nav-box .nav .nav-box .nav-box-img{width: 23%;order: 1; position: relative;aspect-ratio: 400 / 300; background: #ddd;}
	.pc-nav-box .nav .nav-box .nav-box-left{ flex: 1;order: 2;border-right: 1px solid #ddd;}
  .pc-nav-box .nav .nav-box-product .nav-box-left{border-right: 0;}
	.pc-nav-box .nav .nav-box .nav-box-right{ width: 60%;order: 3;padding:0 1rem;    text-align: left;}
	.pc-nav-box .nav .nav-box .nav-box-left a{border-bottom:0;}
  .pc-nav-box .nav .nav-box .nav-box-left .son2{
    display: flex;
    padding-left: 3%;
  }
  .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3{
     display: flex;
     flex-wrap: wrap;
     position: relative;
     border-right: 1px solid #ddd;
  }
  .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3:nth-child(1):after{
    /* content: "";
    position: absolute;
    border-right: 1px solid #bebebe;
    height: 70%;
    bottom: 5%;
    right: 15%; */
  }
  .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3 a:nth-child(1){
    width: 100% !important;
    width: 100% !important;
    color: #28793f;
    font-weight: 600;
    font-size: var(--fs18);
  }
  .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3:nth-child(1) a{
  }
  .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3:nth-child(2) a{
 
  }
   .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3 a{
      text-align: left;
      transform: scale(1);    transition: all 0.3s ease;
      overflow: hidden;
      position: relative;
      width: 100%;
      text-align: center;
      font-size: var(--fs14);
      line-height: 0.25rem;
   }
  
   .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3 a:hover{
      transform: scale(1.1);
   }
   .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3 a:after{
    content: "";
    width: 30px;
    position: absolute;
    height: 100%;
    background: #fff;
    left: -100%;
    background: #ececec7d;
    transition: all 1s ease;
    transform: skew(48deg);
   }
    .pc-nav-box .nav .nav-box .nav-box-left .son2 .son3 a:hover:after{
        left: 100%;
    }
	.pc-nav-box .nav .nav-box .nav-box-img img{width: 100%;height: 100%;object-fit: cover; object-position: center; }
	.nav-box .nav-box-right .nav-box-description{
    font-size: var(--fs16);
    font-family: "cn_light";
    line-height: 2;
    margin-bottom: 0.2rem;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    }
	.nav-box .nav-box-right .nav-box-description p{
	font-size: var(--fs16);
    font-family: "cn_light";
    line-height: 2;
	margin-bottom: 0.2rem;
    overflow: hidden;
	}
    .nav-box .nav-box-right .nav-box-description p a{
    border: 0; padding: 0; float: left;position: relative;overflow: hidden;   
    text-align: left;
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 5%;
    padding-right: 2%;
    }
    .navigation-6 .nav-box .nav-box-right .nav-box-description p a:nth-child(3n){ padding-right: 0%;margin-right: 0%;}
     .navigation-6 .nav-box .nav-box-right .nav-box-description p a:nth-child(3n)::before{ border:0;}
    .navigation-5 .nav-box-right .nav-box-description p a, .navigation-1 .nav-box-right .nav-box-description p a{width: 45%;margin-right: 5%;padding-right: 5%;}
    .navigation-5 .nav-box-right .nav-box-description p a:nth-child(2n), .navigation-1 .nav-box-right .nav-box-description p a:nth-child(2n){margin-right: 0%;}
    .navigation-5 .nav-box-right .nav-box-description p a:nth-child(2n)::before, .navigation-1 .nav-box-right .nav-box-description p a:nth-child(2n)::before{border:0;}
    .nav-box .nav-box-right .nav-box-description p a::before{
        content: '';
        position: absolute;
        border-right: 2px solid #259041;
        height: 50%;
        right: 0%;
        top: 25%;
    }
    /* .nav-box .nav-box-right .nav-box-description p a::after{
        content: '';
        position: absolute;
        border: 1px solid #28793f;
        width: 100%;
        left: -105%;
        right: 0;
        bottom: 0;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
     }
     .nav-box .nav-box-right .nav-box-description p a:hover::after{
         left: 0%;
     } */
	.nav-box .nav-box-right .nav-box-description>a{
	font-size: var(--fs16);
    font-family: "cn_light";
    display: inline-block;
    padding: 0.05rem 0.2rem;
    float: right;
    width: 50%;
    margin-left: calc(100% - 135px); ;
    background: #1c8037;
    color: #fff;
    max-width: 135px;
	}
	.nav-box .nav-box-right .nav-box-description a img{filter: grayscale(100%) brightness(100%);}
	/* .pc-nav-box li:nth-child(2) .nav{
		opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
	} */


.Industrial-layout{}
.Industrial-layout .index-title-box{    margin-bottom: 0.2rem;}
.Industrial-layout .content .content{ 
    font-size: var(--fs15);
    color: #666;
    line-height: 0.3rem;
    font-family: "cn_light";
    overflow-y: auto;
    max-height: 3.9rem;
    padding-right: 0.2rem;
}
.Industrial-layout .content ul{
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
}
.Industrial-layout .content ul li{width: 50%;}

/* 服务 */
     .server-net{display: flex;flex-wrap: wrap;}
            .server-net-left{width: 70%;    display: flex;align-items: center;}
            .server-net-right{width: 30%;}
            .server-net-right .server-net-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
            .server-net-right .server-net-box>div{width: 46%;    margin: 0.15rem 0;}
            .server-net-right h3{    color: #309b4d;    font-size: var(--fs24);font-family: "cn_medium";margin: 0.2rem 0;font-size: var(--fs36);}
            .server-net-right .server-net-box p{font-size: var(--fs16); display: flex;color: #666;flex-wrap: wrap;    justify-content: space-between;}
            .server-net-right .server-net-box p span{}
            .server-net-right .server-net-box p strong{ font-size: var(--fs18);    color: #309b4d;margin: 0.1rem 0;}
            .server-net-right .server-net-box .guoji{}
            .server-net-right .server-net-box .guoji span{margin-right: 0.2rem;margin-bottom: 0.2rem;}
            .quality-control .data ul li{}
            .quality-control .data ul li strong{
                color: #fff;
                position: relative;
                z-index: 2;
                display: inline-block;
                font-size: 0.3rem;
                font-family: "mb";
                height: 0.5rem;
                line-height: 0.5rem;
                margin-right: 0.14rem;
            }
            .quality-control .data ul li div:after {
                content: "";
                position: absolute;
                left: -0.4rem;
                top: -0.2rem;
                z-index: 0;
                width: 0.73rem;
                height: 0.53rem;
                background-repeat: no-repeat;
                background-position: center right;
                background-image: url(../img/circlebg2.png);
                background-size: 100%;
            }
            @media screen and (max-width: 1200px){
                .server-net-left{width: 100%;}
                .server-net-right{width: 100%;}
                .server-net-right h3{font-size: var(--fs24);}
                .server-net-right .server-net-box p strong{font-size: var(--fs16);}
                .server-net-right .server-net-box p {font-size: var(--fs14);}
                .content>strong{font-size: var(--fs14);}
                .goodsinfo-wrapper .content .Technical-Parameter h3{padding-left: 0.2rem !important;}
            }

.related-products.goods-box .swiper-slide{margin-top: 0;}
.goodsinfo-wrapper .content .Technical-Parameter{}
.goodsinfo-wrapper .content .Technical-Parameter h2{font-size: var(--fs24);line-height: 2;color: #2e2624;position: relative;padding-left: 0.1rem;    font-weight: 600;}
.goodsinfo-wrapper .content .Technical-Parameter h3{font-size: var(--fs20);line-height: 2;color: #2e2624;position: relative; padding-left: 0.1rem;    font-weight: 600;}
.goodsinfo-wrapper .content .Technical-Parameter h3::after{
    content: "";
    position: absolute;
    height: 50%;
    border: 2px solid #28793f;
    left: 0;
    display: flex;
    top: 25%;
}
.goodsinfo-wrapper .content .Technical-Parameter strong{color:#28793f;}
.goodsinfo-wrapper .content .Technical-Parameter>p{    margin-bottom: 0.1rem;}
.goodsinfo-wrapper .content .Technical-Parameter table{text-align: center;}

		.product-list-title1{margin-top: 0.5rem;}
		.product-list-title1 a h2{text-align: left;color: #259041;  font-size: var(--fs22);    font-family: "cn_medium";}
		.product-list-title2{padding: 0.1rem;background: #f4f5f6;margin: 0.2rem 0;overflow: hidden;}
		.product-list-title2 ul{display: flex;list-style: none;list-style: none;justify-content: space-between;    position: relative;    align-items: center;}
		.product-list-title2 ul li{}
		.product-list-title2 ul li.arctle-p a{/*background: #259041;*/ color: #fff;border-radius: 25px;}
		.product-list-title2 ul li a{font-size: var(--fs16);display: inline-block;padding: 3px 20px; transition: color 0.3s ease;}
		.product-list-title2 ul li.arctle-b{position: absolute;z-index: -1;height: 100%;border-radius: 25px;background: #259041;color: #fff;transition: all 0.1s;}
		.goods-box li p{font-size: var(--fs16);}

		@media screen and (max-width: 1200px) {
			.product-DivList{margin-top:0.5rem;}
			.product-list-title1{background: #28793f;  position: relative;        padding-right: 20%;}
			.product-list-title1 a{}
			.product-list-title1 a h2{color: #fff;padding: 10px;font-size: var(--fs16);    font-family: "regular";}
			.product-list-title2{padding: 0;margin: 0;display: none;}
			.product-list-title2 ul li.arctle-b{display: none;}
			.product-list-title2 ul{flex-wrap: wrap;}
			.product-list-title2 ul li{width: 100%;border-bottom: 1px solid #f9f8f8;}
			.product-list-title2 ul li a{display: block; padding: 10px 20px;}
			.product-list-title2 ul li.arctle-p{}
			.product-list-title1:after{
				        display: inline-block;
						position: absolute;
						right: 0.3rem;
						top: 0;
						z-index: 10;
						content: "";
						width: 0.26rem;
						height: 100%;
						background: url(../img/z.png) no-repeat center center;
						background-size: contain;
						transition: transform 0.3s ease;
			}
			.product-list-title1.arctrle:after{
				transform: rotate(45deg);
			}
			.product-list-title2 ul li.arctle-p a {color: #333;border-radius: 25px;}
			
		}


			.investment-company{}
			.investment-company li{}
			.investment-company li span{

				background: #6ccd94;
				text-align: center;
				border-radius: 50%;
				color: #fff;
				background-image: linear-gradient(141deg, #289456 0%, #60cc8e 51%, #d3dbdd 75%);
				aspect-ratio: 400 / 400;
				align-content: center;
			}
			.industrial-structure{
				    background: url(../images/14.jpg);
					background-size: 100%;
					background-position-y: 0;
					background-position: bottom;
					background-repeat: no-repeat;
					padding-bottom: 1rem;
			}
			@media screen and (max-width: 1004px){
					.industrial-structure .list li{
						width: 100%;
					}
					.service-wrapper .box-3 li:nth-child(-n+3) {
						margin-top: 0.3rem;
					}
			}
            @media screen and (max-width: 1200px){
                .Industrial-layout .content .content{
                    line-height: 1.8;
                    max-height: max-content;
                    padding-right: 0.2rem;
                }
                .Industrial-layout .content ul li{
                    width: 100%;
                     line-height: 1.8;
                }
            }
			

    .tree-container {
      position: relative;
      width: 100%;
      margin: auto;
    }

    .level-wrapper {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      align-items: self-start;
    }

    .invest-box {
      background: #fff;
      border: 2px solid #000;
      text-align: center;
      line-height: 1.8;
      transition: 0.3s;
      margin: 0.5rem 10px;
      position: relative;
      z-index: 2;
      padding: 0.1rem;
      border-radius: 4px;
    }

    .invest-box:hover {
      background: #d4f7d4;
      border-color: #2ecc71;
    }

    svg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1;
    }
    .our-investment{
        background:url(../img/about2bg.jpg);
            padding: 0.5rem 0;
    }
     .our-investment .index-title-box h2{ color:#fff;}
    /* 移除线条动画，只保留静态路径 */
    .link {
      stroke: #27ae60;
      stroke-width: 2;
      fill: none;
    }

    .glow {
      fill: #2ecc71;
      r: 4;
    }

    @media (max-width: 1200px) {
      .invest-box {
        width: 60px;
        font-size: 12px;
        margin: 15px 0px;
        height: auto !important;
        min-height: 58px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        line-height: 1.5;
      }
      #level-1 .invest-box{
        width: auto;
      }
    }
    #level-1 .invest-box { padding: 0.1rem 0.5rem; background: #1c8037;color: #fff;     background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);border-color: #2ecc71;}
    #level-2 .invest-box { flex: 1; background: #1c8037;color: #fff;     background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);}
    #level-3 .invest-box {     flex: 1;
    background: #1c8037;
    color: #fff;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
        background-image: linear-gradient(0deg, #28793f 0%, #90e693 100%);
 }


                    .product-certification{}
                    .product-certification ul{
                            display: flex;
                            list-style: none;
                            justify-content: center;
                                flex-wrap: wrap;
                    }
                    .product-certification ul li{width: 20%;text-align: center;position: relative;    padding: 2%;}
                    .product-certification ul li div{
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 0;
                            top: 0;
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            margin-bottom: 22%;
                    }
                    .page-hoor-top{
                        background-image:url(<?php bloginfo('template_url'); ?>/style/images/hoorbg.webp);
                    }
                    .product-certification ul li div strong{    color: #28793f;font-size: var(--fs20);margin-bottom: 5px;}
                    .product-certification ul li div p{    color: #666;}
                    .page-hoor-center{}
                    
                    .page-hoor-center img{width: 100%;}
                    .page-hoor-center{ position: relative;}
                    .page-hoor-center .box-container{        position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex
;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 21%;}
                    .page-hoor-center .box-container h3{    font-size: var(--fs48);}
                      .page-hoor-center .box-container h3 span{color: #28793f;}
                    .page-hoor-center .box-container p{    color: #666;font-size: var(--fs20);}
                    .page-hoor-bottom .main h3{    margin-bottom: 0.2rem;font-size: var(--fs20);}
                    @media screen and (max-width: 1200px){
                            .product-certification ul li{width: 50%;}
                            .page-hoor-center .box-container h3 {
                                font-size: var(--fs18);
                                
                            }
                             .page-hoor-center .box-container p{ font-size: var(--fs14);}
                             .page-hoor-bottom .main h3{    margin-bottom: 0.2rem;font-size: var(--fs18);}
                    }


        .industrial-company{}
        .industrial-company .server-net-left{    position: relative;}
        .industrial-layout-company{position: absolute;padding: 0.2rem;}
        .server-net-left .industrial-layout-company{}
        .server-net-left .industrial-layout-company:nth-child(2){ right: 20.5%;top: 49%;}
        .server-net-left .industrial-layout-company:nth-child(3){ right: 19.7%; top: 50.6%;}
        .server-net-left .industrial-layout-company:nth-child(4){ right: 22.2%;top: 54%;}
        .server-net-left .industrial-layout-company:nth-child(5){ right: 24%;top: 62%;}
        .server-net-left .industrial-layout-company:nth-child(6){ right: 51%;top: 38%;}
        .server-net-left .industrial-layout-company:nth-child(7){ right: 80.5%;top: 45%;}
        .industrial-layout-company>img{width: 10px;}
        .industrial-layout-company .company-name{position: relative;}
        .industrial-layout-company .company-name div{
            position: absolute;
            width: 300px;
            border-radius: 15px;
            background: #ffffffcc;
            box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 30%);
            padding: 0.2rem;
            color: #666;
            font-family: "cn_light";
        }
        .industrial-layout-company .company-name div:after{
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 10px solid #ca5348; /* 向下的箭头，颜色为绿色 */
                bottom: -10px; /* 根据实际布局调整位置 */
                transform: translateX(-50%);
        }
      .industrial-layout-company .company-name div p strong{color: #2e2624;padding-bottom: 6px;display: block;}
      .server-net-left .industrial-layout-company:nth-child(2) .company-name div{ bottom: 15px; left: 12px;}
      .server-net-left .industrial-layout-company:nth-child(3) .company-name div{ top: -8px;left: 12px; }
      .server-net-left .industrial-layout-company:nth-child(4) .company-name div{right: 16px; top: -48px;}
      .server-net-left .industrial-layout-company:nth-child(5) .company-name div{right: 10px;}
      .server-net-left .industrial-layout-company:nth-child(6) .company-name div{right: 15px;bottom: 20px;}
      .server-net-left .industrial-layout-company:nth-child(7) .company-name div{    right: 10px;top: 5px;}
      .server-net-left .industrial-layout-company:nth-child(2) .company-name div:after{left: -2%;transform: rotate(45deg);bottom: -2%;}
      .server-net-left .industrial-layout-company:nth-child(3) .company-name div:after{left: -2%;transform: rotate(135deg);top: -1%;}
      .server-net-left .industrial-layout-company:nth-child(4) .company-name div:after{right: -5%;transform: rotate(268deg);top: 42%;;}
      .server-net-left .industrial-layout-company:nth-child(5) .company-name div:after{right: -2%; transform: rotate(225deg);top: -2%;}
       .server-net-left .industrial-layout-company:nth-child(6) .company-name div:after{right: -2.3%;transform: rotate(316deg);bottom: -2%;}
        .server-net-left .industrial-layout-company:nth-child(7) .company-name div:after{right: -2%; transform: rotate(217deg);top: -2%;}
      @media screen and (max-width: 1200px){
		.industrial-company .server-net-left{display: block;}
        .industrial-layout-company{position: initial;}
        .industrial-layout-company .company-name div{position: initial;width: 100%;box-shadow: 0px 0px 40px 0px rgba(5, 8, 15, 0.15);padding: 0.4rem 0.3rem;}
        .industrial-layout-company>img{   float:right;     margin-top: 4px;margin-right: 4px;}
        .industrial-layout-company .company-name div:after{display: none;}
	  }
.crumbs-black{margin-bottom: 0.1rem;}
.crumbs-white{z-index: 20;bottom: 0.3rem; text-align: left !important;}
.crumbs-white a,.crumbs-white .location{color: #fff;}

/* 首页产品新 */
    .index-product-box{}
    .index-product-box ul{display: flex;    flex-wrap: wrap;}
    .index-product-box ul li{      overflow: hidden;  width: 33.33%;position: relative;    height: 50vh;    border-bottom: 10px solid #fff;   border-right: 10px solid #fff;}
    .index-product-box ul li:first-child{width: 66.66%;}
    .index-product-box ul li a{display: block;height: 100%;}
    .index-product-box ul li div{height: 100%;}
    .index-product-box ul li div p{display: none;transition: transform 0.5s ease-in-out;}
    .index-product-box ul li img{ width: 100%;
    height: 100%;
    object-fit: cover; /* 保持图片比例，裁剪以填充容器 */
    object-position: center; /* 图片居中显示 */
    transition: transform 0.5s ease-in-out;
    }
    .index-product-box ul li .index-product-text{     padding: 0.2rem;transition: all 0.5s ease-in-out;position: absolute;top:0;bottom:0;left:0;right:0;    display: flex;flex-direction: column;justify-content: center; align-items: center; background: #11223585;color:#fff;}
    .index-product-box ul li .index-product-text h3{font-size: var(--fs36);    transition: transform 0.5s ease-in-out;}
    .index-product-box ul li .index-product-text p{    transition: transform 0.5s ease-in-out;font-family: 'cn_light';}
    .index-product-box ul li .index-product-text span{}
    .index-product-box ul li:hover img{transform: scale(1.05);}
    .index-product-box ul li:hover .index-product-text{background: #00000008;}
    .new-ico{position: relative;}
    .hot-ico{position: relative;}
    .new-ico::after{
        content: '';
        position: absolute;
        right: 0;
        background-image: url(../img/new.png);
        background-repeat: no-repeat;
        width: 0.5rem;
        height: 0.5rem;
        top: 3%;
       right: 4%;
       z-index: 1;
      background-size: cover;
        
     }
    .hot-ico::after{
        content: '';
        position: absolute;
        right: 0;
        background-image: url(../img/hot.png);
        background-repeat: no-repeat;
        width: 0.5rem;
        height: 0.5rem;
        top: 3%;
    right: 3%;
     z-index: 1;
        background-size: cover;
     }
     @media screen and (max-width: 1200px) {
        .index-product-box ul{   
             justify-content: space-between;
        }
        .index-product-box ul li {
            width: 49%;
            height: auto;
            margin-bottom:0.1rem ;
            border: 0;
        }
        .index-product-box ul li:first-child{
            width: 100%;
        }
        .index-product-box ul li .index-product-text h3{
            font-size: var(--fs14);
        }
        .index-box-2 .cat-box .swiper-slide.on{        background-color: rgba(0, 0, 0, 0.3);}
        .crumbs-white,.crumbs-black{display: none;}
     }
     /* 首页产品新end */
     .clicked{position: relative;}
     .clicked::after{
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-color: #28793f;
        border-radius: 27px;
     }
     .clicked::before{
            content: '';
            background-image: url(../img/loading.png);
            background-repeat: no-repeat;
            background-position: center;
            animation: spin360 2s linear infinite;
            vertical-align: middle;
            z-index: 2;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
     }
     @keyframes spin360 {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
.submenu-posts{display: none;}
.new-product,.hot-product{position: relative;}
.new-product::after{
    /* content: 'new';
    position: absolute;
    left: -34%;
    top: 12%;
    color: #fff;
    background: #f00;
    width: 50%;
    height: 14px;
    text-align: center;
    line-height: 14px;
    font-size: 10px;
    border-radius: 4px; */
}
.hot-product::after{

}

    .index-about-new{display: flex;align-items: center;height: 100%;}
     .index-about-new .index-title-box h2,.index-about-new.index-box-3 .info h1,.index-about-new .data .num span{color: #fff;}
     .index-about-new.index-box-3 .content{color: #ddd;}
     .index-about-new .data .num em{color: #ddd;}
     .index-about-new .data p{color: #ddd;}
     .index-about-new .box-container{margin-bottom: 1rem;}
     @media screen and (max-width: 1200px) {
        .index-about-new .box-container{margin-top:1rem;}
     }