.title{
    font-size: .16rem;
    color: #333;
    margin: 0 auto;
    padding: .25rem 0 .2rem;
    text-align: center;
}


.program{
    width: 100%;
    height: 3.75rem;
    background-color: #fff;
    padding: 0 .15rem;
}
.program-list{
    display: flex;
    flex-wrap:wrap ;
    justify-content: space-between;
}
.program-list li{
    width: 1.1rem;
    height: 1.38rem;
    margin-bottom: .1rem;
}
.program-list li img{
    width: 100%;
    height: 100%;
}


.module{
    width: 100%;
    padding: 0 .15rem;
    background-color: #f2f2f2;
    /* height: 5.95rem; */
}
.module-list {
 display: flex;
 flex-wrap:wrap ;
 justify-content: space-between;
}
.module-list li{
    width: 1.65rem;
    /* height: 1.6rem; */
    background-color: #fff;
    margin-bottom: .15rem;
}
.module-title div{
    font-size: .16rem;
    color: #333;
    margin: .07rem 0;
    text-align: center;

}
.module-title span{
    font-size: .11rem;
    color: #666;
    margin: 0 .15rem;
    text-align: center;
    display: block;
    margin-bottom: .2rem;
    /* overflow: hidden; */
    /* text-overflow: ellipsis;
    display:-webkit-box; 
    -webkit-box-orient:vertical; 
    -webkit-line-clamp:3;  */
  
}
.module-list li img{
    width: .4rem;
    height: .4rem;
    display: block;
    margin: 0 auto;
    margin-top: .15rem;
}


.advantage{
    background-color: #fff;
    /* height: 13.87rem; */
    padding: 0 .15rem;
}
.adv-listbox{
    width: 3.44rem;
    height: auto;
    box-shadow: 0px 0px 2px #999;
    border-radius: 20px;
    margin-bottom: 0.15rem;
}
.adv-listbox img{
    width: 100%;
    height: 2.1rem;
    border-radius: 20px 20px 0 0;
}
.adv-title {
    /* height: 1.03rem; */
    display: flex;
    flex-wrap:wrap ;
    /* margin: .15rem 0 0; */
    justify-content: center;
    align-items: center;
    padding: .15rem .17rem;
}
.adv-title div{
    display: block;
    width: 100%;
    font-size: .12rem;
    color: #333;
}
.adv-title .sm-box{
    display: flex;
    margin: .05rem 0;

    margin-right: auto;
    background-color: #338afb;
    width: .18rem;
    height: .02rem;
}
.adv-title li{
    width: 3.1rem;
    font-size: .09rem;
    color: #666;
    display: flex;
    align-items: baseline;
 
/* overflow: hidden;
text-overflow: ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical; 
-webkit-line-clamp:1;  */

}
.adv-title li span{
    display: inline-block;
    width: 0.04rem;
    height: 0.04rem;
    background-color: #338afb;
    border-radius: 100%;
    margin-right: 0.05rem;
}


.dome{
    background-color: #f2f2f2;
    /* height: 3.16rem; */
    padding: 0 .15rem;
}
.dome-list{
    display: flex;
    justify-content: space-between;
}
.dome-list li{
    display: flex;
    align-items: center;
    justify-content: center;
   
    font-size: .12rem;
    color: #333;
    width: .6rem;
    height: .22rem;
    background-color: #fff;
}



.swiper-container1 {
    /* padding-bottom: 60px */
    margin: 0 auto;
    position: relative;
    margin-bottom: .3rem;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.swiper-wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
.swiper-slide {
    width: .96rem;
    height: 1.72rem;
    background: #fff;
    box-shadow: 0 8px 30px #ddd
}

.swiper-slide img {
    display: block;
    width: .96rem;
    height: 1.72rem;
}

.swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0
}

.swiper-pagination1 {
    width: 100%;
    /* bottom: 20px */
    display: flex;
    margin-bottom: .3rem;

}

.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    /* border: 3px solid #fff; */
    background-color: #fff;
    width: .6rem;
    display: flex;
    height: .22rem;
    font-size: .12rem;
    color: #333;
    opacity: 1;
    justify-content: center;
    align-items: center;
    border-radius: 4px!important;
    /* text-align: center; */
    /* line-height: .22rem; */
}

.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #338afb;
    color: #fff
}



.imgBox{
    width: 100%;
    height: 2.5rem;
}
.imgBox img{
    width: 100%;
}

.merchant{
    /* height: 3.6rem; */
    width: 100%;
    padding: 0 .33rem;
    background-color: #f2f2f2;
}
.merchant-list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.merchant-list li{
    margin-bottom: .2rem;
    width: 1.4rem;
    height: .77rem;
}
.merchant-list li img{
    width: 100%;
}
/* 底部电话 地址 */
.site {
    background: #24222b;
    line-height: 0.25rem;
    color: #d9d8dd;
    padding-bottom: 0.3rem;
    font-size: 0.12rem;
  }
  .sitebox {
    text-align: center;
    padding-top: 0.15rem;
  }
  .liaison {
    font-size: 0.15rem;
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(217, 216, 221, 1);
    line-height: 0.4rem;
  }
  .special {
    font-size: 0.2rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(217, 216, 221, 1);
    line-height: 0.4rem;
  }