@import url(https://css02.v15cdn.com/m432/fonts/iconfont.css);
.home-footintro{display: none;}
.home-banner .swiper-slide>a::after{ display: none;}
.home-projects .video  iframe{aspect-ratio: 16/9;}
.home-projects::before{height: 104%;}
.home-cate{position:relative;padding:5% 0;background:#f5f5f5}
.home-cate .cateul{margin-top:2em;display:flex;justify-content:center;background:#e6e7e7;border-radius:26px;height:52px;padding:6px 14px}
.home-cate .cateul li{color:#666;width:16%;height:40px;line-height:40px;border-radius:18px;padding:0px 10px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:0px 10px;transition:all .1s linear;font-weight:var(--fontbold5);cursor:pointer}
.home-cate .cateul li.active{background:#FFF;color:var(--color)}
.home-cate .cateul li:hover{color:var(--color)}
.home-cate .catewrap{display:flex;align-items:stretch;margin-top:40px}
.home-cate .cateimg{width:340px;position:relative}
.home-cate .cateimg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.25)}
.home-cate .cateimg img{object-fit:cover;width:100%;height:100%}
.home-cate .cateimg .absolute{position:absolute;width:100%;bottom:20%;padding:10px 20px;display:flex;flex-direction:column;align-items:center;z-index:2}
.home-cate .cateimg .absolute .p1{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:#FFF;line-height:1.4;text-align:center;margin-bottom:1em}
.home-cate .cateimg .absolute a{min-width:180px;padding:0px 20px;height:45px;background:rgba(0,0,3,0);border-radius:23px;border:1px solid #ecf6ff;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#FFF;font-weight:var(--fontbold5);transition:all .1s linear}
.home-cate .cateimg .absolute a:hover{background:var(--color)}
.home-cate .catelist{padding-left:30px;flex:1}
.home-cate .catelist ul{height:100%;display:flex;flex-wrap:wrap;display:none}
.home-cate .catelist ul li{width:32%;background:#FFF;border-radius:3px;text-align:center;position:relative;overflow:hidden;margin-right:2%}
.home-cate .catelist ul li:nth-child(3n){margin-right:0}
.home-cate .catelist ul li:nth-child(1),.home-cate .catelist ul li:nth-child(2),.home-cate .catelist ul li:nth-child(3){margin-bottom:1em}
.home-cate .catelist ul li .img{width:100%;aspect-ratio:4/3}
.home-cate .catelist ul li .img img{width:100%;height:100%;object-fit:contain}
.home-cate .catelist ul li .title{width:100%;font-size:var(--fontsize18);color:#333;transition:all .1s linear;padding:8px 15px;height:70px}
.home-cate .catelist ul li:hover img{transform:scale(1.03)}
.home-cate .catelist ul li:hover .title{color:var(--color)}
@media(max-width:1446px){.home-cate .cateul li{width:20%}}
@media(max-width:1280px){
.home-banner .banner-animote .p2{font-size:var(--fontsize40)}
.home-cate .cateimg{display:none}
.home-cate .catelist{padding:0px}}
@media(max-width:1024px){
.home-cate .cateul{flex-wrap:wrap;height:auto}
.home-cate .cateul li{width:30%;margin-right:10px}
.home-cate .cateul li:nth-child(n+4){margin-top:10px}}
@media(max-width:768px){
.home-cate{padding:50px 0}
.home-cate .cateul{justify-content:space-between;margin-top:20px}
.home-cate .cateul li{width:49%;margin:0}
.home-cate .cateul li:nth-child(n+3){margin-top:10px}
.home-cate .catewrap{margin-top:30px}
.home-cate .catelist ul{justify-content:space-between}
.home-cate .catelist ul li{width:49%;margin-bottom:1em;margin-right:0}
.home-cate .catelist ul li .title{font-size:var(--fontsize16);height:60px}}

.home-about{padding: 30px 0;}
.home-about .about-data {display: flex;gap: 35px;margin: 25px 0;}
.home-about .about-data p {margin: 0 !important;}
.home-about .about-data .item .top {display: flex;align-items: baseline;line-height: 1;gap: 5px;}
.home-about .about-data .wmkc-num,.home-about .about-data .wmkc-nums{font-size: 36px;color: var(--color) !important;}
.home-about .about-data .tit {font-size: 18px;color: var(--color) !important;}
.home-about .about-data .bottom {margin-top: 10px;}
.home-about .about-data .bottom p {font-weight: 500;font-size: 16px;color: #8B8580;line-height: 16px;}
.home-service{padding: 4% 0;position: relative;z-index: 3;}
.home-service::after{position: absolute;content: '';top: 0;left: 0;width: 100%;height:75%;background: url(/Content/uploads/20261145088/20260724143029ad9113f1fa9648429c76942f1a42a4e0.webp)top no-repeat;z-index: -1;background-size: cover;}
.home-service .home-des,.home-service .home-title{color:#FFFFFF}
#serviceswiper{margin-top:40px}
#serviceswiper .swiper-slide{background:#FAFAFA;width:49%;padding:3% 4%;text-align:center}
#serviceswiper .swiper-slide .p1{font-size:var(--fontsize28);font-weight:var(--fontbold6)}
#serviceswiper .swiper-slide .icon{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0px}
#serviceswiper .swiper-slide .icon li{display:inline-flex;flex-direction:column;margin:10px 20px}
#serviceswiper .swiper-slide .icon li:hover p{color:var(--color)}
#serviceswiper .swiper-slide .icon li>em{height:40px;font-size:45px;color:var(--color);display:flex;align-items:center;justify-content:center}
#serviceswiper .swiper-slide .icon li p{padding-top:5px;font-size:var(--fontsize18)}
.home-certificate{padding: 4% 0;}
.certificate-list{display: flex;gap: 20px;margin-top: 50px;}
.certificate-item{flex: 1;}
.home-exhibition{padding: 5% 0;background: url(/Content/uploads/20261145088/20260724143029c4c9cc30b730497fbdd4f938f7599aec.webp)center no-repeat;background-size: cover;}
.home-exhibition .home-title{color: #fff;}
.home-exhibition .exhibiSwiper1 .swiper-wrapper,.home-exhibition .exhibiSwiper2 .swiper-wrapper {-webkit-transition-timing-function: linear !important;-moz-transition-timing-function: linear !important;-ms-transition-timing-function: linear !important;-o-transition-timing-function: linear !important;transition-timing-function: linear !important;}
.home-exhibition .exhibiSwiper1{margin-bottom: 35px;}
.home-exhibition .contant{margin-top: 60px;}
.home-exhibition .exhibiSwiper1 img,.home-exhibition .exhibiSwiper2 img{border: 10px solid #fff;}
.home-news{padding: 5% 0;}
.home-contant{padding: 5% 0;background: #0B1B2B;}
#serviceswiper .swiper-wrapper{justify-content: space-between;}
.home-contant .l-wrap{display: flex;justify-content: space-between;align-items: center;}
.home-contant .contactimg{color:#fff;padding-right:10%}
.home-contant .contactimg::before{content:"";position:absolute;top:0;right:50%;width:960px;height:100%;background-color:#0b1b2b;z-index:-1}
.home-contant .contactimg .p1{font-weight:600;font-size:14px}
.home-contant .contactimg .p2{position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px;text-align: left;}
.home-contant .contactimg .p2::after{content:"";position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.home-contant .contactimg .p2 span{color:var(--color)}
.home-contant .contactimg .list{margin-top:3em}
.home-contant .contactimg .list li{list-style:none;margin-bottom:20px;display:flex;align-items:flex-start}
.home-contant .contactimg .list li em{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px}
.home-contant .contactimg .list li p{flex:1;font-size: 18px;}
.home-contant .contactimg .list li p a{color:#fff}
.home-contant .contactfeedback{width: 50%;}
.home-contant .wmkcfeedback .wmkcfb-fileupload,.home-contant .wmkcfeedback input,.home-contant .wmkcfeedback textarea {outline: 0;border-radius: 5px;border: none;background-color: #FFFFFF;height: 48px;padding: 10px;margin-bottom: 1em;font-family: inherit;border: 1px solid #eaeaea;font-size: var(--fontsize14);transition: all .1s linear;font-size: 16px;width: 100%;}
.home-contant .wmkcfeedback textarea {width: 100% !important;flex: none !important;height: 140px;resize: none;}
.home-contant .wmkcfeedback .send-btn {margin: 0 auto;min-width: 250px;height: 48px;border-radius: 5px;font-size: var(--fontsize16);background: var(--color);color: #FFFFFF;font-weight: var(--fontbold4);display: flex;align-items: center;justify-content: center;cursor: pointer;border: none;outline: 0;padding: 0 20px;transition: all .1s linear;position: relative;overflow: hidden;}
.home-contant .wmkcfeedback .send-btn:hover {background: #111;}
@media (max-width:1280px) {.home-about .about-data .wmkc-num,.home-about .about-data .wmkc-nums{font-size: 26px;}
.home-about .about-data{gap: 25px;margin: 20px 0;}}
@media (max-width:1024px){
.home-about .about-data{flex-wrap: wrap;}
.home-about  .about-data .item{flex: 0 0 calc((100% - 25px) / 2);}
#serviceswiper .serviceswiper-pagination{text-align: center;margin-top: 20px;}
.certificate-list{margin-top: 35px;}
.home-contant .contactimg{padding-right: 1%;width: 45%;}}
@media (max-width:768px) {
.home-about .aboutimg img{width: 100%;}
.certificate-list{flex-wrap: wrap;}
.certificate-item{flex: 0 0 calc((100% - 40px) / 3);}
.home-contant .l-wrap{flex-direction: column;}
.home-contant .contactimg {padding-right: 0;width: 100%;}
.home-contant .contactimg .list{margin-top: 10px;}
.home-contant .contactfeedback{width: 100%;}}
@media (max-width:550px) {.home-news .list li{width: 100%;}}