﻿@charset "utf-8";
:root {--color: #829ef9;}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .left img{object-fit:contain}
main.index section.about-us .block-box .pic img{object-fit:cover}
aside .last-products li img{max-height:100%}
main.page-template-1 .max-width-box aside ul.nav1 li p{padding:0 10px}
.tabs-nav p:nth-child(2) {display:none}
#product .pro-list li{display:flex;flex-direction:column}
#product .pro-list li .pro-img a {display:block;height:0;padding-bottom:100%;}
#product .pro-list li .pro-img a img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;}
#product .pro-list li .pro-cont{flex:1;display:flex;flex-direction:column;align-items: flex-start;}
#product .pro-list li .more-btn{margin-top:auto}
.wmkcdetails{max-width:1180px;margin:0 auto}
.wmkcdetails-title{font-weight:var(--fontbold5);font-size:36px;text-align:center;line-height:1.4}
.wmkcdetails-table{max-width:1000px;margin:0 auto}
.wmkcdetails-table .wmkcdetails-table-p{font-weight:700}
.wmkcdetails-table table tr td,.wmkcdetails-table table tr th{border:2px solid #999;text-align:left;font-weight:400}
.wmkcdetails-table table tr td:nth-child(1),.wmkcdetails-table table tr th:nth-child(1){background:#f2f2f2}
.wmkcdetails-img img{width:100%;}
.wmkcdetails-choose .item{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2em}
.wmkcdetails-choose .item .img{width:400px;z-index:2}
.wmkcdetails-choose .item .img img{vertical-align:bottom}
.wmkcdetails-choose .item .text{flex:1;position:relative;z-index:1;padding:20px 3%}
.wmkcdetails-choose .item .text ul li{line-height:2}
.wmkcdetails-choose .item .text::after{content:"";position:absolute;left:0;bottom:0;background:#f4f4f4;height:100%;width:calc(100% + 200px);z-index:-1}
.wmkcdetails-choose .item:nth-child(2n) .text::after{left:auto;right:0}
.wmkcdetails-features{background:#f7f7f7;padding:0 3%}
.wmkcdetails-features .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcdetails-features .list li{width:26%;text-align:center;margin-bottom:4em;padding:0 3%;font-weight:700;font-size:18px;color:#0e0e0e}
.wmkcdetails-company img{width:100%}
.wmkcdetails-company .wmkcdetails-company-box{background:#e6f7ff;text-align:center;width:100%;max-width:1000px;margin:0 auto;padding:2% 3%;margin-top:-100px;z-index:1;position:relative;font-weight:500;color:#0e0e0e}
.wmkcdetails-company .wmkcdetails-company-box .tit{font-size:24px;position:relative;display:inline-block;margin-bottom:20px;padding-bottom:10px}
.wmkcdetails-company .wmkcdetails-company-box .tit::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#0e0e0e}
.wmkcdetails-warehouse ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmkcdetails-warehouse ul li{width:49%;margin-bottom:20px}
.wmkcdetails-warehouse ul li img{width:100%}
.wmkcdetails-benefits-item{border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#f4f4f4;margin-bottom:2em;padding:3%}
.wmkcdetails-benefits-item .img{width:300px}
.wmkcdetails-benefits-item .info{width:calc(100% - 400px)}
.wmkcdetails-benefits-item .info .p1{font-weight:500;font-size:24px;color:#000;margin-bottom:10px}
.wmkcdetails-benefits-item .info .p2{font-weight:500;font-size:18px;color:#000}
@media (max-width:1280px){.wmkcdetails-features .list li{padding:0}
}
@media (max-width:768px){.wmkcdetails-title{font-size:26px}
.wmkcdetails-features .list li{width:49%;font-size:16px;margin-bottom:1em}
.wmkcdetails-choose .item .img{width:100%;text-align:center}
.wmkcdetails-choose .item{flex-direction:column}
.wmkcdetails-choose .item:nth-child(1){flex-direction:column-reverse}
.wmkcdetails-choose .item .text::after{width:100%}
.wmkcdetails-company .wmkcdetails-company-box{margin-top:0;padding:20px 15px}
.wmkcdetails-benefits-item{flex-direction:column}
.wmkcdetails-benefits-item:nth-child(2n){flex-direction:column-reverse}
.wmkcdetails-benefits-item .img{width:100%}
.wmkcdetails-benefits-item .img img{width:100%}
.wmkcdetails-benefits-item .info{width:100%;padding:10px 0}
}
@media (max-width:768px){.wmkcdetails-warehouse ul li{width:100%}
}
