@charset "utf-8";
@media (min-width:769px){.table-responsive .table td,.table th{border:3px solid #ccc}}
.table td,.table th{border:1px solid #ccc}
@media (min-width:1260px){.common-main .news-list.list1 li .news-img{display:flex;align-items:center}}
.common-main .news-list .news-title{min-height:47px}
.common-main .news-list.list1 li .news-des{min-height:56px}
.common-main .news-list.list1 li>a{width:100%}
.common-main .news-list.list1 li>a:after{padding-bottom:100%}
.common-main .news-list.list1 li>a img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain}
.head-main{background-color:#000}
.head-menu-box nav>ul>li>a{color:#fff}
.inner-banner h2,.inner-banner h1,#product .all-products,#news #home-news .news-list .news-item-img .news-date{display:none}
.home-title,#info .info-cont .info-title{text-transform:uppercase}
#brand .brand-list li .brand-number .text-shadow{text-shadow:0 0 2px #bbb}
#about .about-con .home-title{text-transform:capitalize;max-width:100%}
#about .about-company{color:#474646;font-size:22px;font-weight:bold}
#about .about-con .more-btn{margin-top:3%;border:1px solid #363636;border-bottom:1px solid #363636;color:#363636;font-weight:bold}
#projects .home-label{color:#fff}
#projects .home-label::before,#projects .home-label::after{background:#fff}
#product .pro-list li .pro-cont .pro-name{font-size:18px;color:#454545}
#product .pro-list li .more-btn{color:#6a6a6a}
#product .pro-list li .more-btn:hover{color:#fff}
#info .info-cont .info-des{font-size:32px;color:#cecece}
#info .info-item .info-item-tit span{color:#363636}
#info .info-item .info-item-des{font-size:16px;color:#363636;line-height:1.6}
#info .info-item:hover .info-item-tit img{filter:brightness(10)}
#info .info-item:hover::before{background:rgba(0,0,0,0.6)}
#news #home-news .news-list .swiper-slide{margin:10px 0}
#news #home-news .news-list .swiper-slide:nth-of-type(n+3){flex-direction:inherit}
#news #home-news .news-list .swiper-slide .news-item-cont .more-btn{color:#d21e1e}
footer{background:#272727}
#about .l-wrap{justify-content:space-between;align-items:center}
#about .about-con{width:49%;padding:0}
#about .about-img{width:49%}
#about .about-con .home-title{color:#343434}
#about .about-con .about-des{text-align:justify}
#info .info-cont .info-title{max-width:100%;margin-bottom:2%}
.info-contact div a{color:#fff;font-size:24px;font-weight:bold;background:#d21e1e;padding:5px;display:inline-block}
#news .home-title,#product .home-title{color:#454545}
#news #home-news .news-list .swiper-slide .news-item-cont .more-btn:hover{color:#fff}
#info .info-item{background-image:url(/Content/uploads/2023596486/202304111756542659c3389b084585ad7b813d7f604d8e.jpg)}
.head-main{background:#fff}
.head-menu-box nav>ul>li>a{color:#4c4c4c}
.head-contact>a em{color:#fff}
footer .foot-main .foot-item.foot-cate li a::before{content:'>'}
@media (max-width:1440px){#about .about-con .home-title{font-size:30px}
#about .about-company,#info .info-cont .info-des{font-size:20px}}
@media (max-width:768px){#about .about-con,#about .about-img{width:100%}
#info .info-contact{margin:10px auto}
.info-contact div a{font-size:18px}}
/* about us */
.wmkc-about-content{margin:0 auto;max-width:1400px}
.wmkc-kaisa-left{box-sizing:border-box;padding-right:7%;width:50%}
.wmkc-kaisa-right{width:50%}
.wmkc-kaisa-all{display:flex;padding:110px 0;justify-content:center;align-items:center}
.wmkc-fa-title p,.wmkc-kaisa-title p,.wmkc-team-title p{font-weight:700;font-size:44px;font-family:MiSans;line-height:1}
.wmkc-kaisa-title p:nth-of-type(1){margin-right:15px;color:#000}
.wmkc-kaisa-title p:nth-of-type(2){color:#d42223}
.wmkc-kaisa-title{display:flex;margin-bottom:20px}
.wmkc-kaisa-size p:nth-of-type(1){margin-bottom:20px;color:#343333;text-align:justify;font-weight:600;font-size:22px;font-family:Arial;line-height:23px}
.wmkc-kaisa-size p:nth-of-type(2){margin-bottom:20px;color:rgba(1,1,1,.91);text-align:justify;font-weight:400;font-size:18px;font-family:Arial;line-height:26px}
.wmkc-kaisa-size p:nth-of-type(3){color:rgba(1,1,1,.91);text-align:justify;font-weight:400;font-size:18px;font-family:Arial;line-height:26px}
.wmkc-kaisa-icon{display:flex;margin-top:30px;justify-content:center}
.wmkc-kaisa-right img{display:block;max-width:100%}
.wmkc-kaisa{background:#f4f4f4}
.wmkc-adv-left{width:50%}
.wmkc-adv-right{box-sizing:border-box;padding-left:60px;width:50%}
.wmkc-advantage-all{display:flex;padding:85px 0;justify-content:center;align-items:center}
.wmkc-adv-title p:nth-of-type(1){color:#0d0d0d;font-weight:700;font-size:44px;font-family:MiSans;line-height:58px}
.wmkc-adv-title p:nth-of-type(2){color:rgba(1,1,1,.86);font-weight:400;font-size:16px;font-family:Arial;line-height:23px}
.wmkc-adv-title{margin-bottom:20px}
.wmkc-adv-p p:nth-of-type(1){margin-bottom:15px;color:#d42223;font-weight:400;font-size:22px;font-family:Arial;line-height:23px}
.wmkc-adv-p p:nth-of-type(2){margin-bottom:20px;color:rgba(1,1,1,.91);text-align:justify;font-weight:400;font-size:18px;font-family:Arial;line-height:26px}
.wmkc-fa-title{display:flex;padding:20px 0}
.wmkc-fa-title p:nth-of-type(1){margin-right:15px;color:#d42223}
.wmkc-fa-size p{font-size:22px;font-family:Arial;font-weight:400;color:rgba(1,1,1,0.79);line-height:30px;margin-bottom:45px}
.wmkc-fa-box{width:32%;margin-bottom:2%}
.wmkc-fa-all{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px}
.wmkc-fa-box img{display:block;max-width:100%}
.wmkc-team-title{display:flex;margin-bottom:40px}
.wmkc-team-title p:nth-of-type(1){margin-right:15px}
.wmkc-team-title p:nth-of-type(2){color:#D42223}
.wmkc-team-size p{font-size:22px;font-family:Arial;font-weight:400;color:rgba(1,1,1,0.79);line-height:30px;margin-bottom:45px}
.wmck-team-box{width:24%}
.wmkc-team-all{display:flex;justify-content:space-between;margin-bottom:80px}
.wmck-team-box img{display:block}
.wmkc-brand-title{margin-bottom:40px}
.wmkc-brand-title p{font-size:44px;font-family:MiSans;font-weight:bold;color:#0D0D0D;line-height:58px}
.wmkc-brand{padding:95px 0;background:#f4f4f4}
@media (max-width:1400px){.wmkc-about-content{padding:0 3%}
.wmkc-advantage-all,.wmkc-kaisa-all,.wmkc-brand{padding:50px 0}
.wmkc-adv-p p:nth-of-type(2){font-size:16px}
.wmkc-adv-title p:nth-of-type(1){font-size:34px}
.wmkc-fa-all{margin-bottom:30px}
.wmkc-team-all{margin-bottom:50px}
.wmkc-fa-title p,.wmkc-kaisa-title p,.wmkc-team-title p,.wmkc-brand-title p{font-size:34px}}
@media (max-width:1366px){.wmkc-kaisa-left{padding-right:4%}
.wmkc-adv-right{padding-left:30px}}
@media (max-width:1024px){.wmkc-kaisa-size p:nth-of-type(1),.wmkc-fa-size p,.wmkc-team-size p{font-size:16px}
.wmkc-kaisa-size p:nth-of-type(2),.wmkc-kaisa-size p:nth-of-type(3){font-size:14px}
.wmkc-advantage-all,.wmkc-kaisa-all,.wmkc-brand{padding:25px 0}
.wmkc-fa-title p,.wmkc-kaisa-title p,.wmkc-team-title p,.wmkc-brand-title p{font-size:28px}}
@media (max-width:768px){.wmkc-kaisa-all{flex-direction:column}
.wmkc-kaisa-left{padding-right:0;width:100%}
.wmkc-kaisa-right{width:100%;margin-top:20px}
.wmkc-advantage-all{flex-direction:column-reverse}
.wmkc-adv-left{width:100%}
.wmkc-adv-right{padding-left:0;width:100%}
.wmkc-fa-box{width:49%}
.wmkc-team-all{flex-wrap:wrap}}
@media (max-width:450px){.wmkc-adv-title p:nth-of-type(1){font-size:28px;line-height:1;margin-bottom:20px}
.wmkc-adv-p p:nth-of-type(1){font-size:20px}
.wmkc-team-title{margin-bottom:20px}
.wmck-team-box{width:49%;margin-bottom:2%}
.wmkc-brand-title p{line-height:1}
.wmkc-brand-title{margin-bottom:20px}
.wmkc-fa-title p,.wmkc-kaisa-title p,.wmkc-team-title p,.wmkc-brand-title p{font-size:24px}
.wmkc-team-size p{margin-bottom:20px}
.wmkc-fa-all,.wmkc-fa-size p{margin-bottom:20px}}
.ivideo-swiper{padding:0 60px;position:relative;margin-top:40px}
#ivideo{padding-bottom:80px}
.ivideo-swiper .swiper-container{padding:50px 0}
.ivideo-swiper .swiper-pagination{display:none}
.ivideo-swiper .swiper-slide-active{transform:scale(1.5);z-index:8}
.ivideo-btn>div{cursor:pointer;width:40px;height:40px;border:1px solid #d21e1e;border-radius:50%;position:absolute;top:50%;margin-top:-20px;transition:.3s}
.ivideo-btn>div.ivideo-prev{left:0}
.ivideo-btn>div.ivideo-next{right:0}
.ivideo-btn>div:hover{background:#d21e1e}
.ivideo-btn>div:after{content:'';width:10px;height:10px;border:2px solid #d21e1e;border-left:none;border-bottom:none;transform:rotate(-135deg);position:absolute;top:14px;left:15px}
.ivideo-btn>div.ivideo-next:after{transform:rotate(45deg);left:11px}
.ivideo-btn>div:hover::after{border-color:#fff}
@media (max-width:768px){.ivideo-swiper{padding:0}
.ivideo-btn{display:none}}
@media (max-width:480px){.ivideo-swiper .swiper-slide-active{transform:scale(1)}
.ivideo-swiper .swiper-container{padding:0}
.ivideo-swiper{margin-top:20px}
#ivideo{padding-bottom:50px}}
#projects .home-label{text-transform:capitalize}
.certificates .l-wrap{max-width:1440px}
.team{display:flex;flex-wrap:wrap;justify-content:space-between}
.team .item{width:31%;background:#f4f4f4;margin-bottom:70px;padding:30px 0 0;text-align:center}
.team .item .figure{margin-bottom:30px}
.team .item .name{font-size:24px;font-weight:bold;margin-bottom:20px}
.team .item .contact-way p{font-size:18px;margin-bottom:10px}
.team .item .position{padding:15px;font-size:20px;background:#e5e5e5;margin-top:50px}
.team .item a{color:#000}
.team .item:hover .name{color:#d42223}
.team .item:hover .position{background:#d42223;transition:.3s}
.team .item:hover .position{color:#fff}
@media (max-width:1024px){.team .item{width:48%}}
@media (max-width:768px){.team .item{width:100%;margin-bottom:30px}
.team .item .position{margin-top:20px}
.home-label{font-size:18px}
#about{padding:10px 0}
#about .about-company{font-weight:400}}
.news-item-img>a{height:0;padding-bottom:100%}
.news-item-img>a>img{position:absolute;top:0;left:0;height:100%;object-fit:contain}
#info .info-item:nth-child(1){background-image:url(/Content/uploads/2023596486/20230510114332f006a0464d294600a06827df68152e53.jpg)}
#info .info-item:nth-child(2){background-image:url(/Content/uploads/2023596486/20230510114332d2138bad6ba14d37bdde81186cb33530.jpg)}
#info .info-item:nth-child(3){background-image:url(/Content/uploads/2023596486/20230510114333ba186aaca27d468794c046ef3b07ca89.jpg)}
.pro-detail .pro-detail-content .pro-detail-box{max-width:1100px;margin:0 auto}
@media (min-width:1025px){.head-menu-box nav>ul .submenu.nav1 li ul{left:100%;top:0;width:auto}
.head-menu-box nav>ul .submenu.nav1 li:hover>ul{opacity:1;transform:scaleY(1)}
.head-menu-box nav>ul>li ul.submenu{width:auto}
.head-menu-box nav>ul>li ul.submenu li a{white-space:nowrap}
.pro-detail .pro-inquiry{max-width:65%;margin:2% auto 6%}}
.pro-cate-wrap li .cate-name{overflow:inherit}
@media (max-width:1440px){.pro-cate-wrap li .cate-name{white-space:break-spaces;min-height:39px;font-size:13px}}
@media (min-width:1281px){.pro-detail .preview-container{transform:scale(0.8);transform-origin:left top;position:absolute;z-index:1;left:20px}
.pro-detail .pro-detail-top .pro-info{flex:inherit;width:calc(100% - 580px);min-height:460px}
.pro-detail-top .l-wrap{justify-content:flex-end;position:relative}
.pro-detail .singglepic{position:absolute;left:100px;width:460px;text-align:center}
.pro-detail .singglepic img{max-height:460px}}
footer .foot-main .foot-item:nth-child(3) ul li{width:100%;}
@media(max-width:1024px){footer .foot-main .foot-item.foot-cate:nth-of-type(3) ul li {width: 100%;}}

@media (min-width:1025px){.head-menu-box nav>ul #liproducts:hover>.submenu{display:flex !important;}
nav>li#liproducts{position:inherit;}
#liproducts .submenu{padding:10px;list-style:none;width:100vw;flex-wrap:wrap;left:0;box-shadow: none;top:125px;}
#liproducts .submenu:before{content:'';width:100%;height:100%;display:block;background:#fff;z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#liproducts .submenu>li{margin:5px 0;position:relative;min-height:100px;width:32%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;min-width:inherit;width:100%;height:100%;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}
.head-menu-box nav>ul #liproducts{position: static;}
.is-fixed #liproducts .submenu{top:60px;}
}