body{background:#101D32}body .home .container .sec1{padding:9.63542vw 10.41667vw 7.44792vw 10.41667vw;position:relative;z-index:1}body .home .container .sec1 .links{border-radius:8px;border:0.5px solid rgba(76,161,250,0.2);background:rgba(13,24,43,0.4);backdrop-filter:blur(5px);padding:.46875vw 1.45833vw;display:inline-flex;justify-content:center;align-items:center;gap:.52083vw}body .home .container .sec1 .links a,body .home .container .sec1 .links span,body .home .container .sec1 .links p{color:white;font-weight:350}body .home .container .sec1 .links .on{background:linear-gradient(90deg, #177ABF 0%, #87BDE5 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}body .home .container .sec1 .wrap{width:68.75vw;margin:0 auto}body .home .container .sec1 .wrap .t{color:#FFF;line-height:1.5;font-weight:400;text-align:center;margin:3.125vw 0 1.25vw 0}body .home .container .sec1 .wrap .time{color:rgba(255,255,255,0.8);line-height:1.5;text-align:center;border-bottom:1px solid rgba(255,255,255,0.6);padding-bottom:3.125vw}body .home .container .sec1 .wrap .html{margin:2.91667vw 0 4.32292vw 0;color:#FFF;line-height:1.5}body .home .container .sec1 .wrap .pager{display:flex;justify-content:space-between}body .home .container .sec1 .wrap .pager .prev{transform:rotateY(180deg)}body .home .container .sec1 .wrap .pager .c_btn{justify-content:center}body .home .container .sec2{padding:0 10.41667vw 4.47917vw 10.41667vw}body .home .container .sec2 .title .p1{background:linear-gradient(90deg, #fff 1.64%, rgba(255,255,255,0.6) 99.98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block}body .home .container .sec2 .title .p2{display:flex;flex-direction:column;align-items:flex-start;margin:.3125vw 0 .41667vw 0}body .home .container .sec2 .title .p2 p{background:linear-gradient(90deg, #fff 1.64%, rgba(255,255,255,0.6) 99.98%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}body .home .container .sec2 .title .p2 .line{width:28.02083vw;height:1.35417vw;position:relative;overflow:hidden}body .home .container .sec2 .title .p2 .line::before{width:100%;height:2.91667vw;content:'';display:block;position:absolute;left:0;top:0vw;background:radial-gradient(50% 50.75% at 50% 58.7%, rgba(90,171,255,0.5) 0%, rgba(82,203,254,0) 86.27%);transition:all 600ms}body .home .container .sec2 .title .p2 .line::after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg, rgba(82,203,254,0) 0%, #5AABFF 49.06%, rgba(82,203,254,0) 100%)}body .home .container .sec2 .title .p2 .line:hover::before{top:-.625vw}body .home .container .sec2 .title .p3{color:#FFF;line-height:1.5;text-transform:capitalize}body .home .container .sec2 .pics{width:100%;position:relative;margin-top:3.69792vw}body .home .container .sec2 .pics .swiper1{width:100%}body .home .container .sec2 .pics .swiper1 a{display:block;width:100%}body .home .container .sec2 .pics .swiper1 a .pic{border-radius:1.04167vw;border-bottom:1.5px solid #5184BA;background:#0A1421;overflow:hidden}body .home .container .sec2 .pics .swiper1 a .pic img{width:100%;display:block;height:18.59375vw;object-fit:cover;transition:all 600ms}body .home .container .sec2 .pics .swiper1 a .tag{display:flex;justify-content:space-between;align-items:center;margin-top:1.04167vw}body .home .container .sec2 .pics .swiper1 a .tag .time{color:rgba(255,255,255,0.8);font-weight:500;line-height:1.5;transition:all 600ms;position:relative}body .home .container .sec2 .pics .swiper1 a .tag .time::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(33,128,210,0.8) 0%, rgba(15,68,158,0.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 600ms;z-index:1}body .home .container .sec2 .pics .swiper1 a .tag span{border-radius:.36458vw;background:linear-gradient(106deg, rgba(37,153,250,0.8) 11.28%, rgba(16,78,186,0.8) 88.72%);padding:.26042vw .625vw .20833vw .625vw;color:#fff}body .home .container .sec2 .pics .swiper1 a .pt{margin:.88542vw 0 .41667vw 0;color:#FFF;font-weight:700;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;position:relative;transition:all 600ms}body .home .container .sec2 .pics .swiper1 a .pt::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(33,128,210,0.8) 0%, rgba(15,68,158,0.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 600ms;z-index:1}body .home .container .sec2 .pics .swiper1 a .des{color:#fff;font-weight:350;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;position:relative;transition:all 600ms}body .home .container .sec2 .pics .swiper1 a .des::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, rgba(33,128,210,0.8) 0%, rgba(15,68,158,0.8) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;opacity:0;transition:opacity 600ms;z-index:1}body .home .container .sec2 .pics .swiper1 a:hover .pic img{transform:scale(1.05)}body .home .container .sec2 .pics .swiper1 a:hover .tag .time{color:transparent}body .home .container .sec2 .pics .swiper1 a:hover .tag .time::before{opacity:1}body .home .container .sec2 .pics .swiper1 a:hover .pt,body .home .container .sec2 .pics .swiper1 a:hover .des{color:transparent}body .home .container .sec2 .pics .swiper1 a:hover .pt::before,body .home .container .sec2 .pics .swiper1 a:hover .des::before{opacity:1}body .home .container .sec2 .pics .btns{display:flex;align-items:center;justify-content:center;gap:4.16667vw;margin-top:4.16667vw}body .home .container .sec2 .pics .btns .prev{transform:rotateY(180deg);cursor:pointer}body .home .container .sec2 .pics .btns .next{cursor:pointer}body .home .container .sec2 .pics .swiper-pagination{position:static;display:flex;justify-content:center;gap:.41667vw}body .home .container .sec2 .pics .swiper-pagination .swiper-pagination-bullet{width:.625vw;height:.625vw;border-radius:50%;opacity:1;background:rgba(255,255,255,0.5);transition:all 600ms}body .home .container .sec2 .pics .swiper-pagination .swiper-pagination-bullet-active{width:2.5vw;border-radius:8px;background:linear-gradient(145deg, #2599FA 8.68%, #104EBA 83.16%)}@media screen and (max-width: 768px){body .home .container .sec1{padding:80px 5% 60px 5%}body .home .container .sec1 .links{width:100%;padding:10px 20px;gap:10px;font-size:16px}body .home .container .sec1 .wrap{width:100%}body .home .container .sec1 .wrap .t{font-size:18px;margin:30px 0 10px 0}body .home .container .sec1 .wrap .time{font-size:14px;padding-bottom:20px}body .home .container .sec1 .wrap .html{font-size:14px;margin:20px 0 40px 0}body .home .container .sec2{padding:0 5% 30px 5%}body .home .container .sec2 .title .p1{font-size:24px}body .home .container .sec2 .title .p2{font-size:20px;margin:3px 0 6px 0}body .home .container .sec2 .title .p2 .line{width:100%;height:16px}body .home .container .sec2 .title .p2 .line::before{height:36px}body .home .container .sec2 .title .p3{font-size:14px}body .home .container .sec2 .pics{margin-top:30px}body .home .container .sec2 .pics .swiper1 a .pic{border-radius:10px}body .home .container .sec2 .pics .swiper1 a .pic img{height:200px}body .home .container .sec2 .pics .swiper1 a .tag{margin-top:10px}body .home .container .sec2 .pics .swiper1 a .tag span{border-radius:4px;padding:3px 8px;font-size:12px}body .home .container .sec2 .pics .swiper1 a .pt{margin:8px 0 4px 0}body .home .container .sec2 .pics .btns{gap:20px;margin-top:40px}body .home .container .sec2 .pics .btns .swiper-pagination{gap:10px}body .home .container .sec2 .pics .btns .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}body .home .container .sec2 .pics .btns .swiper-pagination .swiper-pagination-bullet-active{width:30px;border-radius:4px}}