﻿@import url(https://js01.v15cdn.com/single-template/public.css);
iframe{width:100%;height:auto;aspect-ratio:2.3}
.home-tip{color:#7a8c68;font-size:var(--fontsize14);font-weight:var(--fontbold5);position:relative;text-align:center;text-transform:uppercase}
.home-tip span{position:relative;padding-left:18px}
.home-tip span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;background:linear-gradient(0deg,#74986a 0,#dce5d9 100%)}
.page-logo{width:100%}
.page-logo .swiper-slide{height:80px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.page-logo .swiper-slide:hover img{transform:translateY(-180px);filter:drop-shadow(var(--color) 0 180px)}
.page-modebg{position:relative;z-index:2}
.page-modebg::before{content:"";position:absolute;left:50%;top:0;width:100vw;max-width:1920px;height:100%;transform:translateX(-50%);background-color:#FAFAFA;z-index:-1;background-size:cover;background-repeat:no-repeat}
.company1{padding-bottom:5%}
.company1 .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid #f1f1f1}
.company1 .top .img{width:46%}
.company1 .top .info{width:50%}
.company1 .top .info .home-tip{text-align:left}
.company1 .top .info .home-title{text-align:left}
.company1 .top .info .tip{font-weight:var(--fontbold5);text-transform:uppercase;margin-top:4px;margin-bottom:10px}
.company1 .top .info .list{margin-top:30px;display:flex}
.company1 .top .info .list li{display:flex;margin-right:40px}
.company1 .top .info .list li:last-child{margin-right:0}
.company1 .top .info .list .icon{width:60px;height:60px;background-color:rgba(109,151,107,.2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-right:10px}
.company1 .top .info .list .icon em{color:var(--color1);font-size:var(--fontsize30)}
.company1 .top .info .list .tit{text-transform:uppercase;font-weight:var(--fontbold6)}
.company1 .top .info .btn-box{display:flex;align-items:center;flex-wrap:wrap;margin-top:30px}
.company1 .top .info .btn-box .tip-box{margin-left:20px}
.company1 .top .info .btn-box .tip-box .p1{font-weight:var(--fontbold6);line-height:1.4}
.company1 .top .info .btn-box .tip-box .p2{color:#666}
.company1 .page-logo{margin-top:40px}
.in-about1{padding-bottom:5%}
.in-about1 .top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.in-about1 .title-box{width:43%}
.in-about1 .title-box .home-title{text-align:left}
.in-about1 .txt{width:53%;color:var(--introcolor)}
.in-about1 .img-list{display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;margin:5% 0 0 0}
.in-about1 .img-list .img-box{width:100%}
.in-about1 .img-list .img-box img{width:100%}
.in-about1 .img-list .num-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(0deg,#74986a 0,#dce5d9 100%);width:180px;height:180px;border-radius:50%;text-align:center;color:#FFF;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}
.in-about1 .img-list .num-box .num{font-size:50px;font-weight:var(--fontbold6);line-height:1.2}
.in-about1 .img-list .num-box::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px dashed var(--color);background-repeat:no-repeat;background-size:cover;width:240px;height:240px;border-radius:50%;z-index:-1;animation:Roter360 20s linear infinite}
@keyframes Roter360{0%{transform:translate(-50%,-50%) rotateZ(0)}
100%{transform:translate(-50%,-50%) rotateZ(360deg)}}
.company2{padding:12% 0}
.company2::before{background-image:url(/uploads/48183/page/p2026052711355069c08.jpg)}
.company2 .home-title{color:#FFF}
.company2 .btn{display:flex;justify-content:center;margin-top:30px}
.in-about3{padding:8% 0}
.in-about3::before{background-image:url(https://css02.v15cdn.com/m436/imgs/about3.webp)}
.in-about3 .top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.in-about3 .top .title-box .home-tip{text-align:left;color:#FFF}
.in-about3 .top .title-box .home-title{color:#FFF;text-align:left}
.in-about3 .top .btn{width:140px;height:140px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;color:#FFF;text-align:center;font-size:var(--fontsize18);font-weight:var(--fontbold6);border:1px solid var(--color);transition:all .2s linear}
.in-about3 .top .btn:hover{border:1px solid var(--color)}
.in-about3 .list{margin-top:10%;display:flex;justify-content:space-between;flex-wrap:wrap}
.in-about3 .list li{width:23%;text-align:center}
.in-about3 .list li .tip{color:#c8ddb9;font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.in-about3 .list li .num{font-size:var(--fontsize36);font-weight:var(--fontbold6);color:#FFF}
.in-about3 .list li .tit{font-size:var(--fontsize14);color:#eaeaea}
.page-modebg{position: relative;z-index:2;}
@media screen and (max-width:1280px){.in-about1 .img-list .num-box{width:140px;height:140px}
.in-about1 .img-list .num-box::before{width:180px;height:180px}
.in-about1 .img-list .num-box .num{font-size:var(--fontsize36)}
.in-about1 .img-list .num-box .tit{font-size:var(--fontsize14)}
.in-about3 .list li .tit br{display:none}}
@media (max-width:1024px){.in-about1{padding-bottom:30px}
.in-about3{padding:30px 0}}
@media (max-width:768px){.company1 .top .img{width:100%}
.company1 .top .info{width:100%;margin-top:25px}
.in-about1 .top .title-box{width:100%}
.in-about1 .top .txt{width:100%;margin-top:10px}
.in-about1 .img-list{margin:25px 0 0}
.in-about3 .top .btn{width:100px;height:100px;font-size:var(--fontsize16)}
.in-about3 .list{margin-top:20px}
.in-about3 .list li{width:48%;margin-top:25px}}
@media (max-width:550px){.in-about1 .img-list .img-box{width:100%}
.in-about3 .top .btn{display:none}
.in-about3 .list li .num{font-size:var(--fontsize22)}
.in-about3 .list li .tip{font-size:var(--fontsize16)}}
.company2 .home-more{position:relative;background:linear-gradient(0deg,#74986a 0,#dce5d9 100%);width:180px;height:180px;border-radius:50%;text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:auto;line-height:1.3;border:none;font-weight:bold}
.company2 .home-more::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:2px dashed var(--color);background-repeat:no-repeat;background-size:cover;width:240px;height:240px;border-radius:50%;z-index:-1;animation:Roter360 20s linear infinite}
.company2 .home-more:hover{text-decoration:none}
@media screen and (max-width:1280px){.company2 .home-more{width:140px;height:140px}
.company2 .home-more::before{width:180px;height:180px}}



.wmpage223-page3 .wmpage223-page3-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:50px}
.wmpage223-page3 .wmpage-title{flex:1}
.wmpage223-page3 .wmpage223-page3-desc{width:40%;color:var(--wmpage-color8)}
.wmpage223-page3 .wmpage223-page3-bottom{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage223-page3 .wmpage223-page3-left{width:28%;display:flex;flex-direction:column;justify-content:space-between}
.wmpage223-page3 .wmpage223-page3-left li{padding:0 15px;flex:1;position:relative;display:flex;justify-content:center;align-items:center;background:0 0;transition:all .2s linear;cursor:pointer}
.wmpage223-page3 .wmpage223-page3-left li::before{content:'';position:absolute;left:100%;top:0;height:100%;width:50px;background:var(--color);clip-path:polygon(0 0,0 100%,100% 50%);transition:all .2s linear;opacity:0;z-index:10}
.wmpage223-page3 .wmpage223-page3-left li.active::before{opacity:1}
.wmpage223-page3 .wmpage223-page3-left li:nth-child(2n){background:#f3fff8}
.wmpage223-page3 .wmpage223-page3-left li:nth-child(2n-1){background:#e2ffee}
.wmpage223-page3 .wmpage223-page3-left li:nth-child(2n).active,.wmpage223-page3 .wmpage223-page3-left li:nth-child(2n-1).active{background:linear-gradient(0deg, var(--color) 0, #36995c 100%)}
.wmpage223-page3 .wmpage223-page3-left .wmpage223-page3-num{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;background:#fff;border-radius:50%;box-shadow:0 2px 6px 0 rgba(104,118,147,.1);font-weight:var(--fontbold6);color:var(--wmpage-color8);position:absolute;left:100px;top:-20px;transition:all .2s linear}
.wmpage223-page3 .wmpage223-page3-left li.active .wmpage223-page3-num{background:var(--color);color:#fff}
.wmpage223-page3 .wmpage223-page3-left li .wmpage223-page3-title{font-weight:var(--fontbold6);color:var(--wmpage-color8);font-size:var(--wmpage-font20);transition:all .2s linear}
.wmpage223-page3 .wmpage223-page3-left li.active .wmpage223-page3-title{color:#fff}
.wmpage223-page3 .wmpage223-page3-right{flex:1;min-height:620px;position:relative}
.wmpage223-page3 .wmpage223-page3-right .wmpage223-page3-item{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .3s ease;display:none}
.wmpage223-page3 .wmpage223-page3-right .wmpage223-page3-item.active{opacity:1;display:block}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-img{position:relative;width:100%}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-img img{position:relative;width:100%;height:620px;object-fit:cover}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-info{position:absolute;left:50%;transform:translateX(-50%);bottom:6%;padding:40px;background:rgba(22,57,103,.6);width:90%}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-words{display:inline-block;font-size:var(--wmpage-font22);color:#fff;font-weight:var(--fontbold6);cursor:pointer;transition:all .2s linear}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-words:hover{color:var(--color)}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-letter{color:#fff;margin-top:10px}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-letter a{color:var(--color);font-size:var(--wmpage-font18);margin-left:5px}
@media screen and (max-width:1024px){.wmpage223-page3 .wmpage223-page3-bottom{flex-direction:column}
.wmpage223-page3 .wmpage223-page3-left{width:100%}
.wmpage223-page3 .wmpage223-page3-left li::before{display:none}
.wmpage223-page3 .wmpage223-page3-left li{padding:25px 0}
.wmpage223-page3 .wmpage223-page3-item .wmpage223-page3-info{padding:20px}
}
@media screen and (max-width:768px){.wmpage223-page3 .wmpage223-page3-desc{width:100%;margin-top:10px}
}.wmpage70-page3-ment{display:flex;flex-wrap:wrap}
.wmpage70-page3-left{position:relative;width:42%;border-radius:5px;overflow:hidden}
.wmpage70-page3-left img{width:100%;transition:all .2s ease}
.wmpage70-page3-info{position:absolute;margin:20px;left:0;bottom:20px;display:inline-block;box-sizing:border-box;padding:20px;padding-right:30px;color:var(--fontcolor)}
.wmpage70-page3-title{position:relative;z-index:10;font-size:var(--fontsize24);font-weight:var(--fontbold5);line-height:1.4}
.wmpage70-page3-p{font-size:var(--fontsize16);position:relative;z-index:10}
.wmpage70-page3-info::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f6f6f6;opacity:.9;border-radius:5px 50px 5px 5px;z-index:0}
.wmpage70-page3-right{width:58%;box-sizing:border-box;padding-left:2%;display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage70-page3-img{width:49%;height:auto;margin-bottom:2%;border-radius:5px;overflow:hidden}
.wmpage70-page3-img img{width:100%;transition:all .2s ease}
.wmpage70-page3-img:hover img,.wmpage70-page3-left:hover img{transform:scale(1.02)}
@media (max-width:1024px){.wmpage70-page3-title{font-size:var(--wmpage-font18)}
.wmpage70-page3-p{font-size:var(--wmpage-font14)}
.wmpage70-page3-info{margin:10px;bottom:15px;padding:15px}
.wmpage70-page3-info::after{border-radius:5px 25px 5px 5px}
}
@media (max-width:768px){.wmpage70-page3-ment{flex-direction:column}
.wmpage70-page3-left{width:100%;margin-bottom:20px}
.wmpage70-page3-right{width:100%;padding-left:0}
}.wmpage68-page4-ulli1{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.wmpage68-page4-ulli1 li{width:17%;margin-bottom:20px}
.wmpage68-page4-ulli1 li img{width:100%}
.wmpage68-page4-title h5{text-align:center}
.wmpage68-page4-title p{max-width:85%;margin:15px auto 0;text-align:center}
@media (max-width:768px){.wmpage68-page4-title p{max-width:100%}
.wmpage68-page4-ulli1{margin-top:30px}
.wmpage68-page4-ulli1 li{width:32%}
}
@media (max-width:500px){.wmpage68-page4-ulli1 li{width:48%;margin-bottom:2%}
}