@charset "utf-8"; 
:root{--color:#0057a8;}
@media(min-width:769px){.prodetails-content #tagContent1 iframe{height: revert-layer;}}
header.is-active{background:#1a141494}
.nobanner header.is-active .head-info{background:none}
@media (min-width:769px){.inquiry-title{font-size:32px}
.pro-d-main article{font-size:var(--fontsize14)}
.pro-d-main .kche-t10>h5{font-size:var(--fontsize18)}
.pro-d-main .kche-t114 .kche-t114-des,.pro-d-main .kche-t107 .kche-t107-des,.pro-d-main .kche-t155-text-p p{font-size:var(--fontsize14)}
.pro-d-main .kche-t107 .kche-t107-title{font-weight:var(--fontsize18) !important}
.pro-d-main .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p,.pro-d-main .kche-t155-text-tit{font-size:var(--fontsize16)}
.prodetails-tabs .prodetails-tabs-item{font-size:var(--fontsize20)}}
.nobanner header .head-top{background: #7a7777;}
.nobanner header .head-info{background: #7a7777;}
.foottop{background: linear-gradient(45deg, black, grey) !important;} 
@keyframes bannerimg {0% {transform:scale(1)}
80% {transform:scale(1.03)}
100% {transform:scale(1)}}
footer .foot-item.foot-code {width:17%;}
footer .foot-item.foot-code .foot-erm {background:none;padding:0;display:flex;justify-content:space-between;max-width:300px;}
footer .foot-item.foot-code .foot-erm img {width:48%;}
.home-solution {background:var(--bgcolor);}
.home-solution .loading {opacity:.1;}
.home-solution .home-more {background:#fff;color:var(--color)}
.home-solution .home-more:hover{color:#fff}
.home-solution .mySwiper-button-next.swiper-button-disabled em, .home-solution .mySwiper-button-prev.swiper-button-disabled em{color:#aaa}
@media (min-width:1281px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:140px;}.homepro-recommend-item{width: 32%;}}
@media (min-width:1441px){.home-solution .mySwiper2 .swiper-slide .content{padding-bottom:160px;}}
.home-choose{padding:4% 0px 4%;z-index:1;position:relative}
.home-choose::before{content:"";position:absolute;top:0px;width:100%;height:350px;background:var(--color);z-index:-1}
.home-choose .home-des,.home-choose .home-title{color:#FFFFFF}
.choose-ul{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.choose-ul .choose-item{width:23%;background:#FFFf;box-shadow:0 6px 13px 0 rgba(19,20,21,.08);padding:50px 30px;text-align:center;transition:all .2s linear}
.choose-ul .choose-item:hover{transform:translateY(-5px)}
.choose-ul .choose-item:hover .icon{transform:rotateY(360deg)}
.choose-ul .choose-item .title{color:var(--fontcolor);font-size:var(--fontsize24);line-height:24px;margin-bottom:20px}
.choose-ul .choose-item img{height:60px;transition:all .3s linear}
.choose-ul .choose-item .icon{transition:all .3s linear;line-height:1}
.choose-ul .choose-item em{font-size:60px;color:var(--color)}
.choose-ul .choose-item .info{margin-top:20px;color:var(--fontcolor)}
.home-aboutus{padding:0 0 4%;}
.home-aboutus .about-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.home-aboutus .about-wrap>div{width:50%}
.home-aboutus .homeabout-list{margin:2em 0}
.home-aboutus .homeabout-list li{display:flex;align-items:center;margin-bottom:20px}
.home-aboutus .homeabout-list li p{margin:0px;width:calc(100% - 90px)}
.home-aboutus .homeabout-list li span{width:49px;height:49px;display:flex;align-items:center;justify-content:center;border:2px solid #e7e7e7;border-radius:50%;margin-right:15px}
.home-aboutus .about-img{position:relative;width:50%;padding:10px 3% 0px 10px}
.home-aboutus .about-img:hover img{transform:translate(-10px,-10px)}
.home-aboutus .about-img>img{width:100%;transition:all .4s linear}
.home-aboutus .about-img .about-icon{position:absolute;top:0px;left:0px;background:var(--color);color:#FFFFFF;width:220px;height:200px;text-align:center;transition:all .1s linear}
.home-aboutus .about-img .about-icon:hover{opacity:.96}
.home-aboutus .about-img .about-icon img{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)}
.home-aboutus .about-img .about-icon span{display:block;font-size:var(--fontsize30);font-weight:var(--fontbold5);padding-top:20%}
.home-aboutus .about-img .about-icon p{padding-top:20%;font-size:var(--fontsize18)}
.home-aboutus .about-info{padding-top:30px}
.home-aboutus .about-info .home-des,.home-aboutus .about-info .home-title{text-align:left}
.home-aboutus .about-info .about-content{color:var(--fontcolor);margin-top:30px}
.home-aboutus .about-info .about-content p{margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:12;overflow:hidden}
.home-aboutus .color{font-weight:var(--fontbold7);font-size:var(--fontsize18);color:#080808;display:flex;align-items:center}
.home-aboutus .color span{color:var(--color);font-size:var(--fontsize24);padding-right:15px}
.home-aboutus .about-contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;box-shadow:0 6px 13px 0 rgba(19,20,21,.15);padding:2% 6%;margin-top:30px;position:absolute;left:50%;transform:translateX(-50%);bottom:-70px;max-width:1600px;width:100%;z-index:9;background:#FFFFFF}
.home-aboutus .about-contact p{font-weight:var(--fontbold7);font-size:var(--fontsize22)}
.home-solution .home-des{color:#fff;margin-top:10px;}
@media (min-width:1025px){body.index{padding-top:46px}
.home-banner .swiper-slide img{height: calc(100vh - 46px);}
body.index header{box-shadow: none;}
body.index .head-info{background:transparent;}
body.index .head-nav .nav-ul>li>a.inmenu_1{background:transparent !important;color:#fff !important;}
body.index .head-nav .nav-ul>li>a{color:#fff;}
body.index .head-nav .nav-ul>li:hover>a{background:transparent;}
body.index .head-nav .nav-ul>li>a::after{background:#fff;}
body.index header.is-active .head-info{background: rgba(0, 0, 0, .2);box-shadow: 0 0 10px #000;}
body.index .head-logo a img{filter:brightness(0) invert(1)}}
.home-banner .swiper-slide>a::after{display:none;}
@media (max-width:768px){.home-banner .mobimg{height:auto}
.choose-ul .choose-item img{height:40px;}
.choose-ul .choose-item:hover .icon{transform:none}
.choose-ul{margin-top:30px}
.choose-ul .choose-item{width:48%;margin-bottom:20px;padding:20px 10px}
.choose-ul .choose-item .title{margin-bottom:10px;font-size:var(--fontsize18)}
.choose-ul .choose-item .info{margin-top:15px;font-size:var(--fontsize14)}
.home-aboutus .about-img:hover>img{transform:none}
.home-aboutus .about-info .about-content{margin-top:10px}
.home-aboutus .about-wrap>div{width:100%}
.home-aboutus{padding-bottom:3%}
.home-aboutus .about-contact{margin-top:30px;display:none}
.home-aboutus .about-contact .home-more{margin-top:20px}
.home-aboutus .about-img .about-icon{width:140px;height:110px}
.home-aboutus .about-img .about-icon span{font-size:var(--fontsize18);padding-top:10%}
.home-aboutus .about-img .about-icon p{padding-top:10%}}
.home-news{padding-top:0;}
.home-aboutus .about-wrap>div iframe{width: 100%;height: 410px;}
footer .foot-cate .foot-list li{width:100%}
.wmkc-whatsapp .wmkc-itemico em{font-size: 20px !important;color: #999;}
.wmkc-whatsapp:hover em{color: #fff;}
 @media (min-width:1025px) {.head-nav .nav-ul>li>ul a{-webkit-line-clamp:unset}}
 #wmkc .wmkc-list li:nth-child(4){display:none;}
@media (min-width: 1025px) {body.index .head-nav .nav-ul>li>a { color: var(--color); }}
   @media (min-width:1025px){body.index .head-nav .nav-ul>li>a{color:#fff}
body.index .head-nav .nav-ul>li>a.inmenu_1{color:var(--fontcolor) !important}
body.index .head-nav .nav-ul>li>a::after{background:var(--fontcolor)}
}