﻿@import url(https://js01.v15cdn.com/single-template/public.css);
@import url(https://css02.v15cdn.com/m434/message.css);
.home-num{padding-bottom:4%;}
.home-num .numCount{display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-num .numCount .itemnum{width:25%;text-align:center;border-right:1px solid #f7f7f7;padding:0 10px;}
.home-num .numCount .itemnum:last-child{border-right:none;}
.home-num .numCount .itemnum .num{font-weight: var(--fontbold7);color:var(--color);font-size:36px;line-height: 1.5}
@media (max-width:768px){.home-num{padding-bottom:40px;}
.home-num .numCount .itemnum{width:50%;padding:10px;}
.home-num .numCount .itemnum:nth-child(2n){border-right:0;}
.home-num .numCount .itemnum .num{font-size:24px;}}
.home-prosize{padding:3% 0;background:#DADADA;}
.home-prosize .l-wrap{display:flex;justify-content: space-between;align-items:flex-end;}
.home-prosize .size-tab1-imglist .imgbox,.size-tab2-imglist .imgbox{display:none;}
.home-prosize .size-tab1-imglist .imgbox.active,.size-tab2-imglist .imgbox.active{display:block;}
.home-prosize .left-box{width:52%;}
.home-prosize .left-box .size-left{text-align:center}
.home-prosize .left-box .home-title{text-align:left;}
.home-prosize .left-box .more a{padding:5px 20px;border-radius: 30px;border:1px solid var(--fontcolor);display:inline-block;margin:10px 0 20px;transition: all .3s;}
.home-prosize .left-box .more a:hover{background: var(--color);color: #fff;border-color: var(--color);}
.home-prosize .size-right{border-radius: 30px;background:#fff;overflow: hidden;padding:20px;width:43%;}
.home-prosize .size-right .sel-tit{font-weight: var(--fontbold7);font-size:24px;}
.home-prosize .size-right .sel-color-box{margin:20px 0;display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-prosize .size-right .sel-color-box .img{width:32%;border-radius: 10px;border:1px solid #eee;cursor: pointer;overflow: hidden;}
.home-prosize .size-right .sel-color-box .img:nth-child(n+4){margin-top:2%;}
.home-prosize .size-right .sel-color-box .img img{width:100%;display:block;}
.home-prosize .size-right .sel-model-box{display:flex;justify-content: space-between;}
.home-prosize .size-right .sel-model-box>div{width:48%;text-align:center;}
.home-prosize .size-right .sel-contact a{margin-top:20px;display:block;width:100%;text-align:center;color:#fff;background: var(--color);padding:10px 8px;border-radius: 10px;}
.home-prosize .size-left .size-tab-imglist{display:none;}
.home-prosize .size-left .size-tab-imglist.active{display:block;}
@media (max-width:1440px){.home-prosize .left-box{width:55%;}
.home-prosize .size-right{width:40%}}
@media (max-width:768px){.home-prosize{padding:40px 0;}
.home-prosize .l-wrap{flex-wrap:wrap;}
.home-prosize .left-box{width:100%;}
.home-prosize .size-right{width:100%;margin-top:20px;}
.home-prosize .size-right .sel-tit{font-size: 20px;}}
/*@media (min-width:1025px){.home-choose .right ul li .p1{font-size: var(--fontsize34);}}*/
.home-banner .swiper-slide>a::after{display:none;}
.home-projects::before{height:100%;}
.home-projects .video{margin-top:0;}
@media (min-width:769px){.home-about, .home-cate, .home-choose, .home-pro,.home-projects{padding:3% 0;}
.home-news{padding-top:3%;}}

.home-choose{background:#172E79;}
.home-choose .left{width:100%;padding:0 0 30px;}
.home-choose .left .home-title br{display:none}
.home-choose .left .home-more{margin-top:12px}
.home-choose .right{width:100%;margin:0}
@media (min-width:1201px){.home-choose .right ul li{width:24%;}
.home-choose .right ul li:nth-child(n+3){margin:0;}}
@media (max-width:1200px){
.home-choose .right ul li:nth-child(n+3){amrgin-top:1em}
}
.home-projects::before{background:#172E79;}
.home-projects .l-wrap{max-width:1600px}
.projects-flex{display:flex;flex-wrap:wrap;justify-content:space-between}
.projects-item{width:100%;text-align:left}
.home-projects .home-title{text-align:left;margin-bottom:15px}
.projects-line{height:1px;width:100%;background:#ffffff77;margin:30px 0}
.projects-item p{font-size:var(--fontsize15)}
.projects-item ul li:not(:last-child){margin-bottom:15px}
.projects-item ul li div{font-weight:bold;font-size:var(--fontsize17)}
@media (max-width:1024px){
.projects-item:not(:last-child){margin-bottom:30px}
.projects-line{display:none}}
.home-certificate{padding:4% 0}
.home-certificate .swiper{margin-top:20px}
.home-certificate .swiper-slide{width:23%;text-align:center}
.home-certificate .swiper-slide img{display:block;width:100%;aspect-ratio:335/453;}
.home-certificate .swiper-slide p{margin-top:10px;font-weight:bold;font-size:var(--fontsize20)}
@media (max-width:768px){.home-certificate{padding:30px 0}
.home-certificate ul li{width:48%;margin:12px 0}
.home-certificate ul li p{margin-top:6px;font-size:var(--fontsize17)}}
@media (min-width:1025px){.home-about,.home-prosize,.home-cate,.home-projects,.home-certificate,.home-pro,.home-news{min-height:calc(100vh - 140px);display:flex;align-items:center;}
.home-prosize .size-right .sel-color-box .img img{display:block;aspect-ratio:3/1}
.home-prosize .size-right .sel-model-box>div img{display:block;aspect-ratio:7/5;object-fit:contain;margin:0 auto}
.home-prosize .size-left .size-tab-imglist img{aspect-ratio:76/59;display:block;object-fit:cover}
.home-pro .list li{width:20%;margin-right:6.6%}
.home-pro .list li .info{padding:10px}
.home-pro .list li .info .text{font-size:var(--fontsize14);line-height:1.5;margin-top:4px;-webkit-line-clamp:1;}
.home-pro .list{margin-top:16px}}
@media (min-width:1281px){.home-choose .left{margin-bottom:50px}
.home-choose .left .home-more{margin-top:25px}
.home-choose .right ul li em {font-size:42px}
.home-choose .right ul li .p1{font-size:34px;margin-top:0}
.home-choose .right ul li .p2{font-size:var(--fontsize20)}
.home-about .aboutinfo p{line-height:2.1;margin:30px 0 50px}
.home-cate .list{margin-top:50px}}
.home-choose .right ul li .p2{font-size: 18px;line-height:1.3;margin-top:5px}
.home-choose .right ul li .num{display:flex;align-items:center}
.home-choose .right ul li .p1{margin-left:20px;order:1}
.home-choose .right ul li:after{border-color:#FFFFFF;animation:drawBorderLine 2s linear infinite}
.home-about .aboutinfo p{font-size: 20px;}
.home-banner .swiper-slide-active img {animation:unset;}


.wmkc-resolu{padding: 4% 0;}
.wmkc-resolu .resolulist{display: flex;flex-wrap: wrap;justify-content: space-between;}
.wmkc-resolu .resolulist .item{width: 32%;padding: 10px;border: 1px #ddd solid;box-shadow: rgb(0 0 0 / 20%) 0px 2px 15px;margin-bottom: 20px;}
.wmkc-resolu .resolulist .img{overflow: hidden;}
.wmkc-resolu .resolulist .img img{width: 100%;transition: .3s;}
.wmkc-resolu .resolulist .item:hover img{transform: scale(1.1);}
.wmkc-resolu .resolulist .info{padding: 10px;}
.wmkc-resolu .resolulist .title{font-weight: var(--fontbold6);font-size: var(--fontsize24);}
@media (max-width:1024px) {.wmkc-resolu .resolulist .item{width: 48%;}}

.wmkc-case{padding: 4% 0;}
.wmkc-case{padding-top: 2.5%;}
.wmkc-case .swiper-slide img{width: 100%;}
.wmkc-case .info{padding: 10px;font-size:var(--fontsize17)}
.wmkc-resolu .home-title ,.wmkc-case .home-title{ margin-bottom: 3%;}
@media (max-width:768px){.wmkc-resolu .home-title ,.wmkc-case .home-title{ margin-bottom: 25px}}

.home-choose1{position:relative;padding:3% 0;z-index:1;}
.home-choose1::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:100%;width:470px;background-image:url(https://css02.v15cdn.com/m436/imgs/choose-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}
.home-choose1 .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:50px}
.home-choose1 .left{width:30%}
.home-choose1 .left .info{margin-left:20px}
.home-choose1 .img-box{width:36%;border-radius:50%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;position:relative;padding:10px}
.home-choose1 .img-box::before{content:"";position:absolute;width:100%;height:100%;border:6px solid var(--color1);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-sizing:border-box;animation:chooseimg 2s ease-in-out infinite}
.home-choose1 .img-box img{max-width:96%;border-radius:50%;position:relative;z-index:2}
.home-choose1 .right{width:30%}
.home-choose1 .right .info{margin-right:20px;text-align:right}
.home-choose1 .item{display:flex;margin:20px 0}
.home-choose1 .item .num{width:90px;height:90px;border:1px solid #aeaeae;border-radius:50%;margin:10px 0 0;display:flex;align-items:center;justify-content:center;transition:all .2s linear;position:relative;z-index:2;transition:all .2s linear}
.home-choose1 .item .num span{position: absolute;top: -5px;left: -10px;font-size:var(--fontsize14);font-weight:var(--fontbold6);width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;color: #fff;background: var(--color);border-radius: 50%;}
.home-choose1 .item .num img{border-radius: 50%;}
.home-choose1 .item .info{flex:1;padding-top:14px}
.home-choose1 .item .info .tit{font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-choose1 .item .info .txt{color:var(--introcolor);font-size:var(--fontsize14)}
.home-choose1 .item:hover .num{background-color:var(--color)}
.home-choose1 .item:hover .num::after{background-color:var(--color)}
@keyframes chooseimg{0%{border-color:var(--color1)}
50%{border-color:var(--color)}
100%{border-color:var(--color1)}}
@media (min-width:1025px){.home-choose1{min-height:calc(100vh - 140px);display: flex;align-items: center;}}
@media (max-width:768px){.home-choose1{padding:50px 0;}
.home-choose1 .box{margin-top:25px}
.home-choose1 .left{width:100%}
.home-choose1 .img-box{width:100%;align-self:start}
.home-choose1 .img-box img{width:100%}
.home-choose1 .right{width:100%}}
@media (max-width:500px){
/*.home-choose1 .item{margin-top:0;margin-bottom:20px;flex-wrap:wrap;justify-content:center;align-items:center}
.home-choose1 .item .info{padding:0px;width:100%;flex:none;margin-left:0;margin-top:10px;text-align:center}
.home-choose1 .right .item{flex-direction:column-reverse}*/
.home-choose1 .item{margin-top:0;margin-bottom:20px;justify-content:center;align-items:center}
.home-choose1 .item .info{padding:0px;margin-top:10px;;margin-left:10px}
.home-choose1 .right .item{flex-direction:row-reverse}
.home-choose1 .right .info{text-align: left;margin-right: 0;margin-left: 10px;}
.home-choose1 .right .item:last-child{margin-bottom:0px}
.home-choose1 .img-box{max-width:80%;margin:0px auto;margin-bottom:20px}
.home-choose1 .img-box::before{width:100%}} 
.home-cate,.home-about{ min-height:unset;}
@media (min-width:1025px){.home-choose1 .home-des{font-size: var(--fontsize28);}
.home-choose1 .img-box{width: 22%;}
.home-choose1 .left,.home-choose1 .right{width: 37%;}
.home-choose1 .item .info .tit{font-size: var(--fontsize22);}
.home-choose1 .item .info .text{font-size: var(--fontsize18);}
.projects-item{width: 49%;}
.projects-line{display: none;}
.home-projects .projects-item:nth-child(1) p{font-size: var(--fontsize18);line-height: 2.3;}
}
.home-choose1 .home-des{color:#000}
@media (max-width:768px){.home-choose1 .img-box {display:none;}
.home-choose1 .home-des{font-size:18px;}}
@media (min-width:1024px){.home-projects .home-title{font-size:42px}
.home-projects .projects-item:nth-child(1) p{font-size:var(--fontsize20)}
.projects-item p{font-size:var(--fontsize17)}
.projects-item ul li div{font-size:var(--fontsize20)}
}

.wmpage124-page4{background-color:#f6f6f6}
.wmpage124-page4 .wmpage124-page4-title{position:relative;padding-bottom:30px}
.wmpage124-page4 .wmpage124-page4-title::before{content:'';position:absolute;left:50%;bottom:10px;width:180px;transform:translateX(-50%);border-bottom:2px dashed var(--color)}
.wmpage124-page4 .wmpage124-page4-title::after{content:'';position:absolute;left:50%;bottom:0;width:120px;transform:translateX(-50%);border-bottom:2px dashed var(--color)}
.wmpage124-page4 .wmpage124-page4-desc{color:var(--color);text-align:center;margin-bottom:6px}
.wmpage124-page4 .wmpage-title{text-align:center;font-weight:var(--fontbold6)}
.wmpage124-page4 .wmpage124-page4-box{margin-top:40px;position:relative}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info{margin-top:20px}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title{position:relative;padding-left:40px;display:block;font-size:var(--wmpage-font20)}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:var(--color);width:30px;height:1px}
.wmpage124-page4 .wmpage124-page4-box .wmpage124page4-pagination{display:flex;justify-content:center;margin-top:30px}
@media screen and (max-width:600px){.wmpage124-page4 .wmpage124-page4-box{margin-top:20px}
}
.wmpage124-page4{padding:4% 0}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title{padding:0;text-align:center;line-height:1.4}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title::before{display:none}
@media (max-width:1024px){.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info{margin-top:10px}
.wmpage124-page4 .wmpage124-page4-box .swiper-slide .info .title{font-size:var(--fontsize17)}}
@media (max-width:768px){.wmpage124-page4{padding:40px 0}}
@media (max-width:500px){.home-banner .swiper-slide img{min-height: initial;}}
.home-choose .l-wrap{display:block;}
.home-choose .right{width:100%;flex: initial;}
@media (min-width:1025px){.home-choose .home-title{font-size:30px;margin-bottom:10px;}}
.home-about .aboutinfo h1+p{margin-top:10px;margin-bottom:20px;}



.wmpage214-page3{padding:4% 0 0;}
.wmpage214-page3 .home-des:not(.home-des2){font-weight: bold;font-size: 20px;}
.wmpage214-page3 .wmpage214-page3-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-decoration:underline;text-align:center}
.wmpage214-page3 .wmpage-title{text-align:center}
.wmpage214-page3 .wmpage214-page3-top{padding:30px 20px;margin-bottom:20px}
.wmpage214-page3 .wmpage214-page3-slide{position:relative;padding:40px;background:#fff;border-radius:10px;opacity:.2;transition:all .3s linear;text-align:center}
.wmpage214-page3 .wmpage214-page3-slide::after{position:absolute;content:'';border:1px dashed #e4e7ee;width:96%;height:96%;left:2%;top:2%;border-radius:10px}
.wmpage214-page3 .wmpage214-page3-slide.swiper-slide-active{box-shadow:0 0 40px 0 rgba(0,0,0,.09);opacity:1}
.wmpage214-page3 .wmpage214-page3-slide .tit{font-weight:bold;font-size:26px;text-align:left}
.wmpage214-page3 .wmpage214-page3-slide .des{margin:5px 0;font-size: 18px;text-align:left}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-img{position:relative;display:inline-block}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-img img{position:relative;width:120px;height:120px;object-fit:cover;border-radius:50%}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-icon{display:inline-flex;justify-content:center;align-items:center;width:45px;height:45px;border-radius:50%;background:var(--color);position:absolute;left:-15px;top:5px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-icon em{color:#fff}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-info{color:var(--wmpage-color8);margin:10px 0 20px;text-align:left}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;background:#f0f3f9;border-radius:30px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li em{color:var(--color);font-size:var(--wmpage-font18)}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li:not(:last-child){margin-right:5px}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-rate li:nth-child(-n+2){opacity:1}
.wmpage214-page3 .wmpage214-page3-bottom{display:flex;flex-wrap:wrap;justify-content:center}
.wmpage214-page3 .wmpage214-page3-bottom li{width:14%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:15px;padding:10px 15px;background:#fff;border-radius:10px;box-shadow:0 0 40px 0 rgba(0,0,0,.09);cursor:pointer;transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom .wmpage214-page3-title{color:#000;font-weight:var(--fontbold6);font-size:var(--wmpage-font18);transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom .wmpage214-page3-desc{color:var(--wmpage-color8);text-transform:uppercase;font-size:var(--wmpage-font14);text-align:center;transition:all .3s linear}
.wmpage214-page3 .wmpage214-page3-bottom li:not(:last-child){margin-right:20px}
.wmpage214-page3 .wmpage214-page3-bottom li.active{background:var(--color);box-shadow:0 0 40px 0 transparent}
.wmpage214-page3 .wmpage214-page3-bottom li.active .wmpage214-page3-title{color:#fff}
.wmpage214-page3 .wmpage214-page3-bottom li.active .wmpage214-page3-desc{color:#fff;opacity:.7}
@media (max-width:1440px){.wmpage214-page3 .wmpage214-page3-slide{padding:20px 20px 30px;}}
@media (max-width:768px){.wmpage214-page3{padding-top:40px;}
.wmpage214-page3 .wmpage214-page3-bottom li{width:30%}
.wmpage214-page3 .wmpage214-page3-bottom li:nth-child(3n){margin-right:0;}}
@media screen and (max-width:500px){.wmpage214-page3 .wmpage214-page3-bottom li:not(:last-child){margin-right:0}
.wmpage214-page3 .wmpage214-page3-slide .wmpage214-page3-info{font-size: 13px;}
.wmpage214-page3 .wmpage214-page3-bottom li{width:100%;margin-right:0;margin-top:7px}
.wmpage214-page3 .wmpage214-page3-top{margin-bottom: 0;padding-bottom:10px;}
}
.home-footintro{display:none;}
.home-foot-contact{padding:4% 0;background:url(/Content/uploads/2026418819/202609211616573572644ef3a74d76b978f47b5a43cc39.jpg) no-repeat;background-size:cover;background-position:center}
.home-foot-contact .home-title{text-align:left;margin-bottom:20px;}
.home-foot-contact .inner{box-shadow:0 0 29px -1px rgba(0,163,108.0000000000001,.28);border-radius:25px;padding:40px;background:rgba(255,255,255,.4);border:1px solid rgba(255,255,255,.6);backdrop-filter:blur(15px);display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.home-foot-contact .inner .inner-left{width:49%;}
.home-foot-contact .inner .inner-left ul li{list-style: none;display:flex;align-items: center;justify-content: space-between;}
.home-foot-contact .inner .inner-left ul li:nth-child(n+2){margin-top:10px;}
.home-foot-contact .inner .inner-left ul li .icon{width:50px;height:50px;border-radius: 50%;border:2px solid #172E79;display:flex;align-items: center;justify-content: center;}
.home-foot-contact .inner .inner-left ul li .icon em{color:#172E79;font-size: 30px;}
.home-foot-contact .inner .inner-left ul li .des{width:calc(100% - 60px)}
.home-foot-contact .inner .inner-left ul li .des p:nth-child(1){font-weight:bold;font-size: 20px;}
.home-foot-contact .inner .inner-right{width:49%;}
.home-foot-contact .wmkcfeedback input{width:100%;}
@media (max-width:768px){.home-foot-contact{padding:40px 0;}
.home-foot-contact .inner{pading:25px}
.home-foot-contact .inner .inner-left{width:100%;}
.home-foot-contact .inner .inner-right{width:100%;margin-top:20px;}
.home-foot-contact .inner .inner-left ul li .des p:nth-child(1){font-size: 17px;}
.home-foot-contact .inner .inner-left ul li .des{font-size: 14px;}}
.home-title{font-family:"Playfair Display", serif;color:#172E79;font-weight: bold;font-style:italic}
.home-title span{color:#172E79}
.home-choose .home-title,.home-projects .home-title{color:#fff;}

.home-banner .banner-animote.ban2{width:max-content;top:8.3%;left:68%;opacity:1}
.home-banner .banner-animote.ban2 .p1{margin:0;font-size:2vw;font-family:"Playfair Display", serif}
.home-about .aboutinfo h1+p{font-family:"Playfair Display", serif;font-weight:bold;color:#000;font-size:var(--fontsize22)}
.home-banner .swiper-slide-active .banner-animote{animation:none}
.home-choose1 .item .info .tit{font-style: italic;}
.homevideobox{position: relative;}
.homevideobox video{width:100%;display:block;min-height: initial;}
.homevideobox .innerdes{width:100%;height:100%;background:rgba(0,0,0,0.3);position: absolute;top:0;left:0;z-index:2;text-align:center;display:flex;align-items: center;justify-content: center;padding:20px;padding-bottom:24%}
.homevideobox .innerdes p{color:#fff;text-shadow: 1px 2px 3px #000;font-size:var(--hometitlefont);font-weight:var(--fontbold6);line-height:1.4}
@media (max-width:600px){.homevideobox .innerdes{padding:0 10px;padding-bottom:30%}
.homevideobox .innerdes p{font-size:14px}}