.wrap{width:79.16667vw;margin:0 auto}
.about_link{display:flex;align-items:center;justify-content:center;gap:0 2.5vw;padding:5.41667vw 0 1.51042vw;width:fit-content;margin:0 auto;border-bottom:.10417vw solid #D9D9D9}
.about_link .item{width:13.48958vw;color:#000;font-weight:600;text-transform:capitalize;height:2.44792vw;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:0.6s}
.about_link .item:after{content:"";width:100%;height:.20833vw;position:absolute;background:#E60112;left:0;bottom:-1.61458vw;transform:scaleX(0);transition:0.6s}
.about_link .item.on,.about_link .item:hover{color:#E60011}
.about_link .item.on::after,.about_link .item:hover::after{content:"";transform:scaleX(1)}
.sec1{width:100%;height:100vh;position:relative;display:flex;align-items:center;width:100%;overflow:hidden;direction:ltr;}
.sec1 .box{width:67.70833vw;margin:0 0 0 17.23958vw;position:relative}
.sec1 .box .text{position:absolute;left:32.76042vw;top:10.57292vw}
.sec1 .box .text .item{width:39.58333vw;padding:1.875vw;background:rgba(255,255,255,0.8);color:#000;font-weight:600;line-height:1.8;text-transform:capitalize;opacity:0;transform:translateY(1.04167vw)}
.sec1 .box .text .item:not(:nth-child(1)){position:absolute;top:0}
.sec1 .box .text .item.on{opacity:1;transform:translateY(0);transition:0.6s}
.sec1 .box .line{width:100%;position:relative}
.sec1 .box .line svg{width:100%;height:auto}
.sec1 .box .line .year{width:100%;height:100%;position:absolute;top:0;left:0}
.sec1 .box .line .year .item{position:absolute;cursor:pointer;opacity:0;transition:0.6s}
.sec1 .box .line .year .item p{color:#000;font-weight:700;text-transform:capitalize;transition:0.6s}
.sec1 .box .line .year .item:after{content:"";width:.41667vw;height:.41667vw;background:#E60011;position:absolute;left:-1.14583vw;top:50%;transform:translateY(-50%);border-radius:50%;opacity:0;transition:0.6s}
.sec1 .box .line .year .item.on p,.sec1 .box .line .year .item:hover p{color:#E60011}
.sec1 .box .line .year .item.on:after,.sec1 .box .line .year .item:hover:after{opacity:1}
.sec1 .box .line .year .item:nth-child(1){left:47.55208vw;bottom:1.5625vw;transition-delay:0.1s}
.sec1 .box .line .year .item:nth-child(2){left:33.95833vw;bottom:-1.04167vw;transition-delay:0.4s}
.sec1 .box .line .year .item:nth-child(3){left:20.36458vw;bottom:-.52083vw;transition-delay:0.6s}
.sec1 .box .line .year .item:nth-child(4){left:6.77083vw;bottom:3.125vw;transition-delay:0.8s}
.sec1 .box .line .year .item:nth-child(5){left:-6.77083vw;bottom:16.09375vw;transition-delay:1s}
.sec1 .box .line .year .item:nth-child(6){left:6.77083vw;bottom:32.8125vw;transition-delay:1.2s}
.sec1 .box .line .year .item:nth-child(7){left:20.36458vw;top:-3.38542vw;transition-delay:1.6s}
.sec1 .box .line .year .item:nth-child(8){left:33.95833vw;top:-3.95833vw;transition-delay:1.8s}
.sec1 .box .line .year .item:nth-child(9){left:47.55208vw;top:-1.97917vw;transition-delay:2s}
.sec1 .box .line .year .item:nth-child(10){left:57.55208vw;top:4.27917vw;transition-delay: 2s}
.sec1 .bg{width:100%;height:100%;position:absolute;z-index:-1}
.sec1 .bg img{display:block;width:100%;height:100%;object-fit:cover}
.sec1.on .box .line svg .cls-2{stroke-dashoffset:0px}
.sec1.on .box .year .item{opacity:1}
.sec2{padding:3.33333vw 0 5.78125vw;width:100%;overflow:hidden}
.sec2 .wrap .title{color:#000;text-align:center;font-weight:500;text-transform:capitalize;margin-bottom:4.58333vw}
.sec2 .wrap .flex{display:flex;justify-content:space-between}
.sec2 .wrap .flex .item{min-width:20.26042vw}
.sec2 .wrap .flex .item .num_item{display:flex;justify-content:center;align-items:flex-end}
.sec2 .wrap .flex .item .num_item .num{color:#000;font-weight:700}
.sec2 .wrap .flex .item .num_item span{display:block;color:#000;font-weight:400;margin:0 0 1.30208vw 1.35417vw}
.sec2 .wrap .flex .item p{color:#666;text-align:center;font-weight:300;text-transform:capitalize;margin:1.04167vw 0 0}
.sec3{background:linear-gradient(180deg,#f5f5f5 0%,#DBDFE2 100%);padding:3.17708vw 0 1.66667vw;position:relative;width:100%;overflow:hidden}
.sec3 .mask{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}
.sec3 .mask img{display:block;width:100%;height:100%;object-fit:cover}
.sec3 .wrap{position:relative;z-index:3}
.sec3 .wrap .item{display:flex;justify-content:space-between;margin-bottom:1.875vw}
.sec3 .wrap .item:nth-child(2n){flex-direction:row-reverse}
.sec3 .wrap .item .text{width:39.73958vw;padding:0 5.52083vw;display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;line-height:1.8;text-transform:capitalize;transition:0.6s}
.sec3 .wrap .item .text p{text-align: justify;}
.sec3 .wrap .item .img{width:38.48958vw;height:28.33333vw;overflow:hidden}
.sec3 .wrap .item .img img{display:block;width:100%;height:100%;object-fit:cover;transition:1s}
.sec3 .wrap .item:hover .text{background:#B8000E;color:#fff}
.sec3 .wrap .item:hover .img img{transform:scale(1.1)}
.sec4{padding:5vw 0 5.41667vw;position:relative;width:100%;overflow:hidden}
.sec4 .bg{width:100%;top:18.75vw;position:absolute;left:0;z-index:-1}
.sec4 .bg img{display:block;width:100%}
.sec4 .title{color:#E60112;font-weight:600;text-transform:uppercase;text-align:center;margin-bottom:4.6875vw}
.sec4 .sec4_swiper1{width:45.41667vw;margin:0 auto;overflow:hidden}
.sec4 .sec4_swiper1 .swiper-slide{overflow:hidden}
.sec4 .sec4_swiper1 .swiper-slide img{display:block;width:100%;transition:1s}
.sec4 .sec4_swiper1 .swiper-slide:hover img{transform:scale(1.1)}
.sec4 .sec4_swiper2{width:86.45833vw;margin:2.08333vw auto;overflow:hidden;padding:1.04167vw 0}
.sec4 .sec4_swiper2 .swiper-slide{overflow:hidden;transform:translateX(4.375vw);transform-style:preserve-3d;perspective:1000px}
.sec4 .sec4_swiper2 .swiper-slide img{display:block;width:100%;transition:0.6s;transform-style:preserve-3d;transition-property:transform;transition:0.6s}
.sec4 .sec4_swiper2 .swiper-slide.rotate-after img{transform:rotateY(-35deg)}
.sec4 .sec4_swiper2 .swiper-slide.rotate-before img{transform:rotateY(35deg)}
.sec4 .sec4_swiper3{width:79.0625vw;overflow:hidden;margin:0 auto}
.sec4 .sec4_swiper3 .swiper-slide{perspective:1000px}
.sec4 .sec4_swiper3 .swiper-slide img{display:block;width:100%;transform-style:preserve-3d;transition-property:transform;transition:0.6s}
.sec4 .sec4_swiper3 .swiper-slide.rotate-after img{transform:rotateY(-35deg)}
.sec4 .sec4_swiper3 .swiper-slide.rotate-before img{transform:rotateY(35deg)}
.sec4 .sec4_swiper4{width:95vw;overflow:hidden;margin:5.41667vw auto 0;padding:0 0 1.04167vw}
.sec4 .sec4_swiper4 .swiper-slide img{width:100%;transform:scale(0.7);transition:0.6s}
.sec4 .sec4_swiper4 .swiper-slide.swiper-slide-active img{transform:scale(1)}
.sec4 .sec4_swiper4 .swiper_control{display:flex;position:relative;width:fit-content;margin:4.6875vw auto 0}
.sec4 .sec4_swiper4 .swiper_control .btns{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 4.5vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.sec4 .sec4_swiper4 .swiper_control .btns .icon{width:1.66667vw;height:1.66667vw;border-radius:50%;display:flex;align-items:center;justify-content:center;border:.05208vw solid #666;cursor:pointer;transition:0.6s}
.sec4 .sec4_swiper4 .swiper_control .btns .icon img{display:block;width:.625vw;transition:0.6s}
.sec4 .sec4_swiper4 .swiper_control .btns .icon i{font-size:17px;color:#666;transition:0.6s}
.sec4 .sec4_swiper4 .swiper_control .btns .icon:nth-child(2) img{transform:rotate(180deg)}
.sec4 .sec4_swiper4 .swiper_control .btns .icon:hover{background:#E60011;border:.05208vw solid #E60011}
.sec4 .sec4_swiper4 .swiper_control .btns .icon:hover img{filter:brightness(0) invert(1)}
.sec4 .sec4_swiper4 .swiper_control .btns .icon:hover i{color:#fff;}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination{position:static;margin:0 .26042vw}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet{width:.625vw;height:.625vw;opacity:1;margin:0 .15625vw;position:relative;border-radius:50%;background:#fff;cursor:pointer}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/cic.svg) no-repeat;background-size:contain;opacity:0;transition:all 600ms}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet::after{content:'';display:block;position:absolute;left:50%;top:50%;width:.41667vw;height:.41667vw;background:#C7C7C7;transform:translate(-50%,-50%);border-radius:50%}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet-active::before{opacity:1}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet-active::after{opacity:0}
@media screen and (max-width:768px){.wrap{width:90%}
.about_link{padding:40px 0 20px;width:90%}
.about_link .item{width:33.333%;height:unset}
.about_link .item:after{bottom:-20px}
.sec1{padding:50px 5vw 80px;height:unset}
.sec1 .bg{left:0}
.sec1 .box{width:100%;margin:0}
.sec1 .box .line svg{display:none}
.sec1 .box .line .year{position:unset;display:flex;align-items:center;flex-wrap:wrap;gap:15px 0;display:none}
.sec1 .box .line .year .item{position:unset;opacity:1;transform:unset;width:33.333%;text-align:center}
.sec1 .box .line .year .item:after{display:none}
.sec1 .box .line .year_swiper{display:block !important}
.sec1 .box .line .year_swiper .swiper-slide p{font-weight:700;text-align:center}
.sec1 .box .line .year_swiper .swiper-slide.swiper-slide-active p{color:#E60011}
.sec1 .box .text{position:relative;left:unset}
.sec1 .box .text .item{width:100%;padding:30px}
.sec2{padding:30px 0 40px}
.sec2 .wrap .title{margin-bottom:30px}
.sec2 .wrap .f_98{font-size:28px}
.sec2 .wrap .f_32{font-size:16px}
.sec3 .wrap .item{flex-direction:column-reverse !important;margin-bottom:40px}
.sec3 .wrap .item .img{width:100%;height:unset}
.sec3 .wrap .item .text{width:100%;padding:30px 25px;background:#B8000E;color:#fff}
.sec4{padding:60px 5vw 80px}
.sec4 .title{margin-bottom:60px}
.sec4 .sec4_swiper1{width:100%}
.sec4 .sec4_swiper2{width:100%;margin:60px 0}
.sec4 .sec4_swiper2 .swiper-slide{transform:translateX(25.275vw)}
.sec4 .sec4_swiper3{width:100%;margin:0 0 60px}
.sec4 .sec4_swiper4{width:100%;padding:0 0 50px}
.sec4 .sec4_swiper4 .swiper_control{margin:50px auto 0}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination{margin:0 5px}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;margin:0 5px}
.sec4 .sec4_swiper4 .swiper_control .swiper-pagination .swiper-pagination-bullet::after{width:8px;height:8px}
.sec4 .sec4_swiper4 .swiper_control .btns{width:calc(100% + 90px)}
.sec4 .sec4_swiper4 .swiper_control .btns .icon{width:30px;height:30px}
.sec4 .sec4_swiper4 .swiper_control .btns .icon img{width:12px}
}