.swiper1 .pagination {
    padding: 0 1.375rem;
}
.swiper1 .section {
    padding-top: 0;
    padding-bottom: 0;
}
.swiper1 .t1 {
    font-size: .75rem;
    line-height: unset;
}
.swiper1 .t2 {
    font-size: 1rem;
    line-height: unset;
}
.swiper1 .t3 {
    font-size: .6rem;
    line-height: unset;
}
.pagination {
    bottom: 1rem;
}
.pagination .swiper-pagination {
    position: relative;
}
.swiper-pagination-current {
    font-size: .8rem;
    color: #FEFFFF;
    /* line-height: .625rem; */
}
.swiper-pagination-total {
    font-size: .3rem;
    color: #FEFFFF;
    /* line-height: .625rem; */
    opacity: 0.4;
    position: absolute;
    top: .275rem;
    margin-left: .15rem;
    width: .75rem;
}
.pagination .swiper-pagination.black * {
    color: #333;
}
.swiper-pagination-fraction {
    width: max-content;
    bottom: 0;
}
.pagination .buttons {
    gap: .5625rem;
}
.pagination .buttons > * {
    border: .0125rem solid #fff;
    width: .625rem;
    height: .625rem;
}
.swiper1 .pagination .buttons > *:hover {
    background: var(--main-color);
    border-color: var(--main-color);
}
.pagination .buttons i {
    font-size: .175rem;
}
.pagination-border {
    width: 4.6rem;
    border-bottom: .0125rem solid #fefefe;
    margin-top: .4375rem;
}
.pagination-border::after {
    content: '';
    width: 1.25rem;
    height: .05rem;
    background: #fff;
    position: absolute;
    left: 0;
    top: -0.05rem;
}

.section.about .list {
    /* background-position: 1.375rem; */
    padding-top: 3.375rem;
    background-position: 0 -1.625rem;
}
.section.about .list > div {
    padding: .725rem .6rem;
}
.section.about .list > div * {
    color: #fff;
}
.section.about .list > div .title {
    font-size: .3rem;
    /* line-height: .4125rem; */
}
.section.about .list > div .intro {
    font-size: .2rem;
    margin-top: .625rem;
}

.section.service .list {
    margin-top: 1.35rem;
    gap: .5rem;
}
.section.service .list .item {
    background: #fff;
    padding: .8125rem .475rem;
}
.section.service .list .item.active {
    background: var(--main-color);
}
.section.service .list .item.active * {
    color: #fff;
}
.section.service .list .item img {
    width: 1.5rem;
    height: 1.5rem;
}
.section.service .list .item .title {
    font-size: .4rem;
    margin-top: .475rem;
    margin-bottom: .475rem;
}
.section.service .list .item .intro {
    font-size: .2rem;
}
.section.service .list .item .iconbutton {
    border-color: var(--main-color);
    color: var(--main-color);
    margin-top: 1.3375rem;
}
.section.service .list .item.active .iconbutton {
    border-color: #fff;
}
.section.service .list .item .pic {
    display: none;
}
.section.service .list .item.active .ico {
    display: none;
}
.section.service .list .item.active .pic {
    display: block;
}

.section.solution {
    background-image: url(../images/solution.png);
    padding-right: 0;
}
.section.solution .gap {
    gap: 1.8125rem;
}
.section.solution .list {
    margin-top: 1.5rem;
}
.section.solution .left .title {
    font-size: .4rem;
    /* line-height: .5625rem; */
    margin-bottom: .475rem;
}
.section.solution .left .content {
    margin-bottom: .9375rem;
}
@media screen and (min-width: 768px) {
    .section.solution .right .swiper3 {
        transform: translateX(.6875rem);
    }
}
.section.solution .right .swiper3 .swiper-slide {
    text-align: center;
    font-size: .225rem;
    /* width: 3.6875rem; */
    /* height: 6.875rem; */
    /* transition: 300ms;
    transform: scale(0.8); */
}
.section.solution .right .swiper3 .swiper-slide-active, .section.solution .right .swiper3 .swiper-slide-duplicate-active{
    /* transform: scale(1); */
}
.section.solution .right .swiper3 .swiper-slide p {
    bottom: .875rem;
    left: .3125rem;
    font-size: .3rem;
    text-align: left;
}
.section.solution .right .swiper3 .swiper-slide-active .cover {
    display: none;
}
.section.solution .right .swiper4 {
    width: 4rem;
}
.section.solution .right .swiper4 .swiper-slide p {
    bottom: .875rem;
    left: .3125rem;
    font-size: .4rem;
}
.section.solution .pagination {
    gap: 1.5rem;
    margin-top: .725rem;
}
.section.solution .pagination .buttons {
    gap: .0875rem;
}
.section.solution .pagination .buttons > * {
    border: 0;
    width: auto;
    height: auto;
}
.section.solution .pagination .buttons img {
    width: .7125rem;
    height: .7125rem;
}

.section.partner {
    background-image: url(../images/partner2.png);
    height: 13.4rem;
    padding: 0;
}
.section.partner .box {
    padding-top: 8.5rem;
}
.section.partner .box * {
    color: #fff;
}
.section.partner .box .content {
    margin-top: .325rem;
    margin-bottom: .625rem;
}
.section.partner .icon {
    width: 1.35rem;
    height: 1.35rem;
}

.section.partner .icon:hover::before, .section.partner .icon:hover::after{
    content: '';
    width: .125rem;
    height: .125rem;
    display: block;
    border: .125rem solid #fff;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    z-index: 1;
}
.section.partner .icon:hover::before {
    animation: spread 2s linear infinite;
}
.section.partner .icon:hover::after {
    animation: spread 2s 1s linear infinite;
}

@keyframes spread {
    0%{
        width: .125rem;
        height: .125rem;
        opacity: 1;
    }
    100%{
        width: 3rem;
        height: 3rem;
        opacity: 0;
    }
}
.section.partner .icon1 {
    top: 1.675rem;
    left: 11.3375rem;
}
.section.partner .icon2 {
    top: 3.2625rem;
    left: 17.175rem;
}
.section.partner .icon3 {
    top: 5.9rem;
    left: 16.25rem;
}
.section.partner .icon4 {
    top: 7.55rem;
    left: 19.2rem;
}
.section.partner .icon5 {
    top: 9.1375rem;
    left: 15.5625rem;
}
.section.partner .icon6 {
    top: 7.0875rem;
    left: 7.85rem;
}
.section.partner .icon7 {
    top: 3.275rem;
    left: 6.2125rem;
}
.section.partner .icon8 {
    top: 5.725rem;
    left: 3.55rem;
}
.section.partner .icon9 {
    top: 8.9125rem;
    left: 4.575rem;
}

.section.join {
    background-image: url(../images/join.png);
    height: 5.45rem;
}
.section.join .box {
    width: 8.125rem;
}
.section.join .box .content {
    margin-top: .325rem;
    margin-bottom: .625rem;
}

@media screen and (max-width: 768px) {
    .section.partner {
        height: auto !important;
        background-image: unset;
    }
    .section.partner .box {
        padding-top: 0;
        /* padding-bottom: .1875rem; */
    }
    .section.join {
        height: auto !important;
    }
    .section.join .box {
        width: auto !important;
    }
    .section.solution .right .swiper3 .swiper-slide {
        height: auto;
    }
    .pagination .buttons > * {
        width: 32px;
        height: 32px;
        padding: 0.25rem;
    }
    .pagination .buttons i {
        font-size: 16px;
    }
    .swiper-pagination-current {
        font-size: 18px;
    }
    .swiper-pagination-total {
        font-size: 12px;
        top: 0.5rem;
        margin-left: 0.3rem;
        width: max-content;
    }
    .section.solution .pagination .buttons img {
        width: 40px;
        height: 40px;
    }
    .section.about .list > div {
        padding: 4rem 0.6rem;
    }
}