You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
144 lines
4.7 KiB
144 lines
4.7 KiB
.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 */
|