﻿@charset "utf-8";
@import url(https://css02.v15cdn.com/m433/aos.css);
:root{--color:#0B6B76}
.l-wraps{max-width:1800px;padding:0 30px;margin:0 auto}
.hometitle{font-weight:700;font-size:32px;color:var(--color);line-height:1.25}
.homehead{text-align:center}
.hometext{max-width:950px;margin:10px auto 0;font-weight:400;font-size:15px;color:#4b4b4d;line-height:19px}
.home-banner video{width: 100%;}
#indexbanner video{width:100%}
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.9),rgba(0,0,0,.6))}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{max-width:1000px;padding:0px 10px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:var(--fontsize45);font-weight:var(--fontbold5);line-height:1.4;margin:10px 0px 20px}
.home-banner .banner-animote .p2{font-size:var(--fontsize20);margin-bottom:30px}
.home-banner .banner-animote .p3 a{border:1px solid #FFFFFF;background:0 0;color:#FFFFFF}
.home-banner .banner-animote .p3 a:hover{border-color:var(--color);background:var(--color)}
@media(min-width:1025px){.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:160px;max-width:1400px;padding:0px 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:var(--color)}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#FFFFFF;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:24px}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}100%{opacity:1;margin-top:0px}}
@keyframes bannerimg{0%{transform:scale(1)}80%{transform:scale(1.05)}100%{transform:scale(1.047)}}
.swiper-pagination-bullet{width:16px;height:16px}
@media (max-width:1366px){
.home-banner .banner-animote{top:50%}
.home-banner .swiper-pagination{bottom:20px}}
@media (max-width:1024px){
.home-banner .banner-animote .p1{font-size:var(--fontsize40)}}
@media (max-width:768px){.home-banner{height:300px}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}
.home-banner .swiper{height:100%}
.home-banner .swiper-slide a{height:100%}
.home-banner .banner-animote .p1{font-size:var(--fontsize22);margin-bottom:10px}
.home-banner .banner-animote .p2{margin-bottom:10px;font-size:var(--fontsize16)}
.home-banner .banner-animote .p3{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .swiper-pagination{bottom:10px}}

#advantageswiper .swiper-slide em{color:#fff}
#advantageswiper .swiper-slide .p1::after{background:#fff}
@media (min-width:769px){.home-boxshaw{margin-top:4%;}}
.home-boxshaw .l-wrap{display:flex;flex-wrap:wrap}
.home-boxshaw .l-wrap .img{width:50%}
.home-boxshaw .l-wrap .img img{width:100%;height:100%;object-fit:cover}
.home-boxshaw .box{width:50%;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media (max-width:768px){
.home-boxshaw .l-wrap .img{width:100%}
.home-boxshaw .box{width:100%}}
.home-abouts{padding:80px 0}
.home-abouts .about-top{display:flex}
.home-abouts .about-top .img{width:45%}
.home-abouts .about-top .info{flex:1;padding-left:50px;margin: 20px 0;}
.home-abouts .about-top .info ul{display:flex;flex-wrap:wrap;gap:15px;margin-top:30px}
.home-abouts .about-top .info ul li{list-style:none;display:flex;width:35%;white-space:nowrap;gap:15px}
.home-abouts .about-top .info .text{font-weight:400;font-size:18px;color:#2c2c2c;line-height:26px;margin-top:15px}
.home-abouts .about-top .info ul li img{width:22px;height:22px}
.home-abouts .about-top .info ul li p{flex:1;font-size:18px;color:#2c2c2c;line-height:26px;font-weight:600}
.home-abouts .about-btn{display:flex;align-items:center;margin-top:30px;gap:15px}
.home-abouts .about-btn a{font-size:18px;color:#fdfcfc;line-height:1;padding:11px 15px;background:#f9882c;border-radius:14px}
.home-abouts .about-card{display:flex;align-items:center;gap:10px}
.home-abouts .about-card img{background: #F9882C;border-radius: 100%;width: 35px;height: 35px;}
.home-abouts .about-card .box{font-weight:700;font-size:13px;color:#403f3f;line-height:17px;display:flex;flex-direction:column}
.home-abouts .about-bottom{display:flex;background:#f9fafc}
.home-abouts .about-bottom .left{flex:1;display:flex;align-items:center;padding:25px;justify-content:space-between}
.home-abouts .about-bottom .left .box{width:24.8%;text-align:center;padding-bottom:30px;border-bottom:1px dashed var(--color)}
.home-abouts .about-bottom .left .box .img{width:60px;height:60px;display:flex;justify-content:center;align-items:center;margin:0 auto}
.home-abouts .about-bottom .right{width:54%}
.home-abouts .about-bottom .left .text{font-size: 16px;color: var(--color);line-height: 1.35;margin-top: 20px;font-weight: 600;}
.home-company{display:flex}
.home-company .btns{display: inline-block;margin-top: 35px;}
.home-company .btns a::after{position: absolute;content: '';background: url(/Content/uploads/20261336253/20260924102944eca7247201de4aa2a1bc5feec8ee8519.webp) center no-repeat;background-size: contain;width: 15px;height: 8px;bottom: 0px;right: -10px;}
.home-company .btns a{font-size: 13px;color: #10EFE2;padding: 8px 12px;border: 1px solid #11eee1;border-radius: 25px;line-height: 1;position: relative;}
.home-company .left{width:50%;background:url(/Content/uploads/20261336253/202609241029443d6f112fa2ac4f21b398f73f3911faf2.webp) center no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;padding:0 3%}
.home-company .right img{width:100%;height: 100%;object-fit: cover;}
.home-company .right{width:50%}
.home-company .hometitle{color:#11eee1}
.home-company .text{font-size:16px;color:#d7d6d6;line-height:1.35;font-weight:500;margin-top:30px}
.home-company .list{margin-top:20px;display:flex;flex-wrap:wrap;gap:15px}
.home-company .list li{display:flex;align-items:center;font-size:14px;color:#d7d6d6;line-height:19px;gap:10px;width:40%}
.home-products{padding:65px 0}
.home-products .contant{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-top:45px}
.home-products .items{width:20.5%;background:#fff;border:1px solid #ddd;padding:15px}
.home-products .info{margin-top:15px}
.home-products .info p{font-weight:400;font-size:16px;color:#252628;line-height:17px;text-align:center}
.home-products .btns{display:flex;justify-content:center;margin-top:15px;margin-bottom:10px}
.home-products .btns a{font-weight:400;font-size:16px;color:#fcfcfd;line-height:1;padding:10px 0;background:var(--color);width:85%;text-align:center}
.home-products .probtns{display:flex;justify-content:center;margin-top:70px}
.home-products .probtns a{font-size: 22px;color: #606062;line-height: 1;border-radius: 11px;border: 3px solid #a2a1a1;padding: 12px 30px;}
.home-news{padding:60px 0}
.home-news .contant{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:45px;gap:50px;padding:25px 0;position:relative}
.home-news .contant::after{position:absolute;content:'';height:100%;width:1px;border-right:1px dashed #bfbfbf;left:50%;top:0;transform:translateX(-50%)}
.home-news .items{width:46%;display:flex;background:#d8d8d9;border:1px solid #eee}
.home-news .items .info{flex:1;padding:25px;display:flex;flex-direction:column;justify-content:center}
.home-news .items .img{width:35%}
.home-news .items .img img{width:100%;height:100%;object-fit:cover}
.home-news .items .info .p1{font-size:18px;color:var(--color);font-weight:600;line-height:1.25}
.home-news .items .info .p2{font-size:16px;color:#6f6f71;line-height:24px;margin-top:15px}
.home-advantages{padding:80px 0 90px;background:url(/Content/uploads/20261336253/2026092410294496a83c056af3432bb5b9105bd96e0b17.webp) center no-repeat;background-size:cover}
.home-advantages .hometitle{color:#414142}
.home-advantages .advan h3{margin-bottom:5px;font-size:var(--fontsize35);text-align:center;text-transform:uppercase}
.home-advantages .advan .title{margin:0 auto;color:var(--introcolor);max-width:48%;text-align:center;margin-bottom:54px}
.home-advantages .advan .advan-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:55px}
.home-advantages .advan .advan-list>li{width:20%;box-sizing:border-box;list-style:none}
.home-advantages .advan .advan-item{padding:38px 20px 46px;box-sizing:border-box;height:100%;background:#fff;position:relative}
.home-advantages .advan .advan-item:hover .advan-icon img{filter:brightness(100)}
.home-advantages .advan .advan-item .tit{text-align:center;font-weight:var(--fontbold6);margin:20px 0;font-size:20px;color:#3e3e3e;line-height:19px}
.home-advantages .advan .advan-item .con{text-align:center;font-size:15px;color:#6f6f71;line-height:19px;padding-bottom:80px}
.home-advantages .advan .advan-item:hover .advan-icon{background-color:var(--color)}
.home-advantages .advan .advan-item:hover .advan-icon .qa{background-position:-36px 0}
.home-advantages .advan .advan-item:hover .advan-icon .gs{background-position:-108px 0}
.home-advantages .advan .advan-item:hover .advan-icon .rn{background-position:-180px 0}
.home-advantages .advan .advan-item:hover .advan-icon .fd{background-position:-252px 0}
.home-advantages .advan .advan-item:hover:after{border-bottom:24px solid var(--color);border-left:24px solid transparent}
.home-advantages .advan .advan-item:after{content:"";position:absolute;display:block;height:0;width:0;right:14px;bottom:14px;border-bottom:14px solid var(--color);border-left:14px solid transparent;transition:border .3s ease}
.home-advantages .advan .advan-icon{width:60px;height:60px;margin:0 auto;border-radius:5px;background:#d5d5d6;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease}
.home-advantages .advan .advan-icon>em,.home-advantages .advan .advan-icon>i{display:block;width:36px;height:36px;background:url("https://css02.v15cdn.com/m420/images/advan_icon.webp") no-repeat}
.home-advantages .advan .advan-icon .gs{background-position:-72px 0}
.home-advantages .advan .advan-icon .rn{background-position:-144px 0}
.home-advantages .advan .advan-icon .fd{background-position:-216px 0}
@media screen and (max-width:1640px) {
.l-wraps{padding:0 25px}
.hometitle{font-size:28px}
.hometext{max-width:840px;font-size:14px;line-height:18px}
.home-abouts{padding:70px 0}
.home-abouts .about-top .info{padding-left:40px}
.home-abouts .about-top .info ul{margin-top:26px}
.home-abouts .about-top .info .text{font-size:16px;line-height:24px}
.home-abouts .about-top .info ul li p{font-size:16px;line-height:24px}
.home-abouts .about-btn a{font-size:16px;padding:10px 14px}
.home-products{padding:55px 0}
.home-products .items{width:23%}
.home-products .info p{font-size:15px}
.home-products .btns a{font-size:15px}
.home-products .probtns{margin-top:55px}
.home-products .probtns a{font-size:22px;padding:14px 22px}
.home-news{padding:50px 0}
.home-news .items .info .p1{font-size:17px}
.home-news .items .info .p2{font-size:14px;line-height:22px}
.home-advantages{padding:70px 0 80px}
.home-advantages .advan .advan-item .tit{font-size:16px}}
@media screen and (max-width:1440px) {.l-wraps{padding:0 20px}
.hometitle{font-size:26px}
.hometext{max-width:760px;font-size:13px;line-height:17px}
.home-abouts{padding:60px 0}
.home-abouts .about-top .info{padding-left:32px}
.home-abouts .about-top .info ul{gap:12px;margin-top:22px}
.home-abouts .about-top .info ul li{gap:10px}
.home-abouts .about-top .info ul li img{width:20px;height:20px}
.home-abouts .about-bottom .right{width: 50%;}
.home-abouts .about-top{margin-bottom: 30px;}
.home-abouts .about-top .info .text{font-size:15px;line-height:23px;margin-top:20px}
.home-abouts .about-top .info ul li p{font-size:15px;line-height:23px}
.home-abouts .about-btn{margin-top:25px;gap:12px}
.home-abouts .about-btn a{font-size:15px;padding:10px 13px;border-radius:12px}
.home-abouts .about-card .box{font-size:12px;line-height:16px}
.home-abouts .about-bottom .left{padding:20px}
.home-abouts .about-bottom .left .box{padding-bottom:24px}
.home-abouts .about-bottom .left .box .img{width:52px;height:52px}
.home-abouts .about-bottom .left .text{font-size:13px;line-height:16px;margin-top:15px}
.home-company .text{font-size:11px;margin-top:22px}
.home-company .list li{font-size:11px;line-height:17px;width: 48%;}
.home-advantages .advan .advan-list>li{width: 23%;}
.home-products{padding:50px 0}
.home-products .items{width:23%}
.home-products .info p{font-size:14px;line-height:16px}
.home-products .btns a{font-size:14px}
.home-products .probtns{margin-top:45px}
.home-products .probtns a{font-size:20px;padding:13px 20px;border-width:2px}
.home-news{padding:45px 0}
.home-news .contant{gap:30px;margin-top:35px}
.home-news .items .info{padding:20px}
.home-news .items .info .p1{font-size:16px}
.home-news .items .info .p2{font-size:13px;line-height:21px}
.home-advantages{padding:60px 0 70px}
.home-advantages .advan .advan-list{margin-top:35px}
.home-advantages .advan .advan-item{padding:32px 16px 38px}
.home-advantages .advan .advan-item .tit{font-size:15px}
.home-advantages .advan .advan-item .con{font-size:12px;padding-bottom:60px}}
@media screen and (max-width:1280px) {.l-wraps{padding:0 18px}
.hometitle{font-size:24px}
.hometext{max-width:680px;font-size:12px;line-height:16px}
.home-abouts{padding:50px 0}
.home-abouts .about-top .info{padding-left:26px}
.home-abouts .about-top .info ul{margin-top:18px}
.home-abouts .about-top .info .text{font-size:14px;line-height:21px;margin-top:16px}
.home-abouts .about-top .info ul li p{font-size:14px;line-height:21px}
.home-abouts .about-btn{margin-top:20px}
.home-abouts .about-btn a{font-size:14px;padding:9px 12px}
.home-abouts .about-card img{width:26px}
.home-abouts .about-bottom .left{padding:16px}
.home-abouts .about-bottom .left .box{padding-bottom:20px}
.home-abouts .about-bottom .left .box .img{width:46px;height:46px}
.home-abouts .about-bottom .left .text{font-size:12px;line-height:15px;margin-top:12px}
.home-company .left{padding:20px 25px}
.home-company .hometitle{font-size:22px}
.home-company .list li{width:48%;gap:8px}
.home-products{padding:45px 0}
.home-products .items{width:23%}
.home-products .info p{font-size:13px}
.home-products .btns a{font-size:13px}
.home-news .contant{gap:24px}
.home-news .items .img{width:38%}
.home-news .items .info{padding:18px}
.home-news .items .info .p1{font-size:15px}
.home-news .items .info .p2{font-size:12px;line-height:19px;margin-top:12px}
.home-advantages{padding:50px 0 60px}
.home-advantages .advan .advan-list{margin-top:35px}
.home-advantages .advan .advan-item{padding:26px 14px 32px}
.home-advantages .advan .advan-item .tit{font-size:14px;margin:16px 0}
.home-advantages .advan .advan-item .con{padding-bottom:50px}}
@media screen and (max-width:1024px) {.l-wraps{padding:0 15px}
.hometitle{font-size:22px}
.hometext{max-width:100%;font-size:13px;line-height:18px}
.home-abouts{padding:40px 0}
.home-abouts .about-top{flex-direction:column}
.home-abouts .about-top .img{width:100%}
.home-abouts .about-top .img img{width:100%;display:block}
.home-abouts .about-top .info{width:100%;padding-left:0;margin-top:25px}
.home-abouts .about-top .info ul{margin-top:20px;gap:12px}
.home-abouts .about-top .info ul li{width:48%}
.home-abouts .about-bottom{flex-direction:column}
.home-abouts .about-bottom .left{flex:none;width:100%;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:20px 15px}
.home-abouts .about-bottom .left .box{width:48%;box-sizing:border-box;padding-bottom:20px}
.home-abouts .about-bottom .left .box .img{width:52px;height:52px}
.home-abouts .about-bottom .left .text{font-size:13px;line-height:16px;margin-top:14px}
.home-abouts .about-bottom .right{width:100%}
.home-abouts .about-bottom .right img{width:100%;display:block}
.home-company{flex-direction:column}
.home-company .left{width:100%;padding:35px 20px}
.home-company .right{width:100%}
.home-company .text{font-size:13px;line-height:1.6;margin-top:20px}
.home-company .list{margin-top:18px}
.home-company .list li{width:48%;font-size:13px}
.home-products{padding:40px 0}
.home-products .contant{gap:20px;margin-top:30px}
.home-products .items{width:31.5%}
.home-products .info p{font-size:14px;line-height:16px}
.home-products .btns a{font-size:14px}
.home-products .probtns{margin-top:35px}
.home-advantages{padding:40px 0 50px}
.home-advantages .advan .advan-list{margin-top:30px;gap:20px}
.home-advantages .advan .advan-list>li{width:48%}
.home-advantages .advan .advan-item{padding:28px 18px 34px}
.home-advantages .advan .advan-item .tit{font-size:15px}
.home-advantages .advan .advan-item .con{padding-bottom:35px}
.home-news{padding:40px 0}
.home-news .contant{gap:20px;margin-top:30px;padding:0}
.home-news .contant::after{display:none}
.home-news .items{width:100%}
.home-news .items .img{width:35%}
.home-news .items .info{padding:22px 20px}
.home-news .items .info .p1{font-size:16px}
.home-news .items .info .p2{font-size:13px;line-height:21px}}
@media screen and (max-width:768px) {.l-wraps{padding:0 12px}
.hometitle{font-size:20px}
.hometext{font-size:12px;line-height:17px}
.home-abouts{padding:30px 0}
.home-abouts .about-top .info{margin-top:18px}
.home-abouts .about-top .info .text{font-size:13px;line-height:20px}
.home-abouts .about-top .info ul li p{font-size:13px;line-height:19px}
.home-abouts .about-btn{flex-wrap:wrap;gap:12px;margin-top:20px}
.home-abouts .about-btn a{font-size:13px}
.home-abouts .about-bottom .left{padding:18px 10px}
.home-abouts .about-bottom .left .box .img{width:44px;height:44px}
.home-abouts .about-bottom .left .text{font-size:12px}
.home-company .left{padding:30px 15px}
.home-company .text{font-size:12px;line-height:1.6}
.home-company .list li{width:100%;font-size:12px}
.home-products{padding:30px 0}
.home-products .contant{margin-top:25px}
.home-products .items{width:48%;padding:12px}
.home-products .info p{font-size:13px}
.home-products .probtns{margin-top:28px}
.home-products .probtns a{font-size:17px;padding:11px 16px}
.home-advantages{padding:30px 0 40px}
.home-advantages .advan .advan-list{margin-top:25px}
.home-advantages .advan .advan-list>li{width:100%}
.home-advantages .advan .advan-item{padding:25px 18px 30px}
.home-advantages .advan .advan-item .con{padding-bottom:25px}
.home-news{padding:30px 0}
.home-news .contant{margin-top:20px}
.home-news .items{flex-direction:column}
.home-news .items .img{width:100%}
.home-news .items .img img{height:auto;min-height:180px;max-height:260px}
.home-news .items .info{padding:18px 15px}
.home-news .items .info .p1{font-size:15px}
.home-news .items .info .p2{font-size:12px;line-height:19px}}
@media screen and (max-width:550px) {.l-wraps{padding:0 10px}
.hometitle{font-size:18px}
.hometext{font-size:12px;line-height:16px}
.home-abouts{padding:25px 0}
.home-abouts .about-top .info ul li{width:100%;white-space:normal}
.home-abouts .about-btn a{font-size:13px;padding:9px 12px}
.home-abouts .about-card .box{font-size:12px}
.home-abouts .about-bottom .left{padding:15px 0}
.home-abouts .about-bottom .left .box{width:100%}
.home-company .left{padding:25px 12px}
.home-company .hometitle{font-size:18px}
.home-company .text{font-size:12px}
.home-company .list li{font-size:12px}
.home-products{padding:25px 0}
.home-products .contant{gap:15px}
.home-products .items{width:48%;padding:10px}
.home-products .info p{font-size:12px}
.home-products .btns a{font-size:12px}
.home-products .probtns{margin-top:25px}
.home-products .probtns a{font-size:15px;padding:10px 14px}
.home-advantages{padding:25px 0 35px}
.home-advantages .advan .advan-item{padding:22px 15px 26px}
.home-advantages .advan .advan-item .tit{font-size:14px;margin:14px 0}
.home-advantages .advan .advan-item .con{font-size:12px;padding-bottom:20px}
.home-news{padding:25px 0}
.home-news .items .info{padding:15px 12px}
.home-news .items .info .p1{font-size:14px}
.home-news .items .info .p2{font-size:12px;line-height:18px;margin-top:10px}}
.home-abouts .about-top .img,
.home-abouts .about-bottom .right,
.home-products .items .img,
.home-news .items .img{overflow:hidden}
.home-company .right{overflow:hidden;position:relative}
.home-abouts .about-top .img img{width:100%;display:block;transition:transform .6s ease}
.home-abouts .about-top:hover .img img{transform:scale(1.08)}
.home-abouts .about-top .info ul li,
.home-abouts .about-top .info ul li img{transition:transform .4s ease}
.home-abouts .about-top .info ul li:hover{transform:translateX(6px)}
.home-abouts .about-top .info ul li:hover img{transform:scale(1.2) rotate(360deg)}
.home-abouts .about-bottom .left .box,
.home-abouts .about-bottom .left .box .img img{transition:transform .4s ease}
.home-abouts .about-bottom .left .box:hover .img img{transform:scale(1.15) rotate(-10deg)}
.home-abouts .about-card img{transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.home-abouts .about-card:hover img{transform:scale(1.2) rotate(-12deg)}
.home-abouts .about-bottom .right img{width:100%;display:block;transition:transform .6s ease}
.home-abouts .about-bottom:hover .right img{transform:scale(1.06)}
.home-company .right img{transition:transform .6s ease}
.home-company .right:hover::before{background:rgba(0,0,0,.2)}
.home-company .right:hover::after{opacity:1;transform:scale(1)}
.home-company .list li,
.home-company .list li img{transition:transform .3s ease}
.home-company .list li:hover{transform:translateX(4px)}
.home-company .list li:hover img{transform:scale(1.2) rotate(15deg)}
.home-products .items,
.home-products .items .img img{transition:transform .4s ease, box-shadow .4s ease}
.home-products .items .img img{width:100%;display:block}
.home-products .items:hover{transform:translateY(-8px);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.home-products .items:hover .img img{transform:scale(1.08)}
.home-advantages .advan .advan-item,
.home-advantages .advan .advan-icon,
.home-advantages .advan .advan-icon img{transition:transform .4s ease, box-shadow .4s ease, background-color .3s ease, filter .3s ease}
.home-advantages .advan .advan-item:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.12)}
.home-advantages .advan .advan-item:hover .advan-icon{transform:rotate(-12deg) scale(1.08)}
.home-advantages .advan .advan-item:hover .advan-icon img{transform:rotate(360deg) scale(1.15);filter:brightness(100)}
.home-advantages .advan .advan-item:hover .tit{color:var(--color)}
.home-news .items,
.home-news .items .img img{transition:transform .4s ease, box-shadow .4s ease}
.home-news .items:hover{transform:translateY(-6px);box-shadow:0 10px 25px rgba(0,0,0,.1)}
.home-news .items:hover .img img{transform:scale(1.08)}
.home-abouts .about-btn a,
.home-company .btns a,
.home-products .btns a,
.home-products .probtns a{transition:all .3s ease}
.home-abouts .about-btn a:hover{background:#e57820;transform:translateY(-2px)}
.home-company .btns a:hover{background:rgba(17,238,225,.15);transform:translateX(4px)}
.home-products .btns a:hover{background:#0a5a64;transform:scale(1.03)}
.home-products .probtns a:hover{color:var(--color);border-color:var(--color);transform:translateY(-3px)}
.home-company .right iframe{width:100%;height:100%;aspect-ratio:1.78;object-fit:cover}