.swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .tt { height: 100px; } .tt a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font: bold 32px/100px "微软雅黑"; text-align: center; color: #1b50b0; } .mySwiper2 .swiper-slide img { width: 1300px; height: 500px; } .mySwiper2 .swiper-slide p { position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); width: 98%; text-align: left; font: 24px/80px "微软雅黑"; height: 80px; padding-left: 2%; color: #FFFFFF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 66px; } .mySwiper2 .swiper-pagination { text-align: right !important; } .mySwiper2 .swiper-pagination-bullet { background-color: #cdb9b9 !important; opacity: 1; width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)); } .mySwiper2 .swiper-pagination-bullet-active { background-color: #FFFFFF !important; width: 26px; border-radius: 10px; } .mySwiper2 .swiper-container { --swiper-theme-color: #ff6600; /* 设置Swiper风格 */ --swiper-navigation-color: #00ff33; /* 单独设置按钮颜色 */ --swiper-navigation-size: 30px; /* 设置按钮大小 */ } .mySwiper2 .swiper-horizontal > .swiper-pagination-bullets, .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper2 .swiper-pagination-custom, .mySwiper2 .swiper-pagination-fraction { bottom: 30px; left: auto; right: 30px !important; width: 100%; } .mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-button-next { width: 52px; height: 117px; margin-top: calc(0px - (117px/2)); opacity: 0.4; } .mySwiper2 .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 5px; background: url(gdskxy_banner_right1.png) top left no-repeat; } .mySwiper2 .swiper-button-prev { background: url(../images/2022hnsj_jdt_left.png) no-repeat center center; } .mySwiper2 .swiper-button-next { background: url(../images/2022hnsj_jdt_right.png) no-repeat center center; } .mySwiper2 .swiper-button-prev:after, .mySwiper2 .swiper-button-next:after { font-size: 0 !important; } .mySwiper2 .swiper-button-prev, .mySwiper2 .swiper-container-rtl .swiper-button-next { left: 0px !important; } .mySwiper2 .swiper-button-next, .mySwiper2 .swiper-container-rtl .swiper-button-prev { right: 0px !important; } .mySwiper3 { width: 1300px; } .yqlj-tab { position: relative; width: 1350px; margin: 30px auto; } .yqlj-tab .swiper-button-prev { background: url(../images/2022hnsj_gd_left.png) no-repeat center center; } .yqlj-tab .swiper-button-next { background: url(../images/2022hnsj_gd_right.png) no-repeat center center; } .yqlj-tab .swiper-button-prev:after, .yqlj-tab .swiper-button-next:after { font-size: 0 !important; } .yqlj-tab .swiper-button-prev, .yqlj-tab .swiper-container-rtl .swiper-button-next { left: 0px !important; } .yqlj-tab .swiper-button-next, .yqlj-tab .swiper-container-rtl .swiper-button-prev { right: 0px !important; } .swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next { opacity: 1; transition: all 1s; } @media only screen and (max-width: 821px), only screen and (max-device-width: 821px) { .tt { height: 10rem; } .tt a { font: bold 3.2rem/10rem "微软雅黑"; } .jdt1 { width: 100%; height: 30rem; } .mySwiper2 .swiper-slide img { width: 75rem; height: 29rem; } .mySwiper2 .swiper-slide p { font: 2.4rem/8rem "微软雅黑"; height: 8rem; padding-right: 6.6rem; } .mySwiper2 .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 1.4rem)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 1.4rem)); } .mySwiper2 .swiper-pagination-bullet-active { width: 3.6rem; border-radius: 1.4rem; } .mySwiper2 .swiper-container { --swiper-navigation-size: 3rem; /* 设置按钮大小 */ } .mySwiper2 .swiper-horizontal > .swiper-pagination-bullets, .mySwiper2 .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper2 .swiper-pagination-custom, .mySwiper2 .swiper-pagination-fraction { bottom: 1.6rem; right: 3rem !important; width: 100%; } .mySwiper2 .swiper-button-prev { display: none; } .mySwiper2 .swiper-button-next { display: none; } .mySwiper3 { width: 100% !important; } .yqlj-tab { position: relative; width: 96%; margin: 3rem auto; } .yqlj-tab .swiper-button-prev { display: none; } .yqlj-tab .swiper-button-next { display: none; } .yqlj-tab .swiper-button-prev:after, .yqlj-tab .swiper-button-next:after { font-size: 0 !important; } .yqlj-tab .swiper-button-prev, .yqlj-tab .swiper-container-rtl .swiper-button-next { left: 0px !important; } .yqlj-tab .swiper-button-next, .yqlj-tab .swiper-container-rtl .swiper-button-prev { right: 0px !important; } }