﻿.home-banner .banner-animote .p3 a{ font-weight: 700;background:var(--color);border-color:var(--color);border-radius:4px;color:#111}
.home-banner .banner-animote .p3 a .iconfont{margin-right:10px;font-size:18px}
#home-swiper .banner-animote{padding-left:0;padding-right:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100%;color:#FFFFFF;opacity:0;padding-left:8%;}
#home-swiper .banner-animote .p1{margin-bottom:2%;font-size:60px;font-weight:var(--fontbold6);line-height:1.3;text-shadow: 1px 2px 3px #000;}
#home-swiper .banner-animote .p1 span{color:var(--color);text-shadow:none;}
#home-swiper .banner-animote .p2{font-size:var(--fontsize16);margin:1% 0 2%;text-shadow: 1px 2px 3px #000;max-width:50%;}
#home-swiper .swiper-slide-active img{animation:bannerimg 6s forwards}
#home-swiper .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
#home-swiper .home-more{margin-right:20px;min-width:160px;padding:0px 20px;height:50px;background:0 0;border-radius:5px;color:#fff;background:var(--color);text-transform:capitalize;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize18)}
#home-swiper .home-more:hover{color:var(--color);background:#fff}
@media (max-width:1600px){#home-swiper .banner-animote .p1{font-size:3.3vw;}}
@media (max-width:1024px){#home-swiper .home-more{display:none;}
#home-swiper .banner-animote .p1{margin-bottom:0}
}
@media (max-width:768px){#home-swiper .banner-animote{padding-left:0}
#home-swiper .banner-animote .p1{font-size:22px;text-align: center;padding:0 10px;}
#home-swiper .banner-animote .p2{display:none;}}
@media (max-width:550px){#home-swiper .banner-animote{top:40%;}
#home-swiper .banner-animote .p1{font-size: 16px;}}
  .home-logo{padding:3% 0}
.home-logo .home-desc{text-align:center}
.home-logo .list{display:flex;flex-wrap:wrap;justify-content:center}
.home-logo .list li{width:12.5%;display:flex;flex-direction:column;align-items:center}
.home-logo .list li .img-box{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.home-logo .list li .img-box img{transition:all .2s ease-out;padding:15% 25% 5% 25%}
.home-logo .list li:hover .img-box img{transform:scale(1.2)}
@media (max-width:500px){.home-logo .list li{width:20%}
}
#info{background:#fff;padding:0;margin-bottom:-10%}
#info>img{display:block;width:100%;}
#info .l-wrap{transform:translateY(-50%);}
#info .info-cont,#info .video-btn em{color:var(--fontcolor)}
#info .video-btn,#info .video-btn::before, #info .video-btn::after{border-color:var(--fontcolor)}
#news{padding-top:5%;}
@media (max-width:1440px){#info{margin-bottom:-13%}}
@media (max-width:900px){#info{margin-bottom:-22vw}
#info .l-wrap{transform:translateY(-26vw);}
#info .info-cont .info-title{line-height:1.2}
#info .info-video{margin:5% 0 0}}
@media (max-width:500px){#info{margin-bottom:-18vw}
#info .l-wrap{transform:translateY(-22vw);}
#info .info-cont .info-des{line-height:1.4}
#info .info-video{margin:8% 0 4%}}

#home-swiper .swiper-slide>a{position: relative;display: flex;}
#home-swiper .swiper-slide>a::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #bfbfbf66;}


.contactbox .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative}
.contactbox .l-wrap>div{width:50%;z-index:1}
.contactbox .contactimg{color:#FFFFFF;padding-right:10%}
.contactbox .contactimg::before{content:"";position:absolute;top:0;right:50%;width:960px;height:100%;background-color:#0b1b2b;z-index:-1}
.contactbox .contactimg .p1{font-weight:600;font-size:14px}
.contactbox .contactimg .p2{font-weight:600;font-size:var(--fontsize40);position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px}
.contactbox .contactimg .p2::after{content:"";position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.contactbox .contactimg .p2 span{color:var(--color)}
.contactbox .contactimg .list{margin-top:3em}
.contactbox .contactimg .list li{list-style:none;margin-bottom:20px;display:flex;align-items:flex-start}
.contactbox .contactimg .list li em{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px}
.contactbox .contactimg .list li p{flex:1}
.contactbox .contactimg .list li p a{color:#FFFFFF}
.contactbox .contactfeedback{padding-left:30px}
.contactbox .contactfeedback::before{content:"";position:absolute;top:0;left:50%;width:960px;height:100%;background-color:#f3f3f3;z-index:-1}
.contactbox .send-inquiry .inquiry-form input,.contactbox .wmkcfb-fileupload,.contactbox .send-inquiry .inquiry-form textarea{background: #fff;border: 1px solid #eaeaea;border-radius: 5px;}
@media (max-width:1024px) {
.contactbox .l-wrap>div{width:100%;}
.contactbox .contactfeedback::before{background-color: #0b1b2b;}
.contactbox .contactfeedback{padding-left: 0;}

}
#projects::after {font-family:var(--fontfamily)}
.contactbox .contactimg::before{background:url(/Content/uploads/other/20251110092440ba189c2e5f224bcf853dd716110f7633.JPG) no-repeat;background-position:center;background-size:cover}
.contactbox .l-wrap>.width100{width:100%;padding-top:20px}