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

.col-space-80>* {padding-left: 60px;padding-right: 60px;}
.section-a1 {padding-bottom: 35px;}
.section-a1 .section-header {margin-bottom: 50px;}
.section-a1 li>div {padding: 0;padding-left: 0;height: auto;}
.section-a1 .section-body span {text-align: center;}

.section-a2 li:nth-child(2n) {padding-left: 0;}
.section-a2 {background-color: #f6f7fb;}
.section-a2 ul {width: 100%;max-width: 1200px;}
.section-a2 li>div {background-color: transparent;padding: 15px 26px;padding-bottom: 35px;}
.section-a2 li:nth-child(3n - 2) > div { padding-left: 0; }
.section-a2 li:nth-child(3n) > div { padding-right: 0; }
.section-a2 li>div .info-l {margin: 0;}
.section-a2 li>div .info-l img {width: 100%;height: 100%;}
.section-a2 li>div .info-r {margin-left: 15px;width: 80%;}
.section-a2 li>div .info-r p {line-height: 38px;}

.section-a3 {background: url(../images/appsafe_bg.png) no-repeat;background-size: 100% 100%;}
.section-a3 .section-header {margin-bottom: 50px;}
/* .section-a3 li:not(:nth-child(3n)) {margin-right: 20px;} */
/* .section-a3 li:not(:nth-child(n + 3)) {margin-bottom: 20px;} */
.section-a3 li>div {background-color: #ffffff;border-radius: 10px;padding:33px 25px;height: 180px;-webkit-box-sizing: border-box;box-sizing: border-box;}
.section-a3 li>div p{line-height: 16px;margin-bottom: 21px;font-size: 16px;}
.section-a3 .col-lg-4 {width: 32%;margin: 10px 0.6%;}

.section-a4 .section-header h1, .section-a4 .section-header h3 {color: inherit;}
.section-a4 {background-color: transparent;padding-bottom: 65px;}
.section-a4 li>div span {height: auto;}
@media screen and (min-width: 769px){
    .section-a2 .pc-data li>div .info-l{
        height: 35px;
    }
}
@media screen and (max-width:1023px) {
    .section-a1 li>div {padding-left:  0.480rem;}
    .section-a2 li>div {padding:  0.480rem 0.400rem; padding-bottom:  0.480rem;}
    .section-a2 li:nth-child(3n - 2) > div { padding-left:  0.400rem; }
    .section-a2 li:nth-child(3n) > div { padding-right:  0.400rem; }
    .section-a1 .section-header {margin-bottom:  0.640rem;}
    .section-a1 .section-body ul li {padding:  0.533rem 0.427rem;}
    .section-a1 .section-body span{text-align: left;}
    .section-a1 ul {padding-top:  0.107rem;}
    .section-a2 li>div span {height: 100%;}
    .section-a3 .section-header {margin-bottom:  0.373rem;}
    .section-a3 .section-body ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
    .section-a3 .section-body ul li {border: none;margin-bottom:  0.267rem;}
    .section-a3 .section-body ul li:not(:nth-child(3n)) {margin-right: 0;}
    .section-a3 .section-body ul.clear:after {display: none;}
    .section-a3 .section-body ul li > div {height: auto;padding:  0.533rem 0.400rem;}
    .section-a3 .section-body ul li > div p {margin-bottom:  0.400rem;}
    .section-a3 .section-body ul li > div span {line-height:  0.533rem;}
    .section-a3 .section-body ul li:nth-child(n + 5) {display: none;}
    .section-a3 .col-lg-4 {width: 48.555%;}
    .section-a4 {padding-bottom:  1.067rem;}
    .section-header p {line-height: .64rem;}
    .section-body ul li:first-child .icon-box object {width: 1.3rem;height: 1.3rem;}
    .section-body ul li:first-child div:last-child {padding-left:  0.533rem;}
    .section-a3 li>div p {line-height: .4267rem;font-size: .4267rem;}
    .section-body ul li:last-child .icon-box object {width: 1.5rem;height: 1.5rem;}
    .section-body ul li:last-child div:last-child {padding-left:  0.427rem;}
    .section-body span {font-size: .3733rem;line-height: .5867rem;}
}