main{
    margin-top: 80px;
}
/* 轮播 */
.slide {
    position: relative;
    margin: auto;
    /* width: 600px; */
    width: 100%;
    height: 200px;
    text-align: center;
    font-family: Arial;
    color: #FFF;
    /* overflow: hidden; */
}

.slide ul {
    /* margin: 10px 0; */
    /* padding: 0; */
    /* width: 9999px; */
    /* transition: all 0.5s; */
}

/*自动播放*/
.slide .slide-auto {
    animation: marginLeft 10.5s infinite;
    position: absolute;
    width: 100%;
}

.slide li {
    line-height: 200px;
    height: 200px;
    font-size: 36px; 
}

.slide li:nth-child(1) {
    background: #9fa8ef;
}

.slide li:nth-child(2) {
    background: #ef9fb1;
}

.slide li:nth-child(3) {
    background: #9fefc3;
}

@keyframes marginLeft {
    0% {
        /* margin-left: 0; */
        top: 0;
    }

    28.5% {
        /* margin-left: 0; */
        top: -200px;
    }

    33.3% {
        /* margin-left: -600px; */
        top: -400px;
    }

    62% {
        /* margin-left: -600px; */
        top: 0;
    }

    66.7% {
        /* margin-left: -1200px; */
        top: -200px;
    }

    95.2% {
        /* margin-left: -1200px; */
        top: -400px;
    }

    100% {
        /* margin-left: 0; */
        top: 0;
    }
}
/* 轮播 */
/* 智慧校园 */
.smartSchool{
    width: 100%;
    /* padding: 50px 0; */
    padding-top: 50px;
    /* height: 360px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.smartSchool h3{
    color: #3870b6;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.smartSchool h3 i{
    width: 60px;
    display: block;
    border-bottom: 3px solid #3870b6;
    margin-top: 10px;
}

.smartSchool p{
    width: 900px;
    color: #666;
    font-size: 16px;
    text-indent: 32px;
}
/* 智慧校园 */
/* 智慧校园的优势 */
.advantage{
    width: 100%;
    padding-top: 50px;
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
    /* justify-content: center;
    align-items: center; */
}
.advantage section{
    width: 20%;
    display: flex;
    flex-direction: column;
    margin-left: 10px;
}
.advantage section div{
    font-size: 18px;
    font-weight: bold;
    color: #3870b6;
    margin-bottom: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.advantage section div h4{
    font-size: 18px;
    font-weight: bold;
}
.advantage section ul{
    
}
.advantage section ul li{
    position: relative;
    font-size: 16px;
    color: #666;
    padding-left: 10px;
}
.advantage section ul li::before{
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #4cd137;
    left: 0;
    top: 10px;
}
/* 智慧校园的优势 */
/* 针对校园支付的痛点 */
.painPoint{
    width: 100%;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.painPoint h3{
    color: #3870b6;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.painPoint h3 i{
    width: 140px;
    display: block;
    border-bottom: 3px solid #3870b6;
    margin-top: 10px;
}
.painPoint p{
    width: 900px;
    color: #666;
    font-size: 16px;
}
.painPoint p span{
    color: red;
    font-weight: bold;
}
/* 针对校园支付的痛点 */
/* 一校通小程序展示 */
.showApplets{
    width: 100%;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.showApplets h3{
    color: #3870b6;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.showApplets h3 i{
    width: 140px;
    display: block;
    border-bottom: 3px solid #3870b6;
    margin-top: 10px;
}
.showApplets div{
    /* margin-bottom: 50px; */
}
.showApplets div>img{
    width: 200px;
    height: 308px;
    object-fit:cover;
    border-radius: 10px;
    margin: 10px;
    box-shadow: 0 0 6px 1px #3870b6;
}
/* 一校通小程序展示 */
/* 加盟我们 */
.joinUs{
    width: 100%;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.joinUs h3{
    color: #3870b6;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.joinUs h3 i{
    width: 60px;
    display: block;
    border-bottom: 3px solid #3870b6;
    margin-top: 10px;
}
.joinUs table{
    display: table;
    border-collapse: separate;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
    border-top-color: gray;
    border-collapse: collapse;
    margin-bottom: 50px;
}
.joinUs table tbody tr th{
    width: 240px;
    height: 62px;
    font-size: 18px;
    color: #666666;
    background: #f1f8ff;
    border-top: 1px solid #eceef3;
    border-right: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
    box-sizing: border-box;
    text-align: center;
}
.joinUs table tbody tr td{
    width: 240px;
    height: 80px;
    box-sizing: border-box;
    font-size: 20px;
    color: #333333;
    border-right: 1px solid #eceef3;
    border-bottom: 1px solid #eceef3;
    border-left: 1px solid #eceef3;
    text-align: center;
}
/* .joinUs table tbody tr td i{

} */
.joinUs table tbody tr td i::before{
    content: "";
    display: inline-block;
    width: 10px;
    height: 20px;
    border-color: #007cff;
    border-style: solid;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}
/* 加盟我们 */