@charset "utf-8";
@media (min-width:901px){#about .l-wrap{align-items:center}
#about .about-con{padding-top:0;padding-right:0;padding-left:6%}}
#brand{padding-bottom:15px}
#brand img{margin:0 auto;;display:block}
#home-pic{padding:60px 0;background: #f8f8f8;}
.home-pic-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-pic-list li{width:24%}
.home-pic-list li img{display:block;height:100%;object-fit:cover}
@media (max-width:1024px){.home-pic-list li{width:49%;margin-bottom:10px}
#home-pic{padding:40px 0 30px}}
.inner-banner h2,.inner-banner h1{display:none}
#projects{padding-top:36px}
#projects .home-title{line-height:1.3;margin-top:5px;margin-bottom:50px}
@media (max-width:1600px){#projects{padding-top:26px}
#projects .home-title{margin-bottom:30px}}
@media (min-width:901px){#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.65)}}
#projects #home-projects .swiper-slide.swiper-slide-prev{transform:scale(1.57) translateX(-45%)}
#projects #home-projects .swiper-slide.swiper-slide-next{transform:scale(1.57) translateX(45%)}
#projects::before{background-color:#fff}
#projects .home-title{color:#000000}
@media (min-width:901px){#projects #home-projects .swiper-slide.swiper-slide-active{transform:scale(1.57)}}
.category-list{display:flex;flex-wrap:wrap}
.category-list li{margin-right:2.5%;margin-bottom:2.5%;width:23%;background-color:#d5d3d3}
.category-list li:nth-of-type(4n){margin-right:0}
@media (max-width:768px){.category-list li{width:48%}
.category-list li{margin-right:4%;margin-bottom:4%}
.category-list li:nth-of-type(2n){margin-right:0}}
#info .video-btn{text-align:center}
#link {padding:20px 0 40px}
.whatslinklist {display:flex;justify-content:space-between;max-width:1300px;margin:0 auto}
.whatslinklist li {margin:3px 0;width:calc(33.333% - 5px);}
.whatslinklist li img {display:block;width:100%;}
.whatslinklist li a {display:block;width:100%;}
@media (max-width:560px){#link {padding:5px 0 20px}}
.pro-detail .pro-detail-top .pro-info .pro-con{-webkit-line-clamp: 10;max-height: inherit;}
.pro-d-main .pd-main .l-wrap{max-width:1230px}
footer .foot-submit button {text-transform:capitalize;font-weight:bold;}
footer .foot-sign .sign-tit {margin:0;max-width:450px;}
.process{padding:4% 0;}
.process .innerbox{display:flex;flex-wrap:wrap;justify-content: space-between;position:relative;}
.process .innerbox>div{width:49%;}
.process .innerbox .more{text-align: center;margin-top:20px;}
.process .innerbox .more a{text-decoration: none;font-weight: bold;border-radius: 5px;width: 380px;height: 62px;font-size: 25px;display: inline-flex;align-items: center;justify-content: center;color: #fff;transition: all .2s linear;border: 2px solid #FFF;cursor: pointer;background:#a8c7b1}
.process .innerbox .more a:hover{background:var(--color);color:#fff;}
.process .innerbox .cess-feedback{display:none;position: fixed;left: 0px;top: 0px;width: 100vw;height: 100vh;background: rgba(0, 0, 0, .8);z-index: 9999999;}
.process .innerbox .cess-feedback .inner{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 20px;border-radius: 10px;max-width:400px;}
.process .innerbox .cess-feedback .inner .feedback-title{font-weight:var(--fontbold7);font-size:30px;text-align: center;margin-bottom:20px;}
.process .innerbox .cess-feedback .close-box {position: absolute;top: 100px;right: 70px;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: all .1s linear;}
.process .innerbox .cess-feedback .close-box em{font-size:50px;color:#fff;}
.process .send-inquiry .inquiry-form input,.process .wmkcfb-fileupload,.process .send-inquiry .inquiry-form textarea{width:100%;border-radius: 10px;border:1px solid #ccc;}
.wmkcfeedback .send-btn{width:100%;border-radius: 10px;}
@media (max-width:768px){.process .innerbox .more a{width: 240px;height: 50px;font-size: 18px;}
.process .innerbox .cess-feedback .inner .feedback-title{font-size:20px;}}
@media (max-width:550px){.process .innerbox>div{width:100%;margin:10px 0;}
.process .innerbox .cess-feedback .inner{width:100%;max-width:90%;}
.process .innerbox .cess-feedback .close-box{right:20px;}}
@media (min-width: 769px) {#home-swiper {min-height: unset;}}
@media (max-width: 768px){.breadcrumb .breadcrumb-box{position: unset;}
.pagesbanner video, .pagesbanner img{min-height: auto;}}