/*盒子1 && 盒子3*/
.wrap1 ul,
.wrap3 ul {
    margin-bottom: 12px;
    width: 100%;
}

.wrap1 ul li,
.wrap3 ul li {
    float: left;
    text-align: center;
    width: calc(50% - 8px);
}

.wrap1 ul li:nth-child(2n),
.wrap3 ul li:nth-child(2n) {
    margin-left: 16px;
}

.wrap1 ul li img,
.wrap3 ul li img {
    width: 100%;
    aspect-ratio: 4/3;
}

.wrap1 ul li p,
.wrap3 ul li p {
    height: 50px;
    background: #f6f6f6;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.h5-swiper-wrap1 > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.h5-swiper-wrap1 .swiper-wrapper {
    padding-bottom: 50px;
}

.h5-swiper-wrap1 .swiper-pagination-bullet-active {
    background: #6bc8fd;

}

.h5-swiper-wrap1 .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
}

/*盒子2*/
.wrap2 {
    padding-top: 5px;
    background: #f6f6f6;
}

.wrap2-box p {
    margin-top: 25px;
    text-indent: 2em;
    color: #2e2e2e;
    font-size: 14px;
    line-height: 28px;
}

.wrap2-box img {
    width: 100%;
    aspect-ratio: 39/11;
}

/*ad*/
.web-ad {
    margin-top: 20px;
    margin-bottom: 30px;
}

.web-ad img {
    width: 100%;
    aspect-ratio: 11/3;
}

/*盒子4*/
.wrap4 {
    color: #2e2e2e;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
}

.wrap4 div {
    line-height: 2;
    display: block;
    color: #2e2e2e;
    font-size: 18px;
    text-align: center;
}

/*common title*/
.common-title {
    margin-top: 40px;
    position: relative;
}

.common-title::before {
    position: absolute;
    content: '';
    background: url(../images/left.png) no-repeat right;
    width: 30%;
    height: 23px;
    left: 0;
    top: calc(100% - 38px);
}

.common-title::after {
    position: absolute;
    content: '';
    background: url(../images/right.png) no-repeat left;
    width: 30%;
    height: 23px;
    right: 0;
    top: calc(100% - 38px);
}

.title-wrap {
    width: 38%;
    text-align: center;
    margin: 0 auto 30px;
}

.title-wrap h3 {
    position: relative;
    font-size: 20px;
    text-transform: uppercase;
    color: transparent;
    background: linear-gradient(to left, #539de1, #21a2a5, #00a57d);
    background: -webkit-linear-gradient(to left, #539de1, #21a2a5, #00a57d);
    -webkit-background-clip: text;
}

.title-wrap h4 {
    font-size: 20px;
    color: #2e2e2e;
    line-height: 25px;
}

/*more*/
.more-box {
    margin-top: 20px;
    position: relative;
}

.more-box a {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -72.5px;
    top: 40%;
    margin-top: -10px;
    width: 145px;
    height: 46px;
    background: url(../images/more.png) no-repeat center center;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 46px;
    color: #fff;
}