@charset "utf-8";
:root {--color1:#E52027;--headercolor:#000000}
.head-top{background:#eee}
.table tr:nth-child(even){background:#fff}
.table tr:nth-child(odd){background:#eee}
.wmkc-template-33 .wmkc-flex{display:flex;align-items:center;background:none}
.wmkc-template-33 .wmkc-item-img{padding:0!important}
.wmkc-template-33 .wmkc-item-img img{max-height:inherit!important;position:static!important}
.abouts-content{line-height:1.75em;padding-top:20px}
.abouts-content img{height:auto}
.home-container .welcome-info .part-item .swiper-wrapper .swiper-slide .part-list-item .item-title{height:45px;text-transform:capitalize}
footer .footer-container .bottom-info .intro .intro-text{-webkit-line-clamp:inherit}
header nav .header-logo img{max-height:90%}
footer .foot-main .foot-item .foot-title img{display:none}
.inner-banner h2,.inner-banner h1{display:none}
@media (min-width:1025px){body.index header:not(.is-fixed){position:relative;z-index:11}
body.index header:not(.is-fixed) .head-top{background:none}
body.index header:not(.is-fixed) .head-main{background:none}
body.index main.home-main{margin-top:-127px}}
#info .info-item:nth-of-type(1){background:url(/Content/uploads/2023733622/202308111656411e0d241d901e4e8ea9fab7192fbec6f5.jpg) center/cover no-repeat}
#info .info-item:nth-of-type(2){background:url(/Content/uploads/2023733622/20230811165640fc9ddaf9ca544aeea8a461f9fceac485.jpg) center/cover no-repeat}
#info .info-item:nth-of-type(3){background:url(/Content/uploads/2023733622/2023081116564136f34a8c3d904194826c3b34291bd8c9.jpg) center/cover no-repeat}
#info{position:relative;}
#info .l-wrap{position:relative;z-index:2}
#info:after{content:'';width:100%;display:block;position:absolute;top:0;left:0;height:71%;background:#00000099;z-index:1}
@media (max-width:1600px){#info:after{height:62%}}
@media (max-width:1440px){#info:after{height:56%}}
@media (max-width:1366px){#info:after{height:52%}}
@media (max-width:1024px){#info:after{height:44%}}
@media (max-width:768px){#info:after{height:37%}}
#projects::before{background:#f5f5f5}
#projects .l-wrap{color:var(--fontcolor)}
#product .pro-list li .pro-cont{text-align:center}
@media (min-width:769px){.foot-main .l-wrap>div{max-width:24%}
footer .foot-main .foot-item.foot-about{padding-right:0;border:none}
footer .foot-main .foot-item.foot-cate ul{display:block}
footer .foot-main .foot-item.foot-cate{width:auto;max-width:24%}
footer .foot-main .foot-item.foot-cate ul li{width:100%}
footer .foot-main .foot-item.foot-contact{padding-left:0;border:none}}
@media (max-width:1024px) and (min-width:769px){footer .foot-main .foot-item.foot-cate:nth-of-type(3) ul li{width:100%}
.foot-main .l-wrap>div{max-width:32%}
footer .foot-main .foot-item.foot-cate{max-width:32%}}
footer a:hover,footer .foot-main .foot-item.foot-contact li .icon em{color:#fff}
.foot-item .share-link{margin-top:20px}
#info .info-item::after{transform:translate(0,0)}
@media (max-width:900px){#info .info-item::after{font-size:90px}}
@media (max-width:560px){#info .info-item::after{font-size:60px}}
.head-menu-box nav>ul>li>a.inmenu_1{pointer-events:none}
#brand .brand-list li{width:25%;flex-direction:column;justify-content:center;padding:40px 15px;color:var(--color)}
#brand .brand-list li:nth-child(1){background:var(--color);color:#fff}
#brand .brand-list li:nth-child(1) .brand-label{font-size:20px}
#brand .brand-list li:nth-child(1) .brand-number{margin:10px 0}
#brand .brand-list li .brand-label{flex:inherit;padding:0;text-align:center}
#brand .brand-list li .brand-number{font-size:40px;margin-bottom:10px;font-weight:bold;text-align:center}
@media (max-width:1024px){#brand .brand-list li{width:50%}}
@media (max-width:640px){#brand .brand-list li{padding:20px 10px;margin:0!important}
#brand .brand-list li:nth-child(n + 3){justify-content:flex-start}
#brand .brand-list li:nth-child(1) .brand-label{font-size:16px}
#brand .brand-list li:nth-child(1) .brand-number{margin:10px 0}
#brand .brand-list li .brand-number{font-size:30px}}
#projects #home-projects2 {margin-top:30px;padding:7% 0px}
#projects #home-projects2 .swiper-slide {transition:transform .3s;transform:scale(0.64)}
#projects #home-projects2 .swiper-slide.swiper-slide-prev {transform:scale(0.64) translateX(-28%)}
#projects #home-projects2 .swiper-slide.swiper-slide-next {transform:scale(0.64) translateX(28%)}
#projects #home-projects2 .swiper-slide.swiper-slide-active {transform:scale(1.57)}
#projects #home-projects2 .swiper-slide.swiper-slide-active .projects-cont {opacity:1}
#projects #home-projects2 .swiper-slide:hover .projects-cont p {color:var(--color)}
#projects #home-projects2 .swiper-slide .projects-cont {position:absolute;bottom:10%;left:15%;width:70%;background-color:rgba(255,255,255,.9);text-align:center;font-weight:var(--fontbold5);opacity:0;transition:opacity .3s .1s;padding:10px 0px}
#projects #home-projects2 .swiper-slide .projects-cont p {font-size:12px;color:var(--fontcolor);text-transform:capitalize;transition:color .3s}
#projects #home-projects2 .swiper-slide .projects-cont a {display:inline-block;font-weight:normal;text-transform:lowercase;font-size:14px;transform:scale(0.8)}
#projects #home-projects2 .swiper-slide .projects-cont a:hover {color:var(--color)}
@media(max-width:900px) {#projects #home-projects2 {margin-top:20px}
#projects #home-projects2 .swiper-slide {width:65%}
#projects #home-projects2 .swiper-slide.swiper-slide-next,#projects #home-projects .swiper-slide.swiper-slide-prev {transform:scale(0.7)}
#projects #home-projects2 .swiper-slide.swiper-slide-active {transform:scale(1.3)}
}
@media (min-width:901px){#projects #home-projects2{padding:4% 0}
#projects #home-projects2 .swiper-slide.swiper-slide-active{transform:scale(1.3)}
#projects #home-projects2 .swiper-slide.swiper-slide-prev{transform:scale(0.7) translateX(-20%)}
#projects #home-projects2 .swiper-slide.swiper-slide-next{transform:scale(0.7) translateX(20%)}}
.send-inquiry .inquiry-form input{width:100%}
.head-menu-box nav>ul>li>a{font-size:20px;}
.sidebar-cate .sub-menu{display:block}
.contact .contact-sec2 .contact-sec2-img {display:block;width:400px;background:#111;padding:60px 40px;color:#fff;}
.contact-sec2-imglist li {margin-bottom:15px;line-height:1.8;}
.contact-sec2-imglist li a {color:#fff;}
@media (max-width:900px){.contact .contact-sec2 .contact-sec2-img{width:100%;padding:25px 25px 10px}
.contact .contact-sec2 .contact-inquiry{margin-top:20px}}
@media (max-width:560px){.contact .contact-sec2 .contact-sec2-img{width:100%;padding:25px 15px 10px}}
#advantage {padding:2% 0 4%;}
.advantage-list {display:flex;flex-wrap:wrap;justify-content:space-between;}
.advantage-list li {width:24%;border-radius:10px;border:1px solid #ccc;padding:30px 25px;transition:.3s}
.advantage-list li:hover {box-shadow:0 0 12px #ccc}
.advantage-list li .advantagetit {margin:10px 0 15px;font-weight:bold;font-size:19px;text-transform:uppercase;}
.advantage-list li p{font-size:15px;line-height:1.7;color:#666}
@media (max-width:1024px){.advantage-list li{width:48%;margin:10px 0}}
@media (max-width:560px){.advantage-list li{width:100%;padding:20px 15px}
.advantage-list li img{height:40px}
.advantage-list li p{font-size:14px;}}
.more-btn {border-radius:5px;background:var(--color1);color:#fff;padding:10px 20px;font-size:15px;text-transform:capitalize;}
.more-btn::before {background:none}
.more-btn:hover {background:var(--color)}
.home-title {color:var(--color1);font-weight:bold}
.home-title span {color:#000}
#projects #home-projects2 .swiper-slide .projects-cont p {color:var(--color);font-weight:bold}
#projects #home-projects2 .swiper-slide .projects-cont a.projects-cont-more {border-radius:5px;background:var(--color1);color:#fff;padding:10px 20px;font-size:15px;text-transform:capitalize;margin-top:6px;}
#projects #home-projects2 .swiper-slide .projects-cont a.projects-cont-more:hover {background:var(--color)}
#about .about-con {padding:0 0 0 3%;}
#about .about-con .home-title {max-width:100%;color:#000;}
.about-conlist {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px;}
.about-conlist li {width:48%;color:#444;margin-top:4px;text-transform:uppercase}
#about .about-con .more-btn {border-radius:5px;border:none;background:var(--color1);padding:10px 20px;}
#about .about-con .more-btn:hover {background:var(--color);}
@media (max-width:900px){#about .about-con{padding:20px 0 0}}
@media (max-width:560px){.about-conlist li{width:100%}}
.sidebar-item .sidebar-title {font-weight:bold;text-transform:uppercase;}
.sidebar-cate a:hover {color:var(--color1)}
.common-main .pro-list.list1 li,#product .pro-list li{display:flex;flex-direction:column;}
.common-main .pro-list.list1 li .pro-info,#product .pro-list li .pro-cont {text-align:center;display: flex;flex-direction: column;align-items: center;flex: 1;}
.common-main .pro-list.list1 li .pro-info .pro-name {font-weight:bold;max-height:inherit;}
.common-main .pro-list .pro-info .pro-more {border-radius:5px;background:var(--color1);color:#fff;padding:10px 20px;font-size:15px;text-transform:capitalize;margin-top: auto;}
.common-main .pro-list .pro-info .pro-more:hover {background:var(--color)}
#product .pro-list li .more-btn{margin-top:auto}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown2,.wmkcfeedback .send-btn {background:var(--color1)}
.common-main .news-list.list0 li .news-more{min-width:inherit;text-transform:capitalize;border-radius:5px;padding:10px 20px;background:var(--color1);}
@media (max-width:500px){.common-main .pro-list .pro-info .pro-more,.common-main .news-list.list0 li .news-more,.more-btn,#projects #home-projects2 .swiper-slide .projects-cont a.projects-cont-more{font-size:13px;padding:8px 15px}}
@media (max-width:480px){#news #home-news .news-list .news-item-cont .news-item-des{margin-bottom:8px}}
#info .info-bottom{margin-top:13.5%}

#about .l-wrap{max-width:100%;flex-wrap:wrap;position: relative;}
#about .l-wrap .about-left,#about .l-wrap .about-right{width:50%;}
#about .l-wrap .about-left{background: #1E1D23;padding:6% 10% 6% 5%}
#about .l-wrap .about-left .top{color:var(--color1);font-size:20px;margin-bottom:20px;}
#about .l-wrap .about-left .year{color:#fff;font-size:3.5vw;font-weight:var(--fontbold7);text-transform: uppercase;}
#about .l-wrap .about-left .art{color:#fff;margin:15px 0;font-size:18px;}
#about .l-wrap .about-left .more a{display:inline-flex;align-items:center;background:var(--color);color:#fff;font-size:22px;margin-top:20px;padding:10px 20px;}
#about .l-wrap .about-left .more a span{background:#fff;color:var(--color);width:20px;height:20px;text-align: center;line-height: 20px;margin-left:10px;border-radius:50%;}
#about .l-wrap .about-right .img{height:100%;}
#about .l-wrap .about-right img{width:100%;height: 100%;object-fit: cover;display: block;}
#about .l-wrap .about-middle{width:17%;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
#about .l-wrap .about-middle ul li{background: #fff;padding:15px 10px;margin:10px 0;}
#about .l-wrap .about-middle ul li .mid-inner{display: flex;align-items: center;}
#about .l-wrap .about-middle ul li .mid-inner .icon{width:40px;}
#about .l-wrap .about-middle ul li .mid-inner .numbox{margin-left:6%;flex:1}
#about .l-wrap .about-middle ul li .mid-inner .numbox .num{font-weight:bold;color:#000;font-size:30px;}
@media (max-width:1024px){#about .l-wrap .about-left{padding:3%;}
#about .l-wrap .about-left .top{margin-bottom:10px;}
#about .l-wrap .about-left .art{margin:10px 0;font-size:16px;}
#about .l-wrap .about-left .more a{margin-top:10px;}
#about .l-wrap .about-middle{position: initial;width:100%;transform:initial}
#about .l-wrap .about-middle ul{display: flex;justify-content: space-between;flex-wrap:wrap;}
#about .l-wrap .about-middle ul li{width:24%;}
}
@media (max-width:768px){#about .l-wrap .about-left, #about .l-wrap .about-right{width:100%;}
#about .l-wrap .about-middle ul li{width:49%;margin:10px 0;}
#about .l-wrap .about-left .more a,#about .l-wrap .about-left .top{font-size:18px;}
#about .l-wrap .about-left .year{font-size:26px;}}
@media (max-width:500px){#about .l-wrap .about-middle ul li .mid-inner .numbox .num{font-size:24px;}
#about .l-wrap .about-middle ul li .mid-inner .numbox .word{font-size:13px;}}