.center{
    width: 93.6%;
    margin: 0 auto;
}
.title{
    font-size: .38rem;
    color: #333;
    text-align: center;
    line-height: .5rem;
    font-weight: 500;
}
.white{
    color: #fff!important;
}
.futitle{
    font-size: .24rem;
    color: #252525;
    text-align: center;
    line-height: .33rem;
    margin-top: .1rem;
}
.zixunlist{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.zixunlist .zixunbtn{
    width: 46%;
    height: .6rem;
    border-radius: .35rem;
    font-size: .26rem;
	color: #fff;
    line-height: .6rem;
    text-align: center;
	margin: 0 2%;
    animation: breathe 1.4s infinite;
}
@keyframes breathe{
    0%{
        transform: scale(0.95);
    }
    50%{
        transform: scale(1.05);
    }
    100%{
        transform: scale(0.95);
    }
}
.pink{
    background: #ff006c!important;
}
.brown{
    background: #6080FF!important;
}
.brown2{
    background: #fff!important;
    color: #6080FF!important;
}

.pagination{
    text-align: center;
    position: absolute;
    bottom: .15rem!important; 
}
.swiper-pagination-bullet{
    width: .18rem!important; 
    height: .18rem!important; 
    background: #D6D6D6!important; 
    margin: 0 .1rem!important; 
    opacity: 1!important;
}
.swiper-pagination-bullet-active{
    background: #6080FF!important; 
}

.part1{
    width: 100%;
    background: #f5f5f5;
    padding: .5rem 0;
    overflow: hidden;
}
.part1 .main{
    width: 100%;
    margin: .4rem 0 .2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.part1 .main .one{
    width: 48%;
    height: 4.3rem;
    background: #fff;
    border-top-right-radius: .4rem;
    border-bottom-left-radius: .4rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: .3rem;
}
.part1 .main .one img{
    width: 40%;
    margin: .25rem 0;
}
.part1 .main .one span{
    font-size: .32rem;
    color: #333;
    font-weight: 700;
    line-height: .5rem;
}
.part1 .main .one p{
    font-size: .28rem;
    line-height: .46rem;
    margin: .2rem .3rem 0;
}

.part2{
    width: 100%;
    background: #fff;
    padding: .5rem 0;
    overflow: hidden;
}
.part2 .main{
    width: 100%;
    margin: .4rem 0;
}
.part2 .main img{
    width: 100%;
}

.part3{
    width: 100%;
    background: #e4e9f4;
    padding: .5rem 0;
    overflow: hidden;
}
.part3 .main{
    width: 100%;
    margin: .4rem 0 .2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.part3 .main .one{
    width: 48%;
    height: 4rem;
    background: #fff;
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: .3rem;
}
.part3 .main .one .pic{
    width: 100%;
    font-size: .32rem;
    color: #000;  
    line-height: .69rem;   
    display: flex;
    flex-direction: row;
}
.part3 .main .one .pic img{
    width: .92rem;
    height: .69rem;
    margin: 0 .2rem 0 .4rem;
}
.part3 .main .one .text{  
    height: 1.35rem;
    font-size: .28rem;
    line-height: .45rem;
    margin: .3rem .2rem .2rem;
}
.part3 .main .one .abtn{  
    width: 72%;
    height: .55rem;
    background: #ffd8e4;
    border-radius: .3rem;
    font-size: .26rem;
    color: #fb0a54;
    line-height: .55rem;
    text-align: center;
    margin: 0 auto;
}
.part3 .main2{
    background: #fff;
    border-radius: .2rem;
    padding: .4rem .4rem .2rem;
    margin: 0 0 .5rem;
    display: flex;
    flex-direction: column;
}
.part3 .main2 .one{
    width: 100%;
    background: url(../images/bg3.png) no-repeat top center;
    background-size: cover;
    border-radius: .2rem;
    margin-bottom: .3rem;
    position: relative;
}
.part3 .main2 .one .tag{
    width: 1.36rem;
    height: .78rem;
    background: url(../images/step.png) no-repeat top center;
    font-size: .28rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    position: absolute;
    left: -.2rem;
    top: 0;
}
.part3 .main2 .one .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.part3 .main2 .one .text1{
    font-size: .35rem;
    margin-top: .4rem;
}
.part3 .main2 .one .text2{
    height: .4rem;
    font-size: .26rem;
    line-height: .4rem;
}
.part3 .main2 .one .text3{
    font-size: .3rem;
    line-height: .5rem;
    margin: .2rem 0 .3rem;
}

.part8{
    width: 100%;
    background: #f5f5f5;
    padding: .5rem 0;
    overflow: hidden;
}
.part8 .main{
    width: 100%;
    background: #fff;
    margin: .5rem 0;
    padding: .5rem 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.part8 .main::before{
    content: '';
    width: .02rem;
    height: 96%;
    background: rgba(160,187,241,.4);
    position: absolute;
    left: .35rem;
    top: .2rem;
}
.part8 .main .one{
    padding-left: .7rem;
}
.part8 .main .one .text{
    font-size: .34rem;
    color: #3c7eff;
    font-weight: 700;
    line-height: .6rem;
    position: relative;
}
.part8 .main .one .text::before{
    content: '';
    width: .4rem;
    height: .4rem;
    background: url(../images/icon6.png) no-repeat top center;   
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: -.54rem;
    margin-top: -.2rem;
    z-index: 14;
}
.part8 .main .one .text span{
    margin-right: 10px;
}
.part8 .main .one h4{
    font-size: .3rem;
    line-height: .5rem;
    color: #333;
    margin: 0;
}
.part8 .main .one p{
    font-size: .26rem;
    line-height: .46rem;
    margin: .15rem .2rem .25rem 0;
}

.part5{
    width: 100%;
    background: #fff;
    padding: .5rem 0;
    overflow: hidden;
}
.part5 .main{
    width: 100%;
    margin: .4rem 0;
    display: flex;
    flex-direction: column;
}
.part5 .main .one{
    width: 100%;
    height: .8rem;
    background: #F6FAFE;
    margin-bottom: .2rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.part5 .main .one span{
    font-size: .27rem;
    color: #333;
    line-height: .6rem;
    margin-left: .2rem;
}
.part5 .main .one span b{
    margin-right: .1rem;
}
.colorff3434{
    color: #ff3434;
}
.colorfea700{
    color: #fea700;
}
.colorfc730f{
    color: #fc730f;
}
.part5 .main .one a{
    width: 24%;
    height: .5rem;
    background: #6FA8FB;
    border-radius: .25rem;
    font-size: .26rem;
    font-weight: 500;
    color: #FFFFFF;
    line-height: .5rem;
    text-align: center;
    margin-right: .2rem;
}

.part4{
    width: 100%;
    background: #4b81ee;
    padding: .5rem 0;
}
.part4 .main{
    width: 100%;
    margin: .5rem 0 .3rem;
    overflow: hidden;
}
.part4 .main .line{
    width: 100%;   
    margin-bottom: .2rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.part4 .main .line .text{
    width: 28%;
    height: 1rem;
    background: #feecd0;
    border-top-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    font-size: .24rem;
    color: #4b81ee;
    line-height: .36rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.part4 .main .line img{
    width: 6%;
    margin: 0 1%;
}
.part4 .main .line2, .part4 .main .line3{
    width: 100%; 
    height: .4rem;
    margin-bottom: .2rem; 
    position: relative;
}
.part4 .main .line2 img{
    height: .4rem;
    position: absolute;
    top: 0;
    right: 13%;
}
.part4 .main .line3 img{
    height: .4rem;
    position: absolute;
    top: 0;
    left: 13%;
}

.part6{
    width: 100%;
    background: #f4f7ff;
    padding: .5rem 0;
}
.part6 .main{
    width: 100%;
    margin: .5rem 0;
    overflow: hidden;
}
.part6 .main img{
    width: 100%;
}