.swiper-slide {
    background-size: 100% !important;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

@media only screen and (min-width:300px) and (max-width: 1200px){
    .index{
        width: 100%;
        background: #ffffff;
        color: #222222;
        padding-top: 51px;
    }
    .mySwiper{
        display: none;
    }
    @media only screen and (min-width:300px) and (max-width: 767px){
        .swiper {
            width: 100%;
            height: 188px;
        }
        .swiper-slide a{
            display: block;
            width: 100%;
            height: 188px;
        }
    }
    @media only screen and (min-width:768px) and (max-width: 1024px){
        .swiper {
            width: 100%;
            height: 382px;
        }
        .swiper-slide a{
            display: block;
            width: 100%;
            height: 382px;
        }
    }
    @media only screen and (min-width:1024px) and (max-width: 1200px){
        .swiper {
            width: 100%;
            height: 483px;
        }
        .swiper-slide a{
            display: block;
            width: 100%;
            height: 483px;
        }
    }

    .index-process{
        width: 100%;
        margin:20px auto;
        padding: 10px;
    }
    .process-t1{
        text-align: center;
        font-size: 20px;
        color: #333333;
        margin-bottom: 20px;
    }
    .process-t2{
        text-align: center;
        font-size: 16px;
        color: #666666;
    }
    .process2{
        display: flex;
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .process2>div{
        display: flex;
        margin-bottom: 40px;
        width: 100%;
    }
    .process2-d1 img{
        width:80px;
        height: auto;
    }
    .process2-d2{
        margin-left: 20px;
        display: flex;
        flex-direction: column;
    }
    .process2-d2 p{
        margin-bottom: 0;
        font-size:13px;
        padding-right: 40px;
        color: #8b8989;
    }
    .process2-d2 p:first-child{
        color: #2a333c;
        font-size: 16px;
    }

    .index-service{
        background: url('/ui/pc/img/APP_02.jpg') no-repeat center;
        background-size: 100%;
        background-position-y: bottom;
        height: 440px;
        margin:0 auto 30px;
    }
    .index-service1{
        width: 100%;
        position: relative;
    }
    .index-service1-div{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .index-service1-div p{
        font-size: 14px;
        text-align: center;
        width: 80%;
        margin:0 auto;
    }
    .index-service1-div p:first-child{
        font-size: 20px;
        margin-bottom: 18px;
    }

    .index-gj{
        background: url('/ui/pc/img/APP_03.jpg?v=1') no-repeat center;
        background-size: 100%;
        background-position-y: top;
        height: 440px;
        margin:0 auto 30px;
        background-color: #F4F8FB;
    }
    .index-gj1{
        width: 100%;
        position: relative;
    }
    .index-gj-div{
        position: absolute;
        top: 300px;
        left: 0;
        width: 100%;
    }
    .index-gj-div p{
        font-size: 14px;
        text-align: center;
        width: 80%;
        margin:0 auto;
    }
    .index-gj-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }


    .index-xq{
        background: url('/ui/pc/img/APP_04.jpg?v=1') no-repeat center;
        background-size: 100%;
        background-position-y: bottom;
        height: 490px;
        margin:0 auto 30px;
    }
    .index-xq{
        width: 100%;
        position: relative;
    }
    .index-xq-div{
        position: absolute;
        top:0;
        left: 0;
        width: 100%;
    }
    .index-xq-div p{
        font-size: 14px;
        text-align: center;
        width: 80%;
        margin:0 auto;
    }
    .index-xq-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .index-div6{
        background: url('/ui/pc/img/APP_05.jpg?v=1') no-repeat center;
        background-size: 100%;
        background-position-y: top;
        height: 490px;
        margin:0 auto;
        background-color: #F4F8FB;
    }
    .index-div61{
        width: 100%;
        position: relative;
    }
    .index-div6-div{
        position: absolute;
        top:320px;
        left: 0;
        width: 100%;
    }
    .index-div6-div p{
        font-size: 14px;
        text-align: center;
        width: 80%;
        margin:0 auto;
    }
    .index-div6-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }

}
@media only screen and (min-width:1200px) {
    .index{
        width: 100%;
        background: #ffffff;
        color: #222222;
        padding-top: 51px;
    }
    .mySwiper1{
        display: none;
    }
    .swiper {
        width: 100%;
        height: 659px;
    }
    .swiper-slide a{
        display: block;
        width: 100%;
        height: 659px;
    }
    .index-process{
        width: 1200px;
        margin:30px auto 0;
    }
    .process-t1{
        text-align: center;
        font-size: 20px;
        color: #333333;
        margin-bottom: 20px;
    }
    .process-t2{
        text-align: center;
        font-size: 16px;
        color: #666666;
    }
    .process2{
        display: flex;
        margin-top: 50px;
        flex-wrap: wrap;
    }
    .process2>div{
        display: flex;
        margin-bottom: 40px;
        width: calc(calc(100% / 3) - 10px);
    }
    .process2-d1 img{
        width:50px;
        height: auto;
    }
    .process2-d2{
        margin-left: 20px;
        display: flex;
        flex-direction: column;
    }
    .process2-d2 p{
        margin-bottom: 0;
        padding-right: 40px;
        font-size:13px;
        color: #8b8989;
    }
    .process2-d2 p:first-child{
        color: #2a333c;
        font-size: 16px;
    }

    .index-service{
        background: url('/ui/pc/img/PC_03.jpg') no-repeat center;
        background-size: 100%;
        height: 596px;
        margin: auto;
    }
    .index-service1{
        width: 1200px;
        height: 500px;
        margin: auto;
        position: relative;
    }
    .index-service1-div{
        position: absolute;
        top: 220px;
        left: 0;
        width: 330px;
    }
    .index-service1-div p{
        margin-bottom: 0;
        font-size: 15px;
    }
    .index-service1-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .index-gj{
        background: url('/ui/pc/img/index1.jpg') no-repeat center;
        background-size: 100%;
        height: 592px;
        margin: auto;
    }
    .index-gj1{
        width: 1200px;
        height: 500px;
        margin: auto;
        position: relative;
    }
    .index-gj-div{
        position: absolute;
        top: 220px;
        right: 0;
        width: 330px;
    }
    .index-gj-div p{
        margin-bottom: 0;
        font-size: 15px;
    }
    .index-gj-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }


    .index-xq{
        background: url('/ui/pc/img/PC_05.jpg') no-repeat center;
        background-size: 100%;
        height: 618px;
        margin: auto;
    }
    .index-xq{
        width: 1200px;
        height: 500px;
        margin: auto;
        position: relative;
    }
    .index-xq-div{
        position: absolute;
        top: 220px;
        left: 0;
        width: 330px;
    }
    .index-xq-div p{
        margin-bottom: 0;
        font-size: 15px;
    }
    .index-xq-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }

    .index-div6{
        background: url('/ui/pc/img/index2.jpg') no-repeat center;
        background-size: 100%;
        height: 603px;
        margin: auto;
    }
    .index-div61{
        width: 1200px;
        height: 500px;
        margin: auto;
        position: relative;
    }
    .index-div6-div{
        position: absolute;
        top: 220px;
        right: 0;
        width: 330px;
    }
    .index-div6-div p{
        margin-bottom: 0;
        font-size: 15px;
    }
    .index-div6-div p:first-child{
        font-size: 20px;
        margin-bottom: 15px;
    }
}