@charset "utf-8";
:root{--color:#022A6F}
.about_l1{padding:30px 0}
.home-honor {padding:0;position:relative;background: none;}
.home-honor .l-wrap {position:absolute;left:50%;transform:translate(-50%,0);top:3vw;}
.foot-top { background: url(/uploads/23293/banner/202501080222088dc12.jpg) var(--color) no-repeat center;background-size: cover; display: flex;}
.home-static { background: var(--color) no-repeat left top; background-size: cover;}
@media (min-width:769px) and (max-width:1600px){.common-main>.l-wrap,.inner-banner .inner-content .l-wrap{padding-left:60px;padding-right:60px;}}
.head-info,.head-top,.foot-main{background:var(--color);}
#nav ul li a,#nav ul li a:hover,#nav ul li a.inmenu_1,.head-link,.head-link .tel a, .head-link .mail a,.head-share>ul a,.head-share>ul a:hover i,.lang-icon{color:#fff;}
.lang-icon span::before,.lang-icon span::after{background:#fff}
.foot-main .foot-item .navlist li a:hover,.foot-main .foot-item.contact ul.contactlist li a:hover{color:#fff;}
@media (min-width:769px){#application-swiper .swiper-wrapper{justify-content:space-between;transform:initial !important}
.home-application .home-button-next,.home-application .home-button-prev{display:none}
#application-swiper .swiper-wrapper .swiper-slide{width:19% !important;margin-right:0 !important}}
.foot-main .foot-item.navigation ul li{width:100%;}
.foot-main .foot-item.navigation{max-width:200px;}
.foot-logo img{width:200px;margin-bottom:30px;}
.foot-main .foot-logo p {text-align:justify;font-size:14px;}
.foot-main .foot-logo {width:22%;}
.foot-main .foot-qr{max-width:150px;}
.foot-main .foot-qr .foot-qr-wrap img{display:block;margin:10px 0;width:150px;}
.foot-main .foot-item.contact .foot-share ul a.fb,.foot-main .foot-item.contact .foot-share ul a.lk{background:#0080fe}
.foot-main .foot-item.contact .foot-share ul a.you{background:#fe0000;}
.foot-main .foot-item.contact .foot-share ul a.tik{background:#000000;}
@media (max-width:1024px) {
  .foot-main .foot-logo{width:100%;}
    .foot-main .foot-qr,.foot-main .foot-item.navigation{max-width:50%;}
}
@media (max-width:768px) {
  .foot-main .foot-item.navigation{max-width:100%;}
}
.banner-video-box{position:relative;text-align:center}
.banner-video-box video{height:auto}
.banner-video-box .banner-search{position:absolute;left:50%;bottom:20%;transform:translateX(-50%);max-width:1000px;width:100%}
@media (max-width:768px){
.banner-video-box .banner-search{padding:0 20px}
}
.banner-video-box .banner-search .search-text{color:#fff;font-size:40px;font-weight:700;text-transform:uppercase;margin-bottom:10px}
@media (max-width:768px){
.banner-video-box .banner-search .search-text{font-size:24px}
}
@media (max-width:500px){
.banner-video-box .banner-search .search-text{font-size:20px}
}
.banner-video-box .banner-search .banner-search-box input{width:400px;height:50px;background:rgba(255,255,255,.8);padding:0 10px;border-radius:3px}
@media (max-width:768px){
.banner-video-box .banner-search .banner-search-box input{width:100%}
}
@media (max-width:500px){
.banner-video-box .banner-search .banner-search-box input{height:32px}
}
.banner-video-box .banner-search .banner-search-box button{width:100px;height:50px;border:1px solid #fff;border-radius:3px;background:rgba(0,0,0,.6);color:#fff}
@media (max-width:768px){
.banner-video-box .banner-search .banner-search-box button{margin-top:15px}
}
@media (max-width:500px){
.banner-video-box .banner-search .banner-search-box button{height:32px}
}
.banner-video-box .banner-search .banner-search-box button.search-btn{background:rgba(2,42,111,.6)}
.head-search button i{color:#fff;}
.mob-btn i{color:#fff;}
@media (max-width: 1024px) {
    .head-info #nav ul li a {
        color:#000;
    }
}
@media (min-width:1025px) {
    .home-banner{height:calc(100vh - 118px);}
.banner-video-box{height:100%;}
.home-banner video{height:100%;width:100%;object-fit:cover}
}
@media (min-width:1025px){.product-main .page-container .page-main{order:1;padding-right:0;padding-left:30px}}
.inquiry-form input{width:49%;margin-bottom:10px}
.inquiry-form input,.inquiry-form textarea,.inquiry-form .wmkcfb-fileupload{border:1px solid #E9E9E9}
.inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-news .news-img{position: relative;padding-bottom: 80%;}
.home-news .newswrap .item .news-img img{object-fit: contain;position: absolute;top: 0;left: 0;}
.news-list li .news-img{position: relative;padding-bottom: 80%;}
.news-list li .news-img a img{object-fit: contain;position: absolute;top: 0;left: 0;}
@media(min-width:1025px){.product-main .pagelink .prev{border-bottom: none;}.product-main .pagelink .pagelink-item{width:50%;}.product-main .pagelink{display: flex;}}
.home-service .ind ul{display:flex;flex-wrap:wrap}
.home-service .ind ul li{position:relative;width:25%}
@media (max-width:1024px){
.home-service .ind ul li{width:100%}
}
.home-service .ind ul li .ind-img{aspect-ratio:16/10;transition:opacity .4s}
.home-service .ind ul li .ind-img img{width:100%;height:100%;object-fit:cover}
.home-service .ind ul li .text{position:absolute;color:#fff;top:50%;transform:translatey(-50%);padding:0 50px}
.home-service .ind ul li .text em{font-size:30px;font-weight:700;display:block}
@media (max-width:1440px) and (min-width:1025px){
.home-service .ind ul li .text em{font-size:20px}
}
@media (max-width:640px){
.home-service .ind ul li .text em{font-size:20px}
}
.home-service .ind ul li .text .hit-icon{width:35px}
.home-service .ind ul li:hover .ind-img{opacity:0}
.home-service .ind ul li:hover .hover{opacity:1}
.home-service .ind ul li:hover .hover .bottom,.home-service .ind ul li:hover .hover .top{transform:scalex(1)}
.home-service .ind ul li:hover .hover .left,.home-service .ind ul li:hover .hover .right{transform:scalex(1)}
.home-service .ind ul li .hover{transition:opacity .4s;transition-delay:.1s;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%}
.home-service .ind ul li .hover .img{aspect-ratio:64/40}
.home-service .ind ul li .hover .img img{width:100%;height:100%;object-fit:cover}
.home-service .ind ul li .hover .top{position:absolute;width:calc(100% - 40px);height:1px;background:#fff;top:20px;left:20px;right:20px;transform:scaleX(0);transition:all .6s}
.home-service .ind ul li .hover .bottom{position:absolute;width:calc(100% - 40px);height:1px;background:#fff;bottom:20px;left:20px;right:20px;transform:scaleX(0);transition:all .6s}
.home-service .ind ul li .hover .left{position:absolute;width:1px;height:calc(100% - 40px);background:#fff;bottom:20px;left:20px;transform:scaleY(0);transition:all .6s}
.home-service .ind ul li .hover .right{position:absolute;width:1px;height:calc(100% - 40px);background:#fff;bottom:20px;right:20px;transform:scaleY(0);transition:all .6s}
@media (max-width:640px){
.home-service .ind ul li .hover .top{top:10px;left:10px;right:10px;width:calc(100% - 20px)}
.home-service .ind ul li .hover .bottom{bottom:10px;left:10px;right:10px;width:calc(100% - 20px)}
.home-service .ind ul li .hover .left{top:10px;left:10px;height:calc(100% - 20px)}
.home-service .ind ul li .hover .right{top:10px;right:10px;height:calc(100% - 20px)}
}
.home-service .ind ul li .hover .info{position:absolute;color:#fff;z-index:2;padding:40px;top:0;left:0;width:100%;height:100%}
@media (max-width:1440px) and (min-width:1025px){
.home-service .ind ul li .hover .info{padding:30px}
}
@media (max-width:640px){
.home-service .ind ul li .hover .info{padding:25px}
}
.home-service .ind ul li .hover .info .att{font-size:30px;font-weight:700;line-height:1;margin-bottom:10px}
@media (max-width:1600px) and (min-width:1025px){
.home-service .ind ul li .hover .info .att{font-size:24px}
}
@media (max-width:640px){
.home-service .ind ul li .hover .info .att{font-size:22px}
}
.home-service .ind ul li .hover .info p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px}
.home-service .ind ul li .hover .info p span{color:red}
@media (max-width:1440px) and (min-width:1025px){
.home-service .ind ul li .hover .info p{-webkit-line-clamp:2}
}
@media (max-width:640px){
.home-service .ind ul li .hover .info p{font-size:12px}
}
.home-service .ind ul li .hover .info .more-btn{background:var(--color);color:#fff;display:inline-block;padding:4px 10px;margin-top:10px}
@media (max-width:1440px) and (min-width:1025px){
.home-service .ind ul li .hover .info .more-btn{font-size:12px}
}
@media (max-width:640px){
.home-service .ind ul li .hover .info .more-btn{font-size:12px}
}

.home-procate{padding:70px 20px 60px;}
.home-procate .home-procate-list{display:flex;flex-wrap:wrap;justify-content: space-between;}
@media (min-width:769px){.home-procate .home-procate-list{padding:0 80px;}}
.home-procate .home-procate-list .home-procate-item{display:flex;width:32%;position: relative;align-items: center;justify-content: space-around;background:#DCDCDC;padding:20px;margin-bottom:2%;overflow: hidden;}
.home-procate .home-procate-list .home-procate-item:before{content:'';width:200px;height:200px;background:var(--color);display:block;border-radius: 50%;position:absolute;top:-30px;left:-30px;z-index:1;transition:width .5s,height .5s}
.home-procate .home-procate-list .home-procate-item>div{width:47%;position: relative;z-index:2;}
.home-procate .home-procate-list .home-procate-item .img>a{width:100%;display:block;position:relative;height:0;padding-bottom:100%;}
.home-procate .home-procate-list .home-procate-item .img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;width:100%;}
.home-procate .home-procate-list .home-procate-item .cate-title a{display:flex;align-items: center;font-weight:var(--fontbold7);color:#4E4E4E;font-size:var(--fontsize20);transition: all .3s;}
.home-procate .home-procate-list .home-procate-item .cate-title a em{font-size:var(--fontsize24);margin-left:10px}
.home-procate .home-procate-list .home-procate-item:hover:before{width:130%;height:130%;border-radius: 0;}
.home-procate .home-procate-list .home-procate-item:hover .cate-title a{color:#fff}
@media (min-width:1025px){.home-procate .home-procate-list .home-procate-item:nth-child(n+7){margin-bottom:0;}}
@media (max-width:1440px){.home-procate .home-procate-list .home-procate-item .cate-title a{font-size:var(--fontsize18)}}
@media (max-width:1024px){.home-procate .home-procate-list .home-procate-item{width:49%;}}
@media (max-width:768px){.home-procate{padding:50px 15px 20px;}}
@media (max-width:550px){.home-procate .home-procate-list .home-procate-item{width:100%;}
.home-procate .home-procate-list .home-procate-item .cate-title a{font-size:var(--fontsize16)}
.home-procate .home-procate-list .home-procate-item .cate-title a em{font-size:var(--fontsize20)}}
.home-application .applist .item .title{ font-weight: var(--fontbold7);}
.home-about .about-img .play{display:none;}
.pro-main .wmkc-template-33 .wmkc-item-img img{height: 100%; }
.prodetails-top .prodetails-info h1{word-break:break-word}