@import url(https://css02.v15cdn.com/m427/aos.css);
.about-greenland .l-wrap{max-width:100%;padding:0}
.about-lway{max-width:1100px;margin:0 auto}
.about-us .l-wrap{max-width:1920px;margin:0 auto;padding:0}
.wmkc-about-title p{font-size:74px;text-transform:uppercase;line-height:1;letter-spacing:5px;font-weight:700;text-align:center;color:#0a3965;margin-bottom:40px;white-space:pre}
.wmkc-about-title h2{font-size:150px;line-height:1;text-align:center;text-transform:uppercase;letter-spacing:17px;color:#0a3965;white-space:pre}
.wmkc-about-title{margin-bottom:50px}
.wmkc-about-title{margin-bottom:130px}
.wmkc-about-title img:nth-of-type(1){margin-bottom:50px}
.wmkc-about-size p{color:#0a3965;font-size:26px;line-height:1.5;margin-bottom:15px}
.wmkc-about-size p em{font-style:unset;font-size:24px;font-weight:700}
.wmkc-about-icoe{border-radius:40px;overflow:hidden;box-shadow:4px 3px 20px 15px #eee;border:1px solid #cfcfcf;margin:50px 0}
.wmkc-about-list{color:#0a3965;font-size:26px}
.wmkc-about-list ul{list-style-type:none;margin:5px 0}
.wmkc-about-list ul li p{font-size:24px}
.wmkc-about-list p em{font-size:26px;font-weight:900;font-style:normal!important}
.wmkc-about-p{margin:15px 0}
.about-mySwiper{overflow:unset;padding:50px 0 100px}
.about-swiper-img img{display:block;max-width:100%}
.wmkc-about-bot{padding:120px 0;background:url(/uploads/41611/rubang/company.png) center no-repeat;background-size:cover;border-radius:80px 80px 0 0;overflow:hidden}
.wmkc-about-tab{margin-bottom:60px}
.wmkc-about-tab h5{font-size:72px;line-height:1.25;font-weight:700;color:#fff;text-transform:uppercase}
.common-main.about-us{padding:0;overflow:hidden}
.wmkc-about{max-width:1920px;margin:100px auto 0;overflow:hidden}
.about-mySwiper .swiper-wrapper{-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}
.wmkc-about-table h2{font-size:42px;text-transform:uppercase;letter-spacing:6px;text-align:center;color:#0a3965;font-weight:700;white-space:pre;line-height:1}
.wmkc-about-tit em{font-style:italic!important}
.wmkc-about-table{margin:50px 0 0}
.about-swiper-btn{display:flex;margin:60px auto 0;max-width:15%;justify-content:space-between}
.about-button-next,.about-button-prev{cursor:pointer}
.about-button-next img,.about-button-prev img{width:45px}
@media (max-width:1620px){.wmkc-about-title p{margin-bottom:25px}
.wmkc-about-title{margin-bottom:50px}
.wmkc-about-size p{font-size:22px;margin-bottom:20px}
.wmkc-about-list p em,.wmkc-about-size p em{font-size:24px}
.wmkc-about-list{font-size:22px}
.wmkc-about-tab h5{font-size:54px}
.wmkc-about-tab{margin-bottom:50px}
.wmkc-about-bot{padding:90px 0}
}
@media (max-width:1420px){.wmkc-about{margin-top:50px}
.wmkc-about-title{margin-bottom:30px}
}
@media (max-width:1200px){.about-mySwiper{padding:55px 0}}
@media (max-width:1100px){.about-lway{padding:0 3%}
.wmkc-about-list,.wmkc-about-size p{font-size:18px}
.wmkc-about-list p em,.wmkc-about-size p em{font-size:20px}
.wmkc-about-list ul{margin:15px 0}
.about-mySwiper{padding:20px 0 50px}
}
@media (max-width:1024px){.wmkc-about-title p{margin-bottom:20px;font-size:64px}
.wmkc-about-title h2{font-size:125px}
.wmkc-about-list ul li p{font-size:20px}
.wmkc-about-table h2{font-size:62px;letter-spacing:10px}
.wmkc-about-bot{padding:60px 3%}
}
@media (max-width:768px){.wmkc-about-title p{margin-bottom:20px;font-size:54px;letter-spacing:0}
.wmkc-about-title h2{font-size:110px;letter-spacing:0}
.wmkc-about-table h2{font-size:46px;letter-spacing:5px;line-height:1;margin-bottom:50px}
.wmkc-about-title{margin-bottom:10px}
.wmkc-about-size p{margin-bottom:12px}
.wmkc-about-tab{margin-bottom:20px}
.wmkc-about-bot{padding:50px 0;border-radius:50px 50px 0 0}
.wmkc-about-tab h5{font-size:34px;padding-bottom:10px;line-height:1.5}
.wmkc-about-list ul li p{font-size:18px}
}
@media (max-width:500px){.wmkc-about-list,.wmkc-about-size p{font-size:16px}
.wmkc-about-list p em,.wmkc-about-size p em{font-size:16px}
.wmkc-about-p{margin:15px 0}
.wmkc-about-icoe{margin:25px 0;border-radius:20px}
.wmkc-about-bot{padding:30px 0}
.wmkc-about-tab h5,.wmkc-about-table h2,.wmkc-about-title p{font-size:36px;letter-spacing:0}
.wmkc-about-title h2{font-size:73px;letter-spacing:0}
.wmkc-about{margin-top:20px}
.wmkc-about-list ul li p{font-size:18px}
.wmkc-about-table h2{margin-bottom:20px}
.wmkc-about-tab h5{padding-bottom:10px}
}
.about-greenland{padding:0}
.banner-inner .banner-content{display:none}
.wmkc-about{width:100%;margin:0 auto;overflow:hidden}
.about-title{position:relative;color:var(--color);font-size:50px;font-weight:var(--fontbold7);font-style:italic;line-height:1.2;text-transform:uppercase}
.info-more{width:140px;display:inline-flex;justify-content:space-between;align-items:center;background:var(--color);border:1px solid var(--color);padding:5px;border-radius:20px;transition:all .3s ease}
.info-more span{color:#fff;margin-left:8px;transition:all .3s ease}
.info-more em{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;color:var(--color);font-weight:var(--fontbold6);background:#fff;border-radius:50%;line-height:1;transition:all .3s ease}
.info-more:hover{background:#fff;text-decoration:none}
.info-more:hover span{color:var(--color)}
.info-more:hover em{color:#fff;background:var(--color)}
@media (max-width:1600px){.about-title{font-size:44px}}
@media (max-width:1440px){.about-title{font-size:40px}}
@media (max-width:1280px){.about-title{font-size:34px}}
@media (max-width:1024px){.wmkc-about{padding:0 15px}
.about-title{font-size:var(--fontsize26)}
}
@media (max-width:768px){.about-title{font-size:var(--fontsize24)}
.info-more{font-size:var(--fontsize14);padding:2px 15px 2px 2px}
}
@media (max-width:500px){.about-title{font-size:var(--fontsize22)}}
.about-item{display:flex;flex-wrap:wrap}
.about-item:nth-child(even){flex-direction:row-reverse}
.about-item .about-img{position:relative;width:50%}
.about-item .about-img img{width:100%;height:100%;object-fit:cover}
.about-item:nth-child(2) .about-img::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:32%;background:linear-gradient(rgba(0,64,102,.1) 0,rgba(0,64,102,.3) 42%,rgba(0,52,101,.7) 100%)}
.about-item:nth-child(2) .about-img .text{position:absolute;left:5%;right:5%;bottom:6%;color:#fff;font-weight:var(--fontbold6);line-height:1}
.about-item:nth-child(2) .about-img .text .p1{margin-bottom:5px;font-size:66px}
.about-item:nth-child(2) .about-img .text .p2{font-size:46px}
.about-item .about-info{padding:3% 6%;width:50%;display:flex;flex-direction:column;justify-content:center}
.about-item .about-info .about-desc{margin-top:60px;color:var(--color);font-size:var(--fontsize18)}
.about-item .about-info .about-desc span{font-weight:var(--fontbold6)}
.about-item .about-info .info-more{margin-top:45px}
.about-item:nth-child(even) .about-info .info-more{flex-direction:row-reverse}
.about-item:nth-child(odd) .about-info .info-more em{transform:rotate(180deg)}
.about-item:nth-child(3) .about-info .info-img{margin-top:30px}
@media(max-width:1600px){.about-item .about-info .about-desc{margin-top:40px}}
@media (max-width:1440px){.about-item .about-info .about-desc{margin-top:30px}
.about-item:nth-child(2) .about-img .text .p1{font-size:60px}
.about-item:nth-child(2) .about-img .text .p2{font-size:36px}
}
@media (max-width:1280px){.about-item .about-info .about-desc{margin-top:15px}
.about-item:nth-child(2) .about-img .text .p1{font-size:50px}
.about-item:nth-child(2) .about-img .text .p2{font-size:var(--fontsize26)}
.about-item .about-info .info-more{margin-top:25px}
.about-item .about-info .about-desc{margin-top:10px;font-size:var(--fontsize14)}
}
@media (max-width:1024px){.about-item .about-info .about-desc br{display:none}}
@media (max-width:990px){.about-item .about-img{width:100%}
.about-item .about-info{width:100%;padding:30px 0}
.about-item .about-info .about-desc{font-size:var(--fontsize16)}
.about-item .about-info .about-desc br{display:none}
.about-item .about-info .info-more{margin-top:15px}
.about-item:nth-child(2) .about-img::before{height:25%}
.about-item:nth-child(3) .about-info .info-img{margin-top:15px}
}
@media (max-width:500px){.about-item .about-info{padding:25px 0}
.about-item .about-info .about-desc{margin-top:5px;font-size:var(--fontsize16)}
.about-item:nth-child(2) .about-img::before{height:30%}
.about-item:nth-child(2) .about-img .text .p1{font-size:36px}
.about-item:nth-child(2) .about-img .text .p2{font-size:var(--fontsize22)}
}
@media (max-width:390px){.about-item:nth-child(2) .about-img::before{height:35%}
.about-item:nth-child(2) .about-img .text .p1{font-size:var(--fontsize28)}
.about-item:nth-child(2) .about-img .text .p2{font-size:var(--fontsize16)}
}
.about-history{position:relative;padding:5% 0 7%;max-width:870px;margin:0 auto}
.about-history .about-title{text-align:center;font-style:normal}
.about-history .his-content{position:relative;margin-top:10%;padding:10% 0}
.about-history .his-content .his-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:6px;height:100%;background:var(--color)}
.about-history .his-content .his-line::before{content:'';position:absolute;top:-3px;left:-13px;width:30px;height:30px;background:var(--color);border-radius:50%}
.about-history .his-content .his-line::after{content:'';position:absolute;bottom:-5px;left:-28px;border-top:35px solid var(--color);border-right:30px solid transparent;border-left:30px solid transparent}
.about-history .his-content .his-item{position:relative;margin-bottom:100px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.about-history .his-content .his-item:last-child{margin-bottom:0}
.about-history .his-content .his-item:nth-child(odd){flex-direction:row-reverse}
.about-history .his-content .his-item::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--color);border-radius:50%}
.about-history .his-item .his-info{width:40%;padding:20px}
.about-history .his-item .his-info .p1{color:var(--color);font-size:44px;font-weight:var(--fontbold7);line-height:1.3}
.about-history .his-item .his-info .p2{color:var(--color);font-size:var(--fontsize22);line-height:1.3}
.about-history .his-item .his-img{width:40%;border-radius:20px;overflow:hidden}
.about-history .his-item .his-img img{width:100%;transition:all .3s ease}
.about-history .his-item .his-img:hover img{transform:scale(1.02)}
@media (max-width:1280px){.about-history .his-content{margin-top:5%}
.about-history .about-title{font-size:40px}
.about-history .his-item .his-info .p1{font-size:34px}
}
@media (max-width:1024px){.about-history{padding:50px 0}
.about-history .his-content .his-item{margin-bottom:70px}
.about-history .his-item .his-info .p2{font-size:var(--fontsize20)}
}
@media (max-width:768px){.about-history{padding:30px 0}
.about-history .his-content{padding:0}
.about-history .about-title{font-size:34px}
.about-history .his-content .his-item::before,.about-history .his-content .his-line{display:none}
.about-history .his-content .his-item{margin-bottom:30px}
.about-history .his-item .his-info{width:50%}
.about-history .his-item .his-img{width:50%}
}
@media (max-width:500px){.about-history .about-title{font-size:var(--fontsize28)}
.about-history .his-item .his-info{padding:10px}
.about-history .his-item .his-info .p1{font-size:var(--fontsize28)}
.about-history .his-item .his-info .p2{font-size:var(--fontsize16)}
}
@media (max-width:390px){.about-history .his-content .his-item{margin-bottom:10px;flex-direction:column-reverse!important}
.about-history .his-item .his-info{width:100%}
.about-history .his-item .his-img{width:100%}
}
.about-bottom{position:relative;padding:0 0 6% 0;opacity:0}
.about-bottom .bottom-title{max-width:380px;margin:auto;color:var(--color);font-size:27px;font-weight:var(--fontbold7);text-align:center;line-height:1.2}
.about-bottom .bottom-list{margin-top:15px;display:flex;justify-content:center;list-style:none}
.about-bottom .bottom-list li{width:80px;height:80px;margin-right:20px;padding:10px;background:var(--color);border-radius:8px;overflow:hidden}
.about-bottom .bottom-list li:last-child{margin-right:0}
.about-bottom .bottom-list li .iconfont{color:#fff;font-size:60px;line-height:1}
.about-bottom .bottom-list li a.social-item.you{display:block;background-size:auto 40px!important}
.about-bottom .bottom-list li a.social-item.you .iconfont{color:transparent}
@media (max-width:1024px){.about-bottom{padding:20px 0 40px 0}}
@media (max-width:768px){.about-bottom{padding:30px 0}
.about-bottom .bottom-title{max-width:270px;font-size:19px}
.about-bottom .bottom-list{margin-top:10px}
.about-bottom .bottom-list li{width:60px;height:60px;padding:5px;margin-right:10px}
.about-bottom .bottom-list li .iconfont{font-size:44px;line-height:1.2}
.about-bottom .bottom-list li a.social-item.you{background-size:auto 32px!important}
}
@media (max-width:500px){.about-bottom .bottom-title{max-width:230px}
.about-bottom .bottom-list li{width:50px;height:50px}
.about-bottom .bottom-list li .iconfont{font-size:34px}
}
.banner-inner img{max-height:none}
.pagesbanner .pagesbanner-animate{width:auto;left:10%;transform:translateY(-50%)}
.pagesbanner-animate .img img{display:block;animation:none;min-height:auto}
.pagesbanner-animate .img1{width:15%;margin-bottom:15px}
.pagesbanner-animate .img2{width:35%}
@media (max-width:1440px){.pagesbanner-animate.l-wrap{padding:0 25px}}
@media (max-width:1024px){.pagesbanner-animate.l-wrap{padding:0 15px}}
@media (max-width:768px){.pagesbanner-animate .img1{width:20%;margin-bottom:10px}
.pagesbanner-animate .img2{width:40%}
}
@media (max-width:500px){.pagesbanner-animate .img1{width:25%}
.pagesbanner-animate .img2{width:50%}
}
.about-bottom.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)}
}
.about-item .about-info{opacity:0}
.about-item .about-info.animate-left{animation:animateLeft .8s cubic-bezier(.215,.61,.355,1.2) forwards;opacity:1}
.about-item .about-info.animate-right{animation:animateRight .8s cubic-bezier(.215,.61,.355,1.2) forwards;opacity:1}
@keyframes animateLeft{0%{transform:translateX(-60px)}
100%{transform:translateX(0)}
}
@keyframes animateRight{0%{transform:translateX(60px)}
100%{transform:translateX(0)}
}
.number-container{display:flex;align-items:center;gap:4px}
.number-scroll{position:relative;overflow:hidden;height:65px;width:35px;border-radius:6px;font-weight:700;font-size:66px;line-height:1}
.number-track{position:absolute;top:0;left:0;width:100%;transform:translateY(0)}
.number-track.animating{transition:transform 2s ease-in-out}
.number-track div{height:65px;display:flex;align-items:center;justify-content:center}
@media (max-width:1440px){.number-scroll{font-size:60px}}
@media (max-width:1280px){.number-scroll{font-size:50px;width:25px}}
@media (max-width:500px){.number-scroll{font-size:36px;width:20px;height:40px}
.number-track div{height:40px}
}
@media (max-width:390px){.number-scroll{font-size:var(--fontsize28)}}
.number-wrap{position:relative}
#number-display-2{position:absolute;top:80px;left:162px;color:var(--color)}
#number-display-2 .number-scroll{width:20px;height:40px;font-size:40px}
#number-display-2 .number-scroll div{height:40px}
.banner-inner img{animation:none}
.about-history .his-item .his-img{opacity:0}
.about-history .his-item .his-img.animate-left{animation:animateLeft 1s cubic-bezier(.215,.61,.355,1.2) forwards;opacity:1}
.about-history .his-item .his-img.animate-right{animation:animateRight 1s cubic-bezier(.215,.61,.355,1.2) forwards;opacity:1}
.info-more{padding:5px 10px 5px 5px}
.about-bottom .bottom-list li{display:flex;justify-content:center;align-items:center}
.about-bottom .bottom-list li a{display:block}
.about-bottom .bottom-list li a img{aspect-ratio:1}
@media (max-width:768px){.about-bottom .bottom-list li a img{width:44px}}
@media (max-width:768px){.about-bottom .bottom-list li a img{width:34px}}