@charset "utf-8";
:root{--color:#d9001d}
@media (min-width:1025px){body.index header:not(.is-active) .head-info .nav-ul>li>a{color:#fff}
body.index header:not(.is-active) .head-info .head-search button{color:#000}
.page-container{flex-direction:row-reverse}
.page-main{margin:0 0 0 30px}}
.home-news .homenews-list .homenews-item .homenews-img{max-height:inherit}
.home-news .homenews-list .homenews-item .homenews-img a{height:0;position:relative;padding-bottom:100%}
.home-news .homenews-list .homenews-item .homenews-img img{position:absolute;top:0;left:0}
.home-news .homenews-list .homenews-item .homenews-info .title{line-height:22px;height:44px;margin:5px 0 10px}
@media (max-width:560px){.home-news .homenews-list .homenews-item .homenews-info .title{font-size:16px}
.home-news .homenews-list .homenews-item .homenews-info .date{font-size:14px}}
.home-contact{background:url(/uploads/8681/bg.jpg) no-repeat center!important;background-size:cover!important;position:relative}
.home-contact:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0}
.type-intro.seo-key{margin:-10px 0 15px}
/* wmkc-index */
.wmkc-lwrap{max-width:1200px;margin:0 auto}
.wmkc-title{font-size:34px;color:#2B2B2B;text-align:center}
.wmkc-index{font-family:"Segoe UI"}
.wmkc-index .flex-jc-sb{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkc-lwrap.flex-jc-sb>div{width:50%}
.wmkc-lwrap.flex-jc-sb .wmkc-title{text-align:left}
.wmkc-secont{margin-top:25px}
.wmkc-secont p{font-size:17px;font-family:var(--fontfamily);color:#222;line-height:1.5}
.wmkc-flextext{padding-right:40px}
.wmkc-linelink{color:#ff0000;font-size:15px;padding-bottom:20px;border-bottom:1px #ff0000 solid;text-transform:uppercase;font-weight:var(--fontbold7)}
.head-top{display:none}
body{padding-top:0}
.head-info .nav-ul>li>a{font-weight:var(--fontbold7)}
.home-banner .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner video{width:100%;min-height:inherit}
.wmkc-topcont1{padding-top:70px;padding-bottom:80px}
.wmkc-topcont1 .wmkc-secont p{max-width:800px;margin:0 auto;text-align:center;width:100%}
.wmkc-topcont2{position:relative}
.wmkc-topcont2 .wmkc-title{position:absolute;width:100%;color:#fff;top:50%;transform:translateY(-50%)}
.wmkc-aboutus{padding-top:70px;padding-bottom:100px}
.wmkc-aboutus .wmkc-secont p{margin-bottom:20px}
.wmkc-products{background:#EAEAEA;padding-top:90px;padding-bottom:100px}
.wmkc-products .wmkc-secont{padding:0 175px;text-align:center;margin-bottom:20px}
.wmkc-prolist{flex-wrap:wrap}
.wmkc-proli{width:33.33%;text-align:center;margin-bottom:50px;padding:0 1.5%;margin-bottom:50px}
.wmkc-proli .wmkc-proli-tit{font-size:20px;line-height:1.4;margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.wmkc-proli a:hover .wmkc-proli-tit{color:#ff0000}
.wmkc-proli p{font-size:17px;color:#1E1E1E;margin-top:10px;font-family:var(--fontfamily)}
.wmkc-proli img{box-shadow:0px 2px 5px 0px rgba(13,4,9,0.51)}
.wmkc-promore{text-align:center}
.wmkc-contact{position:relative;margin-top:90px}
.wmkc-contact .animate{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:Roter360 10s linear infinite;max-height:150%;z-index:0;opacity:0.5}
.wmkc-contact .wmkc-title{color:#fff}
.wmkc-contact .wmkc-lwrap{position:absolute;top:50%;text-align:center;width:100%;transform:translateY(-50%);max-width:100%;z-index:99}
.wmkc-contact .more{width:150px;height:46px;background-color:#D9001D;border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;margin-top:50px;transition:all .4s linear;position:relative;z-index:1;text-decoration:none;margin:40px auto 0;text-transform:capitalize;overflow:hidden}
.wmkc-contact .more::after{position:absolute;left:0px;top:0px;content:'';display:inline-block;width:0%;height:100%;background-color:#fff;z-index:-1;border-radius:5px;transition:all .2s linear}
.wmkc-contact .more:hover{color:#D9001D;box-shadow:0 0 3px #FFF}
.wmkc-contact .more:hover::after{width:100%;box-shadow:0 0 4px #D9001D}
@media (max-width:560px){.wmkc-contact .more{margin-top:15px;font-size:14px;height:40px;width:120px}}
.wmkc-sample{padding-top:175px;padding-bottom:90px}
.wmkc-sample .wmkc-flextext{padding-top:90px}
@media (min-width:769px){.head-info .head-logo{margin-left:50px}}
@media (max-width:1288px){.wmkc-lwrap{max-width:1000px}
.wmkc-products .wmkc-secont{padding:0 100px}}
@media (max-width:1024px){.wmkc-lwrap{max-width:100%;padding:0 30px}
.wmkc-title{font-size:24px}
.wmkc-secont p{font-size:15px}
.wmkc-topcont1,.wmkc-aboutus,.wmkc-products,.wmkc-sample{padding:40px 0}
.wmkc-proli{margin-bottom:20px}
.wmkc-proli .wmkc-proli-tit{font-size:18px}
.wmkc-proli p{margin-top:10px;font-size:16px}
.wmkc-linelink{padding-bottom:10px}
.wmkc-contact{margin-top:30px}
.wmkc-sample .wmkc-flextext{padding-top:30px}
.wmkc-products .wmkc-secont{padding:0 50px}}
@media (max-width:768px){.wmkc-lwrap{padding:0 15px}
.wmkc-title{font-size:20px}
.wmkc-secont p{font-size:13px}
.wmkc-topcont1,.wmkc-aboutus,.wmkc-products,.wmkc-sample{padding:20px 0}
.wmkc-proli{margin-bottom:10px}
.wmkc-proli .wmkc-proli-tit{font-size:16px}
.wmkc-proli p{margin-top:5px;font-size:14px}
.wmkc-linelink{padding-bottom:5px}
.wmkc-contact{margin-top:10px}
.wmkc-sample .wmkc-flextext{padding-top:10px}
.wmkc-index .flex-jc-sb{display:block}
.wmkc-lwrap.flex-jc-sb>div{width:100%}
.wmkc-fleximg img{width:100%}
.wmkc-flextext{padding-right:0;margin-bottom:10px}
.wmkc-secont{margin-top:10px;margin-bottom:15px}
.wmkc-products .wmkc-secont{padding:0 20px}
.wmkc-contact{margin-top:0}
.wmkc-proli{width:49%}
.wmkc-prolist{flex-wrap:initial}}
/* wmkc-index */
@media (min-width:1025px){.wmkc-aboutus .wmkc-secont,.wmkc-sample .wmkc-secont{margin:35px 0 65px}
.wmkc-sample .wmkc-flextext{padding-top:0}
.wmkc-sample .wmkc-lwrap{align-items:center}
.home-banner video{width:100%;height:100vh;background:#000;object-fit:cover}}
.home-banner .banner-animote .title{font-size:56px}
.home-banner{position:relative;height:auto}
.home-banner:after{content:' v ';position:absolute;font-size:59px;color:#f5f5f5;width:100%;height:100%;display:flex;justify-content:center;top:0;align-items:end;transform:scaleX(1.5)}
.head-info .head-logo a img{max-height:90%}
.home-banner .banner-animote .title{font-size:100px;position:relative;padding-bottom:10px;margin-bottom:30px}
.home-banner .banner-animote .title:after{content:'';width:300px;height:1px;background:rgba(255,255,255,.7);position:absolute;bottom:0;left:50%;margin-left:-150px}
.home-banner .banner-animote .text{font-weight:300;font-size:22px}
@media (max-width:1440px){.home-banner .banner-animote .title{font-size:80px}}
@media (max-width:1200px){.home-banner .banner-animote .title{font-size:65px}
.home-banner .banner-animote .title:after{width:200px;margin-left:-100px}
.home-banner .banner-animote .text{font-size:18px}}
@media (max-width:1024px){.home-banner{margin-top:55px}
.home-banner .banner-animote .title{font-size:50px;margin-bottom:15px}
.home-banner:after{font-size:40px}}
@media (max-width:768px){.home-banner .banner-animote .title{font-size:40px}}
@media (max-width:560px){.home-banner .banner-animote .title{font-size:25px;line-height:1.3;margin-bottom:10px}
.home-banner .banner-animote .title:after{width:100px;margin-left:-50px}
.home-banner .banner-animote .text{font-size:14px}
.home-banner:after{font-size:26px}}
.head-info .nav-ul>li:hover .submenu li:hover>a{background:none}
.head-info .nav-ul>li a.inmenu_1{color:#fff}
.wmkc-contact .more em{display:none}
.feedback-main .common-main .l-wrap{max-width:1420px}
.wmkc-count-us{max-width:1400px;margin:0 auto}
.pro-list.list1 li{padding-bottom:40px}
.pro-list li .pro-info .more{background:var(--color);color:#fff;font-weight:bold;line-height:1.2;padding:8px 15px;display:inline-block;position:absolute;bottom:20px}
.pro-list li .pro-info .more:hover{background:#222}
.common-page{flex-wrap:wrap}
.common-page>a,.common-page>span{margin-bottom:10px}
@media (max-width:560px){.pro-list li .pro-info .more{font-size:14px}}
@media (max-width:450px){.pro-list li .pro-info .title{line-height:1.3}}
@media(min-width:1025px){
.lang{margin-left:10px;}
.lang-icon span{color:#fff}
.lang-icon span::before,.lang-icon span::after{background:#fff;}
}