:root{--color:#ffde33;--color-rgb:255, 222, 51;--color2:#ff6b00;--text-color:#1e1f21}.daxie{text-transform:uppercase}*{padding:0;margin:0;box-sizing:border-box}*::-webkit-scrollbar{height:5px;width:5px}*::-webkit-scrollbar-thumb{background-color:var(--color);border-radius:5px}html{overflow-x:hidden;overflow-y:auto}body{scroll-behavior:smooth;background-color:#fff;color:var(--text-color);font-family:"Raleway";font-size:18px;line-height:1.8}ul,li{list-style:none}a{text-decoration:none;color:var(--text-color)}a:hover{text-decoration:none;color:var(--text-color)}.flex{display:flex}.aic{align-items:center}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-70{font-size:70px}.text-white{color:#fff}.text-c{color:#1e1f21}.text-color{color:var(--color)}.mb-5{margin-bottom:5px}.mb-0{margin-bottom:0}header{padding:12px 0;position:absolute;top:0;left:0;width:100%;z-index:1000}header .logo img{height:35px}header .language{position:relative}header .language a{font-size:18px}header .language .language-list{position:absolute;top:100%;right:0;left:unset;background-color:#fff;z-index:999;padding:10px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.1);visibility:hidden;opacity:0;transform:translateY(10px);transition:all 0.5s ease-in-out}header .language .language-list li a{color:#333;padding:5px 5px 5px 0;font-size:16px;display:block;transition:all 0.3s ease-in-out;background-position:0 100%;background-image:linear-gradient(to right, var(--color), transparent);background-size:0 1px;background-repeat:no-repeat}header .language .language-list li a:hover{color:var(--color);background-size:100% 1px}header .language:hover .language-list{visibility:visible;opacity:1;transform:translateY(0)}.box1{background:url("https://demo.mobanwang.com/mb/lo202504/202504087/html/img/headerfix.jpg") center no-repeat;background-size:cover;height:100vh;min-height:700px}.box1::before{content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(255,222,51,0.95);position:absolute;z-index:1;min-height:700px}.box1 .container{position:relative;z-index:2;height:100%;display:flex;justify-content:center;flex-direction:column}.box1 .container h2{font-size:36px;font-weight:700;margin-bottom:30px}.box1 .container p:nth-child(1){font-size:22px;margin-bottom:30px;line-height:1.4}.box1 .container p:nth-child(1) strong{color:var(--color2);background-position:0 100%;background-image:linear-gradient(to right, var(--color2));background-size:0% 1px;background-repeat:no-repeat;transition:all 0.5s ease-in-out}.box1 .container p:nth-child(2) span{line-height:2;background-position:0 100%;background-image:linear-gradient(to right, #1e1f21);background-size:0% 1px;background-repeat:no-repeat;transition:all 0.75s ease-in-out}.box1 .container p:hover strong{background-size:100% 1px}.box1 .container p:hover span{background-size:100% 1px}.box1 .scroll-down-btn{width:100%;height:50px;margin-top:-60px;text-align:center;position:absolute;left:0;z-index:100;opacity:0.85}.box1 .scroll-down{position:absolute;bottom:50px;left:50%;width:75px;height:80px;text-align:center;text-decoration:none;cursor:pointer;bottom:0;transform:translateX(-50%)}.box1 .scroll-down>p{pointer-events:none;font-weight:300;font-size:14px;text-transform:uppercase;margin-bottom:5px}.box1 .scroll-down{height:95px}.box1 .scroll-down span{position:relative;display:inline-block;width:23px;height:45px;border:1px solid var(--text-color);border-radius:50px;top:5px}.box1 .scroll-down span::after{position:absolute;content:"";top:10px;left:0;right:0;margin:0 auto;width:6px;height:6px;border-radius:100%;background:var(--text-color);-webkit-animation:animateMousePointer 1.5s infinite;animation:animateMousePointer 1.5s infinite}.box2,.box3,.box4,.box5,.box6,.box7,.box8,.box9{padding:50px 0 60px}.box2 .T,.box3 .T,.box4 .T,.box5 .T,.box6 .T,.box7 .T,.box8 .T,.box9 .T{font-size:32px}.box2 .T strong,.box3 .T strong,.box4 .T strong,.box5 .T strong,.box6 .T strong,.box7 .T strong,.box8 .T strong,.box9 .T strong{border-bottom:3px solid var(--color);padding:0 15px 5px 5px;text-transform:capitalize}.box2 .T strong::after,.box3 .T strong::after,.box4 .T strong::after,.box5 .T strong::after,.box6 .T strong::after,.box7 .T strong::after,.box8 .T strong::after,.box9 .T strong::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--color);margin-left:10px}.box2{background:url(../img/bg2.jpg) center no-repeat;background-size:cover;color:#fff}.box2 img{border:1px solid var(--text-color);padding:1rem;max-width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.box2 ul{margin-bottom:0}.box2 ul li{display:flex;align-items:center}.box2 ul li::before{content:"";height:5px;width:5px;background-color:var(--color);margin-right:10px;flex-shrink:0}.box2 ul li span{background-position:0 100%;background-image:linear-gradient(to right, var(--color));background-size:0% 1px;background-repeat:no-repeat;transition:all 0.5s ease-in-out}.box2 ul li span:hover{background-size:100% 1px;color:var(--color)}.box3{background-color:#faf9f7}.box3 .col-card{border:2px solid var(--text-color);padding:1.25rem;height:100%;position:relative;transition:all 0.3s ease-in-out}.box3 .col-card::before{content:"";height:0;width:100%;position:absolute;left:0;bottom:0;background-color:var(--color);z-index:-1;transition:all 0.3s ease-in-out}.box3 .col-card i{font-size:45px;line-height:1}.box3 .col-card p{font-size:18px;line-height:1.5;margin:0.5rem 0 0}.box3 .col-card:hover{transform:translateY(-10px)}.box3 .col-card:hover::before{height:100%}.box4 .r{align-items:flex-end;display:flex;padding-bottom:12px}.box4 .r img{width:100px;display:block;margin:1.5rem auto 0}.box5{background-color:var(--color)}.box5 .T strong{border-color:var(--text-color)}.box5 .T strong::after{background-color:var(--text-color)}.box5 .row-box .col-card{border:2px solid var(--text-color);padding:1.5rem;height:100%;text-align:center;transition:all 0.3s ease-in-out}.box5 .row-box .col-card::before{content:"";height:0;width:100%;position:absolute;left:0;bottom:0;background-color:var(--text-color);z-index:-1;transition:all 0.3s ease-in-out}.box5 .row-box .col-card i{font-size:80px;line-height:1}.box5 .row-box .col-card .text{line-height:1.2;margin-top:1rem}.box5 .row-box .col-card p{font-size:18px;line-height:1.5;margin:0.8rem 0 0}.box5 .row-box .col-card:hover{transform:translateY(-10px);color:var(--color)}.box5 .row-box .col-card:hover::before{height:100%}.box6 .license{margin-top:2.5rem;position:relative}.box6 .license .swiper-wrapper{align-items:stretch}.box6 .license .swiper-wrapper .swiper-slide{height:auto;padding:10px;background-color:var(--text-color);display:flex;align-items:center}.box6 .license .swiper-button-next,.box6 .license .swiper-button-prev{height:50px;width:50px;background-color:var(--text-color);opacity:0;transition:all ease-in-out 0.3s;z-index:100}.box6 .license .swiper-button-next::after,.box6 .license .swiper-button-prev::after{font-size:20px;color:#fff}.box6 .license .swiper-button-next{right:20px;transform:translateX(10px)}.box6 .license .swiper-button-prev{left:20px;transform:translateX(-10px)}.box6 .license img{max-width:100%;display:block;cursor:pointer}.box6 .license:hover .swiper-button-next,.box6 .license:hover .swiper-button-prev{opacity:1;transform:translateX(0)}.box6 .license:hover .swiper-button-next.swiper-button-disabled,.box6 .license:hover .swiper-button-prev.swiper-button-disabled{opacity:0.25 !important}.box7{background-color:#faf9f7}.box7 .col-card{display:flex;align-items:center;flex-direction:column;text-align:center;line-height:1.5;transition:all ease-in-out 0.3s}.box7 .col-card strong{font-size:24px;padding:25px 15px;background-color:var(--color);transition:all ease-in-out 0.3s 0.3s;display:block;background-position:0 100%;background-image:linear-gradient(to right, var(--text-color));background-size:100% 0%;background-repeat:no-repeat}.box7 .col-card img{width:100%;padding:10px;transition:all ease-in-out 0.3s;background-color:#fff}.box7 .col-card .img{background-color:var(--color);padding:2px 2px 0;transition:all ease-in-out 0.3s 0s;background-position:0 100%;background-image:linear-gradient(to right, var(--text-color));background-size:100% 0%;background-repeat:no-repeat}.box7 .col-card .text{width:100%}.box7 .col-card:hover{transform:translateY(-10px)}.box7 .col-card:hover strong{transition:all ease-in-out 0.3s;background-size:100% 100%;color:#fff}.box7 .col-card:hover .img{transition:all ease-in-out 0.3s 0.3s;background-size:100% 100%}.popup{background-color:rgba(0,0,0,0.65);position:fixed;z-index:9999;top:0;left:0;height:100vh;width:100vw;visibility:hidden;opacity:0;transition:all ease-in-out 0.3s}.popup.show{visibility:visible;opacity:1}.popup .swiper-slide{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}.popup .swiper-slide img{display:block;height:calc(100vh - 20px)}.popup .swiper-button-next::after,.popup .swiper-button-prev::after{color:#fff}.popup .swiper-button-next{right:25px}.popup .swiper-button-prev{left:25px}.popup .close-btn{position:fixed;right:25px;top:25px;z-index:100000;height:35px;width:35px;transform:rotate(45deg);cursor:pointer}.popup .close-btn::after,.popup .close-btn::before{content:"";background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.popup .close-btn::after{height:2px;width:35px}.popup .close-btn::before{width:2px;height:35px}.box8 .value strong{background-position:0 100%;background-image:linear-gradient(to right, var(--color));background-size:0% 1px;background-repeat:no-repeat;transition:all 0.5s ease-in-out}.box8 .value strong:hover{background-size:100% 1px}footer{background-color:var(--color);font-size:16px;padding:10px 0}.animated{-webkit-animation-duration:0.8s !important;animation-duration:0.8s !important}@-webkit-keyframes animateMousePointer{0%{transform:translateY(0)}50%{opacity:0.7}100%{opacity:0;transform:translateY(20px)}}@keyframes animateMousePointer{0%{transform:translateY(0)}50%{opacity:0.7}100%{opacity:0;transform:translateY(20px)}}@media (min-width: 768px){body{font-size:20px}header .logo img{height:50px}header .language .language-list{left:0;right:auto}.box1 .container h2{font-size:50px}.box1 .container p:nth-child(1){font-size:36px}.box1 .container p:nth-child(2){font-size:20px}.box2 img{max-width:75%}.box8 .value{display:flex;align-items:center}.box8 .value::before{content:"";height:3px;width:10px;background-color:var(--color);margin-right:10px}}@media (min-width: 992px){body{font-size:24px}.box1 .container h2{font-size:70px}.box1 .container p:nth-child(1){font-size:45px}.box1 .container p:nth-child(2){font-size:24px}}@media (min-width: 1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1320px}}