@charset "utf-8";
[class^="section in_"] .swiper-pagination{position: relative;bottom: 0;width: 100%;margin-top: 1rem;}
[class^="section in_"] .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50px;margin: 0 3px;opacity: .2;transition: all .5s;}
[class^="section in_"] .swiper-pagination-bullet-active{opacity:1;background: var(--blue);}
[class^="section in_"] .swiper-pagination-progressbar{height: 5px;background: #e2e2e2;}
[class^="section in_"] .swiper-pagination-progressbar-fill{background: #14409c;}
@media screen and (max-width: 768px){
[class^="section in_"] .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 3px;}}

.hero{background:radial-gradient(circle at 84% 20%,rgba(67,170,101,.22),transparent 24%),radial-gradient(circle at 20% 12%,rgba(41,113,171,.11),transparent 26%),linear-gradient(135deg,#fbfdfd 0%,#f1f8fa 48%,#e8f7f1 100%)}

.banner{position: relative;}
.banner .swiper-slide{position: relative;overflow: hidden;}
.banner .swiper-slide .slide-inner{position: relative;width: 100%;height: auto;transition: all 5s cubic-bezier(0.04,0.79,1,1);}
.banner .swiper-slide .bannerPic{position: relative;width: 100%;height: 100vh;object-fit: cover;}
.banner .swiper-slide-active .slide-inner{transform:scale3d(1.1,1.1,1)}
.banner .swiper-pagination{top:50%;right: 40px;width: 40px;bottom: auto;left: auto;text-align:right;}
.banner .swiper-pagination-bullet{width:25px;height:5px;border-radius:0;background-color: #fff;margin:5px  1px !important;opacity: .5;transition: all 0.5s;}
.banner .swiper-pagination-bullet-active{width:40px;opacity: 1;}
.banner .sollor{position: absolute;bottom: 3rem;left: 50%;transform: translateX(-50%);z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 0.5rem;color: rgba(255, 255, 255, 0.8);font-size: 0.875rem;animation: bounce-hint 2s ease-in-out infinite;cursor: pointer;}
.banner .sollor i{width: 24px;height: 24px;border-right: 2px solid rgba(255, 255, 255, 0.8);border-bottom: 2px solid rgba(255, 255, 255, 0.8);transform: rotate(45deg);}
.banner .mask{position: absolute;left:0;top:0;width: 100%;height: 100%;display: flex;align-items: center;z-index: 2;}
.banner .mask_in{flex: auto;max-width: 70%;margin: 0 auto;color: #fff;text-shadow: 0 2px 5px rgba(0,0,0,.65);opacity: 0;transform: translateY(10%);transition: all 1s ease 0s;}
.banner .mask_in h3{font-size: 2.1vw;}
.banner .mask_in span{display: block;font-size: 2.8vw;font-weight: bold;/* letter-spacing: 4px; */margin: 1vw 0;margin-top: 0;}
.banner .mask_in p{font-size: 3.33vw;font-weight: bold;/* line-height: 1.75; */overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.banner .mask_in .more{margin-top: 4vw;}
.banner .mask_in .more a{position: relative;color: #fff;font-size: 1vw;line-height: 2.5;padding: 0 2.5vw;border-radius: 5px;text-shadow: none;}
.banner .mask_in .more a em{position: relative;}
.banner .mask_in .more a:hover{animation: pulse 1s infinite;}
.banner .swiper-slide-active .mask_in{opacity:1;transform: none;}
@media only screen and (max-width: 1024px){
.banner .swiper-slide .bannerPic{height: auto;height: calc(100vh - 65px);}
.banner .mask_in{transform: scale(1.2);}}
@media only screen and (max-width: 768px){
.banner .sollor{bottom: 4rem;}
.banner .mask_in{max-width: 94%;text-align: center;transform: scale(1.5);}
.banner .mask_in h3{font-size: 16px;}
.banner .mask_in span{font-size: 20px;letter-spacing: 0;}
.banner .mask_in p{max-width: 100%;font-size: 20px;margin-top: 0;-webkit-line-clamp: 2;}
.banner .mask_in .more{margin-top: 10px;}
.banner .mask_in .more a{font-size: 14px;min-height: 30px;padding: 0 30px;}
.banner .swiper-pagination{top: auto;right: auto;width: 100%;bottom: 10px;text-align: center;}
.banner .swiper .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 5px!important;}
.banner .swiper-pagination-bullet:after{opacity: 0;}}
@media only screen and (max-width: 640px){
.banner .mask_in{transform: none;}
.banner .swiper-slide .bannerPic{height: calc(100vh - 125px);}}
@keyframes bounce-hint {0%, 100% { transform: translateX(-50%) translateY(0); }50% { transform: translateX(-50%) translateY(8px); }}
@keyframes fadeinup{0%{opacity: 0;transform: translateY(120px);}100%{opacity: 1;transform: translateY(0)}}
@keyframes fadeindown{0%{opacity: 1;transform: translateY(0);}100%{opacity: 0;transform: translateY(120px)}}

.in_about .about-row-top{display:flex;gap:60px;align-items: flex-start;}
.in_about .about-left{flex: 0 0 52%;}
.in_about .about-right{flex:1;background: radial-gradient(circle at 75% 35%, rgba(67, 170, 101, .25), transparent 40%), linear-gradient(180deg, #f8fdfd, #e1f8f2);border-radius: 12px;box-shadow: 0 10px 10px rgba(0, 0, 0, .1);}
.in_about .about-desc{color: #666;font-size: 16px;line-height: 1.9;}
.in_about .about-desc span{display: block;color: #333;font-size: 24px;font-weight: 700;margin-bottom: 20px;}
.in_about .about-card{position: relative;width: 80%;margin: auto;display:flex;align-items:center;justify-content:center;overflow:hidden}
.in_about .about-card::before{content: "";position: relative;width: 100%;padding-bottom: 100%;}
.in_about .hero-motion{position: absolute;width: 100%;height: 100%;}
.in_about .hero-motion::before{position:absolute;top: 0;left: 0;right: 0;bottom: 0;width: 89.5%;height: 89.5%;margin: auto;border: 1px solid rgba(41,113,171,.2);border-radius:50%;content:"";animation:motionPulse 5.8s ease-in-out infinite}
.in_about .motion-core{position:absolute;top: 0;left: 0;right: 0;bottom: 0;width: 33.5%;height: 33.5%;margin: auto;display:grid;place-items:center;color:#fff;background: linear-gradient(160deg, var(--blue), var(--green));border-radius:50%;box-shadow:0 30px 70px rgba(41,113,171,.22);z-index: 3;animation: pulse 3s ease-in-out infinite;}
.in_about .motion-core img{max-width: 80%;filter: grayscale(100%) brightness(1000%);}
.in_about .motion-ring{position:absolute;top: 0;left: 0;right: 0;bottom: 0;width: 73.5%;height: 73.5%;margin: auto;border: 1px solid rgba(41, 113, 171, .3);border-radius:50%;animation:rotateFlow 18s linear infinite;}
.in_about .motion-ring::before,.motion-ring::after{content: "";position:absolute;width: 20px;height: 20px;background:var(--blue);border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 8px rgba(41,113,171,.12);content:""}
.in_about .motion-ring::before{top: 7%;left: 17%;}
.in_about .motion-ring::after{right: 12%;bottom: 12%;background:var(--green);box-shadow:0 0 0 8px rgba(67,170,101,.14)}
.in_about .ring-two{width: 56%;height: 56%;animation-duration:12s;animation-direction:reverse}
.in_about .motion-stream{position:absolute;z-index:1;width: 70%;height:16px;background:linear-gradient(90deg,transparent,rgba(41,113,171,.22),rgba(67,170,101,.36),transparent);border-radius:999px;transform-origin:center;animation:streamMove 5.6s ease-in-out infinite}
.in_about .stream-one{top:36%;left:16%;transform:rotate(18deg)}
.in_about .stream-two{right:13%;bottom:32%;animation-delay:-2.4s;transform:rotate(-24deg)}
.in_about .motion-powders i{position:absolute;z-index:2;top:var(--y);left:var(--x);width:8px;height:8px;background:#fff;border:1px solid rgba(41,113,171,.16);border-radius:50%;box-shadow:0 8px 18px rgba(41,113,171,.16);animation:powderFloat 4.8s ease-in-out infinite;animation-delay:var(--d)}
.in_about .data-wrap{position: relative;width: 100%;display:flex;background: #fff;border-radius:10px;box-shadow: 0 10px 10px rgba(0, 0, 0, .1);margin-top: -40px;margin-bottom: 50px;overflow: hidden;}
.in_about .data-item{flex:1;padding: 40px 35px;padding-right: 0!important;border-right: 1px solid #eee;display: flex;flex-direction: column;justify-content: space-between;}
.in_about .data-item:last-child{border-right:none}
.in_about .data-num{color: var(--blue);font-size: 24px;font-weight: 720;margin-bottom:8px}
.in_about .data-text{color: #2b2b2b;font-size: 15px;}
.main .in_about .about-row-top{display: grid;gap: 30px;grid-template-columns: repeat(2, 1fr);}
.main .in_about .about-row-top img{max-width: 100%;}
.main .in_about .data-wrap{margin: 50px 0;}
.main .in_about ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.main .in_about li{padding: 10px;padding-bottom: 0!important;border-radius: 5px;border: 1px solid #ededed;background: #fff;transition: all .5s;}
.main .in_about li .img{position: relative;width: 100%;padding-top: 140%;border: 1px solid #d4d4d4;overflow: hidden;}
.main .in_about li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.main .in_about li h3{color: var(--ink);font-size: 16px;line-height: 1.7;text-align: center;padding: 20px 0;}
.main .in_about li:hover{transform:translateY(-8px);}
.main .in_about li:hover img{transform: scale(1.1);}
@media only screen and (max-width: 1440px){
.in_about .about-desc{font-size: 16px;}
.in_about .about-desc span{font-size: 22px;margin-bottom: 10px;}
.in_about .data-item{padding: 40px 30px;}
.in_about .data-num{font-size: 22px;}
.main .in_about .data-wrap{margin: 40px 0;}
.main .in_about li h3{font-size: 15px;padding: 18px 0;}}
@media only screen and (max-width: 1024px){
.in_about .about-row-top{gap: 40px;}
.in_about .about-desc{font-size: 14px;}
.in_about .about-desc span{font-size: 20px;}
.in_about .data-item{padding: 30px 20px;}
.in_about .data-num{font-size: 16px;}
.in_about .data-text{font-size: 14px;}
.in_about .motion-ring::before,.motion-ring::after{transform: scale(.8);}
.in_about .motion-ring::before{top: 5%;left: 17%;}
.in_about .motion-ring::after{right: 12%;bottom: 10%;}
.in_about .data-wrap{margin: 30px 0 40px;}
.main .in_about ul{grid-template-columns: repeat(3, 1fr);gap: 20px;}
.main .in_about .data-wrap{margin: 30px 0;}}
@media only screen and (max-width: 768px){
.in_about .about-row-top{flex-direction:column;gap: 30px;}
.in_about .about-left,.in_about .about-right{width:100%;flex:none}
.in_about .about-card{width: 50%;}
.in_about .data-wrap{flex-wrap:wrap;}
.in_about .data-item{flex:0 0 50%;padding: 20px;border-bottom:1px solid #eee}
.in_about .data-item:nth-child(2){border-right:0}
.in_about .motion-ring::before,.motion-ring::after{transform: scale(.6);}
.main .in_about .about-row-top{gap: 20px;}
.main .in_about .data-wrap{margin: 20px 0;}
.main .in_about ul{grid-template-columns: repeat(2, 1fr);}
.main .in_about li h3{font-size: 14px;padding: 15px 0;}}
@media only screen and (max-width: 480px){
.in_about .about-card{width: 100%;}
.in_about .about-desc span{font-size: 18px;}
.in_about .data-wrap{margin: 20px 0 30px;}
.in_about .data-item{padding: 15px;}
.in_about .data-num{font-size: 14px;}
.in_about .data-text{font-size: 12px;}
.main .in_about .about-row-top{gap: 20px;grid-template-columns: repeat(1, 1fr);}
.main .in_about ul{gap: 10px;}
.main .in_about li{padding: 5px;}
.main .in_about li h3{font-size: 12px;padding: 10px 0;}}
@keyframes rotateFlow{to{transform:rotate(360deg)}}
@keyframes powderFloat{0%,100%{opacity:.64;transform:translate3d(0,0,0) scale(1)}
50%{opacity:1;transform:translate3d(18px,-20px,0) scale(1.28)}}
@keyframes streamMove{0%,100%{opacity:.42;clip-path:inset(0 72% 0 0 round 999px)}
50%{opacity:.95;clip-path:inset(0 0 0 34% round 999px)}}
@keyframes motionPulse{0%,100%{opacity:.36;transform:scale(.96)}
50%{opacity:.78;transform:scale(1.02)}}

.in_pro{padding-left: 1%;padding-right: 1%;}
.in_pro .bg-swiper{max-width: 1855px;border-radius: 10px;}
.in_pro .bg-slide{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.in_pro .bg-slide img{width: 100%;max-height: 860px;}
.in_pro .bg-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0) 100%);}
.in_pro .content-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;align-items:center}
.in_pro .product-tabs{width: 36%;display:flex;gap: 20px;border-bottom: 1px solid rgba(255,255,255,.5);}
.in_pro .tab-item{font-size: 16px;font-weight: bold;color:rgba(255,255,255,0.7);cursor:pointer;padding-bottom:8px;border-bottom:2px solid transparent;transition:all 0.3s}
.in_pro .tab-item.active{color:#fff;border-bottom-color:#fff;}
.in_pro .text-swiper{width: 36%;color:#fff;margin: 0;}
.in_pro .text-slide p{font-size: 16px;line-height: 1.85;margin: 40px 0;opacity:0.9}
@media screen and (max-width: 1440px){
.in_pro .product-tabs{/* gap: 30px; */}
.in_pro .tab-item{font-size: 16px;}
.in_pro .text-slide p{font-size: 15px;margin: 35px 0;}}
@media screen and (max-width: 1024px){
.in_pro .product-tabs{width: 42%;gap: 15px;}
.in_pro .text-swiper{width: 42%;}
.in_pro .tab-item{font-size: 14px;}
.in_pro .text-slide p{font-size: 14px;margin: 25px 0;}}
@media screen and (max-width: 768px){
.in_pro .bg-swiper{margin-top: 25px;}
.in_pro .content-layer{position: revert;}
.in_pro .product-tabs{width: 100%;gap: 10px;border-color: rgba(0,0,0,.1);}
.in_pro .tab-item{/* font-size: 14px; */color: rgba(0,0,0,.6);padding-bottom: 5px;}
.in_pro .tab-item.active{color: var(--blue);border-bottom-color: var(--blue);}
.in_pro .text-swiper{width: 100%;color: #666;}}

.in_solution{background: #fafafa;}
.in_solution .list{width:100%;height: auto;}
.in_solution .pic .img{position: relative;width:100%;padding-bottom: 62.5%;border-radius: 5px;overflow: hidden}
.in_solution .pic .img img{position: absolute;top: 0;left: 0;width:100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_solution .pic .txt{position: absolute;left: 0;right: 0;bottom: 0;color: var(--ink);padding: 15px 35px;border-radius: 5px;background: rgba(255,255,255,.8);backdrop-filter: saturate(180%) blur(5px);transition: all .5s;}
.in_solution .pic .txt h3{font-size: 22px;font-weight: 760;margin-bottom: 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_solution .pic .txt p{font-size: 16px;opacity: .9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.in_solution .pic a:hover img{transform: scale(1.1);}
.in_solution .btn{position: relative;width:100%;display: flex;gap: 25px;justify-content: center;align-items: center;margin-top: 3vw;}
.in_solution [class^="swiper-button-"]{display: flex;position: revert;font-size: 34px;font-weight: normal;line-height: 1.25;width: auto;height: auto;margin: 0;padding: 0 33px;border-radius: 50px;transition: all .5s;}
.in_solution [class^="swiper-button-"] i{font-size: inherit;}
.in_solution .swiper-button-prev i{transform: rotate(-180deg);}{}
.in_solution [class^="swiper-button-"]:after,.in_solution [class^="swiper-button-"]:after{display: none;}
.in_solution .swiper-pagination{display: none;margin: 0;}
@media only screen and (max-width: 1440px){
.in_solution .pic .txt{padding: 13px 30px;}
.in_solution .pic .txt h3{font-size: 20px;}
.in_solution .pic .txt p{font-size: 14px;text-overflow: ellipsis;}}
@media only screen and (max-width: 1024px){
.in_solution .pic .txt{padding: 10px 25px;}
.in_solution .pic .img h3{font-size: 18px;}
.in_solution .btn{gap: 20px;margin-top: 4vw;}
.in_solution [class^="swiper-button-"]{font-size: 30px;}}
@media only screen and (max-width: 768px){
.in_solution .pic .txt{padding: 10px 20px;}
.in_solution .btn{gap: 15px;margin-top: 5vw;}
.in_solution [class^="swiper-button-"]{font-size: 20px;}
.in_solution .swiper-pagination{display: block;margin: 0;}}

.in_news .news_list{position: relative;}
.in_news .news_list .swiper{padding: 10px;padding-top: 0;}
.in_news .news_list li{position: relative;width: calc( 100% / 3);height: auto;border-radius: 5px;background: #fff;box-shadow: 0 6px 6px rgb(0 0 0 / 10%);overflow: hidden;}
.in_news .news_list li a{display: flex;height: 100%;flex-direction: column;}
.in_news .news_list li .img{position: relative;width: 100%;padding-top: 60%;overflow: hidden;}
.in_news .news_list li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.in_news .news_list li .info{position: relative;flex: 1;font-size: 16px;padding: 1.88rem;padding: 1.5vw;overflow: hidden;}
.in_news .news_list li .info:after{position: absolute;content: '';width: 0;height: 4px;background: linear-gradient(90deg, var(--blue), var(--green));left: 0;bottom: 0;transition: all .8s ease;}
.in_news .news_list li .info h3{color: var(--ink);font-size: 22px;font-weight: 680;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;transition: all .5s;}
.in_news .news_list li .info span{display: block;color: #666;margin: 10px 0;}
.in_news .news_list li .info p{color: #333;line-height: 1.7;opacity: .6;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;}
.in_news .news_list li .info em{display: flex;color: var(--blue);font-size: 16px;margin-top: 30px;align-items: center;transition: all .8s ease;}
.in_news .news_list li .info em i{font-size: 12px;margin-left: 15px;}
.in_news .news_list li:hover .img img{transform: scale(1.1);}
.in_news .news_list li:hover .info:after{width: 100%;}
.in_news .news_list li:hover .info h3{color: var(--blue);}
.in_news [class^="swiper-button-"]{left: -40px;color: #fff;width: 35px;height: 86px;font-size: 18px;transform: translateY(-50%);border-radius: 5px;background: rgba(0,0,0,.2);}
.in_news .swiper-button-next{left: auto;right: -40px;}
.in_news [class^="swiper-button-"]:after,.in_news [class^="swiper-button-"]:after{font-size: inherit;}
.in_news .swiper-pagination{display: none;}
@media only screen and (max-width: 1440px){
.in_news .news_list li .info{font-size: 16px;}
.in_news .news_list li .info h3{font-size: 20px;}
.in_news .news_list li .info em{font-size: 15px;margin-top: 20px;}}
@media only screen and (max-width: 1024px){
.in_news .news_list li .info{font-size: 14px;padding: 2vw;}
.in_news .news_list li .info h3{font-size: 18px;}
.in_news .news_list li .info em{font-size: 14px;margin-top: 15px;}
.in_news [class^="swiper-button-"]{display: none;}
.in_news .swiper-pagination{display: block;margin-top: calc(1rem - 10px);}}
@media only screen and (max-width: 768px){
.in_news .news_list li .info{padding: 3vw;}}