main{background:#edfefc}
@media (min-width:1025px){.index-high{height:100vh !important}}
main .l-wrap{max-width:1720px}
.index-common-title{font-weight:var(--fontbold7);font-size:60px;line-height:1.2}
.index-inner{height:100%}
.index-common-more{display:inline-flex;margin-top:1.5%}
.index-common-more .icon img{height:40px;width:auto}
.index-common-more p a{color:#fff;font-size:var(--fontsize15);font-weight:var(--fontbold7);background:var(--color);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;height:100%;padding:1% 15px;background:var(--color);transition:all .3s;margin-left:10px;border-radius:6px}
.index-common-more p a:hover{background:#fff;color:var(--color)}
.index-box1{position: relative;}
.index-box1 .img{width:100%;height:100%}
.index-box1 .img img{width:100%;height:100%;object-fit:cover}
.index-box1 .ban1-inner{position:absolute;top:55%;left:0;z-index:2;width:100%;color:#fff;transform:translateY(-50%)}
.index-box1 .ban1-inner .ban-tit{font-size:90px;font-weight:var(--fontbold7);max-width:40%;line-height:1.3}
.index-box2 .index-inner{display:flex;flex-direction:column;align-items:center}
.index-box2 .l-wrap{height:100%}
.index-box2 .inside{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding-top:100px}
.index-box2 .list{display:flex;flex-wrap:wrap;gap: 20px;}
.index-box2 .list .item{overflow:hidden;width:calc((100% - 60px)/3);background:#EDFEFC;box-shadow:0 3px 7px 0 rgba(0,0,0,.14);border-radius:25px;padding:5% 2%}
.index-box2 .list .item .icon{transition:all .3s;overflow:hidden;width:50px;height:50px;border-radius:4px;display:flex;align-items:center;justify-content:center}
.index-box2 .list .item .icon img{width: 100%;filter:drop-shadow(0 100px 0 var(--color));transform:translateY(-100px)}
.index-box2 .list .item:hover .icon{transform:rotateY(360deg)}
.index-box2 .list .item .tit{margin:10% 0 50%;color:#595757;font-size:var(--fontsize17);max-width:90%}
.index-box2 .list .item .num-box{line-height:1}
.index-box2 .list .item .num-box span{font-weight:var(--fontbold7);font-size:72px;color:var(--color);display:inline-block}
.index-box2 .list .item .num-box strong{color:var(--color);font-size:26px;display:inline-flex;align-items: center;}
.index-box2 .list .item .des{font-size:var(--fontsize20);color:var(--color)}
.index-box2 .bot{margin-top:4%}
.index-box3 .index-box3-inner{height:100%}
.index-box3 .l-wrap{height:100%;display:flex;justify-content:space-between}
.index-box3 .inner-left{padding:5% 7% 5% 0;display:flex;flex-direction:column;position:relative;color:#fff;width:58%;justify-content:center}
.index-box3 .inner-left:before{content:'';width:100vw;height:100%;background:url(/uploads/47467/index/state-bg.jpg) no-repeat center/cover;position:absolute;right:0;top:0;z-index:1}
.index-box3 .inner-left>*{position:relative;z-index:2}
.index-box3 .inner-left>p{line-height:2;margin:5% 0}
.index-box3 .inner-right{width:42%;display:flex;align-items:center;justify-content:center;padding-left:2%}
.index-box3 .inner-right .img{width:80%;}
.index-box3 .state-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:12%}
.index-box3 .state-list li{width:15%;text-align:center;background:#fff;border-radius:6px;padding:3% 2% 2% 2%;color:var(--color)}
.index-box3 .state-list li img{transition:all .3s}
.index-box3 .state-list li:hover img{transform:rotateY(360deg)}
.index-box3 .state-list li p{line-height:1.4;margin-top:20px}
@media (min-width:1025px){.index-box3 .inner-left,.index-box3 .inner-right{padding-top:100px}}
.index-box4 .l-wrap{height:100%}
.index-box4 .inside{width:100%;height:100%;padding-top:90px;display:flex;align-items:center;justify-content:center}
@media (min-width:769px){.index-box4 .product-list{margin-top:2%;display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;padding-left:25.5%}
.index-box4 .product-list li:first-child{position:absolute;left:0;top:0;width:23.5%;height:100%}
.index-box4 .product-list li{width:32%;border-radius:10px;overflow:hidden;position:relative}
.index-box4 .product-list li:nth-child(n+5){margin-top:1.5em}
.index-box4 .product-list li .img{width:100%;display:flex;height:calc(100% - 55px);overflow:hidden;border-radius:15px}
.index-box4 .product-list li .img img{width:100%;height:100%;object-fit:cover}
.index-box4 .product-list li .title{padding:13px;text-align:center;width:100%;display:block;height:55px}
.index-box4 .product-list li .title span{font-size:var(--fontsize18)}
.index-box4 .product-list li .title em{color:var(--color);font-size:var(--fontsize20)}
.index-box4 .product-list li:hover .img img{transform:scale(1.02)}
.index-box4 .product-list li:hover .title{color:var(--color)}}
.index-box5 .l-wrap{height:100%}
.index-box5 .inside{padding-top:100px;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.index-box5 .indexmammSwiper{padding-bottom:70px}
.index-box5 .swiper-slide .img{overflow:hidden}
.index-box5 .swiper-slide .img img{width:100%;display:block}
.index-box5 .swiper-slide .bot{position:absolute;top:47%;left:0;width:100%;padding:2% 13% 10% 13%;color:#fff;height:53%}
.index-box5 .swiper-slide .bot .tit{font-size:21px;font-weight:var(--fontbold7);-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;display:-webkit-box}
.index-box5 .swiper-slide .bot .des{margin:3% 0 6%;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;font-size:var(--fontsize14)}
.index-box5 .swiper-slide .bot .more-box{text-align:center}
main .swiper-pagination-bullet{width:16px;height:16px;background:0 0;border:1px solid #5c5a5a;opacity:1}
main .swiper-pagination-bullet-active{border:none;background:url(/uploads/47467/index/mamm-page-icon.png) no-repeat;background-size:contain;background-position:center}
.index-box6 .l-wrap{height:100%}
.index-box6 .inside{width:100%;height:100%;padding-top:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.index-box6 .index-common-title{text-align:center;color:var(--color);margin-bottom:5%}
.index-box6 .new-tab-top{display:flex;border-bottom:1px solid #ececec;width:100%}
.index-box6 .new-tab-top li{background:0 0;border:1px solid #ececec;padding:5px 20px;color:#595757;transition:all .3s;cursor:pointer;margin-right:20px;margin-bottom:5px}
.index-box6 .new-tab-top li.active,.index-box6 .new-tab-top li:hover{background:var(--color);color:#fff;border-color:var(--color)}
.index-box6 .new-tab-bot{width:100%;margin-top:3%}
.index-box6 .indexnewSwiper{padding-bottom:70px}
.index-box6 .new-tab-bot li{display:none}
.index-box6 .new-tab-bot li.active{display:block}
.index-box6 .new-tab-bot .swiper-slide .img{overflow:hidden;display:block;width:100%}
.index-box6 .new-tab-bot .swiper-slide img{width:100%;display:block;transition:all .3s}
.index-box6 .new-tab-bot .swiper-slide:hover img{transform:scale(1.03)}
.index-box6 .new-tab-bot .swiper-slide .new-bot{background:#fff;padding:20px}
.index-box6 .new-tab-bot .swiper-slide .new-bot .title{transition:all .3s;font-weight:var(--fontbold7);font-size:var(--fontsize18);color:#595757}
.index-box6 .new-tab-bot .swiper-slide:hover .new-bot .title{color:var(--color)}
.index-box6 .new-tab-bot .swiper-slide .new-bot .data{color:#9fa0a0;margin-top:10px}
@media (max-width:1730px){.index-common-title{font-size:3vw}
.index-box1 .ban1-inner .ban-tit{font-size:4.8vw}
.index-box2 .list .item .num-box span{font-size:4.2vw}
.index-box5 .swiper-slide .bot .tit{font-size:1.1vw}
.index-box5 .swiper-slide .bot .des{font-size:.8vw;margin:3% 0 4%;-webkit-line-clamp:3;}}
@media (min-width:1025px) and (max-width:1730px){main .l-wrap{padding-left:70px;padding-right:70px}}
@media (min-width:1025px) and (max-width:1460px){main .l-wrap{padding-left:100px;padding-right:100px}}
@media (max-width:1460px){.index-box2 .list .item{padding:20px}
.index-box2 .list .item .tit{max-width:100%;margin:10px 0 20px}
.index-box3 .inner-left>p{margin:10px 0;line-height:1.4;font-size:var(--fontsize14)}
.index-box3 .state-list{margin-top:20px}
.index-box3 .state-list li{width:32%}
.index-box3 .state-list li:nth-child(n+4){margin-top:2%}
.index-box3 .state-list li p{margin-top:10px}
.index-box3 .inner-right img{width:80%;margin:0 auto;display:block}
.index-box4 .product-list li .title{padding:5px 10px 0 10px}
.index-box4 .product-list li .title span{font-size:var(--fontsize15)}
.index-box5 .swiper-slide .bot .more-box{transform:scale(.75)}
.index-box5 .index-common-more p a{padding:1% 10px}
.index-box6 .index-common-title{margin-bottom:30px}
.index-box6 .new-tab-bot{margin-top:20px}
.index-box6 .new-tab-bot .swiper-slide .new-bot .title{font-size:var(--fontsize16)}}
@media (max-width:1300px){.index-box1 .ban1-inner .ban-tit{font-size:4.2vw}
.index-box2 .list .item .tit{margin:5px 0 10px;font-size:var(--fontsize14)}}
@media (max-width:1024px){.index-common-title{font-size:30px}
.index-box1 .ban1-inner{top:50%}
.index-box1 .img,.index-box1 .img img{height:auto;}
.index-box1 .ban1-inner .ban-tit{font-size:42px}
.index-box2 .inside,.index-box4 .inside,.index-box6 .inside{padding:40px 0}
.index-box5 .inside{padding:0}
.index-box2 .bot{margin-top:20px}
.index-box3 .inner-left{padding:20px 50px 20px 0}
.index-box3 .inner-right{padding-left:50px}
.index-box3 .inner-right img{width:100%}
.index-box5{padding-top:30px;}
.index-box5 .swiper-slide .bot .des{margin:5px 0 10px}
.index-box5 .swiper-slide .bot .more-box{transform:scale(.65)}
.index-box6 .new-tab-top li{padding:5px 12px}}
@media (max-width:768px){.index-common-title{font-size:26px}
.index-box1 .ban1-inner{text-align:center}
.index-box1 .ban1-inner .ban-tit{max-width:100%;font-size:30px}
.index-box2 .list{justify-content: space-between;}
.index-box2 .list .item{width:calc((100% - 20px)/2)}
.index-box2 .list .item .num-box span{font-size:34px}
.index-box2 .list .item:nth-child(n+3){margin-top:2%}
/*.index-box2 .list .item:nth-child(5){width:100%}*/
.index-box3 .l-wrap{flex-wrap:wrap}
.index-box3 .inner-left{width:100%;padding:20px 0}
.index-box3 .inner-left:before{right:auto;left:50%;transform:translateX(-50%)}
.index-box3 .inner-right{width:100%;padding:20px 0 0}
.index-common-more p a{font-size:var(--fontsize16)}
.index-box3 .state-list li{padding:20px 10px}
.index-box4 .product-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.index-box4 .product-list li{width:49%;text-align:center}
.index-box4 .product-list li:nth-child(n+3){margin-top:2%}
.index-box4 .product-list li .title{padding:0;margin-top:10px;display:block;transition:all .3s}
.index-box4 .product-list li:hover .title{color:var(--color)}
.index-box4 .product-list li .img{display:block;overflow:hidden;border-radius:6px}
.index-box4 .product-list li img{aspect-ratio:5/4;object-fit:cover;width:100%;height:100%;transition:all .3s}
.index-box4 .product-list li:hover img{transform:scale(1.03)}
.index-box5 .swiper-slide .bot .tit{font-size:var(--fontsize20)}
.index-box5 .swiper-slide .bot .des{font-size:var(--fontsize12)}
.index-box6 .new-tab-top{flex-wrap:wrap;justify-content:space-between}
.index-box6 .new-tab-top li{width:49%;margin-right:0;margin-bottom:2%}
.index-box6 .new-tab-bot .swiper-slide .new-bot{padding:10px}}
@media (max-width:550px){.index-box2 .list .item .num-box span{font-size:28px}
.index-box2 .list .item .des,.index-box2 .list .item .num-box strong{font-size:var(--fontsize16)}
.index-box3 .state-list li{width:49%}
.index-box3 .state-list li:nth-child(n+3){margin-top:2%}
.index-box6 .index-common-title{margin-bottom:15px}
.index-box6 .new-tab-top li{width:100%}}
@media (max-width:500px){.index-box5 .swiper-slide .bot{padding-top:5%}}
.index-box2 .list .item .tit{margin:15% 0 0;}
.index-box2 .list .item .num-box{margin-top:15%;}
.index-box2 .inside .top{width:100%;max-width:1200px}
.index-box2 .list{width:100%;}
@media (min-width:1081px){.index-box2 .list .item .num-box span{font-size:58px;}}
@media (max-width:1366px) and (min-width:1081px){.index-box2 .list .item .num-box span{font-size:3.5vw;}}
@media (max-width:1080px) and (min-width:769px){.index-box2 .list .item{width:30%;margin:10px 0}
/*.index-box2 .list .item:last-child{margin-right:34%}*/
}
@media (max-width:1080px){.index-box2 .list .item .tit{margin:20px 0 0;}
.index-box2 .list .item .num-box{margin-top:20px;}}

/* .index-state{background:#2C3E50} */
.index-state{background: url(/Content/uploads/20261289383/20260609151300aaf4d040055d459da9c1ce15f9699cfb.jpg)no-repeat;background-size: cover;}
@media (min-width:1025px){.index-state .l-wrap{height:100%;}
.index-state .l-wrap{padding-left:20px;padding-right:20px;}
.index-state .left, .index-state .right{padding-top:100px;}}
.index-state .inside{height:100%;display:flex;justify-content:space-between;align-items:center;}
.index-state .left{padding-right:20px;display:flex;flex-direction:column;position:relative;color:#fff;width:30%;justify-content:center}
.index-state .left .index-common-title span{color:var(--color)}
.index-state .left .des{color:#fff;margin-top:10%;}
.index-state .right{width:70%;display:flex;align-items:center;justify-content:center;padding-left:20px}
.index-state .right ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.index-state .right ul li{width:49%;background: #364B5A;border-radius: 15px;display:flex;flex-direction: column;padding: 20px;}
@media (min-width:551px){.index-state .right ul li:nth-child(n+3){margin-top:2%;}
.index-state .left .des{font-size:20px;}}
.index-state .right ul li .icon{background:#305F66;width:50px;height:50px;display:flex;align-items:center;justify-content: center;border-radius: 10px;}
.index-state .right ul li .icon img{max-height: 40px;}
.index-state .right ul li .tit{color:#fff;font-weight: var(--fontbold7);margin-top:3%;}
.index-state .right ul li .des{color:#fff;margin:2% 0 3%;font-size:14px;}
.index-state .right ul li .des a,.index-state .right ul li .tit a{color:#fff;}
.index-state .right ul li .des a:hover{text-decoration: underline;}
.index-state .right ul li .more{display:inline-block;margin-top:auto;color: var(--color);}
.index-state .right ul li .more:hover{color:#fff;}
@media (max-width:1440px){.index-state .right ul li{padding:10px;}
.index-state .right ul li .tit{margin-top:5px;}
.index-state .right ul li .des{font-size:12px;margin:5px 0 8px;}
.index-state .right ul li .icon img{max-height: 34px;}}
@media (min-width:1025px) and (max-width:1440px){.index-state .left .des{font-size:18px;}}
@media (max-width:1024px){.index-state{padding:30px 0;}
.index-state .inside{flex-wrap:wrap;}
.index-state .left{width:100%;padding:0;}
.index-state .left .des{margin-top:20px;}
.index-state .right{width:100%;margin-top:20px;padding:0;}}
@media (max-width:550px){.index-state .right ul li{width:100%;margin-top:2%;}}

@media (min-width:1025px){.index-state .left{width:46%;}
.index-state .left .des{margin-top:4%}
.index-state .right{width:54%}
.index-state{position:relative;z-index:2}}
@media (max-width:1700px) and (min-width:1025px){.index-state .index-common-title{font-size:42px;}
.index-state .left .des{margin-top:15px;font-size:17px;}
.index-state .right ul li{padding:10px;}
.index-state .right ul li .icon{width:40px;height:40px}
.index-state .right ul li .icon img{max-height:32px}
.index-state .right ul li .des{margin:5px 0;font-size:13px}
.index-state .right ul li .tit{margin-top:5px}
.index-state .right ul li .more{font-size:13px}}
.index-state .left img{border-radius:20px;display:block;width:100%;aspect-ratio:5/2;object-fit:cover;margin-top:15px;}


.home-title{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--fontcolor);text-transform:capitalize}
.index-box2 .inside .top .flex{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.index-box2 .inside .top .flex .info{width: 45%;}
.index-box2 .inside .top .flex .imglist{width: 50%;}
.index-box2 .list .item{text-align: center;}
.index-box2 .list .item .icon{margin: auto;}
.index-box2 .list .item .num-box span{font-size:24px;}
.about-l-text{color: var(--fontcolor);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;margin: 10px 0px 25px;line-height: 1.7;max-height: 270px;}
.index-box6 .new-tab-bot .swiper-slide .new-bot .title{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
@media (max-width:768px){.index-box2 .inside .top .flex{flex-wrap:wrap;}
.index-box2 .inside .top .flex .info{width:100%;}
.index-box2 .inside .top .flex .imglist{width:100%;margin-top:30px;}}
.index-box2 .more-box .index-common-more .icon{position:relative;width:70px;height:70px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color);background: var(--color);margin-top:10px;margin-right:35px;}
.index-box2 .more-box .index-common-more .icon::after,.index-box2 .more-box .index-common-more .icon::before{content:'';position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 0 rgb(0 165 146 / 60%);animation:wmpage139ripple 2.5s infinite}
@keyframes wmpage139ripple{50%{box-shadow:0 0 0 30px rgba(10,165,205,0)}
100%{box-shadow:0 0 0 0 rgba(10,165,205,0)}}
/*.index-box2 .inside .top .flex .info .more-box{padding-left:13%}*/
.index-box2 .inside .top .flex .info .more-box .index-common-more p a{padding:4% 20px;height: auto;margin-left: 0;}
.index-box2 .inside .top .flex .info .more-box .index-common-more p{display:flex;align-items:center}
.index-box2{background:url(/uploads/47467/index/bg1.jpg) no-repeat center;background-size:cover}
.index-box5{background:url(/uploads/47467/index/bg2.jpg) no-repeat center;background-size:cover}
@media (min-width:1024px){.index-box1 .ban1-inner{top:73%}}
.ban1-inner .title{font-size:6vw;font-weight:600;margin-bottom:1%;line-height: 1.1;}
.ban1-inner .desc{font-size:2.5vw;margin-bottom:6%; text-transform: uppercase;}
@media (min-width:1024px){.index-box1 .ban1-inner{top:50%}
}@media (max-width:1024px){.ban1-inner .title{font-size:4.5vw;margin-bottom:6%}
.ban1-inner .desc{font-size:3.5vw}
}