﻿@charset "utf-8"; 
.home-service .home-des{color:#fff}
.contact-box .contact-main .home-line{margin-bottom:20px}
.home-service .homeservice-list .homeservice-item{justify-content:flex-start}
.prodetails-content .prodetails-tabs .prodetails-tabs-item:nth-child(2){display:none}
.home-choose .choose-list li .title{min-height:73px;}
.home-choose .choose-list li .text{margin-bottom:10px;}
.home-choose .choose-list li .more{margin-top:auto;}
.home-about .about-info .num li:nth-child(3){margin-right:40px;}
.home-about .about-info .num li:nth-child(4){margin-right:0;}
@media (max-width:500px){.home-about .about-info .num li:nth-child(2),.home-about .about-info .num li:nth-child(3){text-align:left;}
.home-about .about-info .num li{width:49%;}}
@media (min-width:769px){.home-choose .choose-list li{width:18%;}}
.wmkc-hotpro{padding:4% 0 10px;position:relative}
.wmkc-hotpro .homepro-list{list-style:none;margin-top:3%;display:flex;flex-wrap:wrap}
.wmkc-hotpro .homepro-list li{width:32%;margin-right:2%;margin-bottom:2em}
.wmkc-hotpro .homepro-list li:nth-child(3n){margin-right:0}
.wmkc-hotpro .homepro-list li .img{position:relative;display:flex;justify-content:center;align-items:center;width:100%;background:#eee;border:1px solid #eee;aspect-ratio:25/16}
.wmkc-hotpro .homepro-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.wmkc-hotpro .homepro-list li .img::after{content:"";transition:all .1s linear;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0}
.wmkc-hotpro .homepro-list li .title{margin-top:10px;display:flex;justify-content:center;padding:4px 0}
.wmkc-hotpro .homepro-list li .title a{color:#1a1414;font-size:var(--fontsize18);text-transform:capitalize;transition:color .1s linear;padding-bottom:4px;border-bottom:1px solid transparent;text-align:center}
.wmkc-hotpro .homepro-list li .title em{opacity:0;display:inline-block;width:0;transition:all .1s linear}
.wmkc-hotpro .homepro-list li:hover .img img{transform:scale(1.02)}
.wmkc-hotpro .homepro-list li:hover .img::after{opacity:1}
.wmkc-hotpro .homepro-list li:hover .title a{color:var(--color);border-color:#000}
.wmkc-hotpro .homepro-list li:hover .title em{margin-left:15px;opacity:1;width:20px}
.home-aboutmode #aboutswiper{padding:20px;margin-left:-20px}
.home-aboutmode{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-aboutmode .hotpro-main{width:50%;flex:1;padding-top:4%;z-index:1;position:relative}
.home-aboutmode .hotpro-main .home-des,.home-aboutmode .hotpro-main .home-title{text-align:left}
.home-aboutmode .hotpro-main .hotpro-wrap{width:140%;z-index:1;padding-top:20px}
.home-aboutmode .hotpro-main #hotpro{padding:20px;margin-left:-20px}
.home-aboutmode .hotpro-main .hotpro-button{display:flex;align-items:center;margin-bottom:10px}
.home-aboutmode .hotpro-main .hotpro-button .about-next,.home-aboutmode .hotpro-main .hotpro-button .about-prev{margin-right:20px;width:70px;height:40px;background:rgba(243,243,241,0);border-radius:22px;border:1px solid #e2e2e2;display:flex;align-items:center;justify-content:center;color:#bcbec1;cursor:pointer;transition:all .1s linear}
.home-aboutmode .hotpro-main .hotpro-button .about-next:hover,.home-aboutmode .hotpro-main .hotpro-button .about-prev:hover{background:var(--color);color:#fff}
.home-aboutmode .hotpro-main .about-pagination{bottom:0;display:none}
.home-aboutmode .hotpro-main .swiper-slide{background:#fff}
.home-aboutmode .hotpro-main .swiper-slide .img{background:#eee}
.home-aboutmode .hotpro-main .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.home-aboutmode .hotpro-main .swiper-slide .info{text-align:center;padding:20px 15px;transition:all .1s linear}
.home-aboutmode .hotpro-main .swiper-slide .info .icon{color:var(--color)}
.home-aboutmode .hotpro-main .swiper-slide .info .title{font-size:var(--fontsize18);padding:10px 0}
.home-aboutmode .hotpro-main .swiper-slide .info .text{font-size:var(--fontsize14);color:#555}
.home-aboutmode .hotpro-main .swiper-slide .info .more{margin-top:25px;min-width:180px;height:50px;padding:0 20px;background:#1a1414;color:#fff;font-size:var(--fontsize14);text-transform:uppercase;border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;opacity:0;overflow:hidden;visibility:hidden}
.home-aboutmode .hotpro-main .swiper-slide:hover .img img{transform:scale(1.02)}
.home-aboutmode .hotpro-main .swiper-slide:hover .info{box-shadow:0 10px 19px 5px rgba(224,224,224,.42)}
.home-aboutmode .hotpro-main .swiper-slide:hover .info .more{opacity:1;overflow:inherit;visibility:inherit}
.home-aboutmode .hotpro-main .swiper-slide:hover .info .more:hover{opacity:.8}
.home-aboutmode .hotpro-img{width:50%}
.home-aboutmode .hotpro-img img{width:100%}
@media screen and (max-width:768px){.home-aboutmode{flex-direction:column-reverse}
.home-aboutmode .hotpro-img,.home-aboutmode .hotpro-main{width:100%}
.home-aboutmode .hotpro-main .hotpro-wrap{width:100%}
.home-aboutmode .hotpro-main .swiper-slide .info{box-shadow:0 10px 19px 5px rgba(224,224,224,.42)}
.home-aboutmode .hotpro-main .swiper-slide .info .more{opacity:1;overflow:inherit;visibility:inherit;height:45px}
.home-aboutmode .hotpro-main .hotpro-wrap{padding-bottom:30px}
.home-aboutmode .hotpro-main .about-pagination{display:block}
.home-aboutmode .hotpro-main .about-pagination .swiper-pagination-bullet-active{background:var(--color)}
.wmkc-hotpro .homepro-list{justify-content:space-between}
.wmkc-hotpro .homepro-list li{width:49%;margin-right:0}
}
@media screen and (max-width:500px){.home-aboutmode .hotpro-main #hotpro{padding:0;margin:0}
.home-aboutmode .hotpro-main .swiper-slide .info .more{border-radius:5px;min-width:inherit;width:100%;height:40px;padding:0 10px}
.home-aboutmode #aboutswiper{padding:0;margin-left:0}
.wmkc-hotpro .homepro-list li{margin-bottom:1em}
.wmkc-hotpro{padding:30px 0 10px}
.wmkc-hotpro .homepro-list li .title{margin-top:0}
.wmkc-hotpro .homepro-list li .title a{font-size:var(--fontsize16)}
}
@media(min-width:769px){.head-logo a img{max-height:45px;}
.head-nav .nav-ul>li>a{font-size: var(--fontsize18);}}
.pagesbanner .pagesbanner-animate {max-width:1000px;top:55%;}
.pagesbanner .pagesbanner-animate .p1 {font-weight:bold;}
@media (min-width:1367px){.pagesbanner .pagesbanner-animate .p1 {font-size:36px;}}
@media (max-width:1024px){.pagesbanner .pagesbanner-animate {top:50%;}}
@media (min-width:769px){.home-choose .choose-list li{width:23.5%;}}
@media (max-width:768px){.home-choose .choose-list li .icon img{width:auto;}}
@media (min-width:1025px){.head-info,header.is-active .head-info{height:56px;}
.nobanner{padding-top:106px;}
.catenavwrap{top:56px;}}
.home-banner .swiper-pagination-bullet::before{animation:none;}
.bottom-btn .btn-item:nth-child(2){position:relative}
textarea#input{position:absolute;top:0;left:0;opacity:0;z-index:-10}
.news-d-main .info-htigocb-box *{font-family:"Montserrat", sans-serif;}
.news-d-main .info-htigocb-box .common-infotitle{font-weight:var(--fontbold7);color:#000;font-size:24px;}
@media (max-width:768px){.news-d-main .info-htigocb-box .common-infotitle{font-size:20px;}}
.news-d-main iframe{aspect-ratio: 800 / 450;}