@charset "utf-8"; 
.home-boxshaw .box{ background: url(/Content/uploads/2024326579/20241226154404acfd729cf2444905a4ef5b97ca65e656.png) no-repeat; background-size: cover;}
.home-boxshaw .box .home-more{ background: #f8bd00;}
.wmck-producs{padding-top:4%}
.wmck-producs .wmpro-list{display:flex;justify-content:space-between}
.wmck-producs .wmpro-list .wmpro-item{display:block;flex:1;margin:0 5px;margin-top:40px;position:relative;height:495px;transition:all .4s ease-in-out}
.wmck-producs .wmpro-list .wmpro-item:hover{flex:3}
.wmck-producs .wmpro-list .wmpro-item .img{width:100%;height:100%}
.wmck-producs .wmpro-list .wmpro-item img{width:100%;height:100%;object-fit:cover}
.wmck-producs .wmpro-list .wmpro-item .info{position:absolute;width:100%;padding:0 20px;bottom:20px;color:#fff}
.wmck-producs .wmpro-list .wmpro-item .info .title{font-size:var(--fontsize24);font-weight:var(--fontbold6);line-height:1.2}
@media screen and (max-width:1280px){.wmck-producs .wmpro-list .wmpro-item{height:365px}}
@media screen and (max-width:768px){.wmck-producs{padding-top:30px}
.wmck-producs .wmpro-list .wmpro-item{flex:none!important;width:100%;margin-top:20px;height:auto}
.wmck-producs .wmpro-list{flex-wrap:wrap}
.wmck-producs .wmpro-list .wmpro-item .info .title{font-size:var(--fontsize20)}}
.home-pro .list{max-width:1600px;margin:0 auto;padding:0 70px;width:100%}
@media screen and (max-width:1024px){.home-pro .list{padding:0 15px}}
#customerswiper1{margin-top:50px}
#customerswiper1 .img{overflow:hidden}
#customerswiper1 .img img{transition:.3s}
#customerswiper1 .img img:hover{transform:scale(1.02)}
#customerswiper1 .title{font-size:20px;margin-bottom:30px}
@media (max-width:1024px){
#customerswiper1 .title{margin-bottom:10px}}
#customerswiper1 .con{padding:20px 0}
#customerswiper1 .con .text{font-size:15px;color:#999;padding-bottom:20px;border-bottom:1px solid #eee}
#customerswiper1 .con .name{margin:10px 0 20px}
@media (max-width:1024px){
#customerswiper1 .con .name{margin-bottom:10px}}
#customerswiper1 .con .job-position{color:#aaa;font-size:14px;font-weight:500}
.home-banner .swiper-slide>a::after{background: linear-gradient(to right, rgba(0, 0, 0, .3), rgba(0, 0, 0, .1));}
@media (min-width:1025px) {.head-logo a img{ max-height: 80px;}}
.home-videos{display:none;}
.home-boxshaw{margin-top: 0;}