﻿@charset "utf-8"; 
body{font-family:"Host Grotesk",sans-serif;padding-top:0}
:root{--color:#E60012;--footercolor:#fff}
header{position:relative}
.head-info .nav-ul>li>a{text-transform:uppercase}
.head-info{background:#222}
.index main{background:#212121}
.wmkc-hbanner{position:relative}
.wmkc-hbanner video{width:100%}
.wmkc-hbanner .hbanner-con{position:absolute;top:20%;left:5%;max-width:50%;font-family:Arial}
.hbanner-title{font-size:75px;color:#fff;font-weight:700;line-height:1.3}
.hbanner-txt{font-size:32px;color:#ffffffd4;margin-top:5%;font-weight:100}
@media(max-width:1440px){.hbanner-title{font-size:55px}
.hbanner-txt{font-size:28px}}
@media(max-width:1024px){.hbanner-title{font-size:40px}}
@media(max-width:768px){.hbanner-title{font-size:30px}}
@media(max-width:500px){.hbanner-title{font-size:20px}}
.wmkc-hshow{margin:5% 0 4%}
.wmkc-hshow .list1{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-hshow .list2{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-hshow .item{width:23%}
.wmkc-hshow .item img{width:100%;transition:all .3s}
.wmkc-hshow .item:hover img{transform:translateY(-10px)}
.hshow-line{width:100%;background:#4a4948;height:5px;margin:3% 0}
.wmkc-hshow .info{background:linear-gradient(to bottom,#fff,grey);background-clip:text;color:transparent;font-size:30px;font-weight:var(--fontbold6);text-align:center;margin-top:3%}
@media(max-width:1366px){.wmkc-hshow .info{font-size:24px}}
@media(max-width:768px){.wmkc-hshow .item{width:48%;margin-bottom:20px}}
@media(max-width:500px){.wmkc-hshow .item{width:100%}}
.wmkc-habout{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-habout .left{width:50%}
.wmkc-habout .right{width:50%;padding:4% 8% 0 4%;background:#1b1b1b}
.newhtitle{font-size:45px;color:#fff;font-weight:700;text-transform:uppercase;line-height:1.2}
@media(max-width:1600px){.newhtitle{font-size:38px}}
@media(max-width:1440px){.newhtitle{font-size:34px}}
@media(max-width:1366px){.newhtitle{font-size:30px}}
@media(max-width:1024px){.newhtitle{font-size:24px}}
@media(max-width:500px){.newhtitle{font-size:20px}}
.habout-int{font-size:19px;color:#ffffffad;line-height:1.4;margin-top:2%;text-align:justify;letter-spacing:-1px}
.habout-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:4%}
.habout-list .item{width:47.5%;display:flex;justify-content:space-between;background:#262626;padding:4% 6%;align-items:center;margin-bottom:5%}
.habout-list .item img{filter:brightness(999);max-width:55px;transition:all .3s}
.habout-list .item:hover img{transform:rotateY(180deg)}
.habout-list .con{text-align:center}
.habout-list .con .top{color:#d20010;font-size:24px;font-weight:700}
.habout-list .con .bottom{color:#ffffffd6;line-height:1.2}
.wmkc-habout iframe{width:100%;height:100%}
@media(max-width:1440px){.habout-list .con .bottom{font-size:14px}
.habout-list .item img{max-width:50px}
.habout-int{font-size:16px}}
@media(max-width:1024px){.habout-list .con .top{font-size:20px}
.habout-list .item img{max-width:40px}}
@media(max-width:768px){.wmkc-habout .left{width:100%}
.wmkc-habout .right{width:100%}}
@media(max-width:500px){.habout-list .item{width:100%}}
.hbanner-con .newhtitle{text-transform:capitalize}
@media(max-width:1024px){.hbanner-txt{display:none}}
@media(max-width:768px){.wmkc-hbanner .hbanner-con{max-width:65%}}
.wmkc-htime .bigyear{font-size:70px;font-weight:600;color:#fff;margin-right:4%}
.wmkc-htime .message{font-size:20px;color:#fff;width:33.5%}
.wmkc-htime{max-width:1600px;margin:7% auto}
#htime1-swiper{overflow:hidden;position:relative;margin:4% 0 6%}
#htime1-swiper .item{display:flex;align-items:center;justify-content:center;background:url(/uploads/42509/img/htimebg.png) no-repeat;background-position:center}
.wmkc-htime .newhtitle{text-align:center}
.wmkc-htime .smallyear{font-size:24px;color:#fff;margin-top:19%;cursor:pointer;transform:translateY(50%)}
#htime2-swiper .con{text-align:center}
.htime1-button-next,.htime1-button-prev{width:38px;height:38px;border:1px solid #fff;color:#fff;position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;z-index:99;cursor:pointer}
.htime1-button-prev{left:10%}
.htime1-button-next{right:10%}
#htime2-swiper .con img{opacity:0;transform:translateY(40%)}
#htime2-swiper .swiper-slide-thumb-active .con img{opacity:1}
#htime2-swiper .swiper-slide-thumb-active .con .smallyear{font-weight:800}
#htime2-swiper{padding:0 9%;background:url(/uploads/42509/img/htime-kine.png) no-repeat;background-position:center left}
@media(max-width:1600px){.wmkc-htime{max-width:90%}}
@media(max-width:1280px){#htime2-swiper .con img{transform:translateY(32%)}}
@media(max-width:1024px){.wmkc-htime .smallyear{font-size:20px}
#htime2-swiper .con img{transform:translateY(23%)}
.wmkc-htime .bigyear{font-size:60px}
.wmkc-htime .message{font-size:18px}}
@media(max-width:768px){#htime2-swiper{overflow:hidden}
.wmkc-htime .smallyear{transform:translateY(20%)}}
@media(max-width:500px){.wmkc-htime{max-width:100%}
#htime1-swiper .item{flex-wrap:wrap}
.wmkc-htime .bigyear{width:60%}
.wmkc-htime .message{width:60%}}
.wmkc-htools .l-wrap{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-htools .l-wrap .item{width:49%;position:relative}
.wmkc-htools .l-wrap .item img{width:100%}
.wmkc-htools .l-wrap .item .content{position:absolute;bottom:10%;color:#fff;width:68%;left:50%;transform:translateX(-50%)}
.wmkc-htools .content .title{font-size:35px;font-weight:700;text-align:center}
.wmkc-htools .content .text{font-size:23px;text-align:center;margin:2% 0;font-weight:100;line-height:1.3}
.htools-more{width:185px;height:50px;background:#e60012;border-radius:25px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px;margin-top:4%;transition:all .3s}
.htools-more span{margin-left:20px}
.htools-more:hover{color:#000}
@media(max-width:1280px){.wmkc-htools .content .text{font-size:22px}}
@media(max-width:1024px){.wmkc-htools .content .title{font-size:30px}
.wmkc-htools .content .text{font-size:20px}
.htools-more{font-size:20px}}
@media(max-width:768px){.wmkc-htools .l-wrap .item{width:100%;margin-bottom:20px}}
@media(max-width:500px){.wmkc-htools .content .title{font-size:20px}
.wmkc-htools .content .text{font-size:16px}
.htools-more{font-size:16px}}
.home-hotpro .newhtitle{text-align:center}
.hpro-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:5%}
.hpro-list .item{width:23%;margin-bottom:4%}
.hpro-list .item .img{max-height:350px;overflow:hidden}
.hpro-list .item img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px;height:100%;object-fit:cover;transition:all .3s}
.hpro-list .item:hover img{transform:scale(1.05)}
.wmkc-hpro .newhtitle{text-align:center}
.wmkc-hpro{margin:5% 0 2%}
.hpro-list .content{background:#1b1b1b;color:#fff;padding:30px 20px 10px}
.hpro-list .content .title{font-size:20px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1}
.hpro-list .content p{color:#999;margin:1% 0;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.hpro-more{color:#e60012;display:flex;align-items:center}
.hpro-more span{margin-left:5px;font-size:20px}
.hpro-list .item:hover .hpro-more{color:#fff}
@media(max-width:768px){.hpro-list .item{width:48%}}
@media(max-width:500px){.hpro-list .item{width:100%}}
.wmkc-exhibition .exhibition-bottom{position:relative;min-height:440px;background-repeat:no-repeat;background-size:cover;background-position:right}
.wmkc-exhibition .exhibition-bottom .info{position:absolute;right:8%;top:50%;transform:translateY(-50%);max-width:560px}
.wmkc-exhibition .exhibition-bottom .info .tit{font-size:var(--fontsize22);color:#fff}
.wmkc-exhibition .exhibition-bottom .info .wmkc-title{text-align:left;color:#fff}
.wmkc-exhibition .exhibition-bottom .info .txt{font-size:var(--fontsize20);color:rgba(255,255,255,.78)}
.wmkc-exhibition .exhibition-bottom .info .more{display:inline-block;padding:2px 10px;font-size:var(--fontsize20);color:#fff;background-color:#e60012;margin-top:30px}
.wmkc-exhibition .exhibition-bottom .info .more span{font-size:20px;margin-left:5px}
.hexhibition-title{font-size:43px;color:#fff;font-weight:700}
@media(max-width:1366px){.hexhibition-title{font-size:38px}}
@media(max-width:768px){.wmkc-exhibition .exhibition-bottom .info .tit{font-size:18px}
.hexhibition-title{font-size:20px}
.wmkc-exhibition .exhibition-bottom .info .txt{font-size:16px}
.wmkc-exhibition .exhibition-bottom{min-height:300px;padding:30px 15px}
.wmkc-exhibition .exhibition-bottom .info{position:static;transform:inherit}}
.home-news .newhtitle{text-align:center}
.home-news .homenews-list .homenews-item .homenews-info .title{font-size:var(--fontsize16);color:#4b4b4bc9}
.home-news .homenews-list .homenews-item .homenews-info .more{text-transform:inherit}
.home-news .homenews-list .homenews-item .homenews-info .date em{font-size:30px;color:#525252}
.home-news .homenews-list .homenews-item .homenews-info .date{color:#525252;font-size:18px;display:flex;align-items:center}
.home-news .homenews-list .homenews-item .homenews-info .more{color:#e60012}
.home-news .homenews-list .homenews-item .homenews-info .more em{font-size:13px;color:#e60012;font-weight:var(--fontbold6)}
@media(max-width:768px){.home-news .homenews-list .homenews-item .homenews-info .date{font-size:16px}}
@media(max-width:768px){.wmkc-hbanner video{min-height:inherit}}
footer{color:#fff}
footer .foot-logo img{max-width:100%}
footer .foot-touch .foot-inner .icon em{color:#fff}
footer .foot-share ul a{color:#fff;background:var(--color)}
footer .foot-share ul a i{font-size:18px}
.head-top .l-wrap{justify-content:flex-end}
.head-share{margin-right:20px}
.head-share ul li a i{font-size:20px}
.head-info .head-logo a img{max-width:inherit;height:auto;max-height:85px}
.head-info{height:auto;padding:20px 0 10px}
.head-info .head-nav{display:block}
.head-top .l-wrap{padding:0}
.head-info .search-box{display:none}
.head-info .nav-ul{margin-top:10px}
@media(max-width:1280px){.head-info .head-logo a img{max-height:60px}}
@media(max-width:1024px){.head-info .head-nav{top:70px}
.head-info .head-logo a img{max-height:40px}}
.head-link .item a{color:#fff}
.head-link em{font-size:24px}
.nobanner {padding-top: 0;}
@media(max-width:768px){.head-link .item a {color: var(--headercolor);}.head-share ul{height:auto;}.head-info .head-nav .opacity{background:#222;}.head-info .nav-ul{margin-top:0;}}
.head-info .nav-ul #liproducts .nav1 .LiLevel1:nth-child(5)>a{text-transform:inherit;}
main.pro-d-main .sidebarhot-list .sidebarhot-item {display:block;}
main.pro-d-main .sidebarhot-list .sidebarhot-item .sidebarhot-img {width:100%;margin-bottom:6px;border:1px solid #ddd;height: auto;}
main.pro-d-main .sidebarhot-list .sidebarhot-item .sidebarhot-info {padding:0;width:100%;}
@media (min-width:1025px){.pro-d-main .page-main .sidebar-item.inquiry{margin-top:30px;}}
.page-main .sidebar-item.inquiry+.sidebar-item.maylike {margin-top:30px;border:none;padding:0;}
.page-main .sidebar-item.inquiry+.sidebar-item.maylike .sidebarhot-list {display:flex;flex-wrap:wrap;}
.page-main .sidebar-item.inquiry+.sidebar-item.maylike .sidebarhot-list .sidebarhot-item {width:32%;margin:0 2% 20px 0;}
.page-main .sidebar-item.inquiry+.sidebar-item.maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:0;}
@media (max-width:1024px){.page-main .pagelink+.sidebar-item.maylike .sidebarhot-list{display:flex;flex-wrap:wrap;}
.page-main .pagelink+.sidebar-item.maylike .sidebarhot-list .sidebarhot-item {width:48%;margin:0 4% 20px 0;}
.page-main .pagelink+.sidebar-item.maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:4%;}
.page-main .pagelink+.sidebar-item.maylike .sidebarhot-list .sidebarhot-item:nth-child(2n) {margin-right:0;}}
 .pro-main .sidebarhot-list .sidebarhot-item{flex-direction: column;align-items: flex-start;}
.sidebarhot-list .sidebarhot-item .sidebarhot-img{width: 100%;height: auto;border: 1px solid #ddd;}
.news-main .sidebarhot-list .sidebarhot-item{display: block;}
 @media (min-width: 1025px) {.nobanner header .head-info {background: #222;}}
.pro-main .sidebar .hotpro .sidebarhot-list .sidebarhot-item:nth-child(n+5){display:none;}