.floatleft{max-width:800px;width:100%;float:left;margin-right:40px}
.floatleft img{width:100%}
.floatright{max-width:800px;width:100%;float:right;margin-left:40px}
.floatright img{width:100%}
@media(max-width:768px){.floatleft,.floatright{float:none;margin:0;margin-bottom:10px}}
.pro-custom{position:relative;z-index:2;padding:5% 0}
.pro-custom .kche-t58 .kche-template-item h5{font-weight:600!important;font-size:32px;color:#00204a}
.pro-custom a{transition:all .2s linear}
.pro-custom a:hover{opacity:.8}
.pro-custom-bg::before{content:"";position:absolute;width:1920px;height:100%;left:-175px;top:0;z-index:-1;background-color:#f2f3f6}
.pro-signage1{padding-top:0}
.pro-signage1 .txt{color:#656567;margin-top:20px}
.pro-signage1 .txt a{color:var(--color);text-decoration:underline}
.pro-signage2 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pro-signage2 .img{width:48%}
.pro-signage2 .img img{width:100%}
.pro-signage2 .info{width:48%}
.pro-signage2 .info .kche-t58 .kche-template-item{justify-content:flex-start;padding:0 0 15px}
.pro-signage2 .info .kche-t58 .kche-template-item h5{text-align:left}
.pro-signage2 .info .kche-t58 .kche-template-item .kche-t58-line{left:0;transform:translateX(0)}
.pro-signage2 .info .list{display:flex;flex-wrap:wrap;margin-top:20px}
.pro-signage2 .info .list li{width:48%;justify-content:space-between;position:relative;color:#656567;padding-left:15px;margin-top:10px}
.pro-signage2 .info .list li::before{content:"";position:absolute;left:0;top:8px;background-color:var(--color);border-radius:50%;width:10px;height:10px}
.pro-signage2 .info .more{background-color:var(--color);color:#fff;font-size:18px;padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;border-radius:4px}
.pro-signage2 .info .more em{margin-left:6px}
.pro-signage3{padding-bottom:20px}
.pro-signage4{margin-top:4%}
.pro-signage4 .box{margin-top:50px;position:relative;padding-bottom:30px}
.pro-signage4 .box .signage4-pagination{position:absolute;bottom:0;display:flex;justify-content:center;width:100%}
.pro-signage4 .box .signage4-pagination .swiper-pagination-bullet{margin:0 5px}
.pro-signage4 .swiper{overflow:hidden}
.pro-signage4 .swiper-slide{position:relative}
.pro-signage4 .swiper-slide .img{position:relative;overflow:hidden}
.pro-signage4 .swiper-slide .img .youtube-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:red;cursor:pointer}
.pro-signage4 .swiper-slide .img .youtube-btn em{font-size:30px;color:var(--color)}
.pro-signage4 .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.pro-signage4 .swiper-slide .img iframe{width:100%;height:280px}
.pro-signage4 .swiper-slide .tit{font-size:20px;padding:10px 0}
.pro-signage4 .swiper-slide .more{color:var(--color)}
.pro-signage4 .swiper-slide .iframe-box{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.pro-signage4 .swiper-slide .iframe-box iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.pro-signage4 .swiper-slide.active>.img{display:none}
.pro-signage5 .tab-title{display:flex;justify-content:center;margin-top:40px;flex-wrap:wrap}
.pro-signage5 .tab-title .tit{margin:0 10px 10px;padding:10px 20px;background-color:#f2f3f6;border-radius:5px;font-size:18px;color:#444;cursor:pointer;border-bottom:3px solid #f2f3f6;transition:all .2s linear}
.pro-signage5 .tab-title .tit.active{border-bottom:3px solid var(--color)}
.pro-signage5 .tab-box{margin-top:30px}
.pro-signage5 .tab-box .swiper{overflow:hidden}
.pro-signage5 .tab-box .tab-item{position:relative;display:none}
.pro-signage5 .tab-box .tab-item.active{display:block}
.pro-signage5 .tab-box .tab-item .signage5-pagination{display:flex;width:100%;justify-content:center;margin-top:30px}
.pro-signage5 .tab-box .tab-item .signage5-pagination .swiper-pagination-bullet{margin:0 5px}
.pro-signage5 .tab-box .tab-item .swiper-slide .tit{font-size:20px;color:#00204a;font-weight:500;margin:10px 0 6px}
.pro-signage5 .tab-box .tab-item .swiper-slide .txt{color:#444}
.pro-signage5 .btn{display:flex;justify-content:center;margin-top:20px}
.pro-signage5 .btn .more{background-color:var(--color);color:#fff;font-size:18px;padding:8px 20px;display:inline-flex;align-items:center;justify-content:center;margin-top:40px;border-radius:4px}
.pro-signage5 .btn .more em{margin-left:6px}
.pro-signage6 .box{margin-top:50px;padding-bottom:30px;position:relative}
.pro-signage6 .box .signage6-pagination{position:absolute;bottom:0;width:100%;display:flex;justify-content:center}
.pro-signage6 .box .signage6-pagination .swiper-pagination-bullet{margin:0 5px}
.pro-signage6 .swiper{overflow:hidden}
.pro-signage6 .swiper-slide{position:relative;border-radius:5px;overflow:hidden}
.pro-signage6 .swiper-slide .img{width:100%;height:100%;overflow:hidden}
.pro-signage6 .swiper-slide .img img{display:block;width:100%;height:100%;object-fit:cover}
.pro-signage6 .swiper-slide .info{width:100%;position:absolute;bottom:0;left:0;padding:14px 20px;background:linear-gradient(to bottom,transparent,var(--color));color:#fff;font-size:20px;min-height:100px;display:flex;align-items:center}
.pro-signage6 .swiper-slide .info p{white-space:wrap}
.pro-signage7 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.pro-signage7 .info{width:48%}
.pro-signage7 .info .txt{color:#00204a}
.pro-signage7 .info .list{color:#656567}
.pro-signage7 .info .list li{display:flex;margin-top:10px}
.pro-signage7 .info .list li span{color:var(--color)}
.pro-signage7 .img{width:48%}
.pro-signage8{padding-bottom:180px}
.pro-signage8::before{background-image:url(/uploads/42215/page/p202504231035335c8ac.webp);background-repeat:no-repeat;background-size:cover}
.pro-signage8 .kche-t58 .kche-template-item h5{color:#fff}
.pro-signage8 .box{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-top:50px}
.pro-signage8 .img{width:50%;position:relative}
.pro-signage8 .img .youtube-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:red;cursor:pointer}
.pro-signage8 .img .youtube-btn em{font-size:30px}
.pro-signage8 .img iframe{width:100%;height:440px}
.pro-signage8 .info{width:46%;color:#fff}
.pro-signage8 .info .tit{font-size:20px;font-weight:600}
.pro-signage8 .info .txt{margin-top:10px;opacity:.6}
.pro-signage8 .bottom{position:relative}
.pro-signage8 .bottom .list{position:absolute;left:0;top:40px;display:flex;justify-content:space-between;flex-wrap:wrap}
.pro-signage8 .bottom li{width:24%;background-color:#fff;border-radius:5px;box-shadow:0 3px 8px 0 rgba(19,20,21,.17);padding:30px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center}
.pro-signage8 .bottom li .p1{color:#00204a;font-size:20px;font-weight:500;margin-bottom:4px}
.pro-signage8 .bottom li .more{margin-top:20px;color:var(--color)}
.pro-signage9{padding-top:calc(5% + 160px)}
@media screen and (max-width:1600px){.pro-custom-bg::before{content:"";width:calc(100% + 30px);left:-15px}}
@media screen and (max-width:1366px){.pro-signage9{padding-top:calc(5% + 200px)}}
@media screen and (max-width:1280px){.pro-signage9{padding-top:calc(5% + 300px)}}
@media screen and (max-width:1024px){.pro-custom .kche-t58 .kche-template-item h5{font-size:24px}
.pro-custom{padding:40px 0}
.pro-signage8 .bottom .list{position:static}
.pro-signage8 .bottom .list li{width:48%;margin-top:25px}}
@media screen and (max-width:768px){.pro-signage2 .box{margin-top:25px}
.pro-signage2 .img{width:100%}
.pro-signage2 .info{margin-top:25px;width:100%}
.pro-signage4 .box{margin-top:25px}
.wmkc-sec4{min-height:240px}
.pro-signage7 .box{flex-direction:column-reverse;margin-top:25px}
.pro-signage7 .info{margin-top:25px;width:100%}
.pro-signage7 .img{width:100%}
.pro-signage8 .box{margin-top:25px}
.pro-signage8 .info{margin-top:25px;width:100%}
.pro-signage8 .img{width:100%}
.pro-signage8 .img iframe{height:240px}
.pro-signage8 .bottom .list li{padding:15px 10px}}
@media screen and (max-width:500px){.pro-signage8 .bottom .list li{width:100%;margin-top:15px}}
.inter-title{font-size:var(--wmpage-font38);color:#00204a;text-align:center;font-weight:var(--fontbold6)}
.inter-title span{color:var(--color)}
.inter-des{text-align:center;color:#6f6f71;max-width:71%;margin:10px auto 0}
.page-more{background-color:var(--color);color:#fff!important;border-radius:4px;padding:11px 20px;text-decoration:none!important;margin-right:10px;border:1px solid transparent;transition:all .2s linear}
.page-more:hover{background-color:#fff;border:1px solid var(--color);color:var(--color)!important}
.common-main{margin-bottom:0}
.breadcrumb{display:none}
/* .head-main{background-color:transparent} */
/* .inner-banner{margin-top:0} */
.banner-animate{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:1;width:100%;color:#fff;font-size:16px;padding:0 90px}
.inner-banner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.banner-animate .p1{font-size:42px;font-weight:var(--fontbold7)}
.banner-animate .p2{font-size:18px;margin-top:2%}
.banner-animate .p2 p{display:inline-flex;align-items:flex-end;margin-right:40px;position:relative;padding-left:20px;line-height:1}
.banner-animate .p2 p::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.banner-animate .p2 span{color:var(--color);font-size:var(--wmpage-font24);margin-right:4px;line-height:1}
.banner-animate .p3{display:flex;align-items:center;flex-wrap:wrap;margin-top:2%}
.banner-animate .p3 img{margin-right:20px;width:auto;height:70px;max-width:100%;max-height:100%}
.banner-animate .btn-box{margin-top:30px}
.interactive2,.interactive3,.interactive6,.interactive7,.interactive8{padding:4% 0}
.interactive1{padding-bottom:4%}
.interactive1 .box{display:flex;flex-wrap:wrap;justify-content:space-between}
.interactive1 .inter-title{text-align:left}
.interactive1 .info .tit{margin:4% 0;font-size:var(--wmpage-font20);color:var(--color);font-weight:var(--fontbold5)}
.interactive1 .img .title{text-align:center;font-size:var(--wmpage-font24);color:#00204a;font-weight:var(--fontbold5);margin-bottom:30px}
.interactive1 .img .img-item{margin-bottom:20px;position:relative}
.interactive1 .img .img-item iframe{width:100%}
.interactive1 .img .img-item .img-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;cursor:pointer}
.interactive1 .img .img-item .img-box img{width:100%;height:100%;object-fit:cover}
.interactive1 .img .img-item .img-box em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--wmpage-font46);color:red}
.interactive2{background-color:#f2f3f6}
.interactive2 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.interactive2 .item{width:32%;background-color:#fff;border-radius:6px;padding:50px 30px 10px;min-height:170px;display:flex;margin-top:30px;transition:all .2s linear}
.interactive2 .item .icon{width:60px;height:60px;border-radius:50%;background-color:#f2f3f6;display:inline-flex;align-items:center;justify-content:center;margin-right:18px}
.interactive2 .item .icon em{color:var(--color);transition:all .2s linear;font-size:var(--wmpage-font24);font-weight:var(--fontbold5)}
.interactive2 .item .info{flex:1;}
.interactive2 .item .info .tit{transition:all .2s linear;color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold5)}
.interactive2 .item .info .txt{color:#6f6f71;margin-top:10px;transition:all .2s linear}
.interactive2 .item:hover{background-color:var(--color)}
.interactive2 .item:hover .icon{background-color:#fff}
.interactive2 .item:hover .info .tit{color:#fff}
.interactive2 .item:hover .info .txt{color:#fff}
.table-box{margin-top:50px;max-width:100%;overflow-x:auto}
.table-box table{width:100%;text-align:center;border:1px solid #ebebeb}
.table-box table th{border:1px solid #ebebeb;padding:10px 6px;color:#6f6f71;font-weight:var(--fontbold6)}
.table-box table td{color:#7b7b7d;padding:10px 6px;border:1px solid #ebebeb}
.table-box table td a{text-decoration:none;color:var(--color);font-weight:var(--fontbold6)}
.table-box .dialog-img{position:fixed;left:0;top:0;width:100%;height:100%;padding:5% 0;background-color:rgba(0,0,0,.6);z-index:999;overflow-y:auto;display:none}
.dialog-img-box{position: relative;width: 100%;height: 100%;overflow-y: auto;max-width: 1500px;margin: 0 auto;}
.interactive4{background-color:#f2f3f6;padding-top:5%}
.interactive4 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.interactive4 .box .info{width:52%;color:#6f6f71}
.interactive4 .box .info .inter-title{text-align:left}
.interactive4 .box .info .list{margin-top:10px}
.interactive4 .box .info .list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive4 .box .info .list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive4 .box .info .txt{margin-top:20px}
.interactive4 .box .info .txt span{color:var(--color)}
.interactive4 .box .img{width:44%;position:relative;min-height:390px}
.interactive4 .box .img .img-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;cursor:pointer}
.interactive4 .box .img .img-box img{width:100%;height:100%;object-fit:cover}
.interactive4 .box .img .img-box em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--wmpage-font46);color:red}
.interactive4 .bottom{transform:translateY(100px)}
.interactive4 .bottom .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.interactive4 .bottom .list .item{width:31%;background-color:#fff;padding:40px;box-shadow:0 10px 30px 0 rgba(8,1,3,.1);margin-top:40px}
.interactive4 .bottom .list .item .tit{color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold6)}
.interactive4 .bottom .list .item .txt{color:#6f6f71;margin-top:20px}
.interactive5{padding-top:calc(4% + 100px);padding-bottom:4%}
.interactive5 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.interactive5 .info{width:54%}
.interactive5 .info .inter-title{text-align:left}
.interactive5 .info .list{margin-top:20px}
.interactive5 .info .list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive5 .info .list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive5 .info .page-more{margin-top:20px}
.interactive5 .img{width:42%}
.interactive6{background-color:#f2f3f6}
.interactive6 .box{margin-top:50px;padding-bottom:40px;position:relative}
.interactive6 .box .inter6-pagination{width:100%;position:absolute;display:flex;justify-content:center;bottom:0}
.interactive6 .box .inter6-pagination .swiper-pagination-bullet{margin:0 6px;background-color:var(--color);width:14px;height:14px}
.interactive6 .box .swiper{overflow:hidden}
.interactive6 .swiper-slide{background-color:#fff;height:auto}
.interactive6 .swiper-slide .info{padding:30px}
.interactive6 .swiper-slide .info .tit{color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold6)}
.interactive6 .swiper-slide .info .txt{color:#6f6f71;margin-top:10px}
.interactive6 .btn{display:flex;justify-content:center;margin-top:40px}
.interactive7 .list{margin-top:30px}
.interactive7 .list li{border:1px solid #ebebeb;padding:10px 20px 14px;margin-top:20px}
.interactive7 .list li.act .title em{transform:rotate(180deg)}
.interactive7 .list .title{display:flex;justify-content:space-between;align-items:center;font-size:var(--fontbold6);font-size:var(--wmpage-font20);color:#00204a;margin:4px 0;cursor:pointer}
.interactive7 .list .title em{transition:all .2s linear}
.interactive7 .list .txt{padding-right:20px;display:none;color:#6f6f71}
.interactive7 .list .txt .txt-list{margin-top:10px}
.interactive7 .list .txt .txt-list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive7 .list .txt .txt-list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive8 .top{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px}
.interactive8 .top .inter-title{color:#fff;text-align:left}
.interactive8 .top .txt{color:#fff;margin-top:10px}
.interactive8 .contact-box{background-color:#fff;border-radius:6px;padding:30px 40px}
.interactive8 .inquiry-form .wmkcfb-fileupload,.interactive8 .inquiry-form input,.interactive8 .inquiry-form textarea{background-color:#fff;border:1px solid #e2e2e2}
@media screen and (max-width:1600px){.banner-animate{padding:0 15px}}
@media screen and (max-width:1440px){.inner-banner img{height:auto}}
@media screen and (max-width:1280px){.inter-title{font-size:var(--wmpage-font26)}
.banner-animate .p1{font-size:var(--wmpage-font26)}}
@media screen and (max-width:1024px){.banner-animate .p2{display:none}
.banner-animate .p3{margin-top:20px}
.inter-des{max-width:100%}
.interactive1 .info{width:100%;padding-right:0;margin-bottom:20px}
.interactive1 .img{width:100%}
.interactive2 .item{width:48%}
.interactive4 .box .img{width:100%}
.interactive4 .box .info{width:100%;margin-top:20px}
.interactive4 .bottom .list .item{padding:20px}
.interactive5 .box{flex-direction:column-reverse}
.interactive5 .box .img{width:100%}
.interactive5 .box .info{width:100%;margin-top:20px}
.inter-title{font-size:var(--wmpage-font22)}}
@media screen and (max-width:768px){.banner-animate .p3{display:none}
.interactive1{padding-bottom:40px}
.interactive4 .bottom .list .item{width:100%;margin-top:25px}
.interactive4 .bottom{transform:translateY(40px)}
.interactive2,.interactive3,.interactive6,.interactive7,.interactive8{padding:40px 0}
.interactive4{padding-top:40px}
.interactive5{padding-top:80px;padding-bottom:40px}
.interactive6 .swiper-slide .info{padding:15px}
.interactive2 .item{width:100%;padding:20px 10px;min-height: 130px;}
.banner-animate .btn-box{display:none}
.banner-animate .p1{font-size:var(--wmpage-font16)}
.inter-dialog .box{padding:30px 15px}}
.pro-signage6 .pro-signage6-swiper .swiper-wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;}
.pro-signage6 .pro-signage6-swiper .swiper-wrapper .swiper-slide{width: 32%;}
@media screen and (max-width:768px){
.pro-signage6 .pro-signage6-swiper .swiper-wrapper .swiper-slide{width: 100%;margin-top: 20px;}}
.pagesbanner-animate .p1 {text-transform: capitalize;text-align: left;position: static;transform: translateY(0px);}
.pro-d-main .pro-detail{padding-top: 40px;}
.inter-title{font-size:var(--wmpage-font38);color:#00204a;text-align:center;font-weight:var(--fontbold6)}
.inter-title span{color:var(--color)}
.inter-des{text-align:center;color:#6f6f71;max-width:71%;margin:10px auto 0}
.page-more{background-color:var(--color);color:#fff!important;border-radius:4px;padding:11px 20px;text-decoration:none!important;margin-right:10px;border:1px solid transparent;transition:all .2s linear}
.page-more:hover{background-color:#fff;border:1px solid var(--color);color:var(--color)!important}
.common-main{margin-bottom:0}
.breadcrumb{display:none}
.inner-banner{margin-top:0}
.banner-animate{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);z-index:1;width:100%;color:#fff;font-size:16px;padding:0 90px}
.inner-banner::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.banner-animate .p1{font-size:42px;font-weight:var(--fontbold7)}
.banner-animate .p2{font-size:18px;margin-top:2%}
.banner-animate .p2 p{display:inline-flex;align-items:flex-end;margin-right:40px;position:relative;padding-left:20px;line-height:1}
.banner-animate .p2 p::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.banner-animate .p2 span{color:var(--color);font-size:var(--wmpage-font24);margin-right:4px;line-height:1}
.banner-animate .p3{display:flex;align-items:center;flex-wrap:wrap;margin-top:2%}
.banner-animate .p3 img{margin-right:20px;width:auto;height:70px;max-width:100%;max-height:100%}
.banner-animate .btn-box{margin-top:30px}
.interactive2,.interactive3,.interactive6,.interactive7,.interactive8{padding:4% 0}
.interactive1{padding-bottom: 4%;padding-top: 5%;transform: translateY(-5%);margin-bottom: -5%;}
.interactive1 .box{display:flex;flex-wrap:wrap;justify-content:space-between}
.interactive1 .inter-title{text-align:left}
.interactive1 .info{flex:1;padding-right:4%}
.interactive1 .info .tit{margin:4% 0;font-size:var(--wmpage-font20);color:var(--color);font-weight:var(--fontbold5)}
.interactive1 .info .list li{display:flex;color:#6f6f71;margin-bottom:6px;width: 48%;}
.interactive1 .info .list li em{margin-right:6px;color:var(--color)}
.interactive1 .info .list{flex-wrap: wrap;justify-content: space-between;display: flex;color: #6f6f71;margin-bottom: 6px;width: 100%;}
.interactive1 .info .page-more{margin-top:20px}
.interactive1 .img{width:35%}
.interactive1 .img .title{text-align:center;font-size:var(--wmpage-font24);color:#00204a;font-weight:var(--fontbold5);margin-bottom:30px}
.interactive1 .img .img-item{margin-bottom:20px;position:relative}
.interactive1 .img .img-item iframe{width:100%}
.interactive1 .img .img-item .img-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:99;cursor:pointer}
.interactive1 .img .img-item .img-box img{width:100%;height:100%;object-fit:cover}
.interactive1 .img .img-item .img-box em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--wmpage-font46);color:red}
.interactive2{background-color:#f2f3f6;position: relative;}
.interactive2::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 1920px;height: 100%;background: #f2f3f6;z-index: -1;}
.interactive2 .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.interactive2 .item{width:32%;background-color:#fff;border-radius:6px;padding:50px 30px 10px;min-height:170px;display:flex;margin-top:30px;transition:all .2s linear}
.interactive2 .item .icon{width:60px;height:60px;border-radius:50%;background-color:#f2f3f6;display:inline-flex;align-items:center;justify-content:center;margin-right:18px}
.interactive2 .item .icon em{color:var(--color);transition:all .2s linear;font-size:var(--wmpage-font24);font-weight:var(--fontbold5)}
.interactive2 .item .info{flex:1;}
.interactive2 .item .info .tit{transition:all .2s linear;color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold5)}
.interactive2 .item .info .txt{color:#6f6f71;margin-top:10px;transition:all .2s linear}
.interactive2 .item:hover{background-color:var(--color)}
.interactive2 .item:hover .icon{background-color:#fff}
.interactive2 .item:hover .info .tit{color:#fff}
.interactive2 .item:hover .info .txt{color:#fff}
.table-box{margin-top:50px;max-width:100%;overflow-x:auto}
.table-box table{width:100%;text-align:center;border:1px solid #ebebeb}
.table-box table th{border:1px solid #ebebeb;padding:10px 6px;color:#6f6f71;font-weight:var(--fontbold6)}
.table-box table td{color:#7b7b7d;padding:10px 6px;border:1px solid #ebebeb}
.table-box table td a{text-decoration:none;color:var(--color);font-weight:var(--fontbold6)}
.table-box .dialog-img{position:fixed;left:0;top:0;width:100%;height:100%;padding:5% 0;background-color:rgba(0,0,0,.6);z-index:999;overflow-y:auto;display:none}
.dialog-img-box{position: relative;width: 100%;height: 100%;overflow-y: auto;max-width: 1500px;margin: 0 auto;}
.interactive4{background-color:#f2f3f6;padding-top:5%;position: relative;}
.interactive4::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 1920px;height: 100%;background: #f2f3f6;z-index: -1;}
.interactive4 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.interactive4 .box .info{width:52%;color:#6f6f71}
.interactive4 .box .info .inter-title{text-align:left}
.interactive4 .box .info .list{margin-top:10px}
.interactive4 .box .info .list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive4 .box .info .list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive4 .box .info .txt{margin-top:20px}
.interactive4 .box .info .txt span{color:var(--color)}
.interactive4 .box .img{width:44%;position:relative;min-height:390px}
.interactive4 .box .img .img-box{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;cursor:pointer}
.interactive4 .box .img .img-box img{width:100%;height:100%;object-fit:cover}
.interactive4 .box .img .img-box em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:var(--wmpage-font46);color:red}
.interactive4 .bottom{transform:translateY(100px)}
.interactive4 .bottom .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.interactive4 .bottom .list .item{width:31%;background-color:#fff;padding:40px;box-shadow:0 10px 30px 0 rgba(8,1,3,.1);margin-top:40px}
.interactive4 .bottom .list .item .tit{color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold6)}
.interactive4 .bottom .list .item .txt{color:#6f6f71;margin-top:20px}
.interactive5{padding-top:calc(4% + 100px);padding-bottom:4%}
.interactive5 .box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.interactive5 .info{width:54%}
.interactive5 .info .inter-title{text-align:left}
.interactive5 .info .list{margin-top:20px}
.interactive5 .info .list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive5 .info .list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive5 .info .page-more{margin-top:20px}
.interactive5 .img{width:42%}
.interactive6{background-color:#f2f3f6;position: relative;}
.interactive6::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 1920px;height: 100%;background: #f2f3f6;z-index: -1;}
.interactive6 .box{margin-top:50px;padding-bottom:40px;position:relative}
.interactive6 .box .inter6-pagination{width:100%;position:absolute;display:flex;justify-content:center;bottom:0}
.interactive6 .box .inter6-pagination .swiper-pagination-bullet{margin:0 6px;background-color:var(--color);width:14px;height:14px}
.interactive6 .box .swiper{overflow:hidden}
.interactive6 .swiper-slide{background-color:#fff;height:auto}
.interactive6 .swiper-slide .info{padding:30px}
.interactive6 .swiper-slide .info .tit{color:#00204a;font-size:var(--wmpage-font20);font-weight:var(--fontbold6)}
.interactive6 .swiper-slide .info .txt{color:#6f6f71;margin-top:10px}
.interactive6 .btn{display:flex;justify-content:center;margin-top:40px}
.interactive7 .list{margin-top:30px}
.interactive7 .list li{border:1px solid #ebebeb;padding:10px 20px 14px;margin-top:20px}
.interactive7 .list li.act .title em{transform:rotate(180deg)}
.interactive7 .list .title{display:flex;justify-content:space-between;align-items:center;font-size:var(--fontbold6);font-size:var(--wmpage-font20);color:#00204a;margin:4px 0;cursor:pointer}
.interactive7 .list .title em{transition:all .2s linear}
.interactive7 .list .txt{padding-right:20px;display:none;color:#6f6f71}
.interactive7 .list .txt .txt-list{margin-top:10px}
.interactive7 .list .txt .txt-list p{position:relative;padding-left:20px;margin-bottom:10px}
.interactive7 .list .txt .txt-list p::before{content:"";position:absolute;left:0;top:6px;width:10px;height:10px;border-radius:50%;background-color:var(--color)}
.interactive8 .top{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:40px}
.interactive8 .top .inter-title{color:#fff;text-align:left}
.interactive8 .top .txt{color:#fff;margin-top:10px}
.interactive8 .contact-box{background-color:#fff;border-radius:6px;padding:30px 40px}
.interactive8 .inquiry-form .wmkcfb-fileupload,.interactive8 .inquiry-form input,.interactive8 .inquiry-form textarea{background-color:#fff;border:1px solid #e2e2e2}
.inter-dialog{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.8);left:0;top:0;z-index:9999;display:none}
.inter-dialog .box{width:600px;max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:5px;padding:30px}
.inter-dialog .box .shut{position:absolute;right:10px;top:10px;background-color:var(--color);width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.inter-dialog .box .shut em{color:#fff;font-weight:var(--fontbold6);line-height:1;font-size:var(--wmpage-font14)}
.inter-dialog .box .txt{margin-top:10px;color:#6f6f71;margin-bottom:20px}
.inter-dialog .box .txt a{color:var(--color)}
.inter-dialog .box .wmkcfeedback .send-btn{margin:20px auto 0}
@media screen and (max-width:1600px){.banner-animate{padding:0 15px}}
@media screen and (max-width:1440px){.inner-banner img{height:auto}}
@media screen and (max-width:1280px){.inter-title{font-size:var(--wmpage-font26)}
.banner-animate .p1{font-size:var(--wmpage-font26)}}
@media screen and (max-width:1024px){.banner-animate .p2{display:none}
.banner-animate .p3{margin-top:20px}
.inter-des{max-width:100%}
.interactive1 .info{width:100%;padding-right:0;margin-bottom:20px}
.interactive1 .img{width:100%}
.interactive2 .item{width:48%}
.interactive4 .box .img{width:100%}
.interactive4 .box .info{width:100%;margin-top:20px}
.interactive4 .bottom .list .item{padding:20px}
.interactive5 .box{flex-direction:column-reverse}
.interactive5 .box .img{width:100%}
.interactive5 .box .info{width:100%;margin-top:20px}
.inter-title{font-size:var(--wmpage-font22)}}
@media screen and (max-width:768px){.banner-animate .p3{display:none}
.interactive1{padding-bottom:40px}
.interactive4 .bottom .list .item{width:100%;margin-top:25px}
.interactive4 .bottom{transform:translateY(40px)}
.interactive2,.interactive3,.interactive6,.interactive7,.interactive8{padding:40px 0}
.interactive4{padding-top:40px}
.interactive5{padding-top:80px;padding-bottom:40px}
.interactive6 .swiper-slide .info{padding:15px}
.interactive2 .item{width:100%;padding:20px 10px;min-height: 130px;}
.banner-animate .btn-box{display:none}
.banner-animate .p1{font-size:var(--wmpage-font16)}
.inter-dialog .box{padding:30px 15px}}
.wmpage198-page1 .wmpage198-page1-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.wmpage198-page1 .wmpage198-page1-box .wmpage198-page1-left{width:30%}
.wmpage198-page1 .wmpage198-page1-left img{width:100%;height:auto;object-fit:cover}
.wmpage198-page1 .wmpage198-page1-box .wmpage198-page1-right{width:65%}
.wmpage198-page1 .wmpage198-page1-right .wmpage198-page1-text{color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase}
.wmpage198-page1 .wmpage198-page1-right .wmpage-title{color:#00204a}
.wmpage198-page1 .wmpage198-page1-right .wmpage198-page1-list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmpage198-page1 .wmpage198-page1-right .wmpage198-page1-list .wmpage198-page1-item{width:48%;margin-top:30px;display:flex;align-items:center}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-bgimg{position:relative;z-index:1}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-bgimg::before{position:absolute;content:'';background-image:url(https://img01.v15cdn.com/singletem/wmpage198/wmpage198-page1-img2.webp);left:50%;top:50%;width:120px;height:120px;transform:translate(-50%,-50%);z-index:-1;transition:transform .5s ease}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-icon{display:flex;justify-content:center;align-items:center;width:70px;height:70px;border-radius:50%;background:#00204a;transition:all .2s linear}
.wmpage198-page1 .wmpage198-page1-item:hover .wmpage198-page1-icon{background:var(--color)}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-icon em{color:#fff;font-size:var(--wmpage-font26)}
.wmpage198-page1 .wmpage198-page1-item:hover .wmpage198-page1-bgimg::before{animation:page1 10s linear infinite}
@keyframes page1{0%{transform:translate(-50%,-50%) rotate(0)}
100%{transform:translate(-50%,-50%) rotate(360deg)}}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-info{flex:1;margin-left:30px}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-title{font-weight:var(--fontbold6);color:#00204a;font-size:var(--wmpage-font20)}
.wmpage198-page1 .wmpage198-page1-item .wmpage198-page1-desc{color:var(--wmpage-color8);margin-top:15px}
@media screen and (max-width:1024px){.wmpage198-page1 .wmpage198-page1-box .wmpage198-page1-left{width:100%;margin-bottom:30px}
.wmpage198-page1 .wmpage198-page1-box .wmpage198-page1-right{width:100%}}
@media screen and (max-width:768px){.wmpage198-page1 .wmpage198-page1-right .wmpage198-page1-list .wmpage198-page1-item{width:100%}}
.box #signage4swiper .swiper-wrapper{justify-content: center;}
.box #signage4swiper .swiper-wrapper .info a:nth-last-child(2){border: 1px solid var(--color) !important;margin-right: 20px !important;}
.box #signage4swiper .swiper-wrapper .info a:nth-last-child(1){background-color: #fff !important;border: 1px solid var(--color) !important;color: var(--color) !important;}
.interactive3 .table-responsive{height: 550px;overflow: auto;}
.interactive3 .table-responsive table{width: 100%;}
.wmkc-sec4{max-width: 1200px;}
.wmkc-sec3 .list .btn{display: flex;width: 100%;justify-content: center;padding: 0;}
.wmpage128-page1 .wmpage-title{font-weight:var(--fontbold6)}
.wmpage128-page1 .wmpage128-page1-list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.wmpage128-page1 .wmpage128-page1-item{width:16%;text-align:center}
.wmpage128-page1 .wmpage128-page1-con{position:relative;transition:all .2s ease-out 0s}
.wmpage128-page1 .wmpage128-page1-con img{width:100%;border-radius:50%}
.wmpage128-page1 .wmpage128-page1-pro{position:absolute;left:20px;right:20px;top:50%;opacity:0;z-index:1;transform:translate(10%,-30%);transition:all .2s ease-out 0s;text-align:center;color:#fff;font-weight:var(--fontbold6)}
.wmpage128-page1 .wmpage128-page1-con::after{position:absolute;content:'';display:block;background:rgba(31,28,28,.74902);top:0;opacity:0;transform:rotate3d(-1,1,0,100deg);transition:all .4s ease-in-out 0s;border-radius:50%;width:100%;height:100%}
.wmpage128-page1 .wmpage128-page1-con:hover .wmpage128-page1-pro{opacity:1;transform:translate(0,-50%);transition-delay:.2s}
.wmpage128-page1 .wmpage128-page1-con:hover::after{opacity:.9;transform:rotate3d(0,0,0,0deg)}
.wmpage128-page1 .wmpage128-page1-name{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);margin-top:10px;display:inline-block}
@media(max-width:768px){.wmpage128-page1 .wmpage128-page1-item{width:32%;margin-bottom:20px}
}
@media(max-width:500px){.wmpage128-page1 .wmpage128-page1-item{width:48%;margin-bottom:10px}
.wmpage128-page1 .wmpage128-page1-list{margin-top:30px}
.wmpage128-page1 .wmpage128-page1-name{font-size:var(--wmpage-font18)}
}
.wmpage97-page2{background-color:#f8f8f8}
.wmpage97-page2 .wmpage97-page2-box{display:flex;flex-wrap:wrap;justify-content:space-between}
.wmpage97-page2 .wmpage97-page2-item{width:32%;padding:30px 30px;position:relative;transition:all .3s ease-in-out;border-radius:5px;z-index:1;box-shadow:-1px 5px 20px 0 rgba(82,90,101,.1);background-color:#fff;margin-top:20px}
.wmpage97-page2 .wmpage97-page2-item .icon{text-align:center;margin-bottom:20px}
.wmpage97-page2 .wmpage97-page2-item .icon em{color: var(--color);font-size: var(--wmpage-font50);width: var(--wmpage-font50);display: inline-block;line-height: 1;}
.wmpage97-page2 .wmpage97-page2-item .title{text-align:center;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin:10px 0}
.wmpage97-page2 .wmpage97-page2-item .txt{color:#555;text-align:center}
.wmpage97-page2 .wmpage97-page2-item:hover{transform:scale(1.04)}
@media screen and (max-width:768px){.wmpage97-page2 .wmpage97-page2-item{width:48%;padding:20px}
.wmpage97-page2 .wmpage97-page2-item .icon em{font-size:var(--wmpage-font40);width:40px}
}
@media screen and (max-width:500px){.wmpage97-page2 .wmpage97-page2-item{width:100%}
.wmpage97-page2 .wmpage97-page2-item .icon{margin-bottom:10px}
}
.wmpage157-page2{background:var(--color)}
.wmpage157-page2 .wmpage157-page2-txt{text-align:center}
.wmpage157-page2 .wmpage157-page2-txt em{font-size:var(--wmpage-font30);color:#fff}
.wmpage157-page2 .wmpage-title{text-align:center;margin:10px 0;color:#fff}
.wmpage157-page2 .wmpage157-page2-wrapper{margin-top:50px}
.wmpage157-page2 .wmpage157-page2-slide{overflow:hidden;border-radius:5px;transition:all .2s linear}
.wmpage157-page2 .wmpage157-page2-slide.swiper-slide-active,.wmpage157-page2 .wmpage157-page2-slide:hover{transform:translateY(-30px)}
.wmpage157-page2 .wmpage157-page2-slide.swiper-slide-active,.wmpage157-page2 .wmpage157-page2-slide:hover{box-shadow:0 0 10px 5px #00000073}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-top{position:relative;width:100%}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-top img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;position:relative}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-top .wmpage157-page2-data{position:absolute;display:inline-flex;justify-content:center;align-items:center;min-width:100px;padding:0 20px;height:35px;background:var(--color);left:20px;bottom:-15px;color:#fff;font-weight:var(--fontbold6);font-size:var(--wmpage-font14);transition:all .2s linear}
.wmpage157-page2 .wmpage157-page2-slide:hover .wmpage157-page2-top .wmpage157-page2-data{background:#000;color:#fff}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-bottom{padding:35px 20px 20px;background:#fff}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-bottom .wmpage157-page2-title{color:var(--wmpage-color22);font-size:var(--wmpage-font18);font-weight:var(--fontbold6)}
.wmpage157-page2 .wmpage157-page2-slide .wmpage157-page2-bottom .wmpage157-page2-letter{color:#555;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.wmpage157-page2 .wmpage157-page2-pagination{text-align:center;margin-top:30px}
.wmpage157-page2 .wmpage157-page2-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:9px;position:relative}
.wmpage157-page2 .wmpage157-page2-pagination .swiper-pagination-bullet::after{content:'';position:absolute;left:-8px;right:-8px;top:-8px;bottom:-8px;opacity:0;border:3px solid transparent;border-top-color:#fff;border-right-color:#fff;border-radius:50%;transition:all .3s linear;animation:page2spin 1s linear infinite}
@keyframes page2spin{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.wmpage157-page2 .wmpage157-page2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after{opacity:1}
.wmpage157-page2 .wmpage157-page2-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#000}
@media screen and (max-width:768px){.wmpage157-page2 .wmpage157-page2-slide.swiper-slide-active,.wmpage157-page2 .wmpage157-page2-slide:hover{box-shadow:none}}


/*digital-menu-board*/
.board-title{font-size:42px;line-height:1.3;font-weight:var(--fontbold6);color:#00204a}
.board-des{margin-top:30px;color:#6f6f71}
@media screen and (max-width:1440px){.board-des br{display:none}}
@media screen and (max-width:768px){.board-des{margin-top:20px}}
@media screen and (max-width:1880px){.board-title{font-size:var(--wmpage-font38)}}
@media screen and (max-width:1660px){.board-title{font-size:var(--wmpage-font32)}}
@media screen and (max-width:1440px){.board-title{font-size:var(--wmpage-font28)}}
@media screen and (max-width:1024px){.board-title{font-size:var(--wmpage-font26)}}
@media screen and (max-width:768px){.board-title{font-size:var(--wmpage-font22)}}
.board-banner .p1{white-space:nowrap;font-size:50px;font-weight:var(--fontbold7);line-height:1.1;margin:0 0 25px 0;color:#fff}
@media screen and (max-width:1880px){.board-banner .p1{font-size:var(--wmpage-font42)}}
@media screen and (max-width:1660px){.board-banner .p1{font-size:var(--wmpage-font36);white-space:normal}}
@media screen and (max-width:1440px){.board-banner .p1{font-size:var(--wmpage-font28)}}
@media screen and (max-width:1024px){.board-banner .p1{font-size:var(--wmpage-font26)}}
@media screen and (max-width:768px){.board-banner .p1{font-size:var(--wmpage-font22)}}
.board-banner .p2{margin-top:0;margin-bottom:30px}
.board-banner ul{display:flex;flex-wrap:wrap;max-width:615px}
.board-banner ul li{width:50%;display:flex;align-items:center}
.board-banner ul li .crs{font-size:var(--wmpage-font30);color:var(--color);margin-right:10px}
.board-banner ul li .color{font-size:var(--wmpage-font24);color:var(--color);margin:0 5px}
.board-banner ul li:last-child .color{margin-left:0}
.board-banner .bannericon{margin-top:20px}
.board-banner .bannerbtn{display:flex;gap:10px;margin-top:50px}
@media screen and (max-width:1660px){.board-banner .bannericon{display:none}}
@media screen and (max-width:1440px){.board-banner ul{display:none}}
@media screen and (max-width:1024px){.board-banner .bannerbtn{display:none}}
/* 改的banner图 */
.inner-banner img{height:100%!important}
/* banner盒子定位 */
.board-banner.pagesbanner-animate{top:55%}
.board-btn a{display:inline-flex;align-items:center;justify-content:center;padding:15px 30px;background-color:var(--color);color:#fff;text-decoration:none;border-radius:5px;transition:all .3s ease;line-height:1}
.board-btn a:hover{color:#ccc}
.board-btn a .iconfont{margin-left:10px;font-size:var(--wmpage-font16);width:16px;line-height:1}
.pt5m5{padding-top:5%;padding-bottom:5%}
.boardpage1 .board-title{margin-bottom:40px}
.boardpage1 .board-title+.board-des{margin-top:0}
.boardpage1 .btn{margin-top:30px}
.boardpage1 .top-sec{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.boardpage1 .top-sec .left,.boardpage1 .top-sec .right{width:48%}
.boardpage1 .top-sec .right{display:flex;flex-direction:column;align-items:center;overflow:hidden}
.boardpage1 .top-sec .right .iframe{width:100%;height:570px;overflow:hidden}
.boardpage1 .top-sec .right .tit{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);line-height:1;margin-top:30px}
.boardpage1 .bom-sec{margin-top:4%;display:flex;flex-wrap:wrap;justify-content:space-between}
.boardpage1 .bom-sec .item{display:flex;flex-direction:column;align-items:center;width:16.6%;background-color:#fff;transition:all .3s ease;padding:50px 0;border-right:1px solid #f2f3f6;border-top:1px solid #f2f3f6;border-bottom:1px solid #f2f3f6}
.boardpage1 .bom-sec .item:first-child{border-left:1px solid #eee}
.boardpage1 .bom-sec .item img{transition:all .3s ease}
.boardpage1 .bom-sec .item .tit{font-size:var(--wmpage-font20);text-align:center;font-weight:var(--fontbold6);margin-top:30px}
.boardpage1 .bom-sec .item:hover{background-color:var(--color);border-color:var(--color)}
.boardpage1 .bom-sec .item:hover img{filter:brightness(0) invert(100%)}
.boardpage1 .bom-sec .item:hover .tit{color:#fff}
@media screen and (max-width:1280px){.boardpage1 .board-title{margin-bottom:20px}}
@media screen and (max-width:1024px){.boardpage1 .bom-sec{margin-top:0}
.boardpage1 .bom-sec .item{width:32%;padding:25px 0;border:1px solid #f2f3f6;margin-top:3%}}
@media screen and (max-width:768px){.boardpage1 .board-title{text-align:center}
.boardpage1 .btn{display:flex;justify-content:center;align-items:center}
.boardpage1 .top-sec .left,.boardpage1 .top-sec .right{width:100%}
.boardpage1 .top-sec .right{margin-top:20px}
.boardpage1 .bom-sec .item{width:48%}
.boardpage1 .bom-sec .item .tit{margin-top:20px;font-size:var(--wmpage-font18)}}
@media screen and (max-width:350px){.boardpage1 .bom-sec .item{width:100%}}
.boardpage2 .board-title{text-align:center}
.boardpage2 .btn{display:flex;justify-content:center;align-items:center;margin-top:3%}
.boardpage2.sfullwidthbg::before{width:100vw;background-color:#f2f3f6}
.boardpage2 .bom{display:flex;flex-wrap:wrap;justify-content:start;gap:2%}
.boardpage2 .bom .item{margin-top:3%;width:32%;background-color:#fff;padding:45px 30px;border-radius:6px;display:flex;align-items:flex-start;transition:all .3s ease}
@media (max-width:1024px){.boardpage2 .bom .item{width:calc(50% - 15px)}}
@media (max-width:768px){.boardpage2 .bom .item{width:100%}}
@media screen and (max-width:550px){.boardpage2 .bom .item{flex-direction:column;align-items:center}
.boardpage2 .bom .item .iconbox{margin-right:0;margin-bottom:20px}
.boardpage2 .bom .item .text{text-align:center}}
.boardpage2 .bom .item .iconbox{width:60px;height:60px;background:#f2f3f6;color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:20px;flex-shrink:0;transition:all .3s ease}
.boardpage2 .bom .item .iconbox .iconfont{font-size:var(--wmpage-font30);line-height:1;width:30px}
.boardpage2 .bom .item .text .tit{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);color:#111;margin-bottom:20px;line-height:1;transition:color .3s ease}
.boardpage2 .bom .item .text .des{font-size:var(--wmpage-font14);color:#111;line-height:1.6;transition:color .3s ease}
.boardpage2 .bom .item.active,.boardpage2 .bom .item:hover{background-color:var(--color)}
.boardpage2 .bom .item.active .iconbox,.boardpage2 .bom .item:hover .iconbox{background-color:#fff;color:var(--color)}
.boardpage2 .bom .item.active .text .des,.boardpage2 .bom .item.active .text .tit,.boardpage2 .bom .item:hover .text .des,.boardpage2 .bom .item:hover .text .tit{color:#fff}
.boardpage3 .board-des,.boardpage3 .board-title{text-align:center}
.boardpage3 .bom{margin-top:3%}
.boardpage3 .bom .table tr:nth-child(3) a{color:var(--color)}
.boardpage4{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.boardpage4.sfullwidthbg::before{background-color:#f2f3f6;width:100vw}
.boardpage4 .left{width:40%}
.boardpage4 .right{width:56%}
.boardpage4 .right .p2{line-height:1;margin-top:30px;margin-bottom:20px;font-size:var(--wmpage-font18);font-weight:var(--fontbold6)}
.boardpage4 .right ul{color:#6f6f71}
.boardpage4 .right ul li{margin-bottom:10px}
.boardpage4 .right ul li:last-child{margin-bottom:0}
.boardpage4 .right .btn{margin-top:40px}
@media screen and (max-width:768px){.boardpage4 .left{width:100%}
.boardpage4 .left img{max-width: none; width: 100%;}
.boardpage4 .right{margin-top:20px;width:100%}
.boardpage4 .right .btn{margin-top:20px}
.boardpage4 .right .p2{margin-top:20px}}
.boardpage5 .board-des,.boardpage5 .board-title{text-align:center}
.boardpage5 .btn{display:flex;justify-content:center;align-items:center;margin-top:3%}
.boardpage5 .bom{display:flex;flex-wrap:wrap;justify-content:space-between}
.boardpage5 .bom .item{width:48%;position:relative;border-radius:100px 6px 100px 6px;overflow:hidden;margin-top:3%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:340px 8%;color:#fff}
@media (max-width:1440px){.boardpage5 .bom .item{padding:200px 8%}}
@media (max-width:1024px){.boardpage5 .bom .item{border-radius:0;width:48%;border-radius:0;padding:100px 20px}}
@media (max-width:550px){.boardpage5 .bom .item{width:100%}}
.boardpage5 .bom .item .img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.boardpage5 .bom .item .img img{width:100%;height:100%;object-fit:cover}
.boardpage5 .bom .item .img::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.1) 0,#023b55 100%)}
.boardpage5 .bom .item .tit{position:relative;z-index:2;font-size:var(--wmpage-font30);font-weight:var(--fontbold6);margin-bottom:30px;line-height:1}
@media screen and (max-width:1024px){.boardpage5 .bom .item .tit{font-size:var(--wmpage-font24)}}
.boardpage5 .bom .item .des{position:relative;z-index:2;font-size:var(--wmpage-font16);line-height:1.6;color:#fff;font-weight:300}
.boardpage6.sfullwidthbg::before{background-color:#f2f3f6;width:100vw}
.boardpage6 .top-sec{display:flex;justify-content:space-between;align-items:center;margin-bottom:4%}
.boardpage6 .top-sec .left{width:48%}
.boardpage6 .top-sec .left .board-title{margin-bottom:35px}
.boardpage6 .top-sec .left .board-des p{margin-bottom:20px;font-size:var(--wmpage-font16);color:#666;line-height:1.8}
.boardpage6 .top-sec .left .board-des a{color:var(--color);text-decoration:none}
.boardpage6 .top-sec .left .btn{display:flex;gap:15px;flex-wrap:wrap;margin-top:35px}
.boardpage6 .top-sec .right{width:48%}
.boardpage6 .top-sec .right .iframe{height:570px;overflow:hidden}
.boardpage6 .center-sec{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;margin-bottom:4%}
@media (max-width:1200px){.boardpage6 .center-sec{grid-template-columns:repeat(3,1fr)}}
@media (max-width:768px){.boardpage6 .center-sec{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:768px) and (max-width:350px){.boardpage6 .center-sec{grid-template-columns:repeat(1,1fr)}}
.boardpage6 .center-sec .item{background:#fff;padding:60px 15px;border-radius:8px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.03);transition:all .3s ease}
.boardpage6 .center-sec .item:hover{box-shadow:0 10px 25px rgba(0,0,0,.08)}
.boardpage6 .center-sec .item .iconbox{margin-bottom:35px}
.boardpage6 .center-sec .item .iconbox .iconfont{font-size:45px;color:var(--color);line-height:1;transition:all .3s ease;width:45px}
.boardpage6 .center-sec .item .iconbox .iconfont:hover{transform:rotateY(-180deg)}
.boardpage6 .center-sec .item .text .tit{display:flex;align-items:center;justify-content:center;color:#00204a;margin-bottom:30px;line-height:1}
.boardpage6 .center-sec .item .text .tit .val{font-size:var(--wmpage-font32);line-height:1;font-weight:700}
.boardpage6 .center-sec .item .text .tit .sym{font-size:var(--wmpage-font20);margin-left:5px}
.boardpage6 .center-sec .item .text .des{font-size:var(--wmpage-font16);color:#666;line-height:1}
.boardpage6 .bom-sec{display:flex;justify-content:space-between;flex-wrap:wrap}
.boardpage6 .bom-sec .item{width:32%;border-radius:8px;overflow:hidden}
.boardpage6 .bom-sec .item .img{width:100%;height:100%}
.boardpage6 .bom-sec .item .img img{width:100%;height:100%;display:block;object-fit:cover;aspect-ratio:4/3;transition:transform .4s ease}
.boardpage6 .bom-sec .item:hover .img img{transform:scale(1.04)}
@media screen and (max-width:1024px){.boardpage6 .top-sec .left .board-title{margin-bottom:0}
.boardpage6 .board-des,.boardpage6 .top-sec .left .btn{margin-top:20px}
.boardpage6 .center-sec .item .iconbox{margin-bottom:20px}
.boardpage6 .center-sec .item .text .tit{margin-bottom:20px}
.boardpage6 .center-sec .item .iconbox .iconfont{font-size:35px;width:35px}}
@media screen and (max-width:768px){.boardpage6 .top-sec{flex-wrap:wrap}
.boardpage6 .top-sec .left .board-title{text-align:center}
.boardpage6 .top-sec .right{margin-top:20px}
.boardpage6 .top-sec .left,.boardpage6 .top-sec .right{width:100%}
.boardpage6 .center-sec .item .text .tit .val{font-size:var(--wmpage-font24)}
.boardpage6 .center-sec{margin-bottom:0}
.boardpage6 .bom-sec .item{width:48%;margin-top:3%}}
@media screen and (max-width:550px){.boardpage6 .bom-sec .item{width:100%}}
.boardpage7 .board-des,.boardpage7 .board-title{text-align:center}
.boardpage7 .btn{display:flex;justify-content:center;align-items:center;margin-top:3.5%}
.boardpage7 .bom{display:flex;flex-wrap:wrap;justify-content:space-between}
.boardpage7 .bom .item{width:24%;display:flex;flex-direction:column;margin-top:3%}
.boardpage7 .bom .item .img{border-radius:6px;overflow:hidden}
.boardpage7 .bom .item .img img{transition:all .3s ease;height:100%}
.boardpage7 .bom .item .img img:hover{transform:scale(1.03)}
.boardpage7 .bom .item .text{padding:40px 30px;background:#f2f3f6;margin-top:auto;flex:1;display:flex;flex-direction:column}
.boardpage7 .bom .item .tit{font-size:var(--wmpage-font20);color:#00204a;line-height:1;font-weight:var(--fontbold6);margin-bottom:30px}
.boardpage7 .bom .item .des{flex:1;color:#444}
@media screen and (max-width:1024px){.boardpage7 .bom .item{width:48%}
.boardpage7 .bom .item .tit{margin-bottom:20px}}
@media screen and (max-width:550px){.boardpage7 .bom .item{width:100%}
.boardpage7 .bom .item .img img{max-width:none;width:100%}}
.boardpage8.sfullwidthbg::before{background-color:#f2f3f6;width:100vw}
.boardpage8 .btn{display:flex;justify-content:center;align-items:center;margin-top:3.5%}
.boardpage8 .board-des,.boardpage8 .board-title{text-align:center}
.boardpage8 .app-grid{display:flex;flex-wrap:wrap;justify-content:space-between}
.boardpage8 .app-grid .item{width:32%;position:relative;border-radius:6px;overflow:hidden;cursor:pointer;margin-top:3%}
.boardpage8 .app-grid .item::after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.8) 0,rgba(0,0,0,0) 100%);z-index:1;transition:opacity .3s ease}
.boardpage8 .app-grid .item .img{width:100%;height:100%}
.boardpage8 .app-grid .item .img img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:4/3}
.boardpage8 .app-grid .item .text{position:absolute;left:30px;right:30px;bottom:40px;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;background:0 0;padding:0;border-radius:6px;transition:all .3s ease}
.boardpage8 .app-grid .item .text::before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:#00b0ff;transition:opacity .3s ease}
.boardpage8 .app-grid .item .text .tit{width:100%;font-size:var(--wmpage-font20);font-weight:var(--fontbold6,600);line-height:1.3;margin:0;padding-bottom:15px;transition:all .3s ease}
.boardpage8 .app-grid .item .text .des{line-height:1.5;opacity:0;max-height:0;overflow:hidden;margin:0;transition:all .3s ease}
.boardpage8 .app-grid .item:hover::after{opacity:0}
.boardpage8 .app-grid .item:hover .text{background:rgba(0,176,255,.9);padding:50px 35px}
.boardpage8 .app-grid .item:hover .text::before{opacity:0}
.boardpage8 .app-grid .item:hover .text .tit{padding-bottom:0;margin-bottom:25px}
.boardpage8 .app-grid .item:hover .text .des{opacity:1;max-height:200px}
@media screen and (max-width:1440px){.boardpage8 .app-grid .item{width:32%}
.boardpage8 .app-grid .item:hover .text{padding:20px 15px;max-height:220px;overflow-y:auto;justify-content:flex-start}
.boardpage8 .app-grid .item:hover .text .des{max-height:none;overflow:visible}}
@media screen and (max-width:1024px){.boardpage8 .app-grid .item{width:48%}}
@media screen and (max-width:768px){.boardpage8 .app-grid .item .text{left:10px;right:10px;bottom:10px}}
@media screen and (max-width:550px){.boardpage8 .app-grid .item{width:100%}
.boardpage8 .app-grid .item:hover .text{max-height:200px}
.boardpage8 .app-grid .item:hover .text .tit{margin-bottom:10px}}
.boardpage9 .board-des,.boardpage9 .board-title{text-align:center}
.boardpage9 .bom{width:100%;position:relative;overflow:hidden}
.boardpage9 .bom .board9swiper{padding-bottom:50px;overflow:hidden}
.boardpage9 .bom .board9swiper .swiper-slide{margin-top:4%;background-color:#f6f7fa;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;height:auto;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
.boardpage9 .bom .board9swiper .swiper-slide:hover{transform:translateY(-30px);box-shadow:0 15px 30px rgba(0,0,0,.1)}
.boardpage9 .bom .board9swiper .swiper-slide .img{width:100%;aspect-ratio:1/1;overflow:hidden}
.boardpage9 .bom .board9swiper .swiper-slide .img img{width:100%;height:100%;object-fit:cover;display:block}
.boardpage9 .bom .board9swiper .swiper-slide .text{padding:40px 20px 40px;text-align:center;display:flex;flex-direction:column;flex-grow:1}
.boardpage9 .bom .board9swiper .swiper-slide .text .tit{font-size:var(--wmpage-font20);font-weight:var(--fontbold6);color:#00204a;line-height:32px;margin-bottom:30px}
.boardpage9 .bom .board9swiper .swiper-slide .text .des{line-height:30px;color:#444;line-height:1.6;margin:0}
.boardpage9 .bom .board9swiper .swiper-pagination.board9pagination{position:absolute;bottom:0!important;left:0;width:100%;text-align:center;z-index:10!important}
.boardpage9 .bom .board9swiper .swiper-pagination.board9pagination .swiper-pagination-bullet{width:14px;height:14px;background:#d4d4d4!important;opacity:1!important;margin:0 6px;display:inline-block;border-radius:50%;transition:all .3s ease}
@media screen and (max-width:1024px){.boardpage9 .bom .board9swiper .swiper-pagination.board9pagination .swiper-pagination-bullet{width:8px;height:8px}}
.boardpage9 .bom .board9swiper .swiper-pagination.board9pagination .swiper-pagination-bullet-active{background:#000!important;transform:scale(1.2)}
@media screen and (max-width:1024px){.boardpage9 .bom .board9swiper .swiper-slide .text .tit{margin-bottom:20px}}
.boardpage10 .board-title{text-align:center}
.boardpage10.sfullwidthbg::before{background-color:#f2f3f6;width:100vw}
.boardpage10 .faq-tabs{display:flex;justify-content:center;gap:10px;margin:3% auto 30px}
.boardpage10 .faq-tabs .faq-tab{flex:1;padding:15px;background:#fff;border:1px solid #bfbfbf;text-align:center;font-weight:var(--fontbold6);cursor:pointer;transition:all .3s}
.boardpage10 .faq-tabs .faq-tab.active{background:var(--color);color:#fff;border-color:var(--color)}
.boardpage10 .faq-panel{display:none;margin:0 auto}
.boardpage10 .faq-panel.active{display:block;animation:board10fadeIn .4s}
.boardpage10 .faq-item{background:#fff;margin-bottom:20px;border-radius:4px}
.boardpage10 .faq-item .faq-header{padding:20px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.boardpage10 .faq-item .faq-header .faq-q{font-size:var(--wmpage-font18);font-weight:var(--fontbold6);margin:0}
.boardpage10 .faq-item .faq-header .icon-arrow-down{font-size:var(--wmpage-font16);color:#666;transition:transform .3s ease,color .3s ease;display:inline-block}
.boardpage10 .faq-item .faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.boardpage10 .faq-item .faq-body .faq-inner{overflow:hidden}
.boardpage10 .faq-item .faq-body .faq-inner p{padding:0 20px 20px;margin:0;color:#656567}
.boardpage10 .faq-item.active .faq-header .faq-q{color:var(--color)}
.boardpage10 .faq-item.active .faq-header .icon-arrow-down{transform:rotate(180deg)}
.boardpage10 .faq-item.active .faq-body{grid-template-rows:1fr}
@media screen and (max-width:1024px){.boardpage10 .faq-tabs{flex-wrap:wrap}
.boardpage10 .faq-tabs .faq-tab{width:32%;flex:none}}
@media screen and (max-width:768px){.boardpage10 .faq-tabs .faq-tab{width:48%}}
@media screen and (max-width:550px){.boardpage10 .faq-tabs .faq-tab{width:100%}}
@keyframes board10fadeIn{from{opacity:0;transform:translateY(5px)}
to{opacity:1;transform:translateY(0)}}
.board-feedback.wmkcbox-contact .wmkcbox-contact-left .home-title{font-size:var(--wmpage-font42)}
@media screen and (max-width:1024px){.board-feedback.wmkcbox-contact .wmkcbox-contact-left .home-title{font-size:var(--wmpage-font30)}}
@media screen and (max-width:768px){.board-feedback.wmkcbox-contact .wmkcbox-contact-left .home-title{font-size:var(--wmpage-font24)}}