@charset "utf-8";
/* CSS Document */
.banner2 .swiper {width: 100%;overflow: hidden;}  
.banner2 .swiper-slide {text-align: center;font-size: 18px;display: flex;justify-content: center;align-items: center;}
 .banner2 .swiper-slide img{display: block; width: 100%; height:auto; object-fit: cover;} .banner2 .my-button-disabled{opacity:0.2;} .banner2{overflow: hidden;width: 100%; position: relative;} .banner2 .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons; font-size:20px; text-transform:none!important; letter-spacing:0; font-variant:initial; color: #fff; line-height:1} .banner2 .swiper-pagination{bottom:10%} .banner2 .swiper-pagination-bullet{width: 14px;height: 14px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;} .banner2 .swiper-pagination-bullet-active{width: 14px;height: 14px; background: #0058ac; border: 2px solid #fff;} .banner2 .swiper-button-prev{margin-left: 20px; font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)} .banner2 .swiper-button-next{margin-right: 20px; font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)} .banner2 .swiper-button-next:hover{opacity: 1; background: rgba(103, 57, 28, 0.8)} .banner2 .swiper-button-prev:hover{opacity: 1; background: rgba(103, 57, 28, 0.8)} @media (max-width:1300px){.banner2 .swiper-pagination{bottom:30px} } @media (max-width:750px){.banner2 .swiper-pagination{bottom:20px} .banner2 .swiper-button-prev{font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); transform: scale(0.7);} .banner2 .swiper-pagination-bullet{width: 10px;height: 10px; background: rgba(255,255,255,0.5); border: 2px solid #fff; opacity:1;} .banner2 .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #0058ac; border: 2px solid #fff;} .banner2 .swiper-button-next{font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2); transform: scale(0.7);} }
.swiper-slide img{display: block; width: 100%; height:auto; object-fit: cover;}
.banner4 .swiper-slide img{display: block; width: 100%; height: auto; object-fit: cover;}
.swiper{width: 100%; margin-left: auto; margin-right: auto;}
.banner4 .swiper-slide{background-size: cover; background-position: center;}
.mySwiper2{width: 100%; position: relative;}
.mySwiper2 .swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons; font-size:20px; text-transform:none!important; letter-spacing:0; font-variant:initial; color: #fff; line-height:1}
.mySwiper2 .sy_gd_box{position: absolute; z-index: 5; width: 100%; top:80px;left:0}
.mySwiper2 .swiper-button-prev{margin-left: 10px; font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)} .mySwiper2 .swiper-button-next{margin-right: 10px; font-size: 14px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)} .mySwiper2 .swiper-button-next:hover{opacity: 1; background: rgba(103, 57, 28, 0.8)} .mySwiper2 .swiper-button-prev:hover{opacity: 1; background: rgba(103, 57, 28, 0.8)}
.banner4 .mySwiper{height: 10%;
box-sizing: border-box; position: relative;max-width: 1000px; width: 96%; margin: 0 auto;margin-top: -18vw;
display: flex;justify-content: center; margin-bottom: 5vw;} .banner4 .mySwiper .swiper-slide{width:25%; text-align: center; color: white; cursor: pointer;}
.banner4 .swiper-slide .img{width: 9vw; height:9vw; min-width: 50px; min-height: 50px; margin: 0 auto; border-radius: 50%; border: solid 6px #ffffff;overflow: hidden; background-size: cover !important;}
.banner4 .mySwiper .swiper-slide-thumb-active .img{border: solid 6px #21bdbd;}
.banner4 .swiper-slide .name{font-size: 22px; font-weight: bold; margin: 20px 0;}
@media (max-width: 1200px){.banner4 .swiper-slide .name{font-size: 16px; margin: 10px 0;}
.banner4 .swiper-slide .img{width: 120px; height:120px;}
.banner4 .mySwiper{margin-top: -220px;}
.banner4 .swiper-slide .img{border: solid 4px #ffffff;}
.banner4 .mySwiper .swiper-slide-thumb-active .img{border: solid 4px #01b2b2;}
.banner4 .mySwiper{max-width: 800px;}
.mySwiper2 .sy_gd_box{top:50px;}}
@media (max-width: 800px){.banner4 .swiper-slide .img{width: 80px;height:80px; border: solid 3px #ffffff;}
.banner4 .mySwiper .swiper-slide-thumb-active .img{border: solid 3px #01b2b2;}
.banner4 .mySwiper{margin-top: -160px;}}
@media (max-width: 600px){.banner4 .swiper-slide .img{width: 60px;height:60px;}
.banner4 .mySwiper{margin-top: -120px;}
.mySwiper2 .sy_gd_box{top:20px;}
.mySwiper2 .swiper-button-prev{margin-left: 5px; font-size: 14px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)} .mySwiper2 .swiper-button-next{margin-right: 5px; font-size: 14px; width: 30px; height: 30px; border-radius: 50%; background: rgba(0, 0, 0, 0.2)}}
@media (max-width: 500px){.banner4 .mySwiper{width: 100%;} .banner4 .swiper-slide .name{font-size: 14px; margin: 5px 0px;} .mySwiper2 .swiper-button-next{top:40%} .mySwiper2 .swiper-button-prev{top:40%}}
@media (max-width: 450px){.banner4 .mySwiper{margin-top: -105px;} .mySwiper2 .swiper-button-next{top:35%} .mySwiper2 .swiper-button-prev{top:35%}}