@charset "utf-8";
.bg1{
    background-color: #ffffff;
}
.bg2{
    background-color: #F1F9FC;
}
.ft1{
    font-size: 0.52rem;
    font-weight: bold;
    color: #C75E88;
    line-height: 0.56rem;
}
.zt-banner {
    width: 100%;
}
.zt-banner img {
    width: 100%;
}
.zt-title{
    font-size: 0.72rem;
    line-height: 0.92rem;
    font-weight: bold;
    color: #2480C2;
    text-align: center;
}
.zt-entitle{
    font-size: 0.34rem;
    line-height: 0.34rem;
    font-weight: 300;
    color: #79AFD6;
    text-align: center;
    margin-top: 0.17rem;
}
.nav-line{
    width: 68%;
    margin-top: 0.3rem;
}

.zt-con1{
    padding: 1.09rem 0;
}
.zt-01{
    width: 27%;
}
.c1-d1{
    width: 87%;
    font-size: 0.38rem;
    font-weight: 400;
    color: #565656;
    line-height: 0.68rem;
    margin-top: 0.6rem;
}
.zt-02{
    width: 78%;
    margin-top: 0.64rem;
}
.c1{
    color: #CA5E85;
    font-weight: bold;
}
.c2{
    font-weight: bold;
}
.zt-03{
    width: 50%;
    margin-top: 0.73rem;
}
.zt-con2{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.zt-04{
    width: 100%;
}
.zt-con2 .zt-nav{
    position: absolute;
    top: 1.09rem;
}
.c2-ul{
    width: 54%;
    position: absolute;
    top: 4.1rem;
    left: 4.1rem;
}
.c2-li{
    font-size: 0.38rem;
    font-weight: 400;
    color: #565656;
    line-height: 0.68rem;
}
.c2-ul .c2-li-line{
    width: 100%;
    height: 1px;
    background-color: #98D0F7;
    margin: 0.67rem 0;
}