﻿@import url(https://js01.v15cdn.com/single-template/public.css);
@import url(https://css02.v15cdn.com/m440/fonts/iconfont.css);
@import url(https://css02.v15cdn.com/m443/aos.css);
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{max-width:1540px;padding:0 70px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0;text-align:left;z-index:10}
.home-banner .banner-animote .p1{font-size:48px;font-weight:var(--fontbold6);line-height:1.4;margin:10px 0 20px}
.home-banner .banner-animote .p1 span{font-size:var(--fontsize20);display:inline-block;transform:translateY(-20px)}
.home-banner .banner-animote .p2{font-size:var(--fontsize18);font-weight:var(--fontbold4);margin-bottom:4%;font-family:Poppins}
.home-banner .banner-animote .p3 a{background:0 0;color:#FFFFFF;width:186px;height:52px;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);border-radius:26px;color:#FFFFFF}
.home-banner .banner-animote .p3 a em{transform:rotate(-45deg);margin-left:10px;transition:all .3s ease-in-out}
.home-banner .banner-animote .p3 a:hover em{transform:rotate(0)}
.home-banner .banner-animote .list4{display:flex;align-items:center;margin-top:6%}
.home-banner .banner-animote .list4 li{max-width:75px;list-style:none;margin-right:30px}
@media (min-width:1025px){.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:180px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:var(--color)}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#FFFFFF;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%;display:none}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:24px}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
.swiper-pagination-bullet{width:12px;height:12px}
@media screen and (max-width:1280px){.home-banner .banner-animote .p1{font-size:var(--fontsize32);margin:0 0 20px}
.home-banner .banner-animote .list4 li{max-width:52px}}
@media screen and (max-width:1024px){.index .home-title{font-size:var(--fontsize26)}
.home-banner .banner-animote{padding:0 10px}
.home-banner .banner-animote .p1{font-size:var(--fontsize24);margin-bottom:10px}
.home-banner .banner-animote .p1 span{font-size:var(--fontsize14);transform:translateY(-6px)}
.home-banner .banner-animote .p2{font-size:16px;margin-bottom:20px}
.home-banner .banner-animote .p3 a{width:146px;height:42px}
.home-banner .banner-animote .list4{margin-top:20px}}
@media screen and (max-width:768px){.home-banner .swiper-slide img{min-height:240px}
.home-banner .banner-animote .p2{margin-bottom:0}
.home-banner .banner-animote .p3 a{display:none}
.home-banner .banner-animote .list4{display:none}}
@media screen and (max-width:500px){.home-banner .banner-animote .p1{font-size:var(--fontsize16)}
.home-banner .banner-animote .p2{font-size:var(--fontsize14)}}

.home-tapes .item .img{height:100%}
.home-tapes .item .img img{height:100%;object-fit:contain}
.home-product .pro-list .swiper-slide .img{aspect-ratio:auto}
.home-product .pro-list .swiper-slide .img img{clip-path:polygon(0 18%, 100% 0%, 100% 100%, 0 100%)}
.home-banner .swiper-slide-active img{animation: none;}
.home-banner .banner-animote.ban1{padding:0;width:60%;max-width:100%;top:4%;left:37%;transform: initial;}
.home-banner .banner-animote.ban1 .tit{color:#0376ED;font-family: Impact, sans-serif;font-size:3.25vw;}
.home-banner .banner-animote.ban1 .box{display: flex;align-items: flex-end;}
.home-banner .banner-animote.ban1 .list{display:flex;flex-wrap:wrap;justify-content: space-between;width: 75.5%;padding: 0 2%;transform: translateX(2%);}
.home-banner .banner-animote.ban1 .list .item{width:30%;color:#000;font-size:1vw;text-align:center;padding-top:31%;}
.home-banner .banner-animote.ban1 .list .item:nth-child(n+4){padding-top:38%;}
.home-banner .banner-animote.ban1 .more{width:24.5%;text-align:center;transform: translate(1vw,-2.5vw);}
.home-banner .banner-animote.ban1 .more a{font-weight: var(--fontbold7);color:#fff;text-transform: uppercase;font-size:1.35vw;line-height: 1;}
@media (max-width:768px){.home-banner .swiper-slide img{min-height:initial;}}
@media (max-width:550px){.home-banner .banner-animote.ban1 .more{transform:translate(1vw,-0.5vw)}}
.home-banner .banner-animote.ban2{padding:0;width:100%;max-width:100%;top:4%;left:0;text-align:center;transform: initial;line-height: 1.2;}
.home-banner .banner-animote.ban2 .tit{font-weight: var(--fontbold7);color:#fff;font-size:3.6vw;}
.home-banner .banner-animote.ban2 .des{font-size:1.1vw;margin:1% 0 2.4%;}
.home-banner .banner-animote.ban2 .word{display:flex;justify-content: center;align-items: center;}
.home-banner .banner-animote.ban2 .word p{white-space: nowrap;font-size:1.2vw}
.home-banner .banner-animote.ban2 .word p:nth-child(1){color:#000;margin-right:5vw;}
.home-banner .banner-animote.ban2 .word p:nth-child(2){transform: translateX(1.9vw);}
.home-banner .banner-animote.ban2 .num-list{display:flex;margin-top:3%;margin-left:22%;}
.home-banner .banner-animote.ban2 .num-list .item{width:auto;text-align:center}
.home-banner .banner-animote.ban2 .num-list .item:nth-child(2){padding-left:13%;}
.home-banner .banner-animote.ban2 .num-list .item:nth-child(3){padding-left:13%;}
.home-banner .banner-animote.ban2 .num-list .item:nth-child(4){padding-left:13%;}
.home-banner .banner-animote.ban2 .num-list .item .n1{font-weight: var(--fontbold7);font-size:2vw;}
.home-banner .banner-animote.ban2 .num-list .item .n2{font-size:1.1vw;white-space: nowrap;}
.home-banner .banner-animote.ban3{left:0;padding:0;padding-left:8%;top:42%;width:auto;max-width:initial;transform: translate(0,-50%);}
.home-banner .banner-animote.ban3 .numbox{display:flex;align-items: center;text-shadow: -1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff;color:#194BA0;line-height: 1.1;font-weight: var(--fontbold7);}
.home-banner .banner-animote.ban3 .numbox .num{font-size:8.5vw;}
.home-banner .banner-animote.ban3 .numbox .right{font-style: italic;}
.home-banner .banner-animote.ban3 .numbox .rtop{font-size:3vw;}
.home-banner .banner-animote.ban3 .numbox .rbot{font-size:2.4vw}
.home-banner .swiper-pagination{bottom:15px;}
.home-tapes{padding:5% 0}
.home-tapes .list-tapes{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
.home-tapes .item{width:28%;margin-top:30px;position:relative;border-radius:5px;overflow:hidden}
.home-tapes .item:first-child{width:40%}
.home-tapes .item:nth-child(4){width:40%}
.home-tapes .item .img{width:100%;position:relative}
.home-tapes .item .img img{width:100%}
.home-tapes .item .img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}
.home-tapes .item .info{width:100%;height:100%;padding:20px 20px;position:absolute;left:0;top:0;z-index:2}
.home-tapes .item .info .title{position:absolute;top:calc(100% - 42px);left:30px;font-size:var(--fontsize22);font-weight:var(--fontbold6);color:#fff;line-height:1;transition:all .3s ease-in-out}
.home-tapes .item .info .tap-more{position:absolute;right:-150px;bottom:20px;border-radius:23px 0 0 23px;background-color:rgba(255,255,255,.9);width:150px;height:45px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);font-weight:var(--fontbold6);opacity:0;transition:all .3s ease-in-out}
.home-tapes .item .info .tap-more em{transform:rotate(-45deg);transition:all .3s ease-in-out;margin-left:6px}
.home-tapes .item .info .tap-more:hover em{transform:rotate(0)}
.home-tapes .item:hover .info .title{top:20px}
.home-tapes .item:hover .info .tap-more{opacity:1;right:0}
.home-tapes .item-text{background-color:var(--color);border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-tapes .item-text p{color:#fff;font-size:var(--fontsize20);font-weight:var(--fontbold6);text-align:center;line-height:1}
.home-tapes .item-text:hover{background-color:var(--color)}
@media screen and (max-width:1024px){.home-tapes .list-tapes{margin-top:0}
.home-tapes .item .info .title{font-size:var(--fontsize20);left:20px}}
@media screen and (max-width:768px){.home-tapes{padding:30px 0}
.home-tapes .item{width:48%;margin-top:25px}
.home-tapes .item .img{width:100%;height:100%}
.home-tapes .item .img img{width:100%;height:100%;object-fit:cover}
.home-tapes .item:first-child{width:48%}
.home-tapes .item:nth-child(4){width:48%}}
@media screen and (max-width:500px){.home-tapes .item{width:100%!important;min-height:240px}}
.home-tapes .item .info .text{position: absolute;top: calc(100% - 0px);left: 30px;transition: all .3s ease-in-out;}
.home-tapes .item:hover .text{top: 60px;color: #fff;}
.home-about{background:#e5e5e55e}
.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center}
.home-about .l-wrap .about-img{width:42%;overflow:hidden;border-radius:5px}
.home-about .l-wrap .about-img img{transition:all .1s linear;border-radius:4px;width:100%}
.home-about .l-wrap .about-img:hover img{transform:scale(1.02)}
.home-about .about-right{flex:1;padding-left:45px}
.home-about .about-right .home-des{font-size: var(--fontsize16);color: #565656;text-align: center;max-width: 1000px;display: flex;justify-content: flex-start;margin-bottom: 20px;margin-top: 0;}
.home-about .home-des em {margin-right: 10px;font-style: inherit;border: 2px solid #b8bdc2;display: inline-flex;width: 16px;height: 16px;transform: rotate(-45deg);position: relative;}
.home-about .home-des em::before {content: "";position: absolute;left: -4px;top: -4px;width: 3px;height: 14px;background: var(--color);}
.home-about .home-des em::after {content: "";position: absolute;left: -2px;top: -4px;width: 14px;height: 3px;background: var(--color);}
.home-about .about-right>p{color:#727a84;margin:35px 0}
.home-about .about-right .home-title{text-align:left}
.home-about .about-right ul li{color: #0b2154;font-weight: 500;margin-bottom: 10px;position: relative;list-style: none;}
.home-about .about-right ul li:last-child{margin-bottom:0}
.home-about .about-right ul li em{color:var(--color);margin-right:10px}
.home-about .about-right .about-right-middle{position:relative;padding-left:22%;margin-bottom:40px}
.home-about .about-right .about-right-middle .middle-img{position:absolute;top:50%;transform:translate(-50%,-50%);left:0;z-index:1;max-width:39%;border-bottom:5px solid #27b6ff}
.home-about .about-right .about-right-middle img{transition:.3s;width:100%}
.home-about .about-right .about-right-middle img:hover{transform:scale(1.02)}
@media (max-width:1440px){.home-about .about-right>p{margin:20px 0}}
@media (max-width:1366px){.home-about .about-right>p{margin:15px 0}
.home-about .about-right .about-right-middle{margin-bottom:30px}}
@media(max-width:1024px){.home-about .about-right .about-right-middle .middle-img{position:static;transform:none;margin-bottom:10px}
.home-about .about-right .about-right-middle{padding-left:0;margin-bottom:20px}
.home-about .l-wrap{flex-direction: column;}
.home-about .l-wrap .about-img{width: 100%;}
.home-about .about-right{padding-left: 0;}
.home-about .about-right .about-right-middle .middle-img{max-width: 100%;}}
@media (max-width:768px){.home-about .about-right{padding-left:0;margin-top:20px}}
@media (max-width:480px){.home-about .about-right .about-right-middle .middle-img{max-width:100%}}
.home-withus{padding:3% 0}
.home-withus #withusswiper{margin-top:3%}
.home-withus .swiper .swiper-wrapper{align-items:center;-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.home-withus .swiper-slide{width:auto!important}
@media (max-width:768px){.home-withus{padding:30px 0}}
.home-choose{padding: 3% 0;background: #e5e5e55e;}
.home-choose .home-choose-box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-choose .home-choose-box .home-choose-left{width:45%}
.home-choose .home-choose-left .home-title{text-align: left;}
.home-choose .home-choose-left .home-choose-text{position:relative;display:inline-flex;color:var(--color);font-weight:var(--fontbold6);font-size:var(--wmpage-font17);text-transform:uppercase;padding:0 35px}
.home-choose .home-choose-left .home-choose-text::before{position:absolute;content:'';width:28px;height:2px;background:var(--color);left:0;top:50%;transform:translateY(-50%)}
.home-choose .home-choose-left .home-choose-text::after{position:absolute;content:'';width:28px;height:2px;background:var(--color);right:0;top:50%;transform:translateY(-50%)}
.home-choose .home-choose-left .wmpage-title{color:var(--wmpage-color22);margin:5px 0 10px}
.home-choose .home-choose-left .home-choose-desc{color:var(--wmpage-color8)}
.home-choose .home-choose-left .home-choose-list li{display:flex;align-items:center;margin-top:10px;padding:15px 0 20px}
.home-choose .home-choose-left .home-choose-list li:nth-child(-n+2){border-bottom:1px solid #eaf0ec}
.home-choose .home-choose-left .home-choose-icon{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background:#fff;transition:all .2s linear;margin-right:15px}
.home-choose .home-choose-left li:hover .home-choose-icon{background:var(--color)}
.home-choose .home-choose-left .home-choose-icon em{color:var(--color);font-size:var(--wmpage-font20);width: var(--wmpage-font20);transition:all .2s linear;line-height: 1;}
.home-choose .home-choose-left li:hover .home-choose-icon em{color:#fff;transform:rotateY(180deg)}
.home-choose .home-choose-left .home-choose-info{flex:1}
.home-choose .home-choose-left .home-choose-info p:first-child{font-weight:var(--fontbold6);font-size:var(--wmpage-font18);text-transform: capitalize;}
.home-choose .home-choose-left .home-choose-info p:last-child{color:var(--wmpage-color8);margin-top:5px}
.home-choose .home-choose-left .home-choose-btn a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:150px;height:50px;padding:0 20px;border-radius:5px;background:var(--color);color:#ffff;font-weight:var(--fontbold6);margin-top:30px;z-index:1;overflow:hidden}
.home-choose .home-choose-left .home-choose-btn a::before{position:absolute;content:'';width:0;height:50%;left:0;top:0;background:var(--wmpage-color22);z-index:-1;transition:all .2s linear}
.home-choose .home-choose-left .home-choose-btn a::after{position:absolute;content:'';width:0;height:50%;right:0;bottom:0;background:var(--wmpage-color22);z-index:-1;transition:all .2s linear}
.home-choose .home-choose-left .home-choose-btn a:hover::after,.home-choose .home-choose-left .home-choose-btn a:hover::before{width:100%}
.home-choose .home-choose-box .home-choose-right{width:50%}
.home-choose .home-choose-right{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .home-choose-right .home-choose-item{position:relative;overflow:hidden}
.home-choose .home-choose-right .home-choose-item::before{content:'';position:absolute;width:200%;height:0%;left:50%;top:50%;background-color:rgba(255,255,255,.3);transform:translate(-50%,-50%) rotate(-45deg);z-index:1}
.home-choose .home-choose-right .home-choose-item:hover::before{height:250%;transition:all .6s linear;background-color:transparent}
.home-choose .home-choose-right .home-choose-item:nth-child(1){width:59%;height:auto}
.home-choose .home-choose-right .home-choose-item img{width:100%;height:100%;object-fit:cover}
.home-choose .home-choose-right .home-choose-item:nth-child(2){width:39%}
.home-choose .home-choose-right .home-choose-item:nth-child(3){width:69%;margin-top:15px}
.home-choose .home-choose-right .home-choose-item:nth-child(4){width:29%;margin-top:15px}
@media screen and (max-width:1024px){.home-choose .home-choose-box .home-choose-left{width:100%;margin-bottom:30px}
.home-choose .home-choose-box .home-choose-right{width:100%}}
.wmpage20-section-detail{max-width:980px;margin:0 auto 50px;position:relative;z-index:1}
.wmpage20-tow{position:relative;padding: 4% 0;}
.wmpage20-section-detail p{font-weight:var(--fontbold3);font-style:normal;line-height:21px;color:var(--wmpage-color26);z-index:1;position:relative;margin:20px 0}
.wmpage20-section-detail p:nth-of-type(1) a{color:#2f3d59;text-decoration:underline}
.wmpage20-section-detail p:nth-of-type(1){text-align:end}
.wmpage20-app-tab{box-shadow:39px 46px 120px 0 #2a498c1a;display:flex;flex-wrap:wrap;position:relative;z-index:1;background:#fff}
.wmpage20-nav-tab{width: 24%;border-right: 1px solid #eee;display: flex;flex-direction: column;}
.wmpage20-tab-outer{width:76%;padding:45px}
.wmpage20-nav-tab a{display: flex;align-items: center;;width:100%;font-weight:var(--fontbold6);font-style:normal;color:#2f3d59;line-height:24px;padding:13px 20px;position:relative;transition:all .3s ease-in-out;height: 20%;}
.wmpage20-nav-tab a.active{background:var(--color);color:#fff}
.wmpage20-nav-tab a::before{content:'';width:6px;height:6px;background:#000;-webkit-border-radius:50%;border-radius:50%;display:inline-block;margin-right:10px;vertical-align:middle}
.wmpage20-nav-tab a:not(:last-child){border-bottom:1px solid #eee}
.wmpage20-content-wrap{display:flex}
.wmpage20-related-links{margin-top:45px;display:flex;flex-wrap:wrap;-webkit-box-align:baseline;align-items:baseline}
.wmpage20-tab-img{max-width:50%;}
.wmpage20-tab-img img{transition:all .3s ease-in-out}
.wmpage20-tab-text{max-width:50%;margin:25px 0 0 40px}
.wmpage20-tab-text .wmpage20-item-title{font-weight: bold;}
.wmpage20-link-list a{font-weight:var(--fontbold3);font-style:normal;color:var(--color);line-height:21px;text-decoration:underline}
.wmpage20-link-list a:not(:last-child){margin-right:30px}
.wmpage20-nav-tab a:hover{background:var(--color);color:#fff;text-decoration:auto}
.wmpage20-nav-tab a img{position:absolute;right:10px;top:50%;transform:translateY(-50%)}
.wmpage20-nav-tab a.active img{filter:grayscale(200%) brightness(500%)}
.wmpage20-tab-img:hover img{transform:scale(1.02)}
.wmpage20-tab-content{display:none}
.wmpage20-nav-tab .active::before{background:#fff}
.wmpage20-nav-tab a:hover::before{background:#fff}
.wmpage20-nav-tab a:hover img{filter:grayscale(200%) brightness(500%)}
@media(max-width:1200px){.wmpage20-tab-text{max-width:none;flex:1}
.wmpage20-tab-outer{padding:35px}
.wmpage20-container{padding:0 15px}}
@media(max-width:1024px){.wmpage20-tab-outer{padding:30px}
.wmpage20-content-wrap{flex-direction:column}
.wmpage20-tab-img{max-width:none;}
.wmpage20-tab-text{margin:25px 0 0 0}
.wmpage20-related-links{margin-top:0}
.wmpage20-section-detail{margin-bottom:35px}}
@media(max-width:768px){.wmpage20-section-detail{flex-direction:column}
.wmpage20-nav-tab{width:100%}
.wmpage20-tab-outer{padding:20px;width:100%}
.wmpage20-wrap::before{display:none}
.wmpage20-tab-img img{width:100%}}
.wmpage197-page1 .wmpage197-page1-text{text-transform:uppercase;color:var(--color);text-align:center;font-weight:var(--fontbold6);font-size:var(--wmpage-font17)}
.wmpage197-page1 .wmpage-title{text-align: center;color: #3f3f3f;}
.wmpage197-page1 .wmpage197-page1-box{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;z-index:1}
.wmpage197-page1 .wmpage197-page1-box::before{position:absolute;content:'';background:url(https://img01.v15cdn.com/singletem/wmpage197/wmpage197-page1-img1.webp) no-repeat;top:60%;left:50%;transform:translate(-50%,-50%);width:970px;height:130px;background-size:cover;z-index:1}
.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item{width:16%;padding:0 20px;text-align:center;margin-top:30px}
.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item:nth-child(2n-1){display:flex;flex-direction:column;align-items:center}
.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item:nth-child(2n){display:flex;flex-direction:column-reverse;align-items:center}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-icon{position:relative;display:inline-flex;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%;background:#fff;box-shadow:0 4px 25px rgba(0,0,0,.06)}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-icon em{font-size:var(--wmpage-font36);color:var(--color);width: var(--wmpage-font36);line-height: 1;}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-icon .wmpage197-page1-num{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background:var(--color);color:#fff;font-weight:var(--fontbold6);position:absolute;top:-5px;left:-10px}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-box-info{padding:30px 0}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-title{color:var(--wmpage-color22);font-weight:var(--fontbold6);font-size:var(--wmpage-font20)}
.wmpage197-page1 .wmpage197-page1-item .wmpage197-page1-desc{color:var(--wmpage-color8)}
.wmpage197-page1 .home-des{margin: 20px auto 10px;}
@media screen and (max-width:1400px){.wmpage197-page1 .wmpage197-page1-box::before{display:none}}
@media screen and (max-width:1024px){.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item{width:50%}
.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item:nth-child(2n){flex-direction:column}}
@media screen and (max-width:768px){.wmpage197-page1 .wmpage197-page1-box .wmpage197-page1-item{width:100%}}
.home-solutions{position: relative;padding: 4% 0;}
.home-solutions .home-solutions-list{display:flex;justify-content:space-between}
.home-solutions .home-solutions-sub{display:flex;justify-content:center;padding:15px 0;box-sizing:border-box}
.home-solutions .home-solutions-sub .home-solutions-div:nth-of-type(1){width:63px;height:2px;background:var(--color,#0061de);border-radius:1px;margin-right:5px}
.home-solutions .home-solutions-sub .home-solutions-div:nth-of-type(2){width:16px;height:2px;background:var(--color,#0061de);border-radius:1px}
.home-solutions .home-solutions-text p{font-size:var(--wmpage-font18);margin:0;text-align:center;line-height:1.5;text-transform:capitalize;color:#fff;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.home-solutions .home-solutions-img{width:100%;overflow:hidden;border-radius:5px 5px 0 0}
.home-solutions .home-solutions-img img{display:block;max-width:100%;width:100%;transition:all .3s ease-in-out}
.home-solutions .home-solutions-pro{margin-bottom:30px}
.home-solutions .home-solutions-pro p{font-size:var(--wmpage-font16);color:#333;text-align:center;margin:0;line-height:1.5}
.home-solutions .home-solutions-text{box-sizing:border-box;padding:10px;background:var(--color,#0061de)}
.home-solutions .home-solutions-item{width:15%;border-radius:5px;overflow:hidden}
.home-solutions .home-solutions-item:hover .home-solutions-img img{transform:scale(1.03)}
@media(max-width:768px){.home-solutions .home-solutions-list{flex-wrap:wrap}
.home-solutions .home-solutions-item{width:49%;margin-bottom:20px}
.home-solutions .home-solutions-item img{width:100%}}
@media(max-width:450px){.home-solutions .home-solutions-item{width:100%}}
.home-news{padding-bottom: 0;}
.homenews-list{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.homenews-list .homenews-item{width:32%;background:#f5f5f5;border-radius:5px}
.homenews-list .homenews-item:hover .img img{transform:scale(1.02)}
.homenews-list .homenews-item:hover .info::after{background:var(--color);width:100%}
.homenews-list .homenews-item:hover .info .title{color:var(--color)}
.homenews-list .homenews-item .img{position:relative;display:block}
.homenews-list .homenews-item .img .date{position:absolute;bottom:0;left:20px;width:60px;height:70px;background:var(--color);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-weight:var(--fontblod5);line-height:24px}
.homenews-list .homenews-item .img img{width:100%;height:100%;object-fit:cover}
.homenews-list .homenews-item .info{padding:30px 20px;position:relative}
.homenews-list .homenews-item .info::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;height:3px;background:#d8d8d8;transition:all .1s linear}
.homenews-list .homenews-item .info .icon{color:var(--color)}
.homenews-list .homenews-item .info .title{font-size:22px;font-weight:var(--fontblod6);color:#0b2154;transition:all .1s linear}
.homenews-list .homenews-item .info .text{margin-top:10px;font-size:16px;color:#727a84;padding-bottom:5px;border-bottom:1px solid #e2e9f0}
.homenews-list .homenews-item .info .more{display:inline-flex;align-items:center;font-size:16px;margin-top:20px;color:var(--color);line-height:1}
.homenews-list .homenews-item .info .more em{margin-left:5px;font-weight:var(--fontblod6);font-size:18px;color:var(--color)}
@media (max-width:1280px){.homenews-list{font-size:20px}}
@media (max-width:1024px){.homenews-list{justify-content:space-between}
.homenews-list .homenews-item{width:48%;margin-right:0;margin-bottom:30px}}
@media (max-width:500px){.homenews-list .homenews-item{width:100%}}
.home-quote{padding: 4% 0;position: relative;}
.home-quote .contact-top .home-title{text-align: left;}
.home-quote .contact-top{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.home-quote .contact-top .contact-info{width:48%}
.home-quote .contact-top .contact-info .title{font-size:32px;font-weight:var(--fontbold7)}
.home-quote .contact-top .contact-info .txt{color:#666;margin:20px 0}
.home-quote .contact-top .contact-info .line{width:80px;height:2px;background-color:var(--color);display:block;margin-bottom:20px}
.home-quote .contact-top .contact-info .tit{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7);margin-bottom:20px}
.home-quote .contact-top .contact-info .txt-list{display:flex;flex-wrap:wrap}
.home-quote .contact-top .contact-info .txt-list li{width:100%;color:#888;margin-bottom:8px;list-style: none;}
.home-quote .contact-top .contact-info .txt-list li em{color:var(--color);font-weight:var(--fontbold7);margin-right:6px}
.home-quote .contact-top .contact-wmkcfeedback{width:48%;padding:40px 60px;background-color:#fff;border-radius:3px;box-shadow:0 5px 46px 3px rgba(205,205,205,.44)}
.home-quote .contact-top .contact-wmkcfeedback .title{color:#000;font-size:var(--fontsize24);font-weight:var(--fontbold7);margin-bottom:20px}
.home-quote .contact-wmkcfeedback .wmkcfeedback .inquiry-form>*{width:100%}
.home-quote .contact-wmkcfeedback .wmkcfeedback .wmkcfb-fileupload,.home-quote .contact-wmkcfeedback .wmkcfeedback input,.home-quote .contact-wmkcfeedback .wmkcfeedback textarea{background-color:#f8f8f8;width:100%}
.home-quote .contact-wmkcfeedback .wmkcfeedback .send-btn{width:100%;color:#fff}
.home-quote .wmkcfeedback .inquiry-form{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-quote .wmkcfeedback .wmkcfb-fileupload,.home-quote .wmkcfeedback input,.home-quote .wmkcfeedback textarea{outline:0;border-radius:3px;border:none;background-color:#fff;height:50px;padding:10px;margin-bottom:1.5em;font-family:inherit;border:1px solid #fff;font-size:var(--fontsize14);transition:all .1s linear}
.home-quote .contact-wmkcfeedback .wmkcfeedback .wmkcfb-fileupload,.home-quote .contact-wmkcfeedback .wmkcfeedback input,.home-quote .contact-wmkcfeedback .wmkcfeedback textarea{background-color:#f8f8f8;width:100%}
.home-quote .contact-wmkcfeedback .wmkcfeedback .inquiry-form>*{width:100%}
.home-quote .wmkcfeedback textarea{width:100%!important;flex:none!important;height:140px;resize:none}
.home-quote .wmkcfeedback .send-btn{margin:20px auto 0;min-width:200px;height:48px;border-radius:6px;font-size:var(--fontsize16);background:var(--color);color:var(--fontcolor);font-weight:var(--fontbold4);display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:0;padding:0 20px;transition:all .1s linear;position:relative;overflow:hidden}
.home-quote .contact-wmkcfeedback .wmkcfeedback .send-btn{width:100%;color:#fff}
.wmkcfeedback .send-btn:hover{background:#333}
@media screen and (max-width:1024px){.home-quote .contact-top .contact-info{width:100%}
.home-quote .contact-top .contact-wmkcfeedback{width:100%;margin-top:20px}
.home-quote .contact-top .contact-info .title{font-size:var(--fontsize24)}
.home-quote .contact-top .contact-info .tit{font-size:var(--fontsize20)}
.home-quote .contact-top .contact-wmkcfeedback .title{font-size:var(--fontsize20)}}
@media screen and (max-width:768px){.home-quote .contact-top .contact-wmkcfeedback{padding:20px}}


