@font-face {font-family: verdanbold;font-display: swap;src: url(/js/44636/verdanab.ttf) format('truetype')}
@font-face {font-family: Verdana;font-display: swap;src: url(/js/44636/verdana.ttf) format('truetype')}
#indexbanner .banner-animote .banenr-span{background: #1E1E1E;padding: 15px 25px;display: inline-block;color: var(--color);line-height: 1;}
#indexbanner .banner-animote .p1{font-weight: bold;font-size: 60px;color: #FFFFFF;line-height: 70px;text-transform: uppercase;margin: 10px 0px 45px;}
#indexbanner .banner-animote{max-width: 1400px;}
.home-banner .banner-animote .p3 a{border: 1px solid var(--color);background: 0 0;color: #FFFFFF;border-radius: unset;background: var(--color);padding: 15px 30px;height: unset;line-height: 1;}
@media (max-width:1420px) {#indexbanner .banner-animote .p1{font-size: 42px;line-height: 1.25 !important;}}
@media (max-width:1024px) {#indexbanner .banner-animote .p1{font-size: 32px;margin: 10px 0px 30px;}}
@media (max-width:768px) {#indexbanner .banner-animote .p1{font-size: 26px;}}
@media (max-width:550px) {#indexbanner .banner-animote .p1{font-size: 20px;}}
:root {--color: #f18c22;--fontfamily: 'Verdana'}
.home-banner .swiper-slide-active img {animation: unset}
.home-banner .swiper-slide>a::after {background: none;}
.home-titles {text-align: left;max-width: 45%;}
.home-titles h1,.home-titles h2,.home-titles h3,.home-titles h4,.home-titles h5 {font-family: verdanbold;font-size: 36px;color: #000000;line-height: 40px;}
.home-dev{display:flex;align-items:center;margin-bottom:20px}
.home-dev p{font-size:22px;color:#f18c22;line-height:1;text-transform:uppercase}
.home-dev span{width:135px;height:1px;background:var(--color);display:block;margin-right:15px}
.home-product{background:url(/Content/uploads/20251198266/202507281055182ad7ffdabdf642b6a407247b5dca05d7.webp) left top no-repeat;padding-top:50px;padding-bottom:25px}
.product-contant{display:flex;justify-content:space-between;margin-top:50px}
.product-al{display:flex;justify-content:space-between}
.product-item{width:32%}
.product-box{position:relative;border-radius:10px;overflow:hidden;margin-bottom:30px}
.product-img img{transition: all .3s ease-in-out;}
.product-text{position:absolute;width:100%;height:100%;top:0;left:0;padding:40px 25px}
.product-text p{font-size:18px;color:#fff;font-weight:700;margin-top:20px;line-height:1.25}
.product-text span{width:40px;height:3px;display:block;background:var(--color)}
.product-al .product-box{width:47%}
.home-solutions{width:100%;position:relative;padding:95px 0;background:url(/Content/uploads/20251198266/20250728105517c6e4266d1de14661af4bb6ccd8ba8fad.webp) center no-repeat;background-size:cover;padding-left:230px}
.home-solutions .home-titles{text-align:left;max-width:33%}
.solutions-left{width:30%;position:relative}
.solutions-right{width:65%}
.solution-btn{display:flex;margin-top:50px}
.solution-btn a{width:200px;height:55px;background:var(--color);border-radius:10px;display:flex;justify-content:center;align-items:center;line-height:1;color:#fff;position:relative;overflow:hidden;z-index:3}
.solution-btn a::before{content:"";display:block;width:100%;height:100%;background-color:#000;position:absolute;top:0;left:-100%;transition:all .3s linear}
.solution-btn a:hover::before{left:0;z-index:-2}
.solution-btn a:hover{color:#fff}
.solution-btn a:hover p{color:#e75715}
.solution-btn a p::after{content:"";display:block;width:9px;height:1px;background-color:#fff;position:absolute;top:50%;left:89%;transform:translate(-50%,-50%)}
.solution-btn a:hover p::after{background-color:#e75715}
.solutions-Swiper .swiper-slide{max-height:460px;height:460px;position:relative;border-radius:15px;transition:all .3s linear}
.solutions-row{align-items:center;display:flex;justify-content:space-between;margin-top:40px}
.solutions-Swiper{position:relative}
.solutions-Swiper .swiper-slide-active{width:625px!important}
.solutions-Swiper .swiper-slide-next{width:215px!important}
.solutions-Swiper .swiper-slide-next+div{width:215px!important}
.solutions-img{width:100%;height:100%}
.solutions-img img{width:100%;height:100%;filter:blur(4px);transition:all .3s linear;object-fit:cover}
.solutions-Swiper .swiper-slide-active .solutions-img img{filter:none}
.solutions-Swiper .swiper-slide li{width:100%;border-radius:10px;height:100%;overflow:hidden;position:relative;cursor: pointer;}
.solutions-Swiper .swiper-slide li::after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:#00000038;z-index:0}
.solutions{position:absolute;left:46%;transform:translate(-50%,-50%);transition:all .3s linear;top:85%;width:100%;height:100%;z-index:4}
.solutions-Swiper .swiper-slide>.solutions{top:50%;left:38%}
.solutions h5{position:relative;transform:scale(0);opacity:0;transition:all .3s linear;margin-top:10px;font-family:Verdana;font-size:24px;color:#fff;line-height:24px}
.solutions h5::before{content:"";display:block;width:100%;height:2px;background-color:#fff;position:absolute;bottom:-21px;left:0}
.solutions p{opacity:.7;margin-top:40px;transform:scale(0);opacity:0;transition:all .3s linear;color:#fff;line-height:24px}
.solutions-Swiper .swiper-slide-active .solutions p{opacity:1;transform:scale(1);text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:100;line-clamp:100;-webkit-box-orient:vertical}
.solutions-Swiper .swiper-slide-active .solutions h5{opacity:1;transform:scale(1)}
.solutions span{font-family:verdanbold;font-size:72px;color:#212020;-webkit-text-stroke-color:#fff;color:transparent!important;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;text-shadow:none;display:block;text-align:center;transition:all .3s linear;line-height:1;position:relative}
.solutions span::before{content:"";display:block;background-color:#fff;position:absolute;bottom:-30px;left:20%;transition:all .3s linear;opacity:1;width:70%;height:2px}
.solutions-Swiper .swiper-slide-active .solutions span::before{opacity:0}
.solutions-Swiper .swiper-slide-active .solutions span{text-align:left;-webkit-text-stroke-color:none!important;-webkit-text-stroke-width:0!important;color:var(--color)!important;font-family:verdanbold;font-weight:700;font-size:72px;line-height:1}
.solutions-Swiper .swiper-slide-active .solutions{top:50%;left:50%;padding:50px 60px;display:flex;flex-direction:column;justify-content:center}
.solutions-btn .solutions-next,.solutions-btn .solutions-prev{border:1px solid #838281;border-radius:25px;position:relative;cursor:pointer;transition:all .3s linear;padding:12px 28px;line-height:1}
.solutions-btn .solutions-prev{margin-right:20px}
.solutions-btn .solutions-prev:hover,.solutions-btn .solutions-next:hover{border:1px solid var(--color);color:var(--color)}
.solutions-btn .solutions-prev:hover::before,.solutions-btn .solutions-next:hover::before{filter:none}
.solutions-btn{margin-top:70px;display:flex;justify-content:unset;align-items:center}
.solutions-btn.flex_row>div:nth-child(n+2){margin-left:20px}
.solutions-Swiper .swiper-slide>.flex_row{padding-right:15px}
.home-abouts{padding:50px 0 0}
.about-top{display: flex;justify-content: space-between;align-items: center;}
.about-top .home-titles{max-width:37%}
.abouts-text{flex: 1;padding-left: 5%;font-weight: 400;color: #515151;line-height: 24px;}
.abouts-text p a{color: var(--color);}
.about-bottom{display: flex;justify-content: space-between;margin-top: 65px;}
.about-math{display: flex;font-family: 'verdanbold';font-weight: bold;color: #393939;line-height: 1;}
.about-text{margin-top: 15px;}
.about-text p{font-size: 18px;color: #F18C22;line-height: 20px;font-family: 'verdanbold';}
.about-math p:nth-of-type(1){font-size: 60px;}
.about-math p:nth-of-type(2){font-size: 36px;margin-left: 15px;}
.about-video{margin-top: 56px;}
.about-video img{width: 100%;display: block;}
.pro-ulli1 {height: 100%}
.home-case{background: url(/Content/uploads/20251198266/20250728105518bab4bc24760e42f1b4855032c7ba5b3e.webp)center no-repeat;padding: 110px 0 60px;background-size: cover;}
.caseSwiper .swiper-slide{display: flex;justify-content: space-between;align-items: center;}
.case-img{width: 48%;padding: 8px;border: 1px solid var(--color);border-radius: 8px;position: relative;}
.case-con{flex: 1;padding-left: 65px;}
.case-con .home-titles{max-width: 100%;}
.case-con .home-titles h4{color: #fff;font-family: 'Verdana';}
.case-con span{width: 150px;height: 5px;display: block;margin: 20px 0 40px;background: var(--color);}
.case-con p{color: #FFFFFF;line-height: 30px;}
.case-btns{display: flex;margin-top: 45px;}
.case-btns a{font-weight: bold;color: var(--color);line-height: 24px;}
.case-prev em,.case-next em{font-size: 32px;color: var(--color);font-weight: bold;line-height: 1;}
.casepagination .swiper-pagination-bullet{background: #fff;}
.casepagination .swiper-pagination-bullet-active{background: var(--color);}
.casepagination{width: 15% !important;display: flex;justify-content: center;}
.case-command{display: flex;justify-content: center;align-items: center;margin-top: 45px;}
.case-next,.case-prev{cursor: pointer;line-height: 1;}
.news-top{display: flex;justify-content: space-between;align-items: center;}
.news-btns a em{width: 42px;height: 42px;background: var(--color);display: flex;justify-content: center;align-items: center;line-height: 42px;color: #fff;font-weight: bold;}
.news-btns a{display: flex;align-items: center;padding: 8px 10px;border: 1px solid #e8e8e8;text-transform: uppercase;font-size: 20px;line-height: 1;font-weight: bold;border-radius: 5px;overflow: hidden;}
.news-btns a p{padding: 0 25px;}
.news-bottom{margin-top: 45px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news-box{display: flex;width: 49%;background: #f0f0f0;padding: 20px;box-sizing: border-box;align-items: center;margin-bottom: 2%;border-radius: 8px;overflow: overlay;}
.news-images{width: 42%;position: relative;overflow: hidden;}
.news-images img{transition: all .3s ease-in-out;}
.news-con{flex: 1;padding-left: 20px;}
.news-data{margin: 5px 0px;color: var(--introcolor);}
.news-text{font-size: 20px;line-height: 1.52;color: #000;font-weight: bold;margin: 10px 0;}
.news-p{color: #696969;}
.product-box:hover .product-img img{transform: scale(1.02);}
.news-box:hover .news-images img{transform: scale(1.02);}
.news-box:hover .news-text{color: var(--color);}
@media (max-width:1640px) {
    .home-solutions{padding: 80px 0;padding-left: 70px;}
    .solution-btn{margin-top: 30px;}
    .solutions-btn{margin-top: 50px;}
    .about-math p:nth-of-type(1){font-size: 50px;}
}
@media (max-width:1420px) {
    .home-titles h1, .home-titles h2, .home-titles h3, .home-titles h4, .home-titles h5{font-size: 32px;}
    .product-text{padding: 30px 20px;}
    .solutions-Swiper .swiper-slide-active .solutions{padding: 35px 40px;}
    .home-case{padding: 75px 0 55px;}
    .case-con{padding-left: 50px;}
}
@media (max-width:1200px) {
    .home-titles h1, .home-titles h2, .home-titles h3, .home-titles h4, .home-titles h5{font-size: 26px;}
    .l-wrap {padding: 0px 45px;}
    .home-titles{max-width: 70%;}
    .home-solutions .home-titles{max-width: 60%;}
    .about-top .home-titles{max-width: 55%;}
    .home-solutions{padding: 60px 0;padding-left: 45px;}
    .about-top{flex-direction: column;align-items: baseline;}
    .abouts-text{padding-left: 0;margin-top: 25px;}
    .about-bottom{margin-top: 35px;}
    .about-math p:nth-of-type(1){font-size: 42px;}
    .about-math p:nth-of-type(2){font-size: 28px;margin-left: 10px;}
    .case-con span{margin: 15px 0 20px;}
    .case-con p{line-height: 1.52;}
    .case-btns{margin-top: 30px;}
    .case-command{margin-top: 30px;}
    .news-btns a{font-size: 16px;}
}
@media (max-width:1024px) {
    .l-wrap {padding: 0px 15px;}
    .home-dev p{font-size: 18px;}
    .home-product{padding-top: 30px;padding-bottom: 20px;}
    .home-dev span{width: 85px;}
    .home-titles {max-width: 100%;text-align: center;}
    .about-top .home-titles{max-width: 100%;width: 100%;text-align: center;}
    .home-titles h1, .home-titles h2, .home-titles h3, .home-titles h4, .home-titles h5{font-size: 24px;}
    .product-contant{margin-top: 25px;}
    .home-solutions {padding: 35px 0;padding-left: 15px;}
    .solutions-right{width: 100%;}
    .solutions-left{width: 100%;margin-top: 30px;}
    .home-solutions .home-titles{max-width: 95%;margin: 0 auto;text-align: center;}
    .home-dev{margin-bottom: 10px;justify-content: center;}
    .solutions-row{margin-top: 25px;flex-direction: column-reverse;}
    .solutions-btn {margin-top: 20px;}
    .solution-btn {margin-top: 10px;}
    .solution-btn a{width: 180px;height: 45px;border-radius: 6px;font-size: 14px;}
    .solutions-btn .solutions-next, .solutions-btn .solutions-prev{padding: 8px 32px;}
    .product-text p{margin-top: 15px;font-size: 16px;}
    .solutions span,.solutions-Swiper .swiper-slide-active .solutions span{font-size: 50px;}
    .solutions h5{font-size: 22px;line-height: 22px;}
    .about-math p:nth-of-type(1){font-size: 32px;}
    .about-math p:nth-of-type(2) {font-size: 22px;margin-left: 5px;}
    .about-video {margin-top: 30px;}
    .caseSwiper .swiper-slide{flex-direction: column;}
    .case-img,.news-images{width: 100%;}
    .case-img img{width: 100%;}
    .case-con {padding-left: 0;margin-top: 25px;}
    .case-con .home-titles h4{text-align: left;}
    .news-box {flex-direction: column;}
    .news-con {flex: 1;padding-left: 0;margin-top: 20px}
    .news-images img{width: 100%;}
    .news-text{font-size: 18px;}
}
@media (max-width:768px) {
    .product-contant{flex-wrap: wrap;}
    .product-item {width: 49%;}
    .product-box{margin-bottom: 3%;}
    .product-item:nth-last-child(1){display: flex;width: 100%;justify-content: space-between;}
    .product-item:nth-last-child(1) .product-box,.product-al{width: 49%;}
    .about-bottom{flex-wrap: wrap;}
    .about-box{width: 50%;text-align: center;padding: 25px 20px;}
    .about-math{justify-content: center;}
    .abouts-text{margin-top: 15px;}
    .case-prev em, .case-next em{font-size: 26px;}
    .news-top{flex-direction: column;}
    .news-btns{margin-top: 20px;}
    .news-btns a em{width: 30px;height: 30px;}
    .news-btns a p {padding: 0 15px;font-size: 14px;}
}
@media (max-width:550px) {
    .home-titles h1, .home-titles h2, .home-titles h3, .home-titles h4, .home-titles h5{font-size: 22px;line-height: 1.25;}
    .home-dev p {font-size: 14px;}
    .product-text {padding: 20px 15px;}
    .product-text p{margin-top: 10px;font-size: 14px;}
    .product-item:nth-last-child(1){flex-direction: column;}
    .product-item:nth-last-child(1) .product-box, .product-al{width: 100%;}
    .product-img img{width: 100%;}
    .product-al .product-box{width: 49% !important;}
    .solutions-Swiper .swiper-slide{max-height: unset;height: auto;}
    .solutions-Swiper .swiper-slide-active{width: 400px !important;}
    .solutions span, .solutions-Swiper .swiper-slide-active .solutions span{font-size: 32px;}
    .solutions-Swiper .swiper-slide-active .solutions{padding: 20px 25px;}
    .solutions p{margin-top: 20px;font-size: 14px;}
    .solutions h5{font-size: 18px;line-height: 18px;}
    .solutions h5::before{bottom: -15px;}
    .solutions-Swiper .swiper-slide-next{width: 110px !important;}
    .solutions-left{margin-top: 20px;}
    .home-solutions{padding: 30px 15px !important;}
    .about-box{width: 100%;padding: 20px 20px 0;}
    .home-abouts {padding: 25px 0 0;}
    .casepagination{width: 35% !important;}
    .news-box{width: 100%;}
}