@charset "utf-8";
:root{--hovercolor:#054181}
footer a,footer a:hover{color:#fff}
.tabs-nav p:nth-child(2) {display: none;}
.pro-detail .pro-detail-content .pro-detail-box {max-width:1200px;margin:0 auto}
.home-appli{position:relative;margin-bottom:4%;}
.home-appli:before{content:'';width:100%;height:400px;background:var(--color);display:block;position:absolute;top:0;left:0;z-index: -1;}
.home-appli .home-title{padding:20px 0;}
.home-appli #sol-swiper{overflow: hidden;padding-bottom:40px;}
.home-appli #sol-swiper .swiper-slide{display:flex;justify-content: space-between;flex-wrap: wrap;align-items:center;background:#fff;}
.home-appli #sol-swiper .swiper-slide>div{width:50%;}
.home-appli #sol-swiper .swiper-slide>div img{display:block;width:100%;}
.home-appli #sol-swiper .swiper-slide>div.sol-r{padding:10px 5%;}
.home-appli #sol-swiper .sol-title{font-size:26px;font-weight:var(--fontbold7);}
.home-appli #sol-swiper .sol-con{margin:10px 0 20px;line-height:1.7;}
.home-appli #sol-swiper .more-btn{background:var(--color);color:#fff;padding-left:20px;padding-right:20px;}
.home-appli #sol-swiper .swiper-pagination-bullet-active{background:var(--color)}
#news{padding-top:4%;}
@media (max-width:768px){.home-appli #sol-swiper .sol-title{font-size:22px;}}
@media (max-width:768px){.home-appli #sol-swiper .swiper-slide>div{width:100%;}
.home-appli .home-title{padding:0;}
.home-appli #sol-swiper .swiper-slide>div.sol-r{padding:20px;}}
header .head-top{display:none;}
@media (min-width:1025px){.head-right{justify-content: center;}
.head-menu-box nav>ul,.head-menu-box{width:auto;justify-content: center;align-items:center;}
.head-menu-box nav>ul>li>a{padding:0 35px;}
.head-main .head-logo{margin:0 20px;}
.head-menu-box nav>ul>li,.head-menu-box nav>ul>li>a{height:100%;}
header .head-main{height:120px;}}
@media (min-width:1025px) and (max-width:1366px){.head-menu-box nav>ul>li>a{padding:0 17px;}}
.common-main .pro-list.list0 li {align-items:inherit;flex-direction:column;width:32%;margin:0 2% 40px 0;}
.common-main .pro-list.list0 li:nth-child(3n) {margin-right:0;}
.common-main .pro-list.list0 li .pro-img {width:100%;}
.common-main .pro-list.list0 li .pro-info{background:#f7f7f7;width:100%;padding:10px 15px 20px;}
.common-main .pro-list.list0 li .pro-info .pro-des {margin:0 0 15px;}
.common-main .pro-list.list0 li .pro-info .pro-btn {margin:auto;}
.common-main .pro-list.list0 li .pro-info .pro-more {min-width:inherit;flex:1;}
.common-main .pro-list.list0 li .pro-info .pro-name {margin-bottom:6px;}
@media (max-width:768px){.common-main .pro-list.list0 li {width:48%;margin:0 4% 40px 0;}
.common-main .pro-list.list0 li:nth-child(3n) {margin-right:4%;}
.common-main .pro-list.list0 li:nth-child(2n) {margin-right:0;}}
@media (max-width:500px){.common-main .pro-list.list0 li .pro-info{padding:10px 10px 12px;}}
#about lite-youtube::before{background:none;}
#about>.l-wrap{align-items:center;}
@media (min-width:769px){#about .about-con{padding-top:0;}}
.contact>iframe{border:0}
.table td {border: 1px solid #000;}
#home-swiper .swiper-next, #home-swiper .swiper-prev{display:none;}
.common-main .pro-list .pro-info .pro-des{color: #333;}
#product .pro-list li .pro-img a {height:0;padding-bottom:100%;}
#product .pro-list li .pro-img a img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;}
.l-wrap{max-width: 1600px;}
#about .about-con .home-title{font-weight: bold;font-size: 36px;color: rgba(37, 37, 37, 0.96);line-height: 44px;}
#about .about-con h2{font-weight: 400;font-size: 28px;color: #286CC7;line-height: 1;}
#about .about-con .about-des{font-weight: 400;font-size: 19px;color: rgba(71, 70, 70, 0.87);}
#about .about-con .more-btn{border: 1px solid #000000;color: #000;text-transform: capitalize;font-size: 18px;margin-top: 25px;}
#about .about-con{width: 50%;padding: 0;padding-right: 50px;box-sizing: border-box;}
#about .about-img{width: 50%;}
#about lite-youtube{max-width: 100%;}
.home-factory{background-color: #F8F8F8;padding-bottom: 4%;}
.factory-item{display: flex;align-items: center;}
.factory-left{width: 52%;}
.factory-left img{display: block;max-width: 100%;}
.factory-right{flex: 1;padding-left: 95px;}
.factory-right h4{font-weight: bold;font-size: 36px;color: rgba(37, 37, 37, 0.96);line-height: 44px;margin-bottom: 35px;}
.factory-right h4 em{color: #3773C9;font-style: normal;}
.factory-right p{font-weight: 400;font-size: 18px;color: rgba(71, 70, 70, 0.87);line-height: 32px;}
.factory-btn a{border: 1px solid #000000;color: #000;text-transform: capitalize;font-size: 18px;margin-top: 25px;border-radius: 0;padding: 10px 30px;background-color: #F8F8F8;transition: color .5s,padding .5s,border .5s;position: relative;z-index: 1;overflow: hidden;display: inline-block;}
#projects::after{top: 30px; font-size: 142px;color: #aeaeae;font-family: fantasy;}
#projects::before{background: #054181;}
#projects .home-label{color: #fff;display: flex;justify-content: center;align-items: center;}
.home-title{text-transform: uppercase;}
#projects #home-projects .swiper-slide .projects-cont p{font-weight: 900;font-size: 14px;line-height: 1;}
.more-btn{text-transform: capitalize;}
.home-service{padding: 215px 0 160px;background: url(/Content/uploads/20241047829/20240724152110a6f86a97322040819ab0e068a5ffb92c.jpg)center no-repeat;background-size: cover;}
.service-container{display: flex;justify-content: space-between;}
.service-size h4{font-weight: bold;font-size: 36px;color: #3E444D;line-height: 1;text-transform: uppercase;}
.service-size span{width: 53px;height: 4px;background: #3773C9;display: block;margin: 20px 0 34px;}
.service-size p{font-weight: 400;font-size: 20px;color: rgba(69, 69, 69, 0.77);line-height: 30px;}
.service-btn{background: #3773C9;display: inline-block;padding: 8px 15px;margin-top: 35px;}
.service-btn a{font-weight: 400;font-size: 24px;color: #FFFFFF;line-height: 1;}
.service-size{max-width: 500px;}
.service-list{width: 42%;padding-top: 5%;}
.service-list li{display: flex;justify-content: space-between;align-items: center;padding: 30px 10px 20px;border-bottom: 1px solid #cacaca;}
.service-text p{font-weight: 400;font-size: 22px;color: rgba(69, 69, 69, 0.92);line-height: 1;}
.service-text p em{font-family: Arial;font-weight: 400;font-size: 36px;color: #3773C9;line-height: 35px;font-style: normal;}
footer{color: #fff;}
footer .foot-submit button{background: #0A59B5;}
footer .foot-main .foot-item.foot-contact li .icon em{color: #ffffff;}
footer .foot-main .foot-item.foot-contact li .con p{color: #fff;}
footer .foot-main .foot-item:nth-of-type(3) ul li{width:100%}
.home-main{max-width: 1920px;margin: 0 auto;}
.thumbsSlider{padding: 50px 0;background: #054181;}
.thum-container{max-width: 1600px;padding: 0px 15px;margin: 0 auto;}
.thum-math p{font-size: 58px;line-height: 1;color: #fff;font-weight: 700;}
.thum-p p{font-size: 20px;line-height: 1.52;text-transform: uppercase;color: #fff;font-weight: 600;}
.thum-data{display: flex;align-items: center;width: 33.33%;justify-content: center;cursor: pointer;}
.thum-math{padding-right: 45px;margin-right: 45px;border-right: 1px solid #fff;}
.thumSwiper{display: flex;justify-content: space-between;}
@media (min-width:1024px) {
  #about{padding: 2% 0 4%;}
}
@media (max-width:1600px) {
    .thum-math p{font-size: 42px;}
    .thum-p p{font-size: 16px;}
    .thum-math {padding-right: 30px;margin-right: 30px;}
    #about .about-con .home-title,.factory-right h4{font-size: 32px;}
    .l-wra{padding:0 30px;}
}
@media (max-width:1420px) {
    #about .about-con .home-title,.factory-right h4,.service-size h4{font-size: 26px;}
    #about .about-con h2{font-size: 22px;}
    #about .about-con .about-des,.factory-right p{font-size: 16px;line-height: 1.5;}
    .factory-right h4{margin-bottom: 15px;}
    .factory-right{padding-left: 50px;}
    .service-list li{padding: 20px 10px;}
    .service-size span{margin: 10px 0 15px;}
    .home-service{padding: 120px 0;}
    .service-btn a{font-size: 18px;}
    .service-size p{font-size: 18px;line-height: 1.5;}
    #projects::after{font-size: 98px;}
}
@media (max-width:1200px) {
    .service-text p em{font-size: 24px;}
    .service-text p{font-size: 18px;}
    .service-list li{padding: 10px;}
    .service-img img{width: 35px;}
}
@media (max-width:1024px) {
    .thumbsSlider{padding: 30px 0;}
    .thum-math p{font-size: 28px;}
    .thum-p p{font-size: 14px;}
    #about>.l-wrap{flex-direction: column;}
    #about .about-con{width: 100%; padding-right: 0;}
    #about .about-img{width: 100%;}
    .home-service{padding: 60px 0;}
    .service-img img{width: 30px;}
    .service-btn{margin-top: 20px;}
}
@media (max-width:768px) {
    .service-container{flex-wrap: wrap;}
    .service-size{max-width: 100%;width: 100%;}
    .service-list {width: 100%;padding-top: 0;}
    .home-title{font-size: 26px;}
    #about>.l-wrap{padding: 20px 30px;}
    .factory-item{flex-direction: column;}
    .factory-left {width: 100%;}
    .factory-right {flex: 1;padding-left: 0;margin-top: 25px;}
}
@media (max-width:500px) {
    .l-wrap{padding: 0 15px;}
    .thumSwiper{flex-wrap: wrap;}
    .thum-data {display: flex;align-items: center;width: 100%;justify-content: unset;cursor: pointer;margin: 20px;}
    #about .about-con .home-title, .factory-right h4, .service-size h4{font-size: 20px;line-height: 1.25;}
    #about>.l-wrap {padding: 20px 15px;}
    #about .about-con .more-btn,.factory-btn a{font-size: 14px;padding: 5px 15px;}
    #about .about-con{margin-bottom: 20px;}
    .home-title {font-size: 22px;}
}
@media (min-width: 1025px) {header .head-main {height: 85px;}#about {padding: 0% 0 4%;}}
.pro-detail-box .kche-t73>.kche-template-item>.kche-template-title{background:#134d8b!important}
.pro-detail-box .kche-t73>.kche-template-item{border-color:#134d8b!important}
.pro-detail-box .kche-t73>.kche-template-item>.kche-template-title>h5 {font-family: Verdana,Geneva,sans-serif;text-transform: capitalize;}
#product .pro-list li .pro-cont .pro-name{font-size:18px;font-weight:var(--fontbold7)}
#product .pro-list li .pro-cont .pro-des{margin-bottom:10px;}
@media (min-width:1025px){header .head-main{position:relative;z-index:99;}
.head-main .lang{transform: translateX(25px);}
.head-main .lang .lang-icon{color:var(--fontcolor);}
.head-main .lang .lang-icon:before,.head-main .lang .lang-icon:after{border-color:var(--fontcolor);}}