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

.section-a1 .section-header {margin-bottom: 42px;}
.section-a1 .image-bg { padding: 32px 20px;-webkit-box-sizing: border-box;box-sizing: border-box;min-width: 643px; background-color: #f6f7fb;}
.section-a1 .section-body span {text-align: left;}
.section-a1 .section-body ul li:last-child {padding: 35px 0;padding-left: 75px;}
.section-a1 .inf-top .inf-items {text-align: left;padding-left: 32px;margin-bottom: 35px;}
.section-a1 .inf-top .inf-items h4 {position: relative;margin-bottom: 14px;font-size:0.35rem;}
.section-a1 .inf-top .inf-items h4::after {position: absolute;left: -30px;top: 3px; content: '';width: 14px;height: 14px;border-radius: 50%; background-color: #2981ff;opacity: .2;}
.section-a1 .inf-top .inf-items h4::before {position: absolute;left: -26px;top: 7px; content: '';width: 6px;height: 6px;border-radius: 50%; background-color: #2981ff;}
.section-a1 .inf-top .inf-items p { font-size: 14px;line-height: 24px;color: #626266;font-weight: normal; }
.section-a1 li object {max-width: 100%;max-height: 100%;}
.section-a2 {padding-bottom: 70px;}
.section-a2 ul {width: 100%;max-width: 1180px;}
.section-a2 li {text-align: center;}
.section-a2 li>div {background-color: transparent;padding-top: 2px;}
.section-a2 li>div span {height: 100%;text-align: center;}
.section-a2 .section-header {margin-bottom: 60px;}

.section-a3 {background-color: #ffffff;}
.section-a3 ul {width: 100%;max-width: 1180px;padding-left: 30px;}
.section-a3 li>div {background-color: transparent;padding: 25px 15px;}
.section-a3 li>div .info-l {margin: 0;}
.section-a3 li>div .info-l img {width: 100%;height: 100%;}
.section-a3 li>div .info-r {margin-left: 15px;width: 80%;}
.section-a3 li>div .info-r p {line-height: 2;}

.pc-data {display: block;}
.mobile-data {display: none;}

@media screen and (max-width: 1024px) {
    .section-a1 .section-body li:not(:last-child) {margin-bottom: 15px;}
    .section-a1 ul {padding-top: 0;}
    .section-a1 .section-header {margin-bottom: 24px;}
    .section-a1 .image-bg {min-width: 100%;padding: 20px 16px;}
    .section-a1 .section-body li {border: none;}
    .section-a1 .section-body ul li {-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .section-a1 li object {max-width: 100%;width: 100%;height: 100%;}
    .section-a1 .inf-top .inf-items {padding-left: 8px;margin-bottom: 10px;}
    .section-a1 .inf-top .inf-items h4 {margin-bottom: 3px;font-weight: normal;}
    .section-a1 .inf-top .inf-items h4::before {left: -19px;}
    .section-a1 .inf-top .inf-items h4::after {left: -23px;}
    .section-a1 .section-body ul li:last-child {padding: 0;}
    .a1-box {width: 100%; padding-left: 0 !important;overflow: auto;}
    .gray-table {margin-top: 20px;white-space: nowrap;}
    .gray-table tbody td {padding: 22px 17px;}
    .gray-table th, .gray-table td {font-size: 12px;}

    .section-a2 {background-color: #f6f7fb;padding-bottom: 40px;}
    .section-a2 .section-header {margin-bottom: 24px;}
    .section-a2 ul {padding-top: 4px;}
    .section-a2 li {padding: 20px 16px; border: solid 1px #eaebef;background-color: #ffffff;}
    .section-a2 li img,.section-a2 li object {max-width: 1.4rem;width: 1.4rem;height: 1.4rem;}
    .section-a2 li>div {padding: 0;padding-left: 15px;}
    .section-a2 li>div p {text-align: left;line-height: 1; margin-bottom: 12px;}
    .section-a2 li>div span {text-align: left;}
    .section-a2 li:nth-child(2n) {padding-left: 16px;}

    .section-a3 ul {padding-left: 0;}
    .section-a3 li>div {padding: 18px 15px;-webkit-box-sizing: border-box;box-sizing: border-box;}

    .section-body ul li .icon-box {margin: -7px auto;}

    .pc-data {display: none !important;}
    .mobile-data {display: block !important;}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
    .section-a1 .section-body li {width: 50%;}
    .section-a1 .section-body ul li:last-child {padding-left: 27px;}
}