body{

    background: #F4F7FE;

}

.tops{

    width: 100%;

    height: 3.5vw;

    background: #FFFFFF;

    display: flex;

    align-items: center;

    justify-content: center;

}

.logo{

    min-width:15.83%;

    height:2.1vw;

}

.dalun{

    width:100%;

    /* height:26.35vw; */

}

.luntu{

    width:100%;

    height:100%;

}

.swiper-container {

    width: 100%;

    height: 100%;

}



.swiper-slide {

    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;

}

/* .swiper-container{

    --swiper-theme-color: #fff;

    --swiper-pagination-color: #fff;

} */

.swiper-pagination-bullet{

    width: 0.6vw !important;

    height: 0.6vw !important;

    background: #000 !important;

    border-radius: 100% !important;

    border: 1px solid #fff;

}

.swiper-pagination-bullet-active{

    width: 0.6vw !important;

    height: 0.6vw !important;

    background: #fff !important;

    border-radius: 100% !important;

    border: 1px solid #fff;



}

.content{

    width:62.5%;

    margin:0 auto;

    margin-bottom:3.8vw;

    position: relative;



}

.title{

    font-size: 1.5vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #131313;

    text-align: center;

    margin-top:2.85vw;

    margin-bottom:0.9vw;

}

.lans{

    width: 8.33%;

    height: 0.3vw;

    background: #3285FF;

    border-radius: 0.15vw;

    margin:0 auto;

}

.list{

    width:100%;

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

}

.ever{

    display: block;

    width:30.8%;

    height:17.7vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    margin-top:1.7vw;

    margin-right:2.2vw;
    position: relative;

}

.ever:nth-child(3n){

    display: block;

    width:30.8%;

    height:17.7vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.1);

    border-radius: 0.5vw;

    margin-top:1.7vw;

    margin-right:-1vw;

    position: relative;

}

.litu{

    width:100%;

    height:13.35vw;

    border-top-left-radius: 0.5vw;

    border-top-right-radius: 0.5vw;

}

.litus{

    width:100%;

    height:100%;

    border-radius: 0.5vw;

    background: #80C3F0;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(76, 92, 221, 0.1);

    opacity: 0.56;

}

.newzi{

    position: absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    font-size: 1.5vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #FFFFFF;

    line-height: 17.7vw;

    text-align: center;

}

.lizi{

    font-size: 1vw;

    font-family: Microsoft YaHei;

    font-weight: bold;

    color: #595959;

    line-height: 4vw;

    text-align: center;

}

.bottom{

    width: 100%;;

    height: 7.75vw;

    background: #626367;

    font-size: 0.7vw;

    font-family: Adobe Heiti Std;

    font-weight: normal;

    color: #FFFFFF;

    line-height: 7.75vw;

    text-align: center;

}

/* 二维码 电话 */

.fudong{

    position: fixed;

    z-index: 11;

    top:0;

    right:0;

    width: 5%;

    height: 9.1vw;

    background: #fff;

    margin-top: 17%;

}

.fuku{

    cursor: pointer;

    position: relative;

}

.futu{

    width:2.2vw;

    height:2.2vw;

    margin-top:0.8vw;

    margin-left:1.35vw;

}

.fuzi{

    font-size: 0.75vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

}

.yidong{

    position: absolute;

    top:0;

    right:0;

    width: 9.35vw;

    height: 13.05vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgba(27, 144, 205, 0.06);

    border-radius: 0.5vw;

    margin-right:-10.35vw;

    margin-top:4vw;

}

.yitu{

    width:8.6vw;

    height:8.6vw;

    margin-top:0.3vw;

    margin-left:0.3vw;

}

.yizi{

    font-size: 0.8vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

    margin-top:0.7vw;

}

.phone{

    display: none;

    position: absolute;

    top:0;

    left:0;

    margin-left: -9vw;

    width: 7.7vw;

    height: 3.8vw;

    font-size: 1.2vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    text-align: center;

    margin-top:1vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgb(27 144 205 / 6%);

    border-radius: 0.5vw;

}

.rex{

    color:#676666;

}

.phones{

    margin-top:0.5vw;

    color:#3285FF;

}

.saoma{

    display: none;

    position: absolute;

    top:0;

    left:0;

    width:8.8vw;

    height:11.2vw;

    margin-left: -10vw;

    background: #FFFFFF;

    border: 1px solid #EAF0FF;

    box-shadow: 0px 0.1vw 0.4vw 0px rgb(27 144 205 / 6%);

    border-radius: 0.5vw;



}

.fuma{

    width:8.6vw;

    height:8.6vw;

}

.saomazi{

    font-size: 0.7vw;

    font-family: Microsoft YaHei;

    font-weight: 400;

    color: #676666;

    text-align: center;

}