﻿@charset "utf-8"; 
.news-detail-content article p {margin-top: 3px;}
.welcome-info{padding-bottom:50px}
#swiper-part1 .swiper-slide{width:23%}
#swiper-part1 .swiper-wrapper{justify-content:space-between;flex-wrap:wrap}
@media (max-width:768px){#swiper-part1 .swiper-slide{width:49%}}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item{border:none;text-align:center}
.home-container .partners ul li{max-width: 30%;min-width: 30%;border:2px solid #eee;position:relative;}
.home-container .partners ul{justify-content:space-between;max-width:1000px;margin-left:auto;margin-right:auto}
.home-container .partners ul li:hover+li{border-color:#eee}
.home-container .partners ul li p{position:absolute;width:80%;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
@media (max-width:768px){.home-container .partners ul li p{position:static;transform:none;font-size:3vw;width:100%;padding:10px 0}}
@media (min-width:769px){.home-container .partners ul{margin-top:60px}}
.home-container .partners{margin-bottom:60px}
.home-container .partners ul li:hover{border-color:#2b3aa1;border-width:2px}
.home-container .lastest-news ul li a object{height:100%}
.home-container .lastest-news ul li .news-img img{height:100%}
.xyfabout h2 { margin: 50px 0 20px 0;}
.abouts-content article div {margin-bottom: 20px;}
.our-list{background-color:#fbfbfb;margin-top:20px;display:flex;flex-wrap:wrap}
.our-list li{width:16.66%;text-align:center;padding:3.5% 0}
.our-list li:nth-child(odd){background-color:#f6f6f6}
.our-list li em{font-family:'iconfont1' !important;}
.our-list li .iconfont{font-size:48px;color:#2b3aa1;}
.our-list .our-item-name{color:#777;margin:10px 0 6px;line-height:1.5;word-break:break-all}
.our-list .our-item-bref{color:#333;font-size:24px;font-weight:500;line-height:1.5}
@media (max-width:768px){
  .our-list li{width:33%}
  .our-list .our-item-bref{font-size:16px}
  .our-list li .iconfont{font-size:24px}
}
header .header-top .top-right #xyz{width:125px;}
.top-share{display:flex;align-items:center}
.top-share a{line-height:1;margin-right:5px}
@media (min-width:1301px){.pro-detail-content .pro-review,.pro-detail-content .pro-intro,.pro-detail-content .random-pro-list,.pro-detail-content .send-inquiry .inquiry-form {max-width:1200px;margin-left:auto;margin-right:auto;}
.pro-detail-content .pro-review .pro-preview-right {padding-right:0;}
.pro-detail-content .pro-detail-title,.pro-detail-content .pro-page-switch {padding:0 calc(50% - 600px);}}
.detail-container .wmkc-template-62.wmkc-evaf-t62>div>.wmkc-flex-item>div img{object-fit:contain}
@font-face{font-family:ClashDisplayVariable;src:url(https://css02.v15cdn.com/m401/Clash-Display-Variable-Bold.ttf)}
.wmkc-wrap{max-width:1240px;padding:0 15px;margin:0 auto}
.wmkc-common .wmkc-inner{position:relative}
.wmkc-common .wmkc-inner .wmkc-ban{width:100%;min-height:500px;height:100%;display:block;object-fit:cover}
.wmkc-page .inner-banner{display:none}
.wmkc-page .breadcrumbs-nav{display:none}
.wmkc-page .abouts-content{padding:0}
.other-products{margin-top:60px}
.other-products .title{font-size:50px;color:#000f40;font-weight:600;text-transform:uppercase;font-family:ClashDisplayVariable}
.other-products .list{margin-top:40px;display:flex;justify-content:space-between}
.other-products .list .item{width:24%;position:relative}
.other-products .list .item .img{width:100%;height:100%;overflow:hidden}
.other-products .list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.other-products .list .item .info{padding:10px 10px;position:absolute;left:0;bottom:10px}
.other-products .list .item .info .tit{color:#fff;font-size:25px;font-weight:500;text-transform:uppercase}
.other-products .list .item .info .more{color:#fff;font-size:15px;font-weight:500;position:relative;display:inline-flex;align-items:center}
.other-products .list .item .info .more img{margin-left:20px;width:40px}
.other-products .list .item:hover .img img{transform:scale(1.05)}
@media screen and (min-width:769px){#liproducts .submenu.nav3{min-width:inherit!important;width:100%;position:fixed!important;left:50%!important;transform:translateX(-50%) scaleY(0)!important;padding:20px 23%;display:flex;flex-wrap:wrap;background:rgba(255,255,255,.98);justify-content:flex-start;align-items:flex-start;top:150px!important;box-sizing: border-box}}
.wmkc-about .aboutlist{display:flex;justify-content:space-between;margin-top:120px}
.wmkc-about{padding-bottom:60px}
.wmkc-about .aboutlist .item{width:23%}
.wmkc-about .aboutlist .item .icon{text-align:center;min-height:45px;display:flex;justify-content:center;align-items:flex-end;margin-bottom:10px}
.wmkc-about .aboutlist .item .num{font-size:40px;color:#ffe615;text-align:center}
.wmkc-about .aboutlist .item .num sup{font-size:24px;transform:translateY(-2px)}
.wmkc-about .aboutlist .item .tit{color:#fff;text-align:center;font-size:25px}
.wmkc-pro{padding:100px 0 50px}
.wmkc-pro .part-title::after{content:"01"}
.wmkc-pro .part-title h3{color:#1b1b1b;font-size:48px;font-family:ClashDisplayVariable}
.wmkc-pro .part-title p{color:#1b1b1b;font-size:25px;font-weight:var(--fontbold4)}
.wmkc-pro .prolist{display:flex;flex-wrap:wrap;margin-top:80px}
.wmkc-pro .prolist li{width:18%;height:30%;margin-right:2.5%;margin-bottom:30px}
.wmkc-pro .prolist li .pro-img{width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border:1px solid #eee}
.wmkc-pro .prolist li .pro-img img{display:block;width:100%;height:100%;border:none;transition:all .5s}
.wmkc-pro .prolist li .pro-name{color:var(--fontcolor);font-size:var(--fontsize18);line-height:45px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.wmkc-pro .prolist li .pro-btn{width:120px;height:33px;margin:0 auto;box-sizing:content-box;display:flex;justify-content:center;align-items:center;border:1px solid #4e4d4d;border-radius:16.5px;transition:all .5s}
.wmkc-pro .prolist li .pro-btn a{color:var(--fontcolor);transition:all .5s}
.wmkc-pro .prolist li:hover .pro-img img{transform:scale(1.05)}
.wmkc-pro .prolist li:hover .pro-btn{border:1px solid #fff;background-color:var(--color)}
.wmkc-pro .prolist li:hover .pro-btn a{color:#fff}
.wmkc-pro .prolist li:nth-child(-n+4){width:23.5%;margin-right:2%}
.wmkc-pro .prolist li:nth-child(4){margin-right:0}
.wmkc-pro .prolist li:nth-child(9){margin-right:0}
.wmkc-our{background-repeat:no-repeat;background-size:cover;padding:60px 0}
.wmkc-our .part-title h3{color:#1b1b1b;font-size:48px;font-family:ClashDisplayVariable}
.wmkc-our .oru-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.wmkc-our .oru-list .item{width:49%;display:block;margin-bottom:20px;position:relative;border-radius:20px;overflow:hidden}
.wmkc-our .oru-list .item .img{width:100%;height:100%;position:relative;overflow:hidden}
.wmkc-our .oru-list .item .img::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(1,15,63,.4)}
.wmkc-our .oru-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.wmkc-our .oru-list .item .info{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px}
.wmkc-our .oru-list .item .info .title{color:#fff;text-align:center;font-size:40px;font-family:ClashDisplayVariable}
.wmkc-our .oru-list .item:hover .img img{transform:scale(1.05)}
.wmkc-about{background-repeat:no-repeat;background-size:cover;padding:120px 0}
.wmkc-about .part-title h3{color:#fff;font-size:48px;font-family:ClashDisplayVariable}
.wmkc-about .txt{color:#fff;margin-top:40px}
.wmkc-service{padding-top:80px}
.wmkc-service .part-title::after{content:"03"}
.wmkc-service .part-title h3{color:#1b1b1b;font-size:48px;font-family:ClashDisplayVariable}
.wmkc-service .part-title p{color:#1b1b1b;font-size:25px;font-weight:var(--fontbold4)}
.wmkc-service .service-list{display:flex;justify-content:space-between;margin-top:40px}
.wmkc-service .service-list .item{width:24%;border-radius:30px;overflow:hidden;position:relative}
.wmkc-service .service-list .item .img{width:100%;height:100%}
.wmkc-service .service-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.wmkc-service .service-list .item .info{padding:20px 5px;position:absolute;left:0;bottom:0}
.wmkc-service .service-list .item .info .tit{font-size:28px;color:#fff;text-align:center;font-weight:700}
.wmkc-service .service-list .item:hover .img img{transform:scale(1.05)}
.wmkc-choose{padding:80px 0}
.wmkc-choose .part-title::after{content:"04"}
.wmkc-choose .part-title h3{color:#1b1b1b;font-size:48px;font-family:ClashDisplayVariable}
.wmkc-choose .part-title p{color:#1b1b1b;font-size:25px;font-weight:var(--fontbold4)}
.wmkc-choose .choose-con{display:flex;justify-content:space-between;margin-top:60px}
.wmkc-choose .choose-con .info{width:calc(48% - 20px);padding-right:20px;display:flex;flex-wrap:wrap}
.wmkc-choose .choose-con .info li{width:100%;border:1px solid #d2d2d2;padding:20px 10px 20px 20px;min-height:13.05%;margin-bottom:20px;display:flex;align-items:center}
.wmkc-choose .choose-con .info li .icon{width:0;height:0;border:10px solid transparent;border-left:15px solid #001f6d;margin-right:10px}
.wmkc-choose .choose-con .info li .tit{font-size:24px;color:#1b1b1b;line-height:30px;flex:1}
.wmkc-choose .choose-con .img{width:52%;height:100%}
.wmkc-choose .choose-con .img img{width:100%;height:100%;object-fit:cover;display:none}
.wmkc-choose .choose-con .img img.active{display:block}
@media screen and (max-width:1280px){.wmkc-choose .choose-con .info li{min-height:10%}
}
@media screen and (max-width:1024px){.wmkc-pro .prolist li{width:32%!important;margin-right:2%!important}
.wmkc-pro .prolist li:nth-child(3n){margin-right:0!important}
.wmkc-choose .choose-con .info li .tit{font-size:20px}
}
@media screen and (max-width:768px){.wmkc-pro{padding-top:40px}
.wmkc-pro .part-title h3{font-size:24px}
.wmkc-pro .part-title p{font-size:18px}
.wmkc-pro .prolist{justify-content:space-between;margin-top:40px}
.wmkc-pro .prolist li{width:49%!important;margin-right:0!important}
.wmkc-our .part-title h3{font-size:24px}
.wmkc-our .oru-list .item .info{width:90%}
.wmkc-our .oru-list .item .info .title{font-size:16px}
.wmkc-about{padding:40px 0}
.wmkc-about .part-title h3{font-size:24px}
.wmkc-about .txt{margin-top:25px}
.wmkc-service{padding-top:40px}
.wmkc-service .part-title h3{font-size:24px}
.wmkc-service .service-list{flex-wrap:wrap;justify-content:space-between}
.wmkc-service .service-list .item{width:49%;margin-top:20px}
.wmkc-service .service-list .item .info{padding:20px}
.wmkc-service .service-list .item .info .tit{font-size:20px}
.wmkc-choose .part-title h3{font-size:24px}
.wmkc-choose{padding:40px 0}
.wmkc-choose .choose-con{flex-wrap:wrap}
.wmkc-choose .choose-con .info{width:100%;padding-right:0}
.wmkc-choose .choose-con .info li{padding:10px 10px 10px 20px;min-height:60px}
.wmkc-choose .choose-con .img{width:100%}
}
@media screen and (max-width:1024px){.other-products .title{font-size:42px}
}
@media screen and (max-width:768px){.other-products{margin-top:40px}.other-products .title{font-size:24px}.other-products .list{flex-wrap:wrap;margin-top:20px}.other-products .list .item{width:49%;margin-bottom:10px}.other-products .list .item .img img{width:100%}}
@media screen and (max-width:500px){.other-products{margin-top:30px}.other-products .list .item .info .tit{font-size:18px}.other-products .list .item .info .more{font-size:16px}}
@media screen and (max-width:768px){.wmkc-about .aboutlist{flex-wrap:wrap;margin-top:60px}.wmkc-about .aboutlist .item{width:49%;margin-bottom:20px}.wmkc-about .aboutlist .item .num{font-size:34px}.wmkc-about .aboutlist .item .num sup{font-size:18px}.wmkc-about .aboutlist .item .tit{font-size:18px}}
@media screen and (max-width:500px){.wmkc-about .aboutlist .item .icon{margin:0 10px}.wmkc-about .aboutlist .item .num{font-size:24px}.wmkc-about .aboutlist .item .num sup{font-size:16px}.wmkc-about .aboutlist .item .tit{font-size:16px}}
@media screen and (min-width:769px) {#licompany .submenu>li:first-child{padding-left: 30%;}}
@media screen and (max-width:1440px) {#liproducts .submenu.nav3{padding: 20px 15%;}}
@media screen and (max-width:1024px) {#liproducts .submenu.nav3{padding: 20px 5%;}}
@media screen and (max-width:768px) {#liproducts .submenu.nav3{padding: 0;}}
@media (max-width:768px){.pagesbanner img{min-height:inherit;}}
@media (max-width:500px){.pro-detail-content .kche-t195 .kche-t195-item{width:48%}
.pro-detail-content .kche-t195 .kche-t195-math span{font-size:25px!important}
.pro-detail-content .kche-t195 .kche-t195-tit span{font-size:16px!important}}
@media (min-width:769px){header nav ul li#liproducts{position:relative}
header nav ul li#liproducts>ul.submenu{width:auto;left:0;right:auto;display:block;}
header nav ul li#liproducts>ul.submenu>li{margin:0;}
header nav ul li#liproducts>ul.submenu>li>a{white-space: nowrap;padding:10px;text-align: left;display:block;}
header nav ul li#liproducts>ul.submenu>li>ul{position:absolute;top:0;left:100%;display:none;background:#fff;}
header nav ul li#liproducts>ul.submenu>li>ul>li{margin:0;}
header nav ul li#liproducts>ul.submenu>li>ul>li>a{width:100%;white-space: nowrap;text-align: left;display:block;padding:10px;}
header nav ul li#liproducts>ul.submenu>li:hover>ul{display:block;}
header nav ul li#liproducts ul li:after{display: none;}}
@media (max-width:768px){header nav ul li#liproducts>ul.submenu>li>ul{position: initial;width:100%;}}