﻿@charset "utf-8"; 
:root{--color:#B91E26;--headercolor:#000000}
.home-logo{padding:4% 0;position: relative;background:#f4f4f4;}
.home-logo #logoswiper{margin-top:40px}
.home-logo #logoswiper .swiper-wrapper{transition-timing-function:linear!important;margin:0 auto;align-items:center}
.home-logo #logoswiper .logoswiper-pagination{text-align:center;margin-top:30px;display:none}
.home-logo #logoswiper .logoswiper-pagination .swiper-pagination-bullet{background:#111;opacity:1}
.home-logo #logoswiper .logoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:768px){.home-logo{padding:30px 0}}
.home-product.home-procate{padding-top:5%;}
.home-product.home-procate .product-list{margin-top:3%;justify-content: center;}
@media (min-width:769px){.home-product.home-procate .product-list .itempro:nth-child(4n),.home-product.home-procate .product-list .itempro:nth-child(7){margin-right:0;}}
@media (max-width:768px){.home-product.home-procate{padding-top:50px;}
.home-product.home-procate .product-list{flex-wrap:wrap;justify-content: space-between;}
.home-product.home-procate .product-list .itempro{width:49%;margin-right:0;}}
.home-choose .chooselist .itemchoose {height:auto;}
.home-choose .chooselist {align-items:inherit;}
.home-product .product-list {align-items:inherit;}
.home-product .product-list .itempro {height:auto;display:flex;flex-direction:column;}
.home-product .product-list .itempro .info {flex:1;}
.home-case .caselist .itemcase {height:auto;display:flex;flex-direction:column;}
.home-case .caselist .itemcase .info {flex:1;}
.home-case{background-size:cover!important;padding: 2% 0 0;}
.home-news .newslist{align-items:inherit;}
.home-news .newslist .newsitem{height:auto;display:flex;flex-direction:column;}
.home-news .newslist .newsitem .info{flex:1;}
.head-top{background: #fff;transition: unset;}
.lang-icon span::after,.lang-icon span::before{background: #000000;}
.head-top .head-left .item{color: #000;}
.lang-icon span{color: #000000;}
.head-top .l-wrap{justify-content: end;}
.head-top .head-left .item a:hover{color: #000;}
.home-banner .swiper-slide>a::after{display: none;}
@media (min-width:1025px){body {padding-top: 106px;}}
@media (min-width:1024px) and (max-width:1140px) {.head-nav .nav-ul>li>a{padding: 0 6px;font-size: var(--fontsize16);}}
.procate{padding:40px 0 0}
.procate-list{padding:0 15px}
.procate-list li{width:calc(20% - 30px);height:48px;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid var(--color);margin:10px;transition:background .2s}
.procate-list li a{padding:0 5px;color:var(--color);text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-all}
.procateword{margin:0 auto;padding:10px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.procateword a{text-decoration:underline;text-transform:lowercase}
.procateword a:active,.procateword a:hover{color:var(--color)}
@media(min-width:800px){.procate-list li:hover{background-color:var(--color);border:solid 1px #fff}
.procate-list li:hover a{color:#fff}
.procate-list{padding:0}
.procate-list li{width:calc(50% - .15rem);margin:0 .3rem .3rem 0;font-size:.28rem;height:.7rem}
.procate-list li:nth-child(2n){margin-right:0}
.procate-list li a{-webkit-line-clamp:1}
.procateword{font-size:var(--fontsize16)}
.keywords.proCateTags a{font-size:.28rem}}
.procate-list{display:flex;flex-wrap:wrap;justify-content:center}
.procate-list li{width:23%;margin:10px;font-size:18px;height:50px}
@media (max-width:800px) {
.procate-list li{ width: 100%;}}
.home-solution{ background: url(/Content/uploads/20241110810/202412251036370f6793a5903e4599924a9a173e6cefdd.jpg) no-repeat;background-size: cover;}
.home-solution .loading{display:none}
.home-callus img{width:100%}
.home-about .about-top-img{width:100%;text-align:center;}
.home-about .about-top-img img{width:100%;display:block;}
.home-about .homeabout-info{background:#fff;color:var(--fontcolor)}
.home-about .homeabout-info .homeabout-more{background:var(--bgcolor)}
@media (min-width:1024px){.homeabout-img{padding:40px}}
@media (max-width:1366px) {.head-logo a img {min-width: 120px;}
.head-nav .nav-ul>li>a{padding: 0 15px;}}
.home-products{padding-bottom: 2%;padding-top: 2%;}
.home-logo{margin-top: 2%;padding: 2% 0;}
.is-active .head-logo a img{margin-top: 0px;}
.homepro-recommend-item{flex-direction: column;}
.homepro-recommend-item .img{width: 100%;margin-bottom: 15px;}
.homepro-recommend-item .info{padding-left: 0;}
.homeprobutton-next,.homeprobutton-prev{position: absolute;top: 50%;transform: translateY(-50%);width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;background: #8a8a8a;border: 2px solid rgba(231, 231, 231, .5);color: #FFFFFF;z-index: 9;cursor: pointer;transition: all .15s linear;border-radius: 50%;}
.homeprobutton-next{right: 0;}
.homeproswiper{margin-top: 50px;}
@media(min-width:769px){.contact-list .contact-item{width:31%}}
.home-case, .home-indexadv, .home-news, .home-solution{padding: 2% 0;}
.home-case .homecase-wrap .swiper-slide .item{margin: -90px auto 0;background: #4c4c4c80;color: #fff;}
.home-case .homecase-wrap .swiper-slide .item .content{color: #fff;}
.home-about>div.home-introduction{position:relative;width:100%;transform: translateY(-50px);z-index: 10;}
.home-about>div.home-introduction .introduction{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-about>div.home-introduction .introduction .item{width:23.4%;display:flex;box-sizing:border-box;padding:1.5%;background-color:#FFFFFF;border-bottom:2px solid var(--color);border-radius:5px;box-shadow:0px 2px 10px 0px rgba(0,0,0,.10);transform:translateY(0);transition:all .3s linear}
.home-about>div.home-introduction .introduction .item .left{width:60px;height:60px;border-radius:50%;margin-right:14px;display:flex;align-items:center;justify-content:center;background-color:#f8f9f8;color:var(--color);transition:all .3s linear}
.home-about>div.home-introduction .introduction .item .left em{font-size:var(--fontsize26);transform:rotateY(0);transition:all .3s linear;line-height: 1;}
.home-about>div.home-introduction .introduction .item .right{flex:1}
.home-about>div.home-introduction .introduction .item .right .title{color:var(--fontcolor);text-transform:uppercase;font-size:var(--fontsize20)}
.home-about>div.home-introduction .introduction .item .right .text{color:var(--introcolor);font-size:var(--fontsize16);margin-bottom:0px;}
.home-about>div.home-introduction .introduction .item:hover{transform:translateY(10px)}
.home-about>div.home-introduction .introduction .item:hover .left em{transform:rotateY(360deg)}
.home-about>div.home-introduction .introduction .item:hover .left em img{filter: brightness(360);}
.home-about>div.home-introduction .introduction .item:hover .left{background-color:var(--color);color:#FFF}
@media (max-width:768px){.home-about>div.home-introduction{transform: initial;margin-top:30px;}
.home-about>div.home-introduction .introduction .item{width:100%;margin-bottom:10px;}}
@media (min-width:1025px){.head-nav .nav-ul>li>ul a{white-space: nowrap;}}
.contact-us article a{color: #fff;}
.home-about>div.home-introduction .introduction .item{background-color: #ffffff8a;}
.home-callus .l-wrap{margin-top: 40px;}
footer .foot-bot{background:var(--color);color:#fff;}
footer .foot-bot .foot-share span::after{background:#fff;}
footer .foot-bot .foot-share ul a,footer .foot-bot .foot-share ul a:hover{color:#fff}
.pro-d-main .prodetails-btnlist{justify-content: center;}
@media (max-width:768px) {
.pro-d-main .prodetails-btnlist{ justify-content: center;}}
#wmkc .wmkc-inquiry{background:var(--color);}
#wmkc .wmkc-inquiry a{color:#fff;font-size:14px;display: flex;height: 44px;align-items: center;}
#wmkc .wmkc-list .wmkc-whatsapp ,  #wmkc .wmkc-list .wmkc-email{background: #b91e26;}
.pro-d-main .share-btn-list .twitter{display:none;}
.pro-d-main .share-btn-list .pinterest{display:none;}