﻿@import url(https://css02.v15cdn.com/m427/swiper.css);
@import url(https://css02.v15cdn.com/m427/aos.css);
.home-banner{position:relative}
.home-banner .swiper-slide{overflow:hidden}
.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#fff;padding:0 70px;opacity:0}
.home-banner .banner-animote .p1{font-size:var(--fontsize20);font-weight:var(--fontbold6);margin-bottom:30px}
.home-banner .banner-animote .p2{font-size:36px;font-weight:var(--fontbold7)}
.home-banner .banner-animote .p3{display:flex;margin-top:50px}
.home-banner .banner-animote .p3 a{margin-right:20px;min-width:170px;height:50px;background:var(--color);border-radius:var(--borderradius);color:#fff;text-transform:lowercase;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-banner .banner-animote .p3 a:nth-child(2){background:#fff;color:var(--fontcolor)}
.home-banner .banner-animote .p3 a:hover{opacity:.9}
.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:20px!important;max-width:1400px;padding:0 70px;left:50%!important;transform:translateX(-50%)}
.home-banner .swiper-pagination-bullet{background-color:#e2e2e2;width:12px;height:12px}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .bannerswiper-nextwrap,.home-banner .bannerswiper-prevwrap{position:absolute;top:0;width:10%;height:100%;display:flex;justify-content:center;align-items:center;z-index:2}
.home-banner .bannerswiper-nextwrap .bannerswiper-next,.home-banner .bannerswiper-prevwrap .bannerswiper-prev{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius);opacity:0;z-index:9}
.home-banner .bannerswiper-nextwrap:hover .bannerswiper-next{opacity:1}
.home-banner .bannerswiper-prevwrap:hover .bannerswiper-prev{opacity:1}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(0,0,0,.9)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prevwrap{left:0}
.home-banner .bannerswiper-nextwrap{right:0}
@keyframes bannerani{0%{margin-left:-30px} 100%{opacity:1;margin-left:0}}
@keyframes bannerimg{0%{transform:scale(1)} 80%{transform:scale(1.05)} 100%{transform:scale(1.047)}}
@media(max-width:1440px){.home-banner .banner-animote{padding:0 130px}
.home-video .homevideo-info .homevideo-title{font-size:var(--fontsize30)}}
@media(max-width:1280px){.home-banner .banner-animote .p3 a{min-width:160px;height:56px;font-size:var(--fontsize14)}}
@media(max-width:1024px){.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .banner-animote{padding:0 20px}
.home-banner .banner-animote .p1{margin-bottom:20px}
.home-banner .banner-animote .p2{font-size:32px}
.home-banner .banner-animote .p3{margin-top:30px;display:none}}
@media(max-width:768px){.home-banner .pcimg{display:none}
.home-banner .mobimg{height:260px;display:block}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);margin-bottom:10px}
.home-banner .banner-animote .p2{line-height:1.2;font-size:var(--fontsize22)}}
.home-banner .banner1-wrap>a{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:100%;object-fit:cover}
.home-banner .banner1-wrap .banner1-img{height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important}
.home-banner .swiper-slide-active .banner1-wrap .banner1-img img{animation:none}
.home-banner .banner-animote1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:80%;color:#fff;display:flex;flex-direction:column;justify-content:space-between}
.home-banner .banner-animote1 .banner-top{font-weight:var(--fontbold7);display:flex;justify-content:space-between;align-items:center}
.home-banner .banner-animote1 .banner-top .text1 .p1{position:relative;padding-bottom:5px;font-size:4vw;font-style:italic;line-height:1}
.home-banner .banner-animote1 .banner-top .text1 .p1::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:#fff}
.home-banner .banner-animote1 .banner-top .text1 .p2{font-size:1.2vw;line-height:1.5}
.home-banner .banner-animote1 .banner-top .text2{font-size:8vw;font-style:italic}
.home-banner .banner-animote1 .banner-bottom{display:flex;justify-content:space-between;align-items:end}
.home-banner .banner-animote1 .banner-bottom .bottom-img{width:20%;border-radius:15px;overflow:hidden;animation:none}
.home-banner .banner-animote1 .banner-bottom .wmkc-more{background:#fff;font-size:var(--fontsize14);line-height:1.2}
.home-banner .banner-animote1 .banner-bottom .wmkc-more em{color:#fff;background:var(--color)}
.home-banner .banner-animote1 .banner-bottom .wmkc-more p{color:var(--color)}
.home-banner .swiper-slide-active .banner-animote1 .banner-top{animation:bennerdown 1s forwards}
.home-banner .swiper-slide-active .banner-animote1 .banner-bottom,.home-banner .swiper-slide-active .banner1-wrap .banner1-img{animation:bennerup 1s forwards}
@keyframes bennerdown{0%{opacity:0;transform:translateY(-60px)} 100%{opacity:1;transform:translateY(0)}}
@keyframes bennerup{0%{opacity:0;transform:translateY(60px)} 100%{opacity:1;transform:translateY(0)}}
@media (max-width:1920px){.home-banner .banner-animote1 .banner-top .text1 .p1{font-size:5vw}
.home-banner .banner-animote1 .banner-top .text1 .p2{font-size:1.5vw}
.home-banner .banner-animote1 .banner-top .text2{font-size:10vw}}
@media (max-width:768px){.home-banner .banner-animote1 .banner-top .text1 .p1::after{height:2px}}
li,ol,ul{list-style:none}
body{max-width:100%}
.item-img{width:auto;height:auto;background:0 0;border:none}
.wmkc-wrap{width:100%;max-width:1700px;padding:0 70px;margin:0 auto}
.wmkc-title{position:relative;color:var(--color);font-size:42px;font-weight:var(--fontbold7);line-height:1.2}
.wmkc-more{display:inline-flex;align-items:center;background:var(--color);border:1px solid var(--color);padding:5px 15px 5px 5px;border-radius:20px;transition:all .3s ease}
.wmkc-more p{color:#fff;margin-left:8px;transition:all .3s ease}
.wmkc-more em{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;transform:rotate(180deg);color:var(--color);font-weight:var(--fontbold6);background:#fff;border-radius:50%;line-height:1;transition:all .3s ease}
.wmkc-more:hover{background:#fff}
.wmkc-more:hover p{color:var(--color)}
.wmkc-more:hover em{color:#fff;background:var(--color)}
@media (max-width:1440px){.wmkc-title{font-size:40px}}
@media (max-width:1280px){.wmkc-title{font-size:34px}}
@media (max-width:1024px){.wmkc-wrap{padding:0 15px}
.wmkc-title{font-size:var(--fontsize30)}}
@media (max-width:768px){.wmkc-title{font-size:var(--fontsize26)}
.wmkc-more{font-size:var(--fontsize14);padding:2px 15px 2px 2px}}
@media (max-width:500px){.wmkc-title{font-size:var(--fontsize22)}}
.wmkc-logo{padding:4% 0}
.wmkc-logo ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.wmkc-logo ul li{width:15%;background:#eee;border-radius:20px;box-shadow:1px 2px 10px rgba(0,0,0,.05);transition:all .1s linear;overflow:hidden}
.wmkc-logo ul li:hover{transform:translateY(-10px)}
.wmkc-logo ul li img{width:100%;height:100%;object-fit:cover}
@media (max-width:1024px){.wmkc-logo{padding:40px 0}}
@media (max-width:990px){.wmkc-logo ul li{width:32%;margin:10px 0}}
@media (max-width:500px){.wmkc-logo ul li{width:48.5%;margin:5px 0}
.wmkc-logo ul li:hover{transform:translateY(-5px)}}
.wmkc-content1{position:relative;padding-bottom:2%}
.wmkc-content1 .con1-item{display:flex;flex-wrap:wrap;margin-bottom:3%}
.wmkc-content1 .con1-item:nth-child(even){flex-direction:row-reverse}
.wmkc-content1 .con1-item:last-child{margin-bottom:0}
.wmkc-content1 .con1-item .item-img{width:60.6%}
.wmkc-content1 .con1-item .item-img img{width:100%}
.wmkc-content1 .con1-item .item-info{margin:2% 0 0 5%;width:24%}
.wmkc-content1 .con1-item .item-info .wmkc-title{padding-bottom:30px}
.wmkc-content1 .con1-item .item-info .wmkc-title::after{content:'';position:absolute;bottom:0;left:5px;width:50px;height:2px;background:var(--color)}
.wmkc-content1 .con1-item .item-info .desc{color:var(--color);margin:60px 0 20px;line-height:1.4}
.wmkc-content1 .con1-item .item-info .p1{color:var(--color);font-weight:var(--fontbold7)}
.wmkc-content1 .con1-item .item-info .wmkc-more{margin-top:50px}
.wmkc-content1 .con1-item:nth-child(even) .item-info .wmkc-more em{transform:rotate(0)}
@media (max-width:1440px){.wmkc-content1 .con1-item .item-info{width:30%;margin:0 0 0 5%}
.wmkc-content1 .con1-item .item-info .wmkc-title{padding-bottom:20px}
.wmkc-content1 .con1-item .item-info .desc{margin:40px 0 20px}
.wmkc-content1 .con1-item .item-info .wmkc-more{margin-top:35px}}
@media (max-width:1280px){.wmkc-content1 .con1-item .item-info{width:34%}}
@media (max-width:1024px){.wmkc-content1{padding-bottom:30px}
.wmkc-content1 .con1-item{margin-bottom:30px}
.wmkc-content1 .con1-item .item-info .wmkc-title{padding-bottom:15px}
.wmkc-content1 .con1-item .item-info .desc{margin:20px 0}
.wmkc-content1 .con1-item .item-info .wmkc-more{margin-top:25px}}
@media (max-width:768px){.wmkc-content1 .con1-item .item-img{width:100%}
.wmkc-content1 .con1-item .item-info{width:100%;margin:20px 0 0 0}
.wmkc-content1 .con1-item .item-info .wmkc-more{margin-top:15px}}
@media (max-width:500px){.wmkc-content1 .con1-item .item-info .wmkc-title{padding-bottom:10px}
.wmkc-content1 .con1-item .item-info .desc{margin:15px 0}}
.wmkc-course{position:relative;overflow:hidden;aspect-ratio:1.98}
.wmkc-course .wmkc-wrap{max-width:1920px;padding:0;height:100%;margin:0 auto}
.wmkc-course .course-swiper{width:100%;height:100%;position:relative}
.wmkc-course .course-slider{position:relative;width:100%;height:100%}
.wmkc-course .slider-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:all 1s ease;z-index:1}
.wmkc-course .slider-item.active{opacity:1;z-index:2}
.wmkc-course .slider-item img{width:100%;height:100%;display:block;object-fit:cover}
.wmkc-course .slide-info{position:absolute;top:50%;left:60%;transform:translate(-50%,-50%);width:50%;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:3}
.wmkc-course .slide-info .p1{font-size:36px;font-weight:var(--fontbold6);line-height:1.2;margin-bottom:20px}
.wmkc-course .slide-info .wmkc-title{color:#fff}
.wmkc-course .slide-info .desc{margin:40px 0 60px;font-size:var(--fontsize18);line-height:1.6}
.wmkc-course .course-pagin{position:absolute;top:50%;left:14%;transform:translateY(-50%);width:auto;height:100%;display:flex;flex-direction:column;justify-content:space-evenly;z-index:4}
.wmkc-course .course-pagin::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:#fff;border-radius:5px}
.wmkc-course .pagin-item{position:relative;cursor:pointer;width:31px;height:31px;margin:0 auto;transition:all .3s ease}
.wmkc-course .pagin-item img{width:100%;height:100%;object-fit:contain;transform:scale(0);opacity:0;visibility:hidden;transition:all .6s ease}
.wmkc-course .pagin-item.act img{transform:scale(1);opacity:1;visibility:visible}
.wmkc-course .pagin-item::before{content:"";position:absolute;top:-7px;left:4px;width:25px;height:25px;background:#fff;transform:rotate(45deg);z-index:-1;transition:all .3s ease}
.wmkc-course .pagin-item.act::before{left:-7px;width:calc(100% + 14px);height:calc(100% + 14px);transform:rotate(45deg) scale(1.3)}
.wmkc-course .pagin-item::after{content:"";position:absolute;top:-5px;left:6px;width:19px;height:19px;border:1px solid var(--color);transform:rotate(45deg);z-index:1;transition:all .3s ease}
.wmkc-course .pagin-item.act::after{top:-7px;left:-7px;width:calc(100% + 12px);height:calc(100% + 12px);transform:rotate(45deg) scale(1.2)}
.wmkc-course .pagin-item:nth-child(4) img{position:relative;left:-3px}
.wmkc-course .pagin-item:nth-child(5) img{width:30px;height:30px;position:relative;left:1px}
.wmkc-course .pagin-item:nth-child(6) img{width:26px;height:26px;position:relative;left:3px;top:3px}
@media (max-width:1280px){.wmkc-course .slide-info{width:60%}
.wmkc-course .course-pagin{left:10%}}
@media (max-width:990px){.wmkc-course .slide-info{width:65%}
.wmkc-course .slide-info .wmkc-title br{display:none}
.wmkc-course .slide-info .desc{margin:20px 0 40px}
.wmkc-course .slide-info .desc br{display:none}
.wmkc-course .course-pagin{left:5%}
.wmkc-course .pagin-item.act::before{transform:rotate(45deg)}
.wmkc-course .pagin-item.act::after{transform:rotate(45deg);top:-5px;left:-5px;width:calc(100% + 8px);height:calc(100% + 8px)}
.wmkc-course .pagin-item img{height:25px;margin-top:5px}
.wmkc-course .pagin-item:nth-child(1) img{margin-top:0}
.wmkc-course .pagin-item:nth-child(3) img{margin-top:2px}
.wmkc-course .pagin-item:nth-child(4) img{left:-1px;margin-top:3px}
.wmkc-course .pagin-item:nth-child(5) img{width:25px;height:25px;left:3px;margin-top:2px}
.wmkc-course .pagin-item:nth-child(6) img{width:23px;left:5px;margin-top:0}}
@media (max-width:768px){.wmkc-course .slide-info{width:100%;left:50%;top:40%;transform:translate(-50%,-50%);text-align:center}
.wmkc-course .slide-info .wmkc-title{margin-bottom:10px}
.wmkc-course .slide-info .p1{display:none}
.wmkc-course .slide-info .desc{margin:10px 15px 20px;font-size:var(--fontsize16);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.wmkc-course .slide-info .desc br{display:none}
.wmkc-course .course-pagin{flex-direction:row;width:90%;height:auto;left:50%;transform:translateX(-50%);top:auto;bottom:5%}
.wmkc-course .course-pagin::before{width:100%;height:2px;top:39%;left:0;transform:translateY(-50%)}
.wmkc-course .pagin-item{margin-top:10px}
.wmkc-course .pagin-item.act{margin-top:0}
.wmkc-course .pagin-item:nth-child(4) img{left:-2px}
.wmkc-course .pagin-item:nth-child(5) img{margin-top:0}
.wmkc-course .pagin-item:nth-child(6) img{top:0}}
@media (max-width:500px){.wmkc-course{aspect-ratio:1.5}
.wmkc-course .slide-info .wmkc-title{font-size:var(--fontsize20)}
.wmkc-course .slide-info .desc{font-size:var(--fontsize14);margin-bottom:10px}
.wmkc-course .pagin-item{width:25px;height:25px}
.wmkc-course .course-pagin::before{top:43%}
.wmkc-course .pagin-item img{height:20px}
.wmkc-course .pagin-item:nth-child(1) img{position:relative;top:-3px}
.wmkc-course .pagin-item:nth-child(3) img{margin-top:0;height:25px}
.wmkc-course .pagin-item:nth-child(4) img{top:-3px}
.wmkc-course .pagin-item:nth-child(5) img{top:-3px;width:20px;height:20px}
.wmkc-course .pagin-item:nth-child(6) img{width:20px;left:3px}}
.wmkc-hotpro{position:relative;padding:3% 0}
.wmkc-hotpro .wmkc-title{font-weight:400;text-align:center}
.wmkc-hotpro .hotpro-list{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}
.wmkc-hotpro .hotpro-list li{position:relative;width:23.5%;border-radius:20px;overflow:hidden}
.wmkc-hotpro .hotpro-list li:nth-child(-n+4){margin-bottom:25px}
.wmkc-hotpro .hotpro-list li:last-child{width:49%}
.wmkc-hotpro .hotpro-list .li-img{display:block;width:100%;height:100%}
.wmkc-hotpro .hotpro-list .li-img img{width:100%;height:100%}
.wmkc-hotpro .hotpro-list .li-info{position:absolute;left:12px;right:12px;bottom:15px;color:var(--color);background:#fff;border-radius:10px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center}
.wmkc-hotpro .hotpro-list li:last-child .li-info{width:50%}
.wmkc-hotpro .hotpro-list .li-info .info-left{width:50%}
.wmkc-hotpro .hotpro-list .li-info .info-left .title{font-size:var(--fontsize20);font-weight:var(--fontbold7);font-style:italic;line-height:1.2}
.wmkc-hotpro .hotpro-list .li-info .info-left .desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}
.wmkc-hotpro .hotpro-list .li-info .info-icon{flex-shrink:1;width:40px;height:40px;background:#edeeee;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease}
.wmkc-hotpro .hotpro-list .li-info .info-icon em{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold6);transition:all .3s ease}
.wmkc-hotpro .hotpro-list .li-info .info-icon:hover{background:var(--color)}
.wmkc-hotpro .hotpro-list .li-info .info-icon:hover em{color:#fff}
@media (max-width:1440px){.wmkc-hotpro .hotpro-list .li-info .info-left{width:70%}}
@media (max-width:1024px){.wmkc-hotpro{padding:30px 0}
.wmkc-hotpro .hotpro-list{margin-top:20px}}
@media (max-width:990px){.wmkc-hotpro .hotpro-list li{width:32%}
.wmkc-hotpro .hotpro-list li:nth-child(-n+6){margin-bottom:20px}
.wmkc-hotpro .hotpro-list li:last-child{width:100%}}
@media (max-width:768px){.wmkc-hotpro .hotpro-list li{width:48.5%}
.wmkc-hotpro .hotpro-list li:nth-child(-n+6){margin-bottom:20px}
.wmkc-hotpro .hotpro-list li:last-child{width:100%}}
@media (max-width:500px){.wmkc-hotpro .hotpro-list li:nth-child(-n+6){margin-bottom:15px}
.wmkc-hotpro .hotpro-list .li-info{left:5px;right:5px;bottom:10px;padding:5px 10px}
.wmkc-hotpro .hotpro-list .li-info .info-left{width:100%}
.wmkc-hotpro .hotpro-list .li-info .info-left .title{font-size:var(--fontsize16)}
.wmkc-hotpro .hotpro-list .li-info .info-left .desc{font-size:var(--fontsize14)}
.wmkc-hotpro .hotpro-list .li-info .info-icon{display:none}}
.wmkc-contact{position:relative;padding-bottom:3%}
.wmkc-contact .wmkc-wrap{max-width:780px}
.wmkc-contact .contact-img{text-align:center}
.wmkc-contact .wmkc-title{margin:10px 0 15px}
.wmkc-contact .contact-sign{color:#fff;background:var(--color);border-radius:30px;padding:10px 10px 10px 25px;display:flex;justify-content:space-between;align-items:center}
.wmkc-contact .contact-sign .p1{max-width:390px;line-height:1.3}
.wmkc-contact .contact-sign .more{flex-shrink:0;width:40px;height:40px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;transform:rotate(-135deg);transition:all .3s ease}
.wmkc-contact .contact-sign .more:hover{transform:rotate(-180deg)}
.wmkc-contact .contact-sign .more em{color:var(--color);font-size:var(--fontsize22);font-weight:var(--fontbold6)}
@media (max-width:1024px){.wmkc-contact{padding-bottom:30px}}
@media (max-width:990px){.wmkc-contact .contact-img img{width:90px}
.wmkc-contact .wmkc-title{margin:0 0 15px}
.wmkc-contact .contact-sign .p1{max-width:none;width:70%}}
@media (max-width:500px){.wmkc-contact .contact-img img{width:80px}
.wmkc-contact .contact-sign .p1{width:80%}}
section{width:100%;transition:transform .5s ease}
#section5{transition:transform .8s cubic-bezier(.215,.61,.355,1);opacity:0}
#section5.animate-in{animation:dropBounce .8s cubic-bezier(.215,.61,.355,1.2) forwards;opacity:1}
@keyframes dropBounce{0%{transform:translateY(-60px)} 70%{transform:translateY(30px)} 100%{transform:translateY(0)}}
#section3{transition:all .3s ease-in-out}
#section3.fullscreen-active .course-swiper{height:100%}
/*.home-banner .banner-animote1{pointer-events: none;}*/