﻿@charset "utf-8"; 
:root{--fontfamily:Arial,sans-serif;--color:#0762f7;--color1:#003385}
.wmkc-hbanner{position:relative;color:#fff}
.wmkc-hbanner img{width:100%;height:100vh}
.wmkc-hbanner .content{position:absolute;top:30%;left:17%;width:50%}
.hbanner-title{font-size:64px;font-weight:var(--fontbold6);line-height:1.2}
.hbanner-text{font-size:29px;font-weight:var(--fontbold3);line-height:1.5}
.hbanner-more{display:inline-block;background:var(--color);padding:8px 15px;margin-top:20px}
.hbanner-more:hover{background:var(--color1)}
@media(max-width:1600px){.hbanner-title{font-size:54px}
.hbanner-text{font-size:26px}
}
@media(max-width:1440px){.hbanner-title{font-size:44px}
.hbanner-text{font-size:22px}
}
@media(max-width:1024px){.hbanner-title{font-size:34px}
.hbanner-text{font-size:20px}
.hbanner-more{font-size:14px}
}
@media(max-width:768px){.wmkc-hbanner img{height:auto}
.hbanner-text{display:none}
}
@media(max-width:500px){.hbanner-title{font-size:18px}
.hbanner-more{display:none}
.wmkc-hbanner .content{width:35%}
}
.nwmkc-wrap{max-width:1440px;padding:0 60px;margin:0 auto}
.hshow-info{color:#3c3c3c;font-size:29px;text-align:center;font-weight:var(--fontbold3);line-height:1.3;margin:40px 0}
.hshow-list .left{background:#f2f2f2;width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 60px;align-items:flex-start}
.hshow-list .right{width:50%}
.hshow-list .right img{width:100%}
.hshow-title{color:#3c3c3c;font-size:42px;font-weight:var(--fontbold6);margin-bottom:10px}
.hshow-more{display:inline-block;background:var(--color);padding:6px 15px;color:#fff;margin-top:20px}
.hshow-more:hover{background:var(--color1)}
.hshow-text{color:#3c3c3c;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5}
.hshow-list .item{display:flex;flex-wrap:wrap}
@media(max-width:1366px){.hshow-info{font-size:24px}
.hshow-title{font-size:34px}
}
@media(max-width:1024px){.hshow-title{font-size:28px}
.hshow-more{font-size:14px}
}
@media(max-width:768px){.hshow-list .left{width:100%;padding:20px 60px}
.hshow-list .right{width:100%}
.hshow-list .item:nth-child(2n){flex-direction:column-reverse}
.nwmkc-wrap{padding:0 15px}
.hshow-info{font-size:20px}
}
@media(max-width:500px){.hshow-list .left{padding:10px 15px}
.hshow-info{padding:0 15px;font-size:18px}
.hshow-title{font-size:18px}
.hshow-text{font-size:16px}
}
.wmkc-hstory{display:flex;flex-wrap:wrap;margin-top:40px}
.wmkc-hstory .left{width:50%}
.wmkc-hstory .left img{width:100%}
.wmkc-hstory .right{width:50%;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;padding-left:80px;align-items:flex-start}
.hstory-title{font-size:42px;font-weight:var(--fontbold6)}
.hstory-name{font-size:27px;color:var(--color);font-weight:var(--fontbold7);margin-top:8px}
.hstory-more{display:inline-block;background:var(--color);padding:6px 15px;margin-top:20px}
.hstory-more:hover{background:var(--color1)}
@media(max-width:1600px){.hstory-name{margin-top:2px}
}
@media(max-width:1440px){.hstory-name{font-size:24px}
}
@media(max-width:1366px){.hstory-name{font-size:20px}
.hstory-title{font-size:34px}
}
@media(max-width:1280px){.hstory-title{font-size:30px}
}
@media(max-width:1024px){.wmkc-hstory .right{padding-left:20px}
.wmkc-hstory .left img{height:100%;object-fit:cover}
}
@media(max-width:768px){.wmkc-hstory .left{width:100%}
.wmkc-hstory .right{width:100%;padding:15px}
.hstory-title{font-size:20px}
}
@media(max-width:500px){.hstory-name{font-size:18px}
}
.wmkc-hexper{display:flex;flex-wrap:wrap}
.hexper-title{color:#3c3c3c;font-size:42px;font-weight:var(--fontbold6)}
.hexper-smtitle{color:#3c3c3c;font-size:20px;font-weight:var(--fontbold6);line-height:1.3;margin-top:10px;margin-bottom:8px}
.hexper-text{color:#3c3c3c;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5}
.hexper-more{display:inline-block;background:var(--color);padding:6px 15px;color:#fff;margin-top:25px}
.hexper-more:hover{background:var(--color1)}
.wmkc-hexper .left{width:50%;display:flex;flex-direction:column;justify-content:center;padding:0 80px 0 16%;align-items:flex-start}
.wmkc-hexper .right{width:50%}
.wmkc-hexper .right img{width:100%}
@media(max-width:1440px){.hexper-smtitle{font-size:18px}
}
@media(max-width:1366px){.wmkc-hexper .left{padding-left:5%}
.hexper-title{font-size:34px}
}
@media(max-width:1024px){.wmkc-hexper .left{padding-right:0}
.hexper-title{font-size:30px}
.hexper-more{margin-top:10px}
}
@media(max-width:768px){.wmkc-hexper .left{width:100%;padding:15px}
.wmkc-hexper .right{width:100%}
}
.wmkc-hpillar{background:#000;color:#fff;padding:40px 0 60px}
.nwmkc-wrap2{max-width:1400px;padding:0 60px;margin:0 auto}
.wmkc-hpillar .hpillar-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1%}
.wmkc-hpillar .hpillar-list .item{width:22%}
.hpillar-title{font-size:42px;font-weight:var(--fontbold6);text-align:center}
.hpillar-name{font-size:20px;font-weight:var(--fontbold6);margin-top:12%;margin-bottom:1%;line-height:1.3}
.hpillar-text{line-height:1.5}
@media(max-width:1366px){.hpillar-title{font-size:34px}
}
@media(max-width:1024px){.hpillar-title{font-size:30px}
}
@media(max-width:768px){.wmkc-hpillar .hpillar-list .item{width:48%;margin-bottom:15px}
.nwmkc-wrap2{padding:0 15px}
}
@media(max-width:500px){.wmkc-hpillar .hpillar-list .item{width:100%}
.hpillar-name{margin-top:2%}
}
.wmkc-hglobal{background:#f2f2f2;padding:40px 0 30px}
.hglobal-title{font-size:42px;font-weight:var(--fontbold6);text-align:center;line-height:1.3}
.wmkc-hglobal .hglobal-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:2%}
.wmkc-hglobal .hglobal-list .item{width:23.8%;padding:15px;background:#fff}
.hglobal-add{color:var(--color);font-weight:var(--fontbold7);margin-top:25px}
@media(max-width:1366px){.hglobal-title{font-size:34px}
}
@media(max-width:1024px){.hglobal-title{font-size:30px}
}
@media(max-width:768px){.wmkc-hglobal .hglobal-list .item{width:49%;margin-bottom:15px}
}
@media(max-width:500px){.wmkc-hglobal .hglobal-list .item{width:100%}
}
.hnew-title{font-size:42px;font-weight:var(--fontbold6);line-height:1.3;color:#3c3c3c}
.wmkc-hnew .hnew-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:1%}
.wmkc-hnew .hnew-list .item{width:32%;transition:all .3s}
.wmkc-hnew .hnew-list .item .hnew-img{position:relative;overflow:hidden;display:flex;justify-content:center;width:100%;padding-top:56.25%}
.wmkc-hnew .hnew-list .item a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s}
.hnew-smtitle{display:inline-block;color:var(--color);line-height:1.2;font-size:29px;font-weight:var(--fontbold3);padding:0 5px;margin-top:7%}
.hnew-date{display:inline-block;padding:0 5px;color:#3c3c3c;margin-top:2%}
.wmkc-hnew{padding:40px 0 60px}
.wmkc-hnew .hnew-list .item:hover a img{transform:scale(1.1)}
@media(max-width:1366px){.hnew-title{font-size:34px}
.hnew-smtitle{font-size:24px}
}
@media(max-width:1024px){.hnew-title{font-size:30px}
.hnew-smtitle{font-size:20px}
}
@media(max-width:768px){.hnew-title{font-size:20px}
.hnew-smtitle{font-size:18px}
}
@media(max-width:500px){.wmkc-hnew .hnew-list .item{width:100%;margin-bottom:15px}
}
.wmkc-htouch{background:var(--color);color:#fff;padding:70px 0}
.htouch-title{font-size:42px;font-weight:var(--fontbold6);line-height:1.3;text-align:center}
.htouch-text{font-size:29px;text-align:center;margin-top:1%}
.htouch-more{display:inline-block;background:#00050e;padding:5px 10px;margin-top:3%}
.htouch-more:hover{background:var(--color1)}
.wmkc-htouch .nwmkc-wrap{text-align:center}
@media(max-width:1366px){.htouch-title{font-size:34px}
.htouch-text{font-size:24px}
}
@media(max-width:1024px){.htouch-title{font-size:30px}
.htouch-text{font-size:20px}
}
@media(max-width:768px){.wmkc-htouch{padding:40px 0}
.htouch-title{font-size:20px}
.htouch-text{font-size:18px}
}
header .head-top{display:none}
@media(min-width:1025px){header .head-info .head-nav .nav-ul{display:none}
.head-navpc{display:none}
.menuicon p{width:100%;height:2px;background:var(--headercolor)}
.menuicon p:nth-child(3){width:60%}
header .head-info{height:60px}
header.is-active .head-info{height:60px}
body{padding-top:60px;}
body.index{padding-top:0}
.index header{background:0 0;border-bottom:1px solid #fff}
header{background: radial-gradient(circle at left, #003385 0, #020024 50%);}
header .head-info .l-wrap{max-width:98%}
.head-info .menu{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;cursor:pointer}
.head-info .menu span{color:#fff}
.menuicon{display:flex;flex-direction:column;justify-content:space-between;width:18px;height:14px;margin-right:10px}
header .head-info .head-logo{transform:translateY(30px)}
.head-navpc{width:100vw;height:100vh;background:radial-gradient(circle at left,#003385 0,#020024 50%);color:#fff;position:fixed;top:0;left:0;padding:15px 40px;z-index:99999}
.nav-close{display:flex;align-items:center;font-size:16px;max-width:5%;cursor:pointer}
.nav-close span{font-size:30px;font-weight:var(--fontbold3);margin-right:16px}
.head-navpc .nav-ul{padding:0 30px;width:24%;margin-top:5%;transition:all .3s;border-right:2px solid transparent}
.head-navpc .nav-ul li a{font-size:21px;text-transform:capitalize}
.head-navpc .nav-ul>li{display:flex;justify-content:space-between;padding:.5rem 1rem;position:relative}
.head-navpc .nav-ul>li>em{transform:rotate(-90deg)}
.head-navpc .nav-ul>li .submenu{position:absolute;top:0;left:100%;width:100%;display:none;padding:0 60px;border-right:2px solid transparent}
.head-navpc .nav-ul>li .submenu li{padding:.5rem 1rem;}
.head-navpc .nav-ul:hover{border-right:2px solid #fff}
.head-navpc .nav-ul>li{transition:all .3s;cursor:pointer}
.head-navpc .nav-ul>li::after{content:'';width:0;height:2px;background:#fff;position:absolute;bottom:0;transition:all .5s}
.head-navpc .nav-ul>li:hover::after{width:100%}
.head-navpc .nav-ul>li:hover .submenu{display:block}
.head-navpc .nav-ul>li .submenu .LiLevel1{display:flex;justify-content:space-between;align-items:center;position:relative;padding:.5rem 1rem;}
.head-navpc .nav-ul>li .submenu .LiLevel1 ul{display:none;position:absolute;top:0;left:100%;width:100%;padding:0 90px}
.head-navpc .nav-ul>li .submenu .LiLevel1 ul li{padding:.5rem 1rem;}
.head-navpc .nav-ul>li .submenu .LiLevel1::after{content:'';width:0;height:2px;background:#fff;position:absolute;bottom:0;transition:all .5s}
.head-navpc .nav-ul>li .submenu .LiLevel1:hover::after{width:100%}
.head-navpc .nav-ul>li .submenu:hover{border-right:2px solid #fff}
.head-navpc .nav-ul>li .submenu .LiLevel1:hover ul{display:block}
header.is-active .head-info{background:#fff}
header.is-active .head-info .head-logo{transform:translateY(0)}
header.is-active .menuicon p{background:var(--color)}
header.is-active .head-info .menu span{color:var(--color)}
header.is-active .lang-icon span{color:#000}
header.is-active .lang-icon span::after{background:#000}
header.is-active .lang-icon span::before{background:#000}
.head-search button em{color:#fff}
header.is-active .head-search button em{color:var(--color)}
}
@media(max-width:1440px){.head-navpc .nav-ul{width:33%}
}
@media(max-width:1024px){.head-navpc{display:none}
.head-info .menu{display:none}
}
.footer-top{display:none}
@media(max-width:1024px){.head-lang{display:none}
}
.footmain{display:flex;justify-content:space-between;flex-wrap:wrap}
.footmain .part{width:16%}
@media (min-width:1024px){.footmain .part:nth-child(4){width:30%}}
.footer-bottom{background:#000;color:#fff}
.footmain .list-title{font-weight:var(--fontbold6);margin-bottom:20px}
.footmain .link-list--item{margin-bottom:10px;font-size:13px}
.footmain .link-list--item:hover{color:var(--color1)}
.footer-bottom .bottom{display:flex;justify-content:center;align-items:center;margin-top:40px}
.footer-bottom .footshare{margin-left:50px}
.footer-bottom .footshare>a{display:inline-block;margin:0 20px}
@media(max-width:1024px){.footmain .part{width:48%;margin-bottom:15px}
.footmain .link-list--item{white-space:nowrap}
}
@media(max-width:500px){.footmain .part{width:100%}
.footer-bottom .footshare{margin-left:0;margin-top:10px}
.footer-bottom .bottom{display:block;margin-top:20px}
}
.wmkc-hexper{display:none}
.wmkc-hpillar{display:none}
.wmkc-hglobal{display:none}
@media (min-width:1024px){.footmain .part:nth-child(4){width:24%}
.footmain .part:nth-child(2){width:10%}
.footmain .part:nth-child(3){width:9%}}
@media (min-width:1024px) {
.head-navpc .nav-ul>li .submenu{width: auto;white-space: nowrap;}}
.footer-bottom .footshare{ display: none;}
 .pro-main .product .page-container .product-catelist .product-cateitem .cate-info .cate-title{font-weight:800;color:#fff;font-size:25px}
.pro-main .product .page-container .product-catelist .product-cateitem .cate-info .cate-more{color:#fff}
.pro-main .product .page-container .product-catelist .product-cateitem{background:#000}
.pro-main .product .page-container .product-catelist .product-cateitem .cate-info .cate-more {padding: 4px 10px;background-color: var(--color);color: #FFFFFF;}
header.is-active .head-info .head-logo img:hover{animation: fil 3s forwards;animation-iteration-count: infinite;}

@keyframes fil{
0%   {filter: brightness(0);}
50%   {filter: none}
100%  {filter: brightness(0);}}
 @media (min-width:1025px){header .head-info{position:relative;z-index:1}
header .head-info::after{content:'';position:absolute;height:100%;left:0;top:0;width:100%;background:radial-gradient(circle at right,#003385 0,#020024 50%);z-index:-1}
header.is-active .head-info::after{display:none}
header .head-info::before{position:absolute;width:100%;height:1px;background:#fff;content:'';left:0;bottom:0;z-index:11}
.crumbs .banner-content .banner-title-h1 ,.crumbs .banner-content .banner-breadcrumbs{color: #fff;}
.crumbs .banner-content {background: radial-gradient(circle at right, #003385 0, #020024 50%);}
 }
.wmkc-hbanner .content{display:none;}
header{border-bottom: none !important;}
header .head-info::before{display:none;}
header .head-info::after{display:none;}
.pagesbanner .pagesbanner-animate.banner-fs .p1,.pagesbanner .pagesbanner-animate.banner-fs .p2{text-align: end;padding-right:7%;}
@media (min-width:769px){.pagesbanner .pagesbanner-animate.banner-fs .p2{max-width:37%;margin-left:auto;font-size:32px;}
.pagesbanner .pagesbanner-animate.banner-fs .p1{font-size:70px;}}
.pagesbanner .pagesbanner-animate.banner-fs .p1{font-weight: var(--fontbold7);}
@media (min-width:769px) and (max-width:1600px){.pagesbanner .pagesbanner-animate.banner-fs .p1{font-size:3.6vw}
.pagesbanner .pagesbanner-animate.banner-fs .p2{font-size:2.3vw}}

.pro-d-main .sidebar{display:none}
.pro-d-main .singglepic{width:100%;height:auto}
.pro-d-main .product .right-wrap .commodity .info{position:absolute;width:90%;text-align: left;bottom:30%;right:2%;margin-left:0}
.pro-d-main .product .right-wrap .commodity{position:relative}
.pro-d-main .product .right-wrap .commodity .info .title{width:60%}
.pro-d-main .product .right-wrap .commodity .info .title,.pro-d-main .product .right-wrap .commodity .info .text{color:#ffff;line-height:1.2}
.pro-d-main .product .right-wrap .commodity .info .text{font-size: var(--fontsize20);width: 47%;}
.pro-d-main .product .right-wrap .commodity .info .btn.prodetails-btnlist,.pro-d-main .product .right-wrap .commodity .info .share-btn-list{display:none}
@media (max-width:1440px){.pro-d-main .product .right-wrap .commodity .info .text{width: 64%;}}
@media (max-width:990px){.pro-d-main .product .right-wrap .commodity .info{bottom:10%;}
.pro-d-main .product .right-wrap .commodity .info .title{width:70%}
}
@media (max-width:768px){.pro-d-main .product .right-wrap .commodity .info{width:98%;right:unset;left:2%}
.pro-d-main .product .right-wrap .commodity .info .title{font-size:var(--fontsize20);}
.pro-d-main .product .right-wrap .commodity .info .text{font-size:var(--fontsize16)}}
.pro-d-main  .singglepic img {object-fit: cover;}
.pro-d-main .banner-img{display: none; }
.pro-d-main .singglepic {height: calc(100vh - 104px);}
@media (max-width:1024px) {  .pro-d-main .singglepic { height: auto;}}
.pro-d-main .common-main {padding-top: 0;}
@media (min-width:990px){.pro-d-main .product .right-wrap .commodity .info .title {font-size: 60px;}}
@media (min-width:600px) and (max-width:990px) {.pro-d-main .product .right-wrap .commodity .info .title {font-size: 40px;}
.pro-d-main .product .right-wrap .commodity .info .text{ width: 70%;}}
.kche-t45 .kche-item-img img {border: none !important;}
.kche-t46 .kche-item-img img {border: none !important;}
.pro-d-main .l-wrap {padding: 0px 0px;max-width: unset;}
@media (min-width:1025px){.pro-d-main .crumbs .banner-content .l-wrap{max-width:96%;    padding: 0px 15px;}
}
.kche-t42 .kche-item-img img {border: none !important;}
 .pro-d-main .prodetails-content,.pro-d-main .detail-page,.pro-d-main .related{padding:0 10px}
@media (min-width:1025px) {
.pro-d-main .product .right-wrap .commodity .info{height: 100%;width: 100%;top: 0;right: 0;}
.pro-d-main .product .right-wrap .commodity .info .title{position: absolute;left: 7%;top: 5%;font-weight: bold;}}
 @media (min-width:1024px){.pro-d-main .product .right-wrap .commodity .info .title,.pro-d-main .product .right-wrap .commodity .info .text{position:unset;transform:unset;        width: 100%;}
.pro-d-main .product .right-wrap .commodity .info{width:auto;height:auto;top:50%;left:50%}
}


.wmkcback {position: relative;}
.wmkcback::after {position: absolute;content: '';width: 1920px;height: 100%;top: 0;left: -11.5%;bottom: 0;right: 0;background: #f2f2f2;z-index: -1;}
.common-main{overflow: hidden;}

.kche-t211 .kche-t211-list .kche-t211-item .kche-t211-info {height: 71px;}
.pro-main .product .sidebar{display:none;}

.pro-d-main .wmkc-prodetail-page-pdflist{justify-content: center;display:flex;}
.pro-d-main .wmkc-prodetail-page-pdflist .item{width:auto;margin:0 2%;display:flex;align-items: center;}
.pro-d-main .wmkc-prodetail-page-pdflist .item .icon{width:80px;}
.pro-d-main .wmkc-prodetail-page-pdflist .item .pdf-name{width:calc(100% - 80px);padding-left:10px;}
@media (max-width:640px){.pro-d-main .wmkc-prodetail-page-pdflist{flex-wrap:wrap;}
.pro-d-main .wmkc-prodetail-page-pdflist .item{width:100%;margin:5px 0;}}
.pagesbanner .pagesbanner-animate{display:flex;flex-direction:column}
.pagesbanner .pagesbanner-animate .p1{color:transparent;background: linear-gradient(90deg, var(--color) 50%, #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: var(--fontbold7);display: inline-block;}
.pagesbanner .pagesbanner-animate.products .p1{-webkit-background-clip: text !important;-webkit-text-fill-color: transparent;background: linear-gradient(90deg, var(--color) -30%, #fff 52%);}
.pagesbanner .pagesbanner-animate .p2{color:transparent;background: linear-gradient(90deg, var(--color), #fff 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: inline-block;font-weight: var(--fontbold7);}
   .pro-d-main .product .right-wrap .commodity .info{width:auto;height:auto;top:36%;left:9%}
@media (max-width:768px){.pro-d-main .product .right-wrap .commodity .info{top:23%}
.pro-d-main .product .right-wrap .commodity .info .text,.pro-d-main .product .right-wrap .commodity .info .title{width:100%}}
.pro-d-main article p{ text-align: center; }
.pro-d-main .prodetails-content{ max-width: 720px; margin: 0 auto;}
.pagesbanner .pagesbanner-animate.textcolorwhite .p1,.pagesbanner .pagesbanner-animate.textcolorwhite .p2{color: #fff;-webkit-text-fill-color: #fff;}
.pagesbanner .pagesbanner-animate.textcolorwhite .p2{font-weight: 300;}

@media (min-width:1025px) {
.pro-d-main .product .right-wrap .commodity .info.pro_lens_text{width: 59%;left: 40%;}
.pro-d-main .product .right-wrap .commodity .info.pro_freeformsolutions_text{text-align: right;left: 0;right: 9%;}
.pro-d-main .product .right-wrap .commodity .info.pro_freeformsolutions_text .text{width: 600px;display: inline-block;}
}
.wmkc-itemcont{overflow-y: inherit !important;height: auto !important;}