.banner{position:relative}.banner .bg{width:100%;display:block;object-fit:cover}.banner .text{position:absolute;left:0;width:100%;padding:0 8.33333vw;bottom:6.09375vw}.banner .text .line{clip-path:inset(0 100% 0 0);transition:all 2s}.banner .text .line img{width:6.97917vw;display:block}.banner .text .line.animated{clip-path:inset(0 0 0 0)}.banner .text .pt{margin:1.40625vw 0;font-weight:700;line-height:1;text-transform:uppercase}.banner .text .pt .sp1{background:linear-gradient(90deg, #fff 0%, #A3A3A3 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.banner .text .pt .sp2{color:#E60012}.banner .text .tags{color:#D4D4D4;display:flex;gap:3.54167vw;line-height:1.5}.container{padding:6.25vw 0 3.125vw 0}.container .sec1{width:49.27083vw;margin:0 auto}.container .sec1 .t{text-align:center;line-height:1;text-transform:uppercase;font-weight:700}.container .sec1 .intro{margin:1.25vw auto 3.54167vw auto;color:#757575;font-weight:300;line-height:1.5;text-align:center;width:36.82292vw}.container .sec1 .tags{display:flex;justify-content:flex-end;gap:1.25vw}.container .sec1 .tags p{line-height:1.5}.container .sec1 .tags a{display:flex;gap:.78125vw}.container .sec1 .tags a img{width:1.25vw;display:block}.container .sec1 .html{line-height:1.5}.container .sec1 .html .pics{display:grid;grid-template-columns:repeat(2, 1fr);gap:2.08333vw}.container .sec1 .html .pics img{width:100%;display:block;box-shadow:0 27.474px 54.949px -13.188px rgba(0,0,0,0.25);transform:skew(-2deg)}.container .sec1 .rec{margin:3.54167vw 0 6.45833vw 0;box-shadow:0 27.474px 54.949px -13.188px rgba(0,0,0,0.25);display:flex;justify-content:space-between;transform:skew(-2deg)}.container .sec1 .rec .pic{width:23.95833vw}.container .sec1 .rec .pic img{width:100%;display:block;object-fit:cover}.container .sec1 .rec .text{width:100%;flex:1;background:#fff;padding:1.19792vw 2.91667vw 1.5625vw 2.60417vw;transform:skew(2deg)}.container .sec1 .rec .text .p1{color:#0A0A0A;font-weight:700;line-height:1.5}.container .sec1 .rec .text .p1 span{color:#E60012}.container .sec1 .rec .text .p2{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;color:#737373;margin:.78125vw 0 1.09375vw 0}.container .sec1 .rec .text a{display:inline-flex;align-items:center;border-bottom:.10849vw solid #E60012;gap:.41667vw;color:#0A0A0A;font-weight:700;text-transform:uppercase;line-height:1.51;transition:all 600ms}.container .sec1 .rec .text a svg{display:block;height:auto;width:.72917vw}.container .sec1 .rec .text a svg path{transition:all 600ms}.container .sec1 .rec .text a:hover{color:#E60012}.container .sec1 .rec .text a:hover svg path{stroke:#E60012}.container .pager{padding:0 8.33333vw;display:flex;align-items:center;justify-content:space-between}.container .pager .prev,.container .pager .next{display:block}.container .pager .prev .p1,.container .pager .next .p1{display:flex;gap:.20833vw;color:#0A0A0A;line-height:1.5;align-items:center;transition:all 600ms}.container .pager .prev .p1 svg,.container .pager .next .p1 svg{display:block;height:auto}.container .pager .prev .p1 svg path,.container .pager .next .p1 svg path{transition:all 600ms;stroke:#0a0a0a}.container .pager .prev .p2,.container .pager .next .p2{line-height:1.5;color:#0A0A0A;margin-top:.20833vw;transition:all 600ms}.container .pager .prev:hover .p1,.container .pager .prev:hover .p2,.container .pager .next:hover .p1,.container .pager .next:hover .p2{color:#E60012}.container .pager .prev:hover .p1 svg path,.container .pager .prev:hover .p2 svg path,.container .pager .next:hover .p1 svg path,.container .pager .next:hover .p2 svg path{stroke:#E60012}.container .pager .back{padding:.78125vw 5vw;display:flex;justify-content:center;align-items:center;gap:1.19792vw;color:#E60012;font-weight:700;line-height:1.5;text-transform:uppercase;position:relative;transition:all 600ms;color:#fff;box-shadow:0 15.824px 23.735px -4.747px rgba(220,38,38,0.3),0 6.329px 9.494px -6.329px rgba(220,38,38,0.3);z-index:5}.container .pager .back::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #E60012;z-index:-1;transform:skew(-15deg);transition:all 600ms;background:#E60012}.container .pager .back svg{display:block;width:1.04167vw;height:auto}.container .pager .back svg path{transition:all 600ms;stroke:#fff}.container .pager .back:hover{color:#E60012;box-shadow:none}.container .pager .back:hover svg path{stroke:#E60012}.container .pager .back:hover::before{background:transparent}.container .sec2{padding:6.25vw 8.33333vw 0 8.33333vw}.container .sec2 .title{display:flex;justify-content:space-between;align-items:flex-end}.container .sec2 .title .lt .p1{color:#E60012;line-height:1.5;letter-spacing:.06646vw;text-transform:uppercase;font-weight:700}.container .sec2 .title .lt .p2{color:#0A0A0A;font-weight:700;line-height:0.97;text-transform:uppercase;margin-top:.41667vw}.container .sec2 .title a{display:inline-flex;align-items:center;border-bottom:.10849vw solid #E60012;gap:.41667vw;color:#0A0A0A;font-weight:700;text-transform:uppercase;line-height:1.51;transition:all 600ms}.container .sec2 .title a svg{display:block;width:.72917vw;height:auto}.container .sec2 .title a svg path{transition:all 600ms}.container .sec2 .title a:hover{color:#E60012}.container .sec2 .title a:hover svg path{stroke:#E60012}.container .sec2 .news{padding:0 3.90625vw;margin-top:3.125vw;position:relative}.container .sec2 .news .prev{position:absolute;left:0;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.container .sec2 .news .prev img{width:2.08333vw;display:block}.container .sec2 .news .next{position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;z-index:10}.container .sec2 .news .next img{width:2.08333vw;display:block}.container .sec2 .news .swiper1{width:100%;overflow:hidden}.container .sec2 .news .swiper1 .swiper-slide{padding-bottom:3.125vw}.container .sec2 .news .swiper1 .item{display:block;width:100%;position:relative;box-shadow:0 0 35px -13.188px rgba(0,0,0,0.25);transform:skew(-2deg)}.container .sec2 .news .swiper1 .item::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(183deg, transparent 49.17%, #000 97.46%)}.container .sec2 .news .swiper1 .item .bg{width:100%;display:block;height:17.34375vw;object-fit:cover}.container .sec2 .news .swiper1 .item .time{position:absolute;left:2.23958vw;top:.9375vw;color:white;padding:.36458vw 1.77083vw .36458vw 1.14583vw;z-index:5;transition:all 600ms}.container .sec2 .news .swiper1 .item .time::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#E60012;box-shadow:0 10.042px 15.063px -3.013px rgba(220,38,38,0.3),0 4.017px 6.025px -4.017px rgba(220,38,38,0.3);z-index:-1;transform:skew(-15deg)}.container .sec2 .news .swiper1 .item .text{width:100%;position:absolute;left:0;bottom:0;padding:1.45833vw 2.23958vw;transform:skew(2deg);line-height:1.5;transition:all 600ms}.container .sec2 .news .swiper1 .item .text .p1{color:#FFF;font-weight:700;text-transform:uppercase;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.container .sec2 .news .swiper1 .item .text .p1 span{color:#F00}.container .sec2 .news .swiper1 .item .text .des{color:#FFF;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:.41667vw}.container .sec2 .news .swiper1 .item .hover_t{position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);background:#fff;display:flex;justify-content:space-between;padding:1.77083vw 1.97917vw;align-items:center;opacity:0;transform:translateY(100%);transition:all 600ms}.container .sec2 .news .swiper1 .item .hover_t .lb{line-height:1.5;width:11.875vw}.container .sec2 .news .swiper1 .item .hover_t .lb .time2{color:#0A0A0A}.container .sec2 .news .swiper1 .item .hover_t .lb .p1{color:#0A0A0A;font-weight:700;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.container .sec2 .news .swiper1 .item .hover_t .lb .des{color:#737373;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:.10417vw}.container .sec2 .news .swiper1 .item .hover_t .btn{width:8.80208vw;height:1.77083vw;display:flex;justify-content:center;align-items:center;gap:.26042vw;color:#E60012;font-weight:700;line-height:1.5;text-transform:uppercase;position:relative;transition:all 600ms;color:#fff;box-shadow:0 15.824px 23.735px -4.747px rgba(220,38,38,0.3),0 6.329px 9.494px -6.329px rgba(220,38,38,0.3);z-index:5;padding-top:.10417vw}.container .sec2 .news .swiper1 .item .hover_t .btn::before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:2px solid #E60012;z-index:-1;transform:skew(-15deg);transition:all 600ms;background:#E60012}.container .sec2 .news .swiper1 .item .hover_t .btn svg{display:block;width:1.09375vw;height:auto}.container .sec2 .news .swiper1 .item .hover_t .btn svg path{transition:all 600ms;stroke:#fff}.container .sec2 .news .swiper1 .item .hover_t .btn:hover{color:#E60012;box-shadow:none}.container .sec2 .news .swiper1 .item .hover_t .btn:hover svg path{stroke:#E60012}.container .sec2 .news .swiper1 .item .hover_t .btn:hover::before{background:transparent}.container .sec2 .news .swiper1 .item:hover .time,.container .sec2 .news .swiper1 .item:hover .text{opacity:0}.container .sec2 .news .swiper1 .item:hover .hover_t{opacity:1;transform:translateY(0)}@media screen and (max-width: 768px){.banner{margin-top:60px}.banner .bg{height:300px}.banner .text{padding:0 5%;bottom:30px}.banner .text .line img{width:80px}.banner .text .pt{margin:10px 0}.banner .text .des{width:100%;font-size:14px}.banner .text .tags{gap:20px;font-size:14px}.container{padding:30px 5%}.container .sec1{width:100%}.container .sec1 .t{font-size:20px;line-height:1.2}.container .sec1 .intro{width:100%;margin:20px 0 40px 0;font-size:16px}.container .sec1 .tags{flex-wrap:wrap;gap:15px}.container .sec1 .tags a{gap:10px}.container .sec1 .tags a img{width:20px}.container .sec1 .html .pics{grid-template-columns:1fr;gap:20px}.container .sec1 .rec{margin:40px 0;flex-direction:column}.container .sec1 .rec .pic{width:100%}.container .sec1 .rec .pic img{height:200px;object-fit:cover}.container .sec1 .rec .text{padding:20px;transform:none}.container .sec1 .rec .text .p1{font-size:18px}.container .sec1 .rec .text .p2{margin:10px 0;font-size:14px}.container .sec1 .rec .text a{font-size:14px;gap:5px}.container .sec1 .rec .text a svg{width:12px}.container .pager{padding:0 5%;flex-direction:column;gap:10px}.container .pager .prev,.container .pager .next{width:100%;text-align:center}.container .pager .prev .p1,.container .pager .next .p1{font-size:16px;justify-content:center}.container .pager .prev .p1 svg,.container .pager .next .p1 svg{width:16px}.container .pager .prev .p2,.container .pager .next .p2{font-size:14px}.container .pager .back{padding:12px 40px;font-size:14px;gap:15px}.container .pager .back svg{width:16px}.container .sec2{padding:40px 0 0 0}.container .sec2 .title{gap:20px}.container .sec2 .title .lt .p2{margin-top:5px}.container .sec2 .title a{font-size:14px;gap:5px}.container .sec2 .title a svg{width:12px}.container .sec2 .news{padding:0 10px;margin-top:10px}.container .sec2 .news .prev img,.container .sec2 .news .next img{width:24px}.container .sec2 .news .swiper1 .swiper-slide{padding:30px 20px}.container .sec2 .news .swiper1 .item .bg{height:215px}.container .sec2 .news .swiper1 .item .time{left:20px;top:10px;padding:5px 20px 5px 15px;font-size:14px}.container .sec2 .news .swiper1 .item .text{padding:20px}.container .sec2 .news .swiper1 .item .text .des{font-size:14px;margin-top:5px}.container .sec2 .news .swiper1 .item .hover_t{padding:20px;gap:15px}.container .sec2 .news .swiper1 .item .hover_t .lb{width:100%}.container .sec2 .news .swiper1 .item .hover_t .lb .time2{font-size:14px}.container .sec2 .news .swiper1 .item .hover_t .lb .p1{font-size:16px}.container .sec2 .news .swiper1 .item .hover_t .lb .des{font-size:14px}.container .sec2 .news .swiper1 .item .hover_t .btn{width:160px;height:25px;font-size:10px;transform:none;white-space:nowrap;gap:5px;padding-top:2px}.container .sec2 .news .swiper1 .item .hover_t .btn svg{width:16px}.container .sec2 .news .swiper1 .item .hover_t .btn p,.container .sec2 .news .swiper1 .item .hover_t .btn svg{transform:none}.container .sec2 .news .swiper1 .item:hover .hover_t{transform:translateY(0)}}
