
    .swiper-container {
        position: relative;
        width: 100%;
        height: 100vh;
    }

    .swiper-slide {
        width: 100%;
        height: 100vh;
    }

    /* 指示点容器 */
    .pagination {
        display: inline-block;
        position: absolute;
        z-index: 20;
        right: 20px;
        top: 50%;
        width: 20px;
        text-align: center;
    }

    .swiper-pagination-switch {
        display: inline-block;
        width: 8px;
        height: 8px;
        border-radius: 8px;
        background: #3282E4;
        margin: 0 5px;
        cursor: pointer;
    }

    .swiper-active-switch {
        width: 15px;
        height: 15px;
        margin-left: auto;
        margin-right: auto;
    }

    .mar-T15 {
        margin-top: 15px
    }
    .hzhb {
        overflow: hidden;
    }

    .hzhb-item {
        box-sizing: border-box;
        width: 50%;
        overflow: hidden;
        display: inline-block;
        padding: 0 1%;
        height: auto !important;
    }

    .hzhb-item li {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .btns-box {
        margin-top: 10px;
        text-align: center;
    }

    .btn-item {
        display: inline-block;
        margin: 10px 20px;
    }

    .btn-item img {
        width: 10px;
    }

    .swiper-slide-6 {
        height: auto;
    }

    .swiper-slide-6 .footer {
        position: static;
    }
    .section1{
        height: 100%; 
        position: relative; 
        width: 100%;
    }
    .header{
        z-index: 9; 
        position:absolute; 
        width: 100%; 
        background-color: #FFF;
    }
    .banner{
        position: absolute;
        height: 100%; 
        top: 0; 
        width: 100%;
        margin-top: 0;
    }
    .phone_banner, .ipad_banner{
        position: absolute;
        height: 100%; 
        top: 0; 
        width: 100%;
        margin-top: 0;
    }
    .section3{
        height:100%; 
        box-sizing: border-box;
    }
    .section5{
        position: relative; 
        padding-bottom: 0; 
        height: 100%;
    }
    .section5 .footer{
        width: 100%; 
        position: absolute; 
        bottom: 0;
    }
    .section2,
    .section3,
    .section4,
    .section5 {
        padding: 0;
        position: relative;
        height: 100%;
    }
    