/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.section-a1 .section-body {text-align: center;}
.section-a2 {padding-bottom: 48px;background-color: #f5f8fa;}
.section-a2 ul {width: 100%;max-width: 1180px;}
.section-a2 li {text-align: center;}
.section-a2 li>div {background-color: transparent;padding-top: 2px;padding: 25px 20px;}
.section-a2 li>div:last-child {padding-top: 0;}
.section-a2 li>div span {height: 100%;text-align: center;}
.section-a2 .section-header {margin-bottom: 60px;}

.a3-table {width: 100%; border-collapse: collapse;border-width: 0;}
.a3-table thead th,.a3-table tbody td {padding: 22px 24px;font-size: 14px;border: 1px solid #eaebef;text-align: center;}
.a3-table thead tr:first-child th {font-size: 16px;color: #ffffff;background-color: #2981ff;border: none;}
.a3-table thead tr:last-child th {background-color: #f6f7fb;white-space: nowrap;}
.a3-table tbody tr td:first-child {white-space: nowrap;}
.a3-table tbody tr td.toleft {text-align: left;}

.swiper-list {position: relative;}
.swiper-list::after {position: absolute;top: 20px;left: 0;content: '';width: 99%;height: 0;border-bottom: 1px dashed rgb(159 159 159 / 30%);}
.swiper-btn {position: absolute;top: 0; display: inline-block;width: 40px;height: 40px;color: #2981ff;cursor: pointer;z-index: 1; text-align: center;line-height: 40px; background-color: #ffffff;border-radius: 50%;-webkit-box-sizing: border-box;box-sizing: border-box; -webkit-box-shadow: 0px 2px 5px 0px rgba(41, 129, 255, 0.2); box-shadow: 0px 2px 5px 0px rgba(41, 129, 255, 0.2);}
.swiper-btn.disabled {color: #c8c8c8;}
.swiper-btn.pre-btn {left: 0;}
.swiper-btn.next-btn {right: 0;}
.swiper-btn.next-btn i {display: inline-block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.swiper-step {width: 40px;height: 40px;line-height: 45px;margin: auto; text-align: center;background-color: #2981ff;border-radius: 50%;border: solid 2px #f1f5ff;}
.swiper-step img {max-width: 75%;vertical-align: -1px;margin-top: 5px;}
.swiper-slide:first-child .swiper-step object {max-width: 62%;vertical-align: -2px;}
.swiper-name {text-align: center;margin-top: 12px;font-size: 16px;color: #1c1d1f;}
.swiper-detail {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: distribute;justify-content: space-around; width: 97%;height: 116px;margin: 0 auto;color: #323235;line-height: 24px;margin-top: 12px; padding: 20px 33px; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f5ff), to(#f6f7fb)); background-image: -o-linear-gradient(top, #f0f5ff 0%, #f6f7fb 100%); background-image: linear-gradient(180deg, #f0f5ff 0%, #f6f7fb 100%);border: solid 1px #eaebef;}
.swiper-detail p {position: relative;font-size: 14px;}
.swiper-detail p::before {position: absolute;top: 10px;left: -10px;content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #c5ccd6;}
.swiper-slide-next .swiper-detail,.swiper-slide-prev .swiper-detail {height: 100px;margin-top: 16px;}

@media screen and (max-width:1024px) {
    .section-a2 .section-header {margin-bottom: 24px;}
    .section-a2 li {padding: 20px 15px; background-color: #ffffff;}
    .section-a2 li>div {padding: 0;padding-left: 16px;}
    .section-a2 li>div p,.section-a2 li>div span {text-align:left;}
    .section-a2 li>div p {margin-bottom: 8px;}
    .section-a2 li:nth-child(2n) {padding-left: 15px;}

    .section-a3 .section-header {margin-bottom: 24px;}
    .table-box {width: 100%;overflow: auto;}
    
    .a3-table thead tr:first-child th {display: none;}
    .a3-table thead th,.a3-table tbody td {padding: 12px 25px;}
    .a3-table thead tr:last-child th:first-child,
    .a3-table tbody tr td[rowspan="4"] {position: sticky;left: -1px;z-index: 1;}
    .a3-table thead tr:last-child th:first-child,
    .a3-table tbody tr td[rowspan="4"] {padding: 0;}
    .a3-table thead tr:last-child th:first-child > div,
    .a3-table tbody tr td[rowspan="4"] > div {width: 100%;height: 100%;padding: 0 8px; line-height: 460px; border: 1px solid #eaebef;}
    .a3-table thead tr:last-child th:first-child > div {padding: 12px 8px;min-height: auto;line-height: 1.5;background-color: #f6f7fb;border-bottom: none;border-top: none;-webkit-box-shadow: 4px 0 4px -1px rgb(0 0 0 / 5%);box-shadow: 4px 0 4px -1px rgb(0 0 0 / 5%)}
    .a3-table tbody tr td[rowspan="4"] > div {background-color: #f6f7fb;border-bottom: none;border-top: none;-webkit-box-shadow: 4px 0 4px -1px rgb(0 0 0 / 5%);box-shadow: 4px 0 4px -1px rgb(0 0 0 / 5%)}
    .a3-table tbody tr td.toleft {min-width: 300px;}
}