@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:0 0}
@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-t107 .kche-t107-des,.pro-d-main .kche-t114 .kche-t114-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-t155-text-tit,.pro-d-main .kche-t55>.kche-faq-list>.kche-faq-item>.kche-faq-tit>p{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,#000,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:0 0;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% 0 4%;z-index:1;position:relative}
.home-choose::before{content:"";position:absolute;top:0;width:100%;height:350px;background:var(--color);z-index:-1}
.home-choose .home-des,.home-choose .home-title{color:#fff}
.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:0;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% 0 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:0;left:0;background:var(--color);color:#fff;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:#fff}
.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:0 0}
body.index .head-nav .nav-ul>li>a.inmenu_1{background:0 0!important;color:#fff!important}
body.index .head-nav .nav-ul>li>a{color:#fff}
body.index .head-nav .nav-ul>li:hover>a{background:0 0}
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)}}