﻿@media (min-width:769px){#swiper-banner{min-height:300px}}
#swiper-banner .swiper-slide{font-size:0;z-index:1;position:relative}
#swiper-banner .swiper-slide::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / 17%);z-index:0}
#swiper-banner .swiper-slide .banner-animate{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:100%;color:#fff;font-size:var(--fontsize16);padding:0 90px;opacity:0}
#swiper-banner .swiper-slide.swiper-slide-active .banner-animate{animation:bannertext 1s .7s forwards}
#swiper-banner .swiper-slide .banner-animate .p1{font-size:42px;max-width:700px;font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4}
#swiper-banner .swiper-slide .banner-animate .p2{font-size:var(--fontsize18);margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#swiper-banner .swiper-slide .banner-animate .p3{display:flex;align-items:center;flex-wrap:wrap;margin-top:4em}
#swiper-banner .swiper-slide .banner-animate .p3 img{margin-right:20px;width:auto;height:70px;max-width:100%;max-height:100%}
@keyframes bannertext{0%{transform:translateY(20px) translate(-50%,-50%);opacity:0}
100%{transform:translateY(0) translate(-50%,-50%);opacity:1}}
#swiper-banner .swiper-slide img{width:100%}
#swiper-banner .swiper-slide .banner-slide-img{display:none}
#swiper-banner .swiper-slide .banner-slide-img:first-of-type{display:block}
@media (max-width:768px){#swiper-banner .swiper-slide .banner-slide-img:first-of-type{display:none}}
@media (max-width:768px){#swiper-banner .swiper-slide .banner-slide-img:nth-of-type(2){display:block}}
#swiper-banner .banner-pagination{position:absolute;right:8%;bottom:10%;z-index:10;color:#fff;display:flex;align-items:center;flex-wrap:nowrap}
#swiper-banner .banner-pagination .swiper-pagination{position:static;margin:0 6px;display:flex}
#swiper-banner .banner-pagination .swiper-pagination-bullet{background:#fff;opacity:.3;width:20px;height:2px;border-radius:0;margin:0}
#swiper-banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;opacity:1}
#swiper-banner .swiper-next,#swiper-banner .swiper-prev{cursor:pointer;position:absolute;width:54px;height:54px;display:flex;justify-content:center;align-items:center;top:50%;z-index:9;border-radius:50%;background:rgba(0,0,0,.3);transform:translateY(-50%);transition:background .3s ease}
#swiper-banner .swiper-next:not(.swiper-button-disabled):hover,#swiper-banner .swiper-prev:not(.swiper-button-disabled):hover{background:var(--color)}
#swiper-banner .swiper-next em,#swiper-banner .swiper-prev em{color:#fff;font-size:var(--fontsize22)}
#swiper-banner .swiper-next.swiper-button-disabled,#swiper-banner .swiper-prev.swiper-button-disabled{cursor:not-allowed}
@media (max-width:768px){#swiper-banner .swiper-next,#swiper-banner .swiper-prev{width:36px;height:36px}}
#swiper-banner .swiper-next{right:2%}
#swiper-banner .swiper-prev{left:2%}
section.news h4,section.news .news-l>p,section.news.news-l>a{color:#fff}
section.news{background:url(/Content/uploads/20261372617/2026102314133924791985f999468492aa5816c34a904d.jpg) no-repeat;background-size:cover;background-color:#00000047;background-blend-mode:multiply;background-position:center}