﻿.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{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}
.interactive1 .info .list li em{margin-right:6px;color:var(--color)}
.interactive1 .info .page-more{margin-top:20px}
.interactive1 .img{width:32%}
.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}
.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}}
.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%}
.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}
.interactive1 .info .list li em{margin-right:6px;color:var(--color)}
.interactive1 .info .page-more{margin-top:20px}
.interactive1 .img{width:32%}
.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:var(--wmpage-color33)}
.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:var(--wmpage-color33);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:var(--wmpage-color33);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;}
