@charset "utf-8";
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.115rem;
}

.swiper-pagination .swiper-pagination-bullet {
    width: 0.13rem;
    height: 0.13rem;
    display: inline-block;
    border-radius: 0.15rem;
    background: rgb(191, 191, 191);
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet-active {
    background: rgb(152, 152, 152);
    width: 0.28rem;
    height: 0.13rem;
    opacity: 1;
}
.bg1{
    background-color: #ffffff;
}
.bg2{
    background-color: #F2F8FD;
}
.ft1{
    color: #137BBF;
}
.zt-banner {
    width: 100%;
}
.zt-banner img {
    width: 100%;
}
.zt-con1{
    padding-top: 0.53rem;
}
.c1-info{
    width: 85%;
    padding: 0.85rem 0;
    background-color: #F2F8FD;
    border-radius: 0.3rem;
}
.c1-item{
    font-size: 0.37rem;
    color: #4E4E4E;
    line-height: 0.72rem;
}
.zt-con2{
    padding: 1.2rem 0 1.09rem;
}
.zt-nav{
    max-width: 88%;
}
.zt-nav .zt-title{
    font-size: 0.63rem;
    line-height: 0.83rem;
    font-weight: bold;
    color: #2480C2;
    text-align: center;
}
.zt-l1{
    height: 0.05rem;
    background-color: #D3E9F6;
    margin-top: 0.2rem;
}
.zt-l2{
    height: 0.07rem;
    background-color: #B0D8F1;
    margin-top: 0.01rem;
}
.c2-info{
    width: 85%;
    font-size: 0.37rem;
    font-weight: 300;
    color: #353535;
    line-height: 0.58rem;
    margin-top: 0.7rem;
}
.c2-ul{
    width: 87%;
}
.c2-ul .c2-li{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.72rem;
}
.c2-li .c2-li-icon{
    width: 1.01rem;
    margin-right: 0.2rem;
}
.c2-li-key{
    font-size: 0.37rem;
    font-weight: bold;
    color: #4E4E4E;
}
.c2-li-value{
    font-size: 0.37rem;
    line-height: 0.57rem;
    font-weight: 300;
    color: #555555;
}
.zt-con3{
    padding: 0.96rem 0 0.46rem;
}
#c3Swiper{
    width: 100%;
    padding: 0.65rem 0 1rem;
}
#c3Swiper .swiper-pic{
    width: 88%;
    margin: 0 auto;
}
.zt-con4{
    padding: 1.02rem 0 0.88rem;
}
.zt-con4 .zt-08{
    width: 85%;
    margin-top: 0.6rem;
}

.zt-con4 .c4-ul{
    width: 85%;
    margin-top: 0.27rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.c4-ul .c4-li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 4.44rem;
    background-color: #FFFFFF;
    border: 1px solid #C8D6E3;
    border-radius: 0.15rem;
    padding: 0.52rem 0 0.92rem;
    box-sizing: border-box;
}
.c4-li .c4-li-icon{
    width: 1.43rem;
}
.c4-li-key{
    font-size: 0.43rem;
    line-height: 0.63rem;
    font-weight: 400;
    color: #2E2E2E;
    text-align: center;
    margin-top: 0.36rem;
}
.c4-li-value{
    width: 3.56rem;
    font-size: 0.36rem;
    font-weight: 300;
    color: #676767;
    line-height: 0.48rem;
    text-align: center;
    margin-top: 0.32rem;
}
.zt-con5{
    padding: 1.09rem 0 1.17rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.c5-info{
    width: 85%;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 0.15rem 0px rgba(101, 144, 163, 0.27);
    border-radius: 0.3rem;
    padding: 0.5rem 0.2rem 0.81rem;
    margin-top: 0.79rem;
}
.c5-info>div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.c5-nav{
    width: 95%;
}
.c5-nav-icon{
    width: 0.88rem;
}
.c5-nav-title{
    font-size: 0.43rem;
    line-height: 0.63rem;
    font-weight: bold;
    color: #5898D3;
}
.c5-info-main{
    width: 95%;
    font-size: 0.37rem;
    font-weight: 300;
    color: #353535;
    line-height: 0.58rem;
    margin-top: 0.2rem;
}
.c5-02{
    margin-top: 0.86rem;
}
.zt-16{
    width: 100%;
    margin-top: 0.32rem;
}
.c5-03{
    margin-top: 0.85rem;
}
.c5-04{
    margin-top: 0.58rem;
}