﻿@import url(https://js01.v15cdn.com/single-template/public.css); 
#video{width: 100%;}
.banner-video{position:relative;width:100%;}
.banner-video video{filter:brightness(.7);min-height:inherit}
.banner-video .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;color:#fff;opacity:0;text-align:center}
.banner-video .banner-animote .p1{font-size:3vw;font-weight:var(--fontbold5);text-align:center;line-height:1.3;margin-bottom:1vw}
.banner-video .banner-animote .p2{font-size:1.1vw;}
.banner-video .banner-animote .p3{margin-top:1.5vw}
.banner-video .banner-animote .p3 a{padding:.8vw 1.5vw;background:0 0;border:1px solid var(--color);background:var(--color);border-radius:5px;color:#fff;font-weight:var(--fontbold5);text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:1vw;line-height:1.2}
.banner-video .banner-animote .p3 a:hover{color:var(--color);background:#fff;border-color:#fff;}
.banner-video .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@media (max-width:1024px){.banner-video .banner-animote{width:80%;}
.banner-video .banner-animote .p1{font-size:3.2vw;}
.banner-video .banner-animote .p2{font-size:1.5vw;}
.banner-video .banner-animote .p3 a{padding:1vw 1.5vw;font-size:1.3vw}}
@media (max-width:768px){.banner-video .banner-animote{width:90%;}
/* .banner-video .banner-animote .p1{font-size:3.8vw;}
.banner-video .banner-animote .p2{font-size:2.2vw;} */
.banner-video .banner-animote .p3{display:none}}

@font-face{font-family:"iconfont2";src:url('/js/39576/fonts/iconfont.ttf?t=1779721030707') format('truetype')}
.icon-dunpai,.icon-diqiu{font-family:"iconfont2" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-dunpai:before{content:"\e642"}
.icon-diqiu:before{content:"\e643"}
.home-about .l-wrap .about-img lite-youtube{max-width:none;border-radius:15px}
.home-about .about-right .about-right-middle{padding:0;margin-bottom:20px}
.home-about .about-right .about-right-middle ul{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .about-right .about-right-middle ul li{width:48%}
.about-right-data{margin-bottom:30px}
.about-right-data ul{display:flex;flex-wrap:wrap;gap:20px}
.home-about .about-right .about-right-data ul li{background:#E7EDF3;border-radius:5px;margin:0;display:flex;align-items:center;padding:6px 20px}
.home-about .about-right .about-right-data ul li em{color:#0b2154}
@media (max-width:500px){.home-about .about-right .about-right-middle ul li{width:100%}
.about-right-data ul{gap:10px}
.home-about .about-right .about-right-data ul li{padding:5px 12px}}
.wmpage163-page3{background:linear-gradient(90deg, var(--color), var(--color) 100%)}
.wmpage163-pag3-row{display:flex;justify-content:space-between}
.wmpage163-pag3-col{width:25%;display:flex;justify-content:center;align-items:center;flex-direction:column}
.wmpage163-pag3-data{display: flex;justify-content: center;font-size: var(--wmpage-font32);padding: 6px 0;font-weight: var(--fontbold7);line-height: 1;color: #fff;}
.wmpage163-pag3-ioce em{font-size:50px;width:50px;color:#fff;line-height:1;margin-bottom:10px;display:inline-block;transition:all .3s ease-in-out}
.wmpage163-page3-text p{font-style:normal;line-height:1.2;font-weight: var(--fontbold7);font-size:var(--fontsize20);margin-top:7px;color:#fff}
.wmpage163-pag3-col:hover .wmpage163-pag3-ioce em{transform:rotateY(180deg)}
@media (max-width:1366px){.wmpage163-pag3-data{font-size:32px}
}
@media (max-width:1024px){.wmpage163-pag3-data{font-size:28px}
.wmpage163-pag3-ioce em{width:38px;font-size:38px}
}
@media (max-width:768px){.wmpage163-pag3-row{flex-wrap:wrap}
.wmpage163-pag3-col{width:50%;padding:20px 0}
}
@media (max-width:500px){.wmpage163-pag3-col{width:100%}
}
.wmpage163-page3 {padding:4% 0}
.wmpage163-page3 .home-des,.wmpage163-page3 .home-title{color:#fff}
.wmpage163-pag3-row{margin-top:50px}
.wmpage163-page3-text p{font-weight:400;text-align:center}
.wmpage163-pag3-data{font-size:50px}
.wmpage163-pag3-col{justify-content:flex-start}
@media (max-width:768px){.wmpage163-page3 {padding:40px 0}
.wmpage163-pag3-row{margin-top:30px}}
.home-adv .advwrap .advwrap-content .img img {aspect-ratio:227/156;object-fit:cover}
.home-adv .l-wrap{max-width:1920px;padding:0 15px;}
.home-adv .advwrap .advwrap-container{margin-left:40px;background:#fff;padding:40px;border-radius:10px;}
.home-adv .advwrap .advwrap-nav li{background:#fff;margin-bottom:10px;border-radius:10px;}
.home-adv .advwrap .advwrap-nav li.act{background:var(--color);color:#fff;}
.home-adv .advwrap .advwrap-content .img img{display:block;width:100%;}
@media (max-width:1024px){.home-adv .advwrap .advwrap-container{margin-left:0}
.home-adv .advwrap .advwrap-nav{justify-content:space-between;gap:0 1.25%}
.home-adv .advwrap .advwrap-nav li{width:19%;white-space:normal;height:auto;line-height:1.2;display:flex;align-items:center;justify-content:center;padding:10px}}
@media (max-width:768px){.home-adv .advwrap .advwrap-container{padding:20px}
.home-adv .advwrap .advwrap-nav{gap:0 2%;justify-content:flex-start}
.home-adv .advwrap .advwrap-nav li{width:32%}}
@media (max-width:550px){.home-adv .advwrap .advwrap-nav{gap:0 4%;}
.home-adv .advwrap .advwrap-nav li{width:48%;padding:15px 10px}}
@media (min-width:1025px){.index header:not(.is-active) .head-info{background:#00000055}}
@media (min-width:1025px){.home-adv .l-wrap{padding:0 40px}}

.home-about .l-wrap{align-items:normal}
.home-about .l-wrap .about-img{width:50%}
.home-about .l-wrap .about-img lite-youtube{height:100%;object-fit:cover;}
.home-about .about-right{padding-left:40px}
@media (min-width:1441px){
.home-about .about-right>p{margin:30px 0}
}
@media (max-width:1024px){
.home-about .l-wrap .about-img{width:100%}
.home-about .about-right{padding-left:0;margin-top:20px}
}
.wmkc-services{position:relative;padding:4% 0}
.wmkc-services .l-wrap {width: 100%;max-width: 1600px;padding: 0px 70px;margin: 0px auto;}
.wmkc-services .home-title {margin-bottom:10px}
.wmkc-services .home-des1 {font-size: var(--fontsize16);color: #565656;text-align: center;max-width: 1000px;margin: 10px auto 0px;text-transform: initial;}
.wmkc-services #serviceswiper1{margin-top:40px;}
.wmkc-services #serviceswiper1 .swiper-slide{position:relative;}
.wmkc-services #serviceswiper1 .swiper-slide img{width:100%;height:100%;object-fit:cover;aspect-ratio: 3/2;border-radius:10px;overflow:hidden}
.wmkc-services #serviceswiper1 .swiper-slide .opacity{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#FFFFFF;transition:all .2s linear;padding:20px;opacity:0}
.wmkc-services #serviceswiper1 .swiper-slide .opacity .p1{font-size:var(--fontsize20);position:relative;padding-bottom:10px;margin-bottom:10px}
.wmkc-services #serviceswiper1 .swiper-slide .opacity .p1::after{content:"";position:absolute;left:0px;bottom:0px;width:60px;height:4px;background:var(--color)}
.wmkc-services #serviceswiper1 .swiper-slide:hover .opacity{opacity:1}
.wmkc-services #serviceswiper1 .swiper-slide .info{margin-top:5px;text-align:center}
.wmkc-services #serviceswiper1 .serviceswiper-pagination{text-align:center;margin-top:20px}
.wmkc-services #serviceswiper1 .serviceswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
.wmkc-services #serviceswiper1 .serviceswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.wmkc-services #serviceswiper1 .serviceswiper-next,.wmkc-services #serviceswiper1 .serviceswiper-prev{position:absolute;top:calc(50% - 20px);transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;border-radius:50%;width:45px;height:45px;cursor:pointer;transition:all .2s linear;background:rgba(255,255,255,.2)}
.wmkc-services #serviceswiper1 .serviceswiper-next em,.wmkc-services #serviceswiper1 .serviceswiper-prev em{font-size:var(--fontsize24);color:#FFFFFF}
.wmkc-services #serviceswiper1 .serviceswiper-prev{left:10px}
.wmkc-services #serviceswiper1 .serviceswiper-next{right:10px}
@media (max-width:768px){.wmkc-services #serviceswiper1 .serviceswiper-next,#serviceswiper1 .serviceswiper-prev{display:none}
.wmkc-services #serviceswiper1{margin-top:20px}
.wmkc-services #serviceswiper1 .swiper-slide .opacity{opacity:1}}