@media (min-width:769px){.common_title{font-size:42px;}}
@media (min-width:769px) and (max-width:1366px){.common_title{font-size:32px;}}
#Showcase{background: #fcfcfc;padding-top: 2%;}
.home-news{padding:4% 0}
.home-news .news-list{display:flex;flex-wrap:wrap}
.home-news .news-list li{width:23.5%;margin-right:2%;box-shadow:0 6px 20px 0 rgba(8,1,3,.08);border-radius:3px;margin-top:40px;overflow:hidden}
.home-news .news-list li:nth-child(4n){margin-right:0}
.home-news .news-list li .img{position:relative;overflow:hidden;display:block;position:relative;height:0;padding-bottom:75%}
.home-news .news-list li .img img{width:100%;transition:all .2s linear;max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}
.home-news .news-list li .img .date{position:absolute;top:0;right:0;background-color:var(--color);color:#fff;font-size:var(--fontsize14);font-weight:var(--fontbold6);line-height:1.4;padding:11px 22px;transition:all .2s linear}
.home-news .news-list li .img .date span{display:block;text-transform:uppercase}
.home-news .news-list li .info{padding:20px}
.home-news .news-list li .info .title{font-size:var(--fontsize18);font-weight:var(--fontbold5);line-height:1.4;transition:all .2s linear;color:#000}
.home-news .news-list li .info .txt{padding-top:14px;border-top:1px solid #eaeaea;color:var(--introcolor);font-size:var(--fontsize16);margin-top:14px}
.home-news .news-list li .info .more{display:inline-flex;align-items:center;margin-top:10px;color:var(--color);font-size:var(--fontsize14)}
.home-news .news-list li .info .more span{position:relative;margin-right:10px;font-weight:var(--fontbold6);text-transform:uppercase;transition:all .2s linear}
.home-news .news-list li .info .more span::before{content:"";position:absolute;width:6px;height:1px;background-color:var(--color);left:0;bottom:0;transition:all .2s linear}
.home-news .news-list li .info .more em{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--color) 0,#e8e8e8 100%);color:#fff;transform:rotate(-45deg);transition:all .2s linear}
.home-news .news-list li:hover .img img{transform:scale(1.03)}
.home-news .news-list li:hover .img .date{background-color:var(--color)}
.home-news .news-list li:hover .info .title{color:var(--color)}
.home-news .news-list li:hover .info .more span{color:var(--color)}
.home-news .news-list li:hover .info .more span::before{background-color:var(--color);width:100%}
.home-news .news-list li:hover .info .more em{background:linear-gradient(90deg,var(--color) 0,#e8e8e8 100%);transform:rotate(0)}
@media (max-width:768px){.home-news{padding:40px 0}
.home-news .news-list{margin-top:10px;justify-content:space-between}
.home-news .news-list li{width:49%;margin-top:15px;margin-right:0}
}@media (max-width:550px){.home-news .news-list li .img .date{padding:5px 10px}
.home-news .news-list li .info{padding:10px}
}.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold6);text-align:center;text-transform:capitalize;line-height:1.4}
.home-des{font-size:var(--fontsize16);color:var(--introcolor);text-align:center;max-width:1000px;margin:6px auto 0}
@media (max-width:768px){.home-des{margin-top:0}
}
@media (min-width:501px){.home-about .img{padding-left:100px}
.home-about .img .img-box img{border-radius:25px;overflow:hidden}
.home-about .img .num-box{width:130px;height:130px;}
.home-about .img .num-box .num{font-size:36px;}
.home-about .img .num-box .tit{font-size:var(--fontsize14);}}
@media (max-width:500px){.home-about .img .num-box .tit{font-size:var(--fontsize12);}}
.home-products .pro-list li{display:flex;flex-direction:column;}
.home-products .pro-list li .info{flex:1;display:flex;flex-direction:column;}
.home-products .pro-list li .info .title{line-height:1.4;margin-bottom:15px;}
.home-products .pro-list li .info .btn{margin-top:auto;display:flex;justify-content:center;}
.home-products .pro-list li .info .btn a{border:1px solid #ccc;border-radius:40px;padding:5px 15px;font-size:var(--fontsize15);transition:.4s}
.home-products .pro-list li .info .btn a em{margin-left:5px}
.home-products .pro-list li:hover .info .btn a{background: linear-gradient(to right, #00A0E8aa , var(--color)); ;color:#fff;border-color:var(--color)}
.home-contact{background-blend-mode:overlay;background-color:#00000055}
.home-contact .inquiry-box{background:#35668E}
.home-contact .wmkcfeedback .send-btn{color:#35668E}
@media (min-width:769px){.home-about .img{width:49%;}}
.home-about .img img{border-radius:0;width:100%;display:block;}
.home-about .img{padding-left:0;border-radius:15px;overflow:hidden;}
.home-choose .img-box{border-radius:20%;}
.home-choose .img-box::before{border-radius:20%;}
.home-choose .img-box img{border-radius:20%;}