.anliTit { text-align: center; padding-top: 88px; padding-bottom: 54px; } .anliTit p { font-size: 48px; color: #1a1a1a; } .anliTit .tips { font-size: 18px; color: #666; margin-top: 28px; } .anliBlock, .anliBlock2 { background: #f7f7f7; } .anliBlock .w1400, .anliBlock2 .w1400 { position: relative; } .anliBlock .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide, .anliBlock2 .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide { display: flex; justify-content: space-between; flex-wrap: wrap; } .anliBlock .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .left, .anliBlock2 .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .left { font-size: 0; width: 49.2857142857%; border-radius: 10px; overflow: hidden; } .anliBlock .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .right, .anliBlock2 .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .right { width: 49.2857142857%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: space-between; } .anliBlock .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .right .list, .anliBlock2 .w1400 .anliBlockSwiper .swiper-wrapper .swiper-slide .right .list { font-size: 0; border-radius: 10px; overflow: hidden; width: 48.5507246377%; } .anliBlock .w1400 .anliBlockSwiper2, .anliBlock2 .w1400 .anliBlockSwiper2 { margin-top: 40px; } .anliBlock .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide, .anliBlock2 .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide { display: flex; justify-content: center; align-items: center; height: 120px; border: 1px solid #e5e5e5; } .anliBlock .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide img, .anliBlock2 .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide img { max-width: 80%; max-height: 80%; font-size: 0; } .anliBlock .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active, .anliBlock2 .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { border-color: red; } .anliBlock .w1400 .swiper-button-next, .anliBlock .w1400 .swiper-button-prev, .anliBlock2 .w1400 .swiper-button-next, .anliBlock2 .w1400 .swiper-button-prev { width: 56px; height: 56px; border: 1px solid #30435f; opacity: 1; border-radius: 50%; z-index: 1; } .anliBlock .w1400 .swiper-button-next::after, .anliBlock .w1400 .swiper-button-prev::after, .anliBlock2 .w1400 .swiper-button-next::after, .anliBlock2 .w1400 .swiper-button-prev::after { display: none; } .anliBlock .w1400 .swiper-button-next, .anliBlock2 .w1400 .swiper-button-next { right: -8.2857142857%; background: url(../images/right2.png) no-repeat center; } .anliBlock .w1400 .swiper-button-prev, .anliBlock2 .w1400 .swiper-button-prev { left: -8.2857142857%; background: url(../images/left2.png) no-repeat center; } .anliBlock .w1400 .swiper-button-disabled, .anliBlock2 .w1400 .swiper-button-disabled { opacity: 0.2; } .anliBlock2 { padding-bottom: 100px; } @media (max-width: 1660px) { .anliBlock .w1400 .swiper-button-prev, .anliBlock .w1400 .swiper-button-next, .anliBlock2 .w1400 .swiper-button-prev, .anliBlock2 .w1400 .swiper-button-next { width: 40px; height: 40px; } .anliBlock .w1400 .swiper-button-prev, .anliBlock2 .w1400 .swiper-button-prev { left: -55px; } .anliBlock .w1400 .swiper-button-next, .anliBlock2 .w1400 .swiper-button-next { right: -55px; } } @media (max-width: 1200px) { .anliBlock .w1400 .swiper-button-prev, .anliBlock .w1400 .swiper-button-next, .anliBlock2 .w1400 .swiper-button-prev, .anliBlock2 .w1400 .swiper-button-next { display: none; } } @media (max-width: 996px) { .anliTit { padding-top: 0; } .anliTit p { padding-top: 40px; font-size: 38px; } } @media (max-width: 750px) { .anliTit p { font-size: 5vw; } .anliTit .tips { font-size: 3.5vw; padding: 0 30px; margin-top: 15px; } .anliBlock .w1400 .swiper .swiper-wrapper .swiper-slide, .anliBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide { flex-direction: column; } .anliBlock .w1400 .swiper .swiper-wrapper .swiper-slide .left, .anliBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .left { width: 100%; } .anliBlock .w1400 .swiper .swiper-wrapper .swiper-slide .right, .anliBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .right { width: 100%; } .anliBlock .w1400 .swiper .swiper-wrapper .swiper-slide .right .list, .anliBlock2 .w1400 .swiper .swiper-wrapper .swiper-slide .right .list { margin-top: 15px; } .anliBlock2 { padding-bottom: 50px; } .anliBlock .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide, .anliBlock2 .w1400 .anliBlockSwiper2 .swiper-wrapper .swiper-slide { height: 80px; } }/*# sourceMappingURL=anli.css.map */