.index_section{
    width:100%;
    height:auto;
    padding:0 7.5%;
    box-sizing: border-box;
}

.banner{
    width:100%;
    /* height:800px; */
    height:44vw;
    overflow: hidden;
    position: relative;
}
.banner .swiper-container{
    width:100%;
    height:100%;
}
.banner .swiper-slide{
    width:100%;
    height:100%;
}
.banner .swiper-slide.swiper-slide1{
    background:url(./images/banner1.png) no-repeat 100% 100% / cover;
}
.banner .swiper-slide.swiper-slide2{
    background:url(./images/banner2.png) no-repeat 100% 100% / cover;
}
.banner .swiper-slide.swiper-slide3{
    background:url(./images/banner3.png) no-repeat 100% 100% / cover;
}
/* .banner img{
    width:100%;
    height:100%;
    object-fit: cover;
} */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 30px !important;
}
.swiper-pagination-bullet{
    width:12px;
    height:12px;
}
.swiper-pagination-bullet-active{
    background:#14A8A6;
}

.advantage{
    margin-top: 50px;
}
.advantage li{
    float:left;
    width:23%;
    height:6vw;
    border-radius: 10px;
    background: rgba(227, 252, 252,0.8);
    padding:1vw;
    box-sizing: border-box;
    transition: all 0.4s ease;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 3%);
}
.advantage li:hover{
    margin-top: -5px;
    background: rgba(227, 252, 252,0.5);
}
.advantage li:not(:last-child){
    margin-right: 2.65%;
}
.advantage li .pic_box{
    float:left;
    width:40px;
    height:100%;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.advantage li .pic_box img{
    width:100%;
    height:auto;
}
.advantage li .text_box{
    float:left;
    width:calc(100% - 55px);
    height:100%;
}
.advantage li .tit{
    font-size: 1.2vw;
    color:#021136;
    font-weight: bold;
}
.advantage li .desc{
    font-size: 0.9vw;
    color:#454B5F;
}
.function{
    margin-top: 100px;
}
.function .tit{
    font-size: 2.4vw;
    color:#000;
    line-height: 1.5;
    font-weight: bold;
}
.function .subtit{
    font-size: 1.8vw;
    color:#808080;
    line-height: 1.5;
}
.function ul{
    margin-top: 50px;
}
.function ul li{
    float:left;
    width:31%;
    height:33vw;
    border-radius: 10px;
    background: rgb(194, 194, 194,0.17);
    overflow: hidden;
    transition: all 0.4s ease;
    cursor: pointer;
}
.function ul li:not(:last-child){
    margin-right: 3.5%;
}
.function ul li .top{
    width:100%;
    height:6vw;
    background:linear-gradient(140.93deg, rgba(107, 223, 220, 1) 0%, rgba(139, 246, 247, 1) 100%);
    padding:1vw;
    box-sizing: border-box;
}
.function ul li .item_tit{
    font-size: 1.5vw;
    color:#000;
    line-height: 1.5;
    font-weight: bold;
}
.function ul li .item_subtit{
    font-size: 1vw;
    color:rgba(0,0,0,0.6);
    line-height: 1.5;
}
.function ul li .content{
    padding:1vw;
    box-sizing: border-box;
}
.function ul li .content .block{
    margin-bottom: 40px;
}
.function .block_tit{
    font-size: 1vw;
    color:#000;
    line-height: 1.5;
    font-weight: bold;
    margin-bottom: 5px;
}
.function .block_content{
    padding-left: 1vw;
    box-sizing: border-box;
    font-size: 1vw;
    color:#000;
    line-height: 1.5;
}
.function ul li .content .hxjz{
    font-size: 1vw;
    color:#000;
    line-height: 1.5;
    font-weight: bold;
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}
.function ul li .content .hxjz::before{
    content: '';
    position: absolute;
    top:calc(0.75vw - 7px);
    left:0;
    width: 0;
    height: 0;
    border-left: 14px solid #000;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.solution{
    margin-top: 100px;
    height:50vw;
    background: url(./images/solution_bg.png) no-repeat 100% 100% / cover;
    padding-top: 50px;
}
.solution .tit{
    font-size: 5vw;
    color:#000;
    font-weight: bold;
    line-height: 1.5;
}
.solution .subtit{
    font-size: 2.2vw;
    color:#000;
    line-height: 1.5;
}
.solution ul{
    margin-top: 59px;
}
.solution ul li{
    float:left;
    width:22%;
    height:12vw;
    border-radius: 10px;
    background: #fff;
    padding:1vw;
    box-sizing: border-box;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);
    transition: all 0.2s ease;
}
.solution ul li:hover{
    background: #14A8A6;
}
.solution ul li:not(:nth-child(4n)){
    margin-right: 4%;
}
.solution ul li:nth-child(-n+4){
    margin-bottom: 2vw;
}
.solution ul li div{
    font-size: 1.6vw;
    color:#1C2236;
    font-weight: bold;
    line-height: 1.5;
    margin-bottom: 10px;
    transition: all 0.2s ease;
}
.solution ul li p{
    font-size: 1vw;
    color:#5D6680;
    line-height: 1.5;
    transition: all 0.2s ease;
}
.solution ul li:hover div,
.solution ul li:hover p{
    color:#fff;
}
.multi-terminal{
    margin-top: 100px;
}
.multi-terminal .tit{
    font-size: 4vw;
    color:#1C2236;
    font-weight: bold;
    line-height: 1.5;
}
.multi-terminal .subtit{
    font-size: 2.2vw;
    color:#454B5F;
    line-height: 1.5;
}
.multi-terminal .terminal{
    margin-top: 50px;
    width:100%;
    overflow: hidden;
}
.multi-terminal .terminal img{
    width:100%;
    height:auto;
}

@media (max-width: 1680px){
    /* .banner{
        height:750px;
    } */
}

@media (max-width: 1440px){
    /* .banner{
        height:650px;
    } */
    .function ul li .content .hxjz::before {
        top: calc(0.75vw - 5px);
        border-left: 10px solid #000;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
    }
    .function ul li .content .hxjz{
        padding-left: 15px;
    }
}
@media (max-width: 1366px){
    /* .banner{
        height:620px;
    } */
}
@media (max-width: 1280px){
    /* .banner{
        height:580px;
    } */
    .advantage li .pic_box{
        width:30px;
    }
    .advantage li .text_box{
        width:calc(100% - 45px);
    }
}