﻿.home-title h1,.home-title h2,.home-title h3,.home-title h4,.home-title h5{font-size: 44px;color: #222429;line-height:1.45;text-transform: capitalize;font-family: 'Exo2Bold';text-align: center;}
.home-title .home-text{font-weight: var(--fontbold5);font-size: var(--fontsize16);color: #6A6F78;line-height: 28px;text-transform: math-auto;max-width: 1100px;margin: 30px auto 0;text-align: center;}
.home-dev{color: #000002;line-height: 1;padding-left: 20px;position: relative;font-family: 'Exo2Bold';}
.home-dev::after{position: absolute;width: 10px;height: 10px;background: var(--color);content: '';left: 0;top: 50%;transform: translateY(-50%);}
.home-btn{display: flex;position: relative;}
.home-btn a{width: 190px;height: 55px;background: var(--color);border-radius: 3px;color: #fff;display: flex;justify-content: center;align-items: center;line-height: 1;text-transform: uppercase;position: relative;z-index: 1;overflow: hidden;}
.home-btn a:after{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);width: calc(100% + 20px);border-radius: 50%;aspect-ratio: 1 / 1;background: rgba(0, 0, 0, .4);z-index: -1;transition: all .2s linear;}
.home-btn a:hover:after{transform: translate(-50%, -50%) scale(1);}
.home-btn a em{width: 22px;height: 22px;background: #1B1B1B;border-radius: 50%;color: #fff;text-align: center;line-height: 22px;margin-left: 20px;font-size: var(--fontsize14);transition: all .3s ease-in-out;}
.home-equipment{padding: 5% 0;}
.equipment-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 75px;}
.equipment-item{width: 32%;position: relative;margin-bottom: 2%;box-shadow: 1px 1px 15px 4px #ededed;}
.equipment-item>a{display: flex;justify-content: center;align-items: center;padding: 150px 33px 45px;height: 100%;}
.equipment-item:nth-of-type(n+4){margin-bottom: 0;}
.equipment-item::after{position: absolute;content: '';top: 0;height: 70%;width: 100%;background: linear-gradient(180deg, #E9E9E9, #F5F5F5, #FEFEFE);z-index: 0;}
.equipment-item::before{position: absolute;content: '';bottom: 0;height: 30%;background: linear-gradient(180deg, #EAEAEA, #f9f9f9);width: 100%;z-index: 0;}
.equipment-text{position: absolute;z-index: 3;top: 35px;left: 33px;width: 90%;}
.equipment-images{position: relative;z-index: 2;height: 100%;display: flex;justify-content: center;align-items: center;}
.equipment-images img{transition: all .5s linear;}
.equipment-images img:nth-of-type(2){transform: scale(0);opacity: 0;height: 0;}
.equipment-text p{font-size: var(--fontsize22);color: #222429;line-height: 30px;transition: all .5s linear;font-family: 'Exo2Bold';}
.equipment-btn{color: #000002;line-height: 28px;margin-top: 20px;opacity: 0;transition: all .5s linear;text-transform: uppercase;font-family: 'Exo2Bold';}
.equipment-item:hover .equipment-btn em{color: var(--color);}
.equipment-item:hover .equipment-btn{opacity: 1;}
.equipment-item:hover .equipment-text p{color: var(--color);}
.equipment-item:hover .equipment-images img:nth-of-type(1){transform: scale(0);opacity: 0;height: 0;}
.equipment-item:hover .equipment-images img:nth-of-type(2){transform: scale(1);opacity: 1;height: auto;}
.home-advan{padding: 120px 0;background: url(https://css02.v15cdn.com/m623/imgs/advan-back.webp)center no-repeat;background-size: cover;}
.home-advan .l-wrap{display: flex;align-items: center;}
.advan-left{width: 40%;overflow: hidden;position: relative;padding-right: 10px;padding-bottom: 10px;border-radius: 0px 0px 80px 0px;transition: all .2s linear;}
.advan-left::after {position: absolute;content: '';width: 26%;height: 26%;background: #fff;bottom: 0;right: 0;z-index: -1;transition: all .3s linear}
.advan-left img{border-radius: 0px 0px 75px 0px;width: 100%;display: block;}
.advan-left:hover:after{width: 100%;height: 100%;background: var(--color);}
.advan-right{flex: 1;padding-left: 9%;}
.advan-right .home-title{text-align: left;}
.advan-right .home-title h2{color: #fff;text-align: left;}
.advan-right .home-title p{color: #929292;text-align: left;}
.advan-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.advan-item{width: 48%;padding: 25px 0;}
.advan-item p{line-height: 28px;}
.advan-item p:nth-of-type(1){font-size: 36px;color: var(--color);font-family: 'Exo2Bold';}
.advan-item p:nth-of-type(2){color: #929292;margin-top: 30px;padding-bottom: 30px;border-bottom: 2px solid #717171;position: relative;}
.advan-item p:nth-of-type(2)::before{content: '';position: absolute;left: 0;bottom: -2px;height: 2px;width: 0px;background-color: var(--color);transition: all 0.2s linear;}
.advan-item:hover p:nth-of-type(2)::before{width: 100%;}
.advan-left:hover{transform: scale(1.03);}
.home-solutions{padding: 85px 32px;}
.home-solutions .solutions-list{display: flex;justify-content: space-between;margin-top: 60px;}
.home-solutions .solutions-item{width: 24%;position: relative;}
.home-solutions .solutions-item:nth-of-type(2n){margin-top: 80px;}
.home-solutions .solutions-img img{width: 100%;display: block;aspect-ratio: 1 / 1.3;object-fit: cover;transition: all .3s ease-in-out;}
.home-solutions .solutions-img{overflow: hidden;border-radius: 3px;position: relative;}
.home-solutions .solutions-btn{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(0deg, #e63c38ad, #00000057);display: flex;justify-content: center;align-items: center;opacity: 0;transition: all .3s ease-in-out;}
.home-solutions .solutions-btn a{width: 62px;height: 62px;background: var(--color);display: flex;justify-content: center;align-items: center;}
.home-solutions .solutions-btn a em{font-size: var(--fontsize14);color: #fff;line-height: 1;font-weight: bold;}
.home-solutions .solutions-tit{margin-top: 40px;}
.home-solutions .solutions-tit p{font-size: var(--fontsize22);color: #000002;line-height: 28px;padding-left: 30px;position: relative;font-family: 'Exo2Bold';}
.home-solutions .solutions-tit p::after{position: absolute;content: '';width: 9px;height: 9px;background: var(--color);left: 0;top: 10px;}
.home-solutions .solutions-item:hover .solutions-btn{opacity: 1;}
.home-solutions .solutions-item:hover .solutions-img img{transform: scale(1.02);}
.home-custom{padding: 105px 0;background: url(https://css02.v15cdn.com/m623/imgs/custom-back.webp)center no-repeat;background-size: cover;background-attachment: fixed;}
.home-custom .custom-top .home-title h4{color: #fff;text-align: left;max-width: 50%;}
.home-custom .custom-dev{margin: 60px 0;width: 100%;position: relative;height: 1px;background: #5F5B59;}
.home-custom .custom-dev::after,.custom-dev::before{position: absolute;content: '';width: 9px;height: 9px;background: #F4F4F4;top: 50%;transform: translateY(-50%);}
.home-custom .custom-dev::before{right: 0;}
.home-custom .custom-dev::after{left: 0;}
.home-custom .custom-bottom{display: flex;justify-content: space-between;}
.home-custom .custom-bottom p{color: #FFFFFF;line-height: 28px;opacity: 0.8;width: 70%;}
.home-about{display: flex;align-items: center;}
.home-about .about-left{width: 48%;}
.home-about .about-right{flex: 1;padding: 50px 70px;margin-right: 8.3%;}
.home-about .home-title h5{text-align: left;margin-top: 20px;}
.home-about .about-text{padding: 35px 0;margin:40px 0 20px;border-top: 1px solid #D7D7D7;position: relative;}
.home-about .about-text::after{position: absolute;content: '';width: 10px;height: 10px;background: var(--color);top: -5px;right: 0px;}
.home-about .about-text p{color: #6A6F78;line-height: 28px;}
.home-about .about-text p strong{color: #000;}
.home-introduction{padding: 100px 0;background: url(https://css02.v15cdn.com/m623/imgs/introductionbg.webp)center no-repeat;background-size: cover;}
.home-introduction .swiper-slide {transform: scale(0.85);}
.home-introduction .home-title h5{color: #fff;}
.home-introduction .home-title .home-text{color: #fff;}
.home-introduction .swiper-slide-active,.swiper-slide-duplicate-active{transform: scale(1);}
.home-introduction .intro-con{display: flex;}
.home-introduction .intro-contant{margin-top: 55px;}
.home-introduction .intro-left{width: 50%;background: #fff;padding: 45px;display: flex;flex-direction: column;justify-content: center;}
.home-introduction .intro-right{width: 50%;}
.home-introduction .intro-title p{font-size: var(--fontsize24);color: #000002;line-height: 28px;font-family: 'Exo2Bold';}
.home-introduction .intro-title{margin-bottom: 35px;}
.home-introduction .intro-text{color: #6A6F78;line-height: 30px;}
.home-introduction .intro-btns{display: flex;margin-top: 40px;}
.home-introduction .intro-btns a{color: var(--color);line-height: 28px;font-family: 'Exo2Bold';display: flex;align-items: center;}
.home-introduction .intro-btns a em{font-weight: bold;margin-left: 18px;font-size: 16px;width: 16px;transition: all .3s ease-in-out;}
.intro-btn{display: flex;justify-content: center;margin-top: 60px;}
.intro-btn>div{width: 45px;height: 45px;background: rgba(255,255,255,0);border-radius: 50%;border: 1px solid #C8C8C8;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all .3s ease-in-out;color: #8C8C8C;}
.intro-btn>div em{line-height: 1;font-size: var(--fontsize18);width: 18px;}
.intro-btn>div:nth-of-type(1){margin-right: 26px;}
.intro-btn>div:hover{color: var(--color);border-color: var(--color);}
.home-news{padding: 100px 0;}
.news-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 50px 0 0;}
.news-list .news-item{transition: all .3s ease-in-out;width: 32%;}
.news-list .news-item:nth-of-type(4){display:none}
.news-list .news-item .news-con{padding: 20px 10px;}
.news-list .news-text{font-size: var(--fontsize22);color: #000002;line-height: 28px;font-family: 'Exo2Bold';margin-bottom: 20px;transition: all .3s ease-in-out;}
.news-list .news-images{overflow: hidden;position: relative;border-radius: 3px;}
.news-list .news-data{display: flex;align-items: center;line-height: 1;margin-bottom: 10px;}
.news-list .news-data p{font-size: var(--fontsize14);color: #999999;}
.news-list .news-data em{font-size: var(--fontsize14);line-height: 1;color: var(--color);margin-right: 5px;font-weight: bold;}
.news-list .news-images a{display: flex;width: 100%;height: 100%;}
.news-list .news-images a img{width: 100%;aspect-ratio: 1.4 / 1;object-fit: cover;transition: all .3s ease-in-out;}
.news-list .news-btns a{display: flex;line-height: 1;align-items: center;color: #6A6F78;font-family: 'Exo2Bold';text-transform: uppercase;}
.news-list .news-btns a em{background: rgba(255, 255, 255, 0.02);border-radius: 50%;border: 1px solid #C8C8C8;width: 28px;height: 28px;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #999;margin-left: 25px;transition: all .3s ease-in-out;}
.news-list .news-item:hover{box-shadow: 1px 1px 26px 3px rgba(216,216,216,0.44);}
.news-list .news-item:hover .news-text{color: var(--color);}
.news-list .news-item:hover .news-images img{transform: scale(1.02);}
.home-btn a:hover em{transform: rotateZ(45deg);}
.news-list .news-item:hover .news-btns a em{transform: rotateZ(45deg);color: var(--color);border-color: var(--color);line-height: 1;}
.submenu-btns a:hover em{transform: rotateZ(45deg) translateY(2px);}
.submenu-btns a em{transition: all .3s ease-in-out;}
.home-introduction .intro-btns a:hover em{transform: rotateZ(45deg);}
@media (max-width:1440px) {.home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 38px;line-height: 1.25;}
.home-equipment,.home-advan,.home-introduction,.home-news{padding: 50px 0;}
.home-solutions{padding: 50px 30px;}
.home-custom .custom-top .home-title h4{max-width: 70%;}
.home-about .about-right{margin-right: 0;padding: 0 70px 0 50px;}
.home-title .home-text{margin: 10px auto 0;}
.equipment-list{margin-top: 35px;}
.equipment-text p{font-size: var(--fontsize20);}
.equipment-btn{margin-top: 10px;}
.advan-right{padding-left: 5%;}
.advan-left{width: 45%;}
.advan-item p:nth-of-type(1){font-size: 28px;}
.advan-item p:nth-of-type(2){margin-top: 15px;padding-bottom: 20px;}
.advan-item{padding: 20px 0;}
.home-solutions .solutions-item:nth-of-type(2n){margin-top: 50px;}
.home-custom{padding: 75px 0;}
.home-about .about-text{padding: 25px 0;margin: 30px 0 15px;}
.home-introduction .intro-left{padding: 30px;}
.home-introduction .intro-title {margin-bottom: 15px;}
.home-introduction .intro-btns{margin-top: 15px;}
.home-introduction .intro-right img{width: 100%;height: 100%;object-fit: cover;}
.home-introduction .intro-text{line-height: 1.52;}
.home-introduction .intro-contant{margin-top: 30px;}
.intro-btn{margin-top: 35px;}
.news-list .news-text{font-size: var(--fontsize18);margin-bottom: 10px;}
.home-banner .banner-animote .p1{font-size: 36px;}
.home-banner .banner-animote .p3{margin-top: 3%;}}
@media (max-width:1366px) {.home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 32px;}
.l-wrap{padding: 0 50px;}
.equipment-text p{font-size: var(--fontsize18);}
.advan-item p:nth-of-type(1){font-size: var(--fontsize24);}
.advan-item p:nth-of-type(2) {margin-top: 10px;padding-bottom: 15px;}
.home-advan .home-btn{margin-top: 35px;}
.home-solutions .solutions-tit p{padding-left: 25px;font-size: var(--fontsize18);}
.home-solutions .solutions-tit{margin-top: 20px;}
.home-custom .custom-dev{margin: 35px 0;}
.home-about .about-right{padding: 0 50px;}
.home-about .about-text{padding: 10px 0;margin: 10px 0;}
.home-btn a{height: 50px;}
.home-introduction .intro-left{padding: 25px;}
.home-introduction .intro-title p{font-size: var(--fontsize22);}}
@media (max-width:1024px) {.l-wrap {padding: 0 30px;}
.home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: 26px;}
.home-equipment, .home-advan, .home-introduction, .home-news{padding: 35px 0;}
.equipment-list {margin-top: 15px;}
.equipment-item>a{padding: 120px 20px 35px;}
.equipment-text p {font-size: var(--fontsize16);line-height: 1.25;}
.equipment-text{top: 20px;left: 20px;}
.equipment-btn{line-height: 1;font-size: var(--fontsize14);}
.advan-right{padding-left: 3%;}
.advan-list{margin-top: 0;}
.advan-item {padding: 10px 0;}
.advan-item p:nth-of-type(1){font-size: var(--fontsize22);}
.advan-item p:nth-of-type(2){border-bottom: 1px solid #717171;font-size: var(--fontsize14);line-height: 1;}
.home-btn a {height: 45px;font-size: var(--fontsize14);width: 160px;}
.home-solutions .solutions-list{margin-top: 30px;}
.home-solutions .solutions-item:nth-of-type(2n){margin-top: 25px}
.home-solutions .solutions-tit p{padding-left: 15px;font-size: var(--fontsize16);}
.home-about{flex-direction: column;}
.home-about .about-left{width: 100%;}
.home-about .about-left img{width: 100%;}
.home-about .about-right {padding: 35px 30px;}
.home-introduction .swiper-slide{transform: scale(0.9);}
.news-list{margin: 30px 0 0;height: auto;flex-direction: row;}
.news-list .news-item{width: 48% !important;}
.news-list .news-item:nth-of-type(2), .news-item:nth-of-type(3), .news-item:nth-of-type(4){display: flex;width: 48%;height: auto;margin-left: 0;flex-direction: column;}
.news-list .news-item:nth-of-type(2) .news-images, .news-item:nth-of-type(3) .news-images, .news-item:nth-of-type(4) .news-images{width: 100%;}
.news-list .news-item:first-of-type .news-con{padding: 25px 20px;}
.home-banner .banner-animote .p1{font-size: 32px;}}
@media (max-width:768px) {.home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: var(--fontsize22);}
.equipment-item{width: 49%;box-shadow: 1px 1px 15px 4px #ededed29;}
.equipment-item:nth-of-type(n+4){margin-bottom: 2%;}
.home-advan .l-wrap{flex-direction: column;}
.advan-left {width: 50%;margin-bottom: 25px;}
.advan-right {padding-left: 0;}
.home-solutions .solutions-item:nth-of-type(2n){margin-top: 0;}
.home-solutions .solutions-list{flex-wrap: wrap;}
.home-solutions .solutions-item{width: 49%;}
.home-solutions .solutions-tit{margin: 20px;}
.home-custom .custom-bottom{flex-direction: column;}
.home-custom .custom-dev{margin: 25px 0;}
.home-custom .custom-bottom p{width: 100%;}
.home-custom .home-btn{margin-top: 25px;}
.home-introduction .swiper-slide{transform: scale(1);}
.home-introduction .home-title{padding: 0 30px;}
.home-introduction .intro-contant {margin-top: 20px;}
.home-introduction .intro-con{padding: 0 30px;flex-direction: column;}
.home-introduction .intro-left,.home-introduction .intro-right{width: 100%;}
.home-banner .banner-animote .p1{font-size: 28px;}}
@media (max-width:550px) {.l-wrap,.home-introduction .intro-con{padding: 0 15px;}
.home-title h1, .home-title h2, .home-title h3, .home-title h4, .home-title h5{font-size: var(--fontsize20);}
.home-title .home-text{margin: 10px auto 0;font-size: var(--fontsize14);line-height: 1.25;}
.equipment-item{width: 100%;}
.equipment-item>a{padding: 85px 20px 35px;}
.advan-left{width: 100%;}
.advan-item{width: 100%;}
.advan-item p:nth-of-type(1){font-size: var(--fontsize18);}
.home-advan .home-btn{margin-top: 20px;}
.home-solutions {padding: 25px 15px;}
.home-solutions .solutions-item{width: 100%;}
.home-custom .custom-top .home-title h4{max-width: 100%;line-height: 1.52;}
.home-custom{padding: 45px 0;}
.home-about .about-right{padding: 30px 15px;}
.news-list .news-item {width: 100% !important;}
.home-banner .banner-animote .p1{font-size: var(--fontsize24);}}
header.is-active .head-info{height: 80px;}
body{padding-top:0px}
@media (max-width:1024px) {body {padding-top: 0;}}
.advan-item:hover p{transition: all 0.2s linear;}
.advan-item:hover p:first-child{transform: scale(1.03);}
.home-about .about-left lite-youtube{width:100%;max-width:100%;height:660px;background-image:url(https://www.litaimachinery.com/Content/uploads/20251174389/202507291049146cba2c8e5f574813a6d0a7af61396036.webp)!important}
.home-about .about-text{padding:20px 0;margin:25px 0 10px}
.home-about .home-title h5{margin-top:15px;line-height:1.1}
.home-about .about-left lite-youtube>.lty-playbtn{width:40px;height:40px;border-radius:50%;background-color:#fff;background-image:url(https://www.litaimachinery.com/uploads/44407/page/p202508071729129a12a.png)!important;background-repeat:no-repeat;background-size:20px 20px;background-position:center}
.home-about .about-left lite-youtube>.lty-playbtn::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:180%;height:180%;border:1px solid rgba(255,255,255,.8);border-radius:50%;animation:aboutposition1 2s linear infinite}
.home-about .about-left lite-youtube>.lty-playbtn::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240%;height:240%;border:1px solid rgba(255,255,255,.8);border-radius:50%;animation:aboutposition2 2s linear infinite}
@keyframes aboutposition1{0%{width:180%;height:180%;border-color:rgba(255,255,255,.8)}
50%{width:200%;height:200%;border-color:rgba(255,255,255,.4)}
100%{width:180%;height:180%;border-color:rgba(255,255,255,.8)}}
@keyframes aboutposition2{0%{width:240%;height:240%;border-color:rgba(255,255,255,.8)}
50%{width:280%;height:280%;border-color:rgba(255,255,255,.4)}
100%{width:240%;height:240%;border-color:rgba(255,255,255,.8)}}

.home-solution{padding-top:95px}
.solutions-con{width:50%;background:linear-gradient(90deg,#e4e4e4cc,#d7d7d770);min-height:450px;padding:0 40px 0 70px;display:flex;flex-direction:column;justify-content:center}
.solutions-container{padding:86px 0 115px}
.solutions-text .title{font-family:Exo2Bold;font-size:36px;color:#222;line-height:1;margin-bottom:35px}
.solutions-text .text{font-size:16px;color:#000;line-height:28px}
.solutions-text .btns{display:flex;margin-top:30px;align-items:center}
.solutions-text .btns a{color: var(--color);font-family: Exo2Bold;text-transform: uppercase;display: flex;align-items: center;}
.solutions-text .btns .btns-ic{width:22px;height:22px;background:var(--color);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;margin-left:15px;transition: all .3s ease-in-out;}
.solutions-text .btns .btns-ic em{font-size:14px;width:14px;line-height:1}
.solutions-list{margin-top: 40px;display: flex;}
.solutions-li{width: 98px;height: 98px;background: rgba(210, 211, 212, 0);border-radius: 50%;display: flex;justify-content: center;align-items: center;margin-right: 35px;transition: all .3s ease-in-out;cursor: pointer;}
.solutions-li:nth-last-child(1){margin-right: 0;}
.solutions-icon{width: 84px;height: 84px;display: flex;justify-content: center;align-items: center;border-radius: 100%;border: 1px solid #999999;transition: all .3s ease-in-out;}
.solutions-icon em{font-size: 32px;width: 32px;line-height: 1;transition: all .3s ease-in-out;color: #888888;}
.solutions-li.active{background: var(--color);}
.solutions-li.active .solutions-icon{border: 1px solid #f9f9f9;}
.solutions-li.active .solutions-icon em{color: #fff;transform: scale(1.2);}
.solutions-text .btns:hover .btns-ic{transform: rotateZ(45deg);}
@media (max-width:1640px) {.solutions-container{padding: 70px 0 90px;}}
@media (max-width:1280px) {.solutions-con{width: 60%;padding: 0 40px;}
.solutions-list{margin-top: 25px;}
.solutions-text .title{font-size: 26px;}}
@media (max-width:1024px) {.solutions-con{width: 100%;background: linear-gradient(90deg, #e4e4e4b5, #d7d7d7a3);}
.solutions-container {padding: 30px 0 65px;}
.home-solution {padding-top: 5%;background-size: contain !important;}
.solutions-text .text{color: #000000;}
.solutions-icon{border: 1px solid #000000;}
.solutions-icon em{color: #000;}
.solutions-text .title{font-size: 24px;}}
@media (max-width:550px) {.solutions-li{margin-right: 0px;}
.solutions-con{padding: 0 20px;}
.solutions-icon{width: 70px;height: 70px;}
.solutions-icon em{font-size: 26px;width: 26px;}
.solutions-li{width: 80px;height: 80px;}
.solutions-text .title{font-size: 20px;margin-bottom: 20px;}}