@charset "utf-8"; 
:root{--color:#175fa7}
.home-banner .swiper-slide>a::after{background:0 0}
.home-lwrap{max-width:1440px;margin:0 auto}
.home-dev{display:inline-block;color:var(--color);font-size:16px;text-transform:uppercase;background:#175fa71a;border-radius:30px;margin-bottom:20px;height:45px;line-height:45px;padding:0 25px}
.homes-title{font-size:38px;line-height:1.52;color:#333;text-transform:capitalize;position:relative}
.home-product{padding:80px 0;position:relative;background:url(/uploads/43694/probg.jpg) no-repeat bottom left;overflow:hidden}
.product-position{display:inline-block;line-height:1;font-size:150px;position:absolute;top:17%;left:0;color:#333;opacity:.05;text-transform:uppercase;z-index:0;font-weight:700}
.home-public{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;position:relative;z-index:3;}
.home-titles{width:55%;margin-bottom:0;display:flex;flex-direction:column;align-items:baseline;justify-content:center}
.homes-text{line-height:24px;max-height:48px;color:grey;margin-top:10px}
.home-push{display:flex;align-items:center;justify-content:flex-end;text-align:center}
.peoduct-btn{display:flex}
.peoduct-btn a{padding:15px 25px;background:var(--color);color:#fff;border-radius:50px;line-height:1;transition:all .3s ease-in-out}
.product-wrap{padding:19px 25px 15px;text-align:center;z-index:5;position:absolute;bottom:0;left:0;width:100%;background:#f7f7f7}
.product-wrap::after{content:'';position:absolute;left:0;top:-22px;width:100%;height:22px;background:url(/uploads/43694/prolbg.png) no-repeat center bottom;background-size:100% 22px}
.product-tit{margin-bottom:8px;font-size:18px;line-height:26px;color:#333;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.product-text{color:grey;font-size:14px;line-height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.product-con{display:block;position:relative;overflow:hidden}
.product-more{color:var(--color);text-transform:uppercase;height:0;opacity:0;transition:all .5s;display:flex;justify-content:center;align-items:center;position:relative}
.product-more::after{position:absolute;content:'';width:0;height:1px;background:var(--color);bottom:0;transition:all .3s ease-in-out}
.product-boxs{text-align:center;padding:0 0 55px;position:relative;background:#f7f7f7;border:1px solid #e7e7e7}
.product-icon{position:absolute;transform:translate(-50%,-50%);top:50%;left:50%;width:60px;height:60px;border-radius:50%;background:var(--color);opacity:0;transition:all .5s;z-index:2;box-shadow:0 2px 15px rgba(30,183,255,.2);display:flex;justify-content:center;align-items:center}
.product-boxs:hover .product-more{opacity:1;height:30px;margin-top:5px;padding-bottom:5px}
.product-boxs:hover .product-more::after{width:100%}
.product-boxs:hover .product-icon{opacity:1}
.productnext,.productprev{width:38px;height:59px;background:#ebebeb;border-radius:5px;position:absolute;top:50%;z-index:3;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-in-out}
.product-con img{display:block;aspect-ratio:1/1;object-fit:cover}
.contant-lwrap,.product-bottom{max-width:1550px;margin:0 auto;position:relative}
.productnext{right:10px}
.productprev{left: 10px;}
.productnext:hover,.productprev:hover{background:var(--color);color:#fff}
.ab-t{padding:75px 0 150px;position:relative;background-size:cover!important;background-attachment:fixed!important;overflow:hidden}
.ab-t::before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,var(--color),#ffffff14);z-index:0}
.ab-t::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:70px;background:url(/uploads/43694/about-tbg.png) no-repeat center bottom;background-size:100% 90%}
.ab-t .home-lwrap{display:flex;justify-content:space-between;align-items:center;z-index:2;position:relative}
.ab-t .home-dev{background:#ffffff75}
.about-title{width:50%}
.ab-t .homes-title{color:#fff}
.ab-t .homes-text{color:#fff;opacity:.7}
.about-year p{display:block;font-style:normal;font-size:150px;opacity:.4;color:#fff;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#fff;line-height:1;font-weight:700}
.ab-main{padding:90px 0;background:#f8f8f8}
.ab-main .home-lwrap{display:flex;align-items:center}
.about-left{width:48%;padding-right:25px}
.about-right{width:52%;padding-left:25px}
.about-list{margin:20px 0}
.about-list li{display:flex;align-items:center;margin-bottom:20px}
.about-video{padding:0 0 18px 18px;position:relative;border-radius:10px;overflow:hidden}
.about-video::after{content:'';position:absolute;width:95%;height:95%;left:0;bottom:0;background:#c8c9c9;z-index:0;border-radius:10px;overflow:hidden}
.about-video lite-youtube{z-index:2;position:relative}
.about-table h5{font-weight:700;font-size:34px;color:#333;line-height:1.25}
.about-table p{padding:15px 0;font-size:15px;color:grey;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden}
.about-text h5{font-size:20px;color:#333;line-height:1.52}
.about-image{width:70px;height:70px;margin-right:15px}
.about-text{flex:1}
.about-btns{display:flex;margin-top:35px}
.about-btns a{background:var(--color);color:#fff;padding:15px 27px;border-radius:6px;overflow:hidden;line-height:1}
.home-project{padding-top:50px}
.project-col{display:flex}
.project-col:nth-of-type(1){margin-bottom:8px}
.project-col:nth-of-type(2){flex-direction:row-reverse}
.project-col:nth-of-type(2) .project-left{padding-right:0;padding-left:8px}
.project-left{width:50%;padding-right:8px;display:flex;justify-content:center}
.project-right{width:50%;display:flex}
.project-box img{width:100%;height:100%;object-fit:cover}
.project-box{position:relative;overflow:hidden}
.project-right .project-box:nth-of-type(1){padding-right:4px}
.project-right .project-box:nth-of-type(2){padding-left:4px}
.project-wrap{position:absolute;bottom:-110%;left:25px;right:25px;opacity:0;transition:all .5s;overflow:hidden}
.project-w{width:100%;background-color:#fff;padding:35px 30px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;box-sizing:border-box}
.project-text{width:80%}
.project-title{display:block;text-overflow:ellipsis;white-space:nowrap;font-size:20px;color:#333;line-height:24px;overflow:hidden}
.project-text p{color:grey;line-height:24px;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.project-icon{display:inline-block;width:62px;height:62px;border-radius:10px;background:var(--color);line-height:62px;text-align:center;transition:.6s all;background-position:center center;background-repeat:no-repeat;background-size:20px auto;display:flex;justify-content:center;align-items:center}
.project-icon em{line-height:1;color:#fff;font-size:20px;width:20px;display:block}
.project-box:hover .project-wrap{opacity:1;bottom:25px}
.home-client{padding:75px 0}
.home-client .home-titles{width:60%;align-items:center;text-align:center;margin:0 auto}
.client-item{display: flex;margin-top: 45px;align-items: center;justify-content: space-evenly;}
.client-box{cursor: pointer;display: flex;justify-content: center;align-items: center;width: 25%;border: 1px solid #eee;height: 180px;padding: 20px;border-radius: 6px;overflow: hidden;}
.client-box img{transition:.5s all ease-in-out;width:100%}
.client-box:hover{border:1px solid var(--color)}
.client-box:hover img{transform:scale(1.05)}
.client-item .clients img{opacity:.3;filter:grayscale(100%)}
.home-contant{background:url(/uploads/43694/contant.jpg) center no-repeat;padding:150px 0;background-size:cover}
.home-contant .homes-text,.home-contant .homes-title{color:#fff}
.certificate-swiper{width:100%;margin-top:20px;overflow:hidden}
.certificate-swiper .swiper-slide{cursor:pointer;transform:scale(.9)}
.certificate-swiper .swiper-slide.swiper-slide-active{transform:scale(1)!important}
.certificate-swiper .swiper-slide img{width:100%;display:block;object-fit:contain}
.certificate-next,.certificate-prev{width:40px;height:40px;justify-content:center;align-items:center;display:flex;background:#fff;margin:0;background-size:20px auto;border-radius:50%;background-repeat:no-repeat;background-position:center center;box-shadow:0 4px 8px 0 rgb(0 0 0 / 20%);position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;transition: all .3s ease-in-out;}
.certificate-next{left: 10px;}
.certificate-prev{right:10px}
.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}
.modal-content{position:relative;margin:auto;padding:35px;width:80%;top:50%;transform:translateY(-50%)}
.close{position:absolute;top:10px;right:20px;color:#fff;font-size:52px;cursor:pointer;z-index:99;line-height:1}
.modal-swiper{width:100%;height:80vh}
.modal-swiper .swiper-slide{display:flex;justify-content:center;align-items:center}
.modal-swiper .swiper-slide img{max-width:100%;max-height:100%;object-fit:contain;width:450px}
.newslist-col{position:relative;display:flex;align-items:baseline;justify-content:space-between;margin-bottom:50px}
.newslist-images{width:55%}
.newslist-images img{width:100%;display:block}
.newslist-texts{position:absolute;left:50%;background:#fff url(/uploads/43694/newsico.png) no-repeat 95% 20px;width:50%;bottom:0;padding:40px 100px 40px 40px;z-index:9;box-shadow:5px 0 20px rgba(0,0,0,.05)}
.newslist-data{font-size:15px;color:grey;line-height:50px}
.newslist-data span{font-size:48px;color:#e6e6e6;margin-right:10px}
.newslist-title{font-size:20px;color:#333;line-height:30px;margin:20px 0 23px;padding-bottom:25px;background:url(/uploads/43694/newsline.png) no-repeat left bottom;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.newslist-texts p{font-size:14px;color:#999;line-height:24px;max-height:72px;margin-bottom:30px;overflow:hidden}
.newslist-btns{display:inline-block;position:relative;padding-right:26px;margin-top:10px;padding-left:12px;color:#454545;font-size:16px;text-transform:uppercase}
.newslist-btns::before{content:'';position:absolute;left:0;top:50%;width:40px;height:40px;margin-top:-20px;background:rgba(23,95,167,.2);border-radius:50%;z-index:0}
.newslist-images::after,.newslist-images::before{Content:'';background:rgba(255,255,255,.15) none repeat scroll 0 0;bottom:0;left:0;right:0;top:0;opacity:0;position:absolute;z-index:0;transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s}
.newslist-images:hover::before{left:50%;opacity:1;right:50%}
.newslist-images:hover::after{bottom:50%;opacity:1;top:50%}
.newslist-col:nth-child(2n){justify-content:end}
.newslist-col:nth-child(2n) .newslist-texts{left:0}
.home-footer{background: url(/uploads/43694/footer-back.jpg) no-repeat;background-size: 100%;background-position: right 0px bottom -155px;overflow: hidden;position: relative;}
.home-footer::before{content:'';position:absolute;left:0;top:-2px;width:100%;height:70px;background:url(/uploads/43694/footertxbg.png);background-size:100% 70px;z-index: 7;}
.home-footer::after{position: absolute;content: '';width: 100%;height: 100%;top: 0;left: 0;background: #1c64dbe3;opacity: 0.4;z-index: 0;}
.footer-title{position: relative;padding: 155px 0 80px;overflow: hidden;z-index: 1;}
.footer-title h5{font-size:42px;line-height:54px;color:#fff;text-transform:capitalize;max-width:680px;margin:0 auto;text-align:center}
.foot-submit{position:relative;max-width:490px;margin:28px auto 0;display:flex;border-radius:5px;background:#fff}
.foot-submit input{height:50px;border:none;color:#cfcfcf;line-height:100%;width:100%;padding-left:35px}
.foot-submit button{background:#175fa7;text-transform:uppercase;height:50px;padding:0 20px;color:#fff;font-size:12px;border-radius:5px;line-height:50px;cursor:pointer}
.certificate-next:hover, .certificate-prev:hover{background: var(--color);color: #fff;}
@media (max-width:1600px) {.homes-title,.footer-title h5{font-size: 32px;}
.about-table h5{font-size: 28px;}
.contant-lwrap, .product-bottom{padding: 0 50px;}
.home-lwrap{padding: 0 1%;}
.about-text p,.project-text p{font-size: 14px;line-height: 1.52;}
.project-w{padding: 20px;}
.project-icon{width: 50px;height: 50px;line-height: 50px;}
.project-title{font-size: 18px;}
.home-contant{padding: 100px 0;}
.product-position{top: 20%;font-size: 115px;}
.about-year p{font-size: 115px;}
.ab-t{padding: 70px 0 120px;}}
@media (max-width:1366px) {.home-lwrap{padding: 0 3%;}
.home-product,.ab-main,.home-contant,.home-client,.home-news{padding: 50px 0;}
.product-position {top: 24%;font-size: 82px;}
.peoduct-btn a{padding: 15px 25px;font-size: 14px;}
.ab-t {padding: 50px 0 90px;}
.home-client .home-titles{width: 70%;}
.product-wrap{padding: 15px;}
.product-tit {margin-bottom: 2px;font-size: 16px;line-height: 1.25;}
.product-boxs{padding: 0 0 70px;}
.product-boxs:hover .product-more{font-size: 14px;margin-top: 5px;height: 25px;}
.product-icon{width: 40px;height: 40px;}
.product-icon img{width: 20px;}
.newslist-title {font-size: 18px;line-height: 1.25;margin: 10px 0 10px;padding-bottom: 15px;}
.newslist-texts p{margin-bottom: 15px;}
.newslist-texts{padding: 40px 70px 40px 40px;}}
@media (max-width:1200px) {.homes-title, .footer-title h5{font-size: 28px;}
.home-titles{width: 70%;}}
@media (max-width:1024px) {body{margin-top:0px}
.home-footer{background-position: right 0px bottom 0px;}
.footer-title{padding: 120px 0 80px;}
.is-active .head-nav .nav-ul>li>a {color: #000000;}
.about-table h5{font-size: 26px;}
.homes-text,.about-table p,.newslist-btns{font-size: 14px;}
.home-banner{min-height: auto;}
.ab-main .home-lwrap{flex-direction: column;}
.about-left{width: 100%;padding: 0;}
.about-list {margin: 8px 0;}
.about-text h5{font-size: 18px;}
.about-right{width: 100%;padding-left: 0;margin-top: 35px;}
.about-video img{width: 100%;}
.ab-t::after{height: 45px;}
.home-product, .ab-main, .home-contant, .home-client, .home-news {padding: 30px 0;}
.home-dev{height: 40px;line-height: 40px;font-size: 14px;}
.project-col{flex-wrap: wrap;}
.project-left{width: 100%;padding-right: 0;margin-bottom: 10px;display: block;}
.project-right{width: 100%;}
.project-col:nth-of-type(2) .project-left{padding-left: 0;}
.client-item{margin-top: 20px;}
.home-client .home-titles{width: 100%;}
.newslist-texts{background-size: 15%;}
.newslist-texts {padding: 30px 50px 30px 30px;}
.newslist-data {font-size: 14px;color: grey;line-height: 30px;}
.newslist-data span{font-size: 30px;}
.newslist-col{margin-bottom: 20px;}
.newslist-title {font-size: 16px;line-height: 1.25;margin: 5px 0;padding-bottom: 10px;}}
@media (max-width:768px) {.homes-title, .footer-title h5,.about-table h5{font-size: 24px;line-height: 1.25;}
.homes-text{max-height: unset;}
.contant-lwrap, .product-bottom{padding: 0 30px;}
.home-public{flex-direction: column;margin-bottom: 25px;}
.home-titles{width: 100%;}
.home-push{width: 100%;justify-content: left;margin-top: 20px;}
.about-year p{font-size: 82px;}
.about-title {width: 65%;}
.client-item{flex-wrap: wrap;}
.peoduct-btn a {padding: 10px 20px;font-size: 14px;}}
@media (max-width:550px) {.homes-title, .footer-title h5,.about-table h5{font-size: 20px;}
.home-dev {height: 35px;line-height: 35px;font-size: 12px;}
.home-push{margin-top: 10px;}
.product-position {top: 15%;left: 10px;font-size: 80px;}
.productnext, .productprev {width: 25px;height: 40px;}
.product-wrap {padding: 10px;}
.home-project {padding-top: 25px;}
.project-title {font-size: 14px;line-height: 1.25;}
.about-text p, .project-text p {font-size: 12px;line-height: 1.52;}
.project-icon {width: 30px;height: 30px;line-height: 1;}
.project-icon em{font-size: 16px;width: 16px;}
.project-w {padding: 10px;}
.client-box{margin-bottom: 2%;width: 30%;height: 80px;}
.newslist-col{flex-direction: column;}
.newslist-images{width: 100%;}
.newslist-texts {padding: 15px;position: unset;width: 100%;}}
@media (max-width:400px) {.ab-t .home-lwrap{flex-direction: column;}
.about-title{width: 100%;}
.about-table p{-webkit-line-clamp: unset;}
.about-image {width: 50px;height: 50px;margin-right: 10px;}
.about-btns a{padding: 10px 20px;font-size: 14px;}
.certificate-next, .certificate-prev {width: 25px;height: 25px;}
.certificate-next em, .certificate-prev em{font-size: 12px;line-height: 1;}
.footer-title{padding: 90px 0 45px;}}

footer .foot-item.foot-nav{position: relative;}
.foot-contact-title{font-size: 20px;font-weight: bold;line-height: 1;margin-bottom: 5px;}
.foot-contactform p{margin: 8px 0;}
footer .foot-item{width:20%}
.foot-contactform .wmkcfeedback input{height: 30px;padding: 5px;margin: 0;margin-bottom: 5px;min-width: 100%;}
.foot-contactform .wmkcfeedback textarea{height: 40px;margin-bottom: 5px;}
.wmkcfeedback .send-btn{min-width: 130px;height: 40px;margin: 5px auto;}
@media (max-width:1024px) {
.foot-contactform{position: unset;width: 100%;margin-top: 25px;}
.foot-contactform .wmkcfeedback {margin-bottom: 15px;height: auto;}}
footer .foot-main .l-wrap{padding: 0px 30px;max-width: 1650px;}
.prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
.wmkcfeedback .inquiry-form {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.wmkcfeedback .inquiry-form>* {-webkit-flex: 1;flex: 1;min-width: 30%;}
/*.wmkcfeedback .inquiry-form>* + input {margin-left: 10px;}*/
.wmkcfeedback .inquiry-form>:nth-child(3n+1) {margin-left: 0;}
.wmkcfeedback input,.wmkcfeedback textarea,.wmkcfeedback .wmkcfb-fileupload {outline: 0;-webkit-border-radius: 3px;border-radius: 3px;border: 1px solid #e4e4e4;background: #FFFFFF;height: 50px;padding: 10px;margin-bottom: 1em;font-size: var(--fontsize14);font-family: var(--fontfamily);-webkit-transition: all .1s linear;transition: all .1s linear;-webkit-appearance: none;}
.wmkcfeedback input::placeholder,
.wmkcfeedback textarea::placeholder {color: #999999;opacity: 1;}
.wmkcfeedback input:focus,.wmkcfeedback textarea:focus {border-color: var(--color, #26609e) !important;}
.wmkcfeedback input.input-error,.wmkcfeedback textarea.input-error {border-color: #e00;}
.wmkcfeedback textarea {width: 100%;-webkit-flex: none !important;flex: none !important;height: 140px;resize: none;}
.wmkcfeedback .send-btn {margin: 20px auto 0;min-width: 180px;height: 50px;font-size: var(--fontsize16);background: var(--color);-webkit-border-radius: var(--borderradius);border-radius: var(--borderradius);color: #FFFFFF;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;cursor: pointer;border: none;outline: 0;padding: 0 20px;-webkit-transition: all .1s linear;transition: all .1s linear;position: relative;overflow: hidden;-webkit-tap-highlight-color: transparent;}
.wmkcfeedback .select-menu .select-menu-div em {-webkit-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .4s ease;transition: all .4s ease;}
.wmkcfeedback .select-menu .select-menu-div em.select-menu-i {-webkit-transform: rotateX(180deg);transform: rotateX(180deg);}
.wmkcfeedback .loading {-webkit-animation: feedbacksenloading infinite .75s linear;animation: feedbacksenloading infinite .75s linear;}
@-webkit-keyframes feedbacksenloading {0% { -webkit-transform: rotate(0);}
100% { -webkit-transform: rotate(360deg);}}
@keyframes feedbacksenloading {0% { transform: rotate(0);}
100% { transform: rotate(360deg);}}
@media (max-width: 1024px) {.wmkcfeedback .feed-verification {max-width: 100%;}
.wmkcfeedback .select-menu {width: 100%;}}
@media screen and (-webkit-min-device-pixel-ratio:0) {.wmkcfeedback input,
.wmkcfeedback textarea {font-size: 16px;}}
.foot-feed{display:none;}
@media(min-width:1025px){.nav-ul #liinquiry a{background: var(--color);text-transform: uppercase;border-radius: 30px;height: 50px;color:#fff !important}.nav-ul #liinquiry{display: flex;align-items: center;}.head-nav .nav-ul #liinquiry:hover>a{color:#fff;}}
footer .fre{padding: 15px 25px;background: var(--color);color: #fff;border-radius: 50px;line-height: 1;transition: all .3s ease-in-out;min-width: 180px;height: 50px;    display: flex
;align-items: center;justify-content: center;}
@media(max-width:768px){footer .fre{height:30px;}}
.banner-inner::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:calc(100% - 50px);background:rgba(0,0,0,.6)}
.pagesbanner{z-index:unset}
.pagesbanner .pagesbanner-animate{z-index:2}
.banner-inner::after{z-index:1}
 @media (min-width:1024px){.pagesbanner .pagesbanner-animate{top:55%}}
 footer .fre:hover{color: #fff;}.kche-t215 .kche-t215-right2 img {height: 100%;}
 .head-left .item{font-size:var(--fontsize16)}