@charset "utf-8";
:root {--color: #1c6ab1;}
.home-choose .chooselist{align-items: inherit;}
.home-choose .chooselist .itemchoose .text .des{height: 100px;}
.l-wraps {display: flex;width: 100%;max-width: 1600px;padding: 0px 70px;margin: 0px auto;box-sizing: border-box;}
#home-about .about-img .img-box img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
#home-about .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
#home-about{padding: 60px 0px;}
#home-about .more-btn {display: inline-block;padding: 10px 40px;border: 1px solid var(--color);background: var(--color);color: #FFFFFF;text-transform: lowercase;transition: color ease .3s, background ease .3s;}
#home-about .more-btn:hover{background: #FFFFFF;color: var(--color);}
#home-about .l-wrap{display:flex;width: 100%;max-width: 1600px;padding: 0px 70px;margin: 0px auto;box-sizing: border-box;}
#home-about .about-img,#home-about .about-con{width:50%}
#home-about .about-img{padding: 35px 0 35px 35px;position: relative;}
#home-about .about-img::after{position: absolute;content: '';width: 50%;height: 100%;background: #F1F4F9;top: 0;left: 0;}
#home-about .about-con{padding-left:100px;margin-top: 35px;}
#home-about .about-con h3{font-size:32px;text-transform:uppercase;margin-bottom:20px}
#home-about .about-con h3>span{color:var(--color)}
#home-about .about-con .con{color:var(--introcolor);line-height:1.5em}
#home-about .about-con ul{margin:40px 0px 50px;padding-left:70px;position:relative;color:var(--fontcolor)}
#home-about .about-con ul li{line-height:1.5em;margin-bottom:10px;position:relative}
#home-about .about-con ul li:after{content:"";width:10px;height:10px;background:var(--color);position:absolute;top:8px;left:-20px}
#home-about .about-con ul:before,#home-about .about-con ul:after{content:"";height:100%;width:1px;background:var(--color);position:absolute;left:0px}
#home-about .about-con ul:after{left:14px;top:-22px}
#home-about .about-con ul:before{top:10px}
#home-about .about-img .img-wrap>img{display: block;width: 100%;}
#home-about .about-img .img-wrap{position:relative;display:flex;justify-content:flex-end;z-index: 9;}
@media screen and (max-width:1470px){
#home-about .about-con{padding-left:50px}}
@media screen and (max-width:768px){
#home-about{padding:3vw}
#home-about .l-wrap{display:block;margin:0px}
#home-about .about-img,#home-about .about-con{width:100%}
#home-about .about-img{margin-bottom:40px}
#home-about .about-img .img-wrap>img{width:100%}
#home-about .about-con{padding-left:0px}
#home-about .about-con h3,#home-about .about-con .title{text-align:center}
#home-about .about-con h3{font-size:var(--fontsize20)}
#home-about .about-con .title{margin-bottom:16px}
#home-about .about-con ul{margin:30px 0px 40px;padding-left:60px}}
#process{padding-bottom: 50px;}
.process-case{margin-top: 20px;width: 100%;}
.pro-title{font-size: 32px;font-weight: bold;text-align: left;font-style: normal;color: #333;padding-bottom: 10px;}
.pro-mid{font-size: 18px;text-align: left;padding-bottom: 20px;}
.pro-advan{color: #fff;margin-bottom: 2%;background: #323345;padding: 30px 20px !important;}
.protabox{display: flex;justify-content: space-around;}
.protabox .prota{width: 15%;text-align: center;}
.protabox .prota p{margin-top: 10px;}
.protabox .prota img{max-width:90px;width: 100%;transition: all .3s ease-in-out;}
.pro-box{padding-bottom: 30px;display: flex;justify-content: space-between;}
.single-one{text-align: center;border: 1px solid #dcdcdc;padding-bottom: 20px;transition: all .3s;width: 23%;transition: all .3s ease-in-out;}
.single-content{width: 100%;height: 100%;}
.two-imgbox{position: relative;overflow: hidden;padding: 20px 0;}
.two-imgbox img{padding: 0 15px;}
.single-content p{padding: 0 15px;margin-top: 20px;}
.case-box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.single-case{width: 32%;transition: all .3s;margin-bottom: 2%;}
.case-content{box-shadow: 0 12px 30px rgba(0, 0, 0, .15);position: relative;overflow: hidden;margin: 0;}
.case-href{display: flex;justify-content: center;align-items: center;aspect-ratio: 1 / 1;}
.case-bottom{padding: 15px;box-sizing: border-box;}
.case-title{font-size: 22px;line-height: 1.52;margin-bottom: 15px;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.case-detail{height: 60px;overflow: hidden;font-size: 16px;line-height: 1.52;}
.single-one:hover{background: var(--color);}
.single-one:hover .single-content p{color: #fff;}
.single-case:hover .case-href img{opacity: 0.9;}
#appli{background: #f2f2f2;padding: 3% 0;}
#appli img{max-width: 100%;aspect-ratio: 25 / 18;border-radius: 6px;overflow: hidden;}
#appli .pro_title{font-weight: bold;font-size: 50px;text-align: left;}
#appli .pro_mid{text-align: left;}
#appli .appli-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
#appli .appli-list .app-li{width: 23%;}
#appli .appli-list .imgbox{position: relative;}
#appli .appli-list .imgbox:after{display: block;content: '';width:100%;height: 3px;margin-top: 30px;background: #d6645d;}
#appli .appli-list .app-li:hover .imgbox:before {transform: scaleX(1);transition-timing-function: cubic-bezier(.52,1.64,.37,.66);}
#appli .appli-list p{margin: 30px 0;}
@media (max-width:1025px){#appli .appli-list .app-li{width: 48%;}}
#partner{background: #F7F7F7;}
.partner-contant{padding: 55px 0;width: 100%;}
.partner-title{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.partner-icon{display: flex;}
.partner-icon li{width: 12.5%;box-sizing: border-box;padding: 1%;overflow: hidden;}
.partner-icon li a{display: block;border-radius: 5px;overflow: hidden;}
.partner-icon li a img{transition: all .3s ease-in-out;}
/*.home-news{background:#F7F7F7;padding: 0 0px 3%;}*/
/*.home-news .list{display:flex;flex-wrap:wrap;list-style:none;margin-top:30px}*/
/*#newswiper{margin-top:30px;}*/
/*#newswiper .newswiper-pagination{text-align:center;margin-top:30px}*/
/*#newswiper .newswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}*/
/*#newswiper .newswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}*/
/*#newswiper .swiper-slide{background:#FFFFFF;border-radius:10px;overflow:hidden;transition:all .2s linear}*/
/*#newswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}*/
/*#newswiper .swiper-slide:hover .img img{transform:scale(1.02)}*/
/*#newswiper .swiper-slide:hover .info .date{color:#FFFFFF}*/
/*#newswiper .swiper-slide .img{width:100%;aspect-ratio:var(--newssaspectratio)}*/
/*#newswiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover}*/
/*#newswiper .swiper-slide .info{padding:20px}*/
/*#newswiper .swiper-slide .info .date{margin:5px 0px;color:var(--introcolor)}*/
/*#newswiper .swiper-slide .info .date em{margin-right:5px}*/
/*#newswiper .swiper-slide .info .title{font-size: var(--fontsize18);font-weight: var(--fontbold6);line-height: 1.4;transition: none;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;}*/
/*.home-news .l-wrap {box-sizing: border-box;width: 100%;max-width: 1700px;padding: 0px 40px;margin: 0px auto;}*/
footer{background: #09467e;position: relative;z-index: 3;}
footer::after{content: '';color: #fff;position: absolute;background: #FFF url(https://css02.v15cdn.com/m427/imgs/bg-3.webp);filter: opacity(.02);left: 0px;top: 0px;width: 100%;height: 100%;z-index: -1;}
footer .footer-main,footer .copyright{color: #fff;}
.protabox .prota:hover img{transform: rotateY(180deg);}
.partner-icon li:hover img{transform: scale(1.02);}
/*#home-news{padding: 50px 0;background: #F7F7F7;}*/
@media (max-width:1600px) {
    #home-about .about-con{padding-left: 60px;}
    #home-about {padding: 30px 0px;}
}
@media (max-width:1440px) {
    .pro-title{font-size: 26px;}
    #home-about .about-con h3{font-size: 26px;margin-bottom: 8px;}
    #home-about .about-con ul {margin: 30px 0px 35px;padding-left: 60px;}
    .protabox .prota img{max-width: 70px;}
    .single-content p{margin-top: 5px;}
}
@media (max-width:1024px) {
    .l-wraps,#partner{padding: 0 50px;}
    #home-about .l-wraps{flex-direction: column;}
    #home-about .about-img, #home-about .about-con{width: 100%;}
    #home-about .about-con{padding-left: 0;}
    .protabox{flex-wrap: wrap;justify-content: unset;}
    .protabox .prota{width: 33.3%;padding: 15px 0;}
    /*#newswiper .swiper-slide .info .title{font-size: 16px;}*/
    /*#newswiper {margin-top: 20px;}*/
    .partner-icon{flex-wrap: wrap;}
    .partner-icon li{width: 25%;}
    .partner-icon li a img{max-width: 80%;}
    .partner-icon li a{display: flex;justify-content: center;}
    .case-title{font-size: 18px;}
    /*#newswiper{overflow: hidden;}*/
    /*#home-news{padding: 10px 0 30px;}*/
}
@media (max-width:768px) {
    .pro-title{font-size: 22px;line-height: 1;padding-bottom: 5px;}
    #home-about .about-con h3{font-size: 22px;}
    .l-wraps,#partner{padding: 0 15px;}
    .pro-box{flex-wrap: wrap;}
    .single-one{width: 49%;margin-bottom: 2%;}
    .single-case{width: 49%;}
    .partner-icon li a img {max-width: 95%;}
    .pro-mid{font-size: 16px;}
}
@media (max-width:500px) {
    #home-about .about-img {padding: 15px 0 15px 15px;margin-bottom: 20px;}
    #home-about .about-con{margin-top: 10px;}
    .protabox .prota{width: 50%;}
    #appli .appli-list p {margin: 15px 0;}
    #appli .appli-list .imgbox:after{margin-top: 15px;}
}
.home-company .company-info .btn{width: 220px;font-size: var(--fontsize20);font-weight: var(--fontbold7);height: 70px;}
div#wmkc  .wmkc-list .wmkc-whatsapp .wmkc-itemcont{height: 150%; }