* {
    margin: 0;
    padding: 0;
}

a {
    color: #061f43;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

body {
    max-width: 750px;
    min-width: 319.9988px;
    margin: auto;
    color: #061f43;
    overflow-x: hidden;
    background: #2d75f8;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;

}
p{
    font-size: .64rem;
}
.pd2 {
    padding: 0 2%;
}

.pd4 {
    padding: 0 4%;
}

.mt20 {
    height: .5333rem;
    background: #ebebeb;
}

.box {
    max-width: 750px;
    min-width: 319.9988px;
    margin: 0 auto;
    overflow-x: hidden;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 37.5px !important;
    }
}

.content{
    background: linear-gradient(180deg,#cdedfe,#2d75f8 13%);
    overflow: hidden;
}
.banner {
    /* margin-top: 2.6667rem; */
}

.form,.n-n{
    width: 94%;
    margin: .5333rem auto;
    background-color: #327afc;
    border: 1.0012px solid #e4ebe6;
    border-radius: .5333rem;
    box-shadow: 0 .2133rem 0 #2564ca,0 -.2133rem 0 #95e1ff;
}
.form h3,.title h3{
    width: 13.4933rem;
    line-height: 3.84rem;
    background: url(../images/title-bg.png) no-repeat;
    background-size: contain;
    font-size: 1.0667rem;
    font-weight: bold;
    text-align: center;
    margin: .8rem auto;
    padding-left: .6rem;
}
.form .tel,.form .name{
    display: flex;
    align-items: center;
    width: 80%;
    height: 1.7867rem;
    margin: .8rem auto;
    background-color: #fff;
    border-radius: .2667rem;
    font-size: .8rem;
    padding-left: 1.6733rem;
}
.form .tel{
    background: url(../images/form-tel.png) no-repeat .5rem .46rem #fff;
    background-size: .7733rem;
}
.form .name{
    background: url(../images/form-name.png) no-repeat .5rem .46rem #fff;
    background-size: .7733rem;
}
.form .form-btn{
    display: block;
    width: 40%;
    padding-right: 4%;
    margin: .6rem auto .8rem;
    height: 1.76rem;
    line-height: 1.76rem;
    background: linear-gradient(180deg,#f9b699,#fd9377);
    border-radius: 1.76rem;
    box-shadow: 0 .08rem .16rem rgba(1, 9, 41, .22);
    position: relative;
    animation: anm1 3s infinite;
}
.form .form-btn input{
    display: block;
    height: 1.77rem;
    line-height: 1.77rem;
    font-size: .96rem;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    padding-left: 1.2rem;
}
.form .form-btn:after{
    position: absolute;
    right: 1rem;
    top: .5rem;
    display: block;
    content: '';
    width: 1.2267rem;
    height: 1.4933rem;
    background: url(../images/btn-click.png) no-repeat;
    background-size: contain;
    animation: btns 1s infinite;
}
.n{
    overflow: hidden;
}
.title {
    margin: 1.2rem 0;
}
.title p{
    text-align: center;
    color: #fff;
    font-size: .7467rem;
}
.n-n{
    padding: .8rem 0;
}
.n-n1{
    background-color: #d2ecff;
}
.n-n1-p p{
    position: relative;
    display: flex;
    align-items: center;
    font-size: .7467rem;
    width: 90%;
    margin: .5333rem auto;
    height: 1.8667rem;
    padding-left: .8rem;
    background-color: #fff;
    border-radius: .2667rem;
}
.n-n1-p p:before{
    display: block;
    content: '';
    margin: .2rem 1.0667rem 0 0;
}
.n-n1-p p:nth-child(1):before{
    width: 1.8933rem;
    height: 2.6667rem;
    background: url(../images/n1-p1.png) no-repeat;
    background-size: contain;
}
.n-n1-p p:nth-child(2):before{
    width: 1.8933rem;
    height: 2.6933rem;
    background: url(../images/n1-p2.png) no-repeat;
    background-size: contain;
}
.n-n1-p p:nth-child(3):before{
    width: 1.7333rem;
    height: 2.4rem;
    background: url(../images/n1-p3.png) no-repeat;
    background-size: contain;
}
.n-n1-p p span{
    color: #ff8931;
}
.n-n1-zx{
    display: flex;
    justify-content: space-between;
    padding: .8rem 6% 0;
}
.n-n1-zx img{
    width: 6.64rem;
    margin-bottom: -1.1rem;
}
.n-n1-zxn{
    background: url(../images/n-n1-zx.png) no-repeat;
    background-size: contain;
    width: 9.28rem;
    height: 5.12rem;
    margin: .8rem 0 0 0;
    padding: .5333rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
}
.n-n1-zxn p{
    font-size: .96rem;
    height: .96rem;
    line-height: .96rem;
    font-weight: bold;
    margin-bottom: .2667rem;
    text-align: center;
}
.n-n1-zxn a{
    padding: 0 .8rem;
    font-size: .64rem;
    background: #ff8931;
    color: #fff;
    font-weight: bold;
    height: 1.2267rem;
    line-height: 1.2267rem;
    border-radius: 1.2267rem;
    box-shadow: 0 .08rem .16rem rgba(1, 9, 41, .22);
    text-align: center;
    animation: anm1 3s infinite;
    overflow: hidden;
}
.n-n2{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 3% .5333rem;
}
.n-n2s{
    width: 48%;
    height: 4.1067rem;
    margin: .5333rem 0 0;
    background-color: #ecfdff;
    border-radius: .5333rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.n-n2s img{
    display: block;
    width: 1.12rem;
    margin-bottom: .16rem;
}
.n-n2s p{
    font-size: .8rem;
    font-weight: bold;
}
.n-n3{
    padding: 3%;
    background-color: #cdedfe;
    border: 1.0012px solid #061f43;
}
#main{
    width: 100%;height:13.6667rem; margin-top: .8rem;
}
.n-n3-scoure{
    font-size: .3733rem;
    text-align: center;
    margin-top: .8rem;
}
.title2{
    width: 12.56rem;
    height: 3.0667rem;
    line-height: 3.0667rem;
    margin: .8rem auto 0;
    background: url(../images/title2.png) no-repeat;
    background-size: contain;
    text-align: center;
}
.title2 h3{
    font-size: 1.0667rem;
    font-weight: bold;
    color: #fff;
}
.n2 .n-n{
    margin: 0 auto;
    padding: .8rem 0 0;
    text-align: center;
    background-color: #fff;
}
.n-4 span{
    display: block;
    font-size: .7467rem;
}
.n-4s{
    width: 92%;
    margin: .8rem auto 0;
    background-color: #cdedfe;
    border-radius: .5333rem;
    border: 1px solid #a2cbff;
}
.n-4s h3{
    display: block;
    color: #fff;
    width: 9.84rem;
    line-height: 1.6533rem;
    font-size: .8rem;
    margin: -1px auto 0;
    background: url(../images/n4-tit.png) no-repeat;
    background-size: contain;
}
.n-4s p{
    font-size: .7467rem;
    padding: .6rem 0;
}
.zixun{
    margin: .8rem 0;
    text-align: center;
    font-size: 0;
}
.zixun a{
    display: inline-block;
    padding: 0 6%;
    font-size: .64rem;
    background: #ff8931;
    color: #fff;
    font-weight: bold;
    height: 1.2267rem;
    line-height: 1.2267rem;
    border-radius: 1.2267rem;
    box-shadow: 0 0.08rem 0.16rem rgba(1, 9, 41, .22);
    margin: auto;
    animation: anm1 3s infinite;
    overflow: hidden;
}
.zixun a:after,.n-n1-zxn a:after {
    display: block;
    content: '';
    background: url(../images/swipe_light.png) no-repeat;
    background-size: contain;
    width: 3.6rem;
    height: 2.666667rem;
    margin-top: -2.133333rem;
    animation: anm2 3s linear infinite forwards;
    -ms-animation: anm2 3s linear infinite forwards;
    -webkit-animation: anm2 3s linear infinite forwards;
}
.n5{
    width: 94%;
    background-color: #327afc;
    border: 1.0012px solid #e4ebe6;
    border-radius: .5333rem;
    box-shadow: 0 0.2667rem 0 #2564ca, 0 -0.2667rem 0 #95e1ff;
    margin: .8rem auto .5333rem;
}
.n-5{
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 3%;
}
.n-5:before{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: block;
    width: 4.7467rem;
    height: 5.7333rem;
    background: url(../images/n5-bg.png) no-repeat;
    background-size: contain;
}
.n .n-n5{
    padding: .8rem 0 .8rem;
}
.n-5s{
    width: 47%;
    height: 5.7067rem;
    background-color: #dcf1ff;
    border-radius: .5333rem;
    box-shadow: 0 -.2667rem 0 #fff;
    margin-bottom: .8rem;
    padding: .5333rem 0 0 .5333rem;
    display: flex;
    flex-wrap: wrap;
}
.n-5s:nth-child(1),.n-5s:nth-child(3){
    text-align: left;
}
.n-5s:nth-child(2),.n-5s:nth-child(4){
    padding-left: 0;
    padding-right: .5333rem;
    justify-content: flex-end;
}
.n-5s:nth-child(2) p,.n-5s:nth-child(4) p{
    text-align: right;
    padding-right: 0;
}
.n-5s h3{
    font-size: .7467rem;
    width: 5.6rem;
    height: 1.3867rem;
    line-height: 1.3867rem;
    background: linear-gradient(90deg,#f9b99b,#ff9174);
    border-radius: 1.3867rem;
    box-shadow: 0 -.1333rem 0 #fff;
    color: #fff;
    text-align: center;
}
.n-5s p{
    font-size: .7467rem;
    padding-right: 2rem;
}
.c5ns{
    padding: 0 3%;
    text-align: left;
}
.c5ns h3{
    font-size: .96rem;
    font-weight: bold;
}
.c5ns p{
    font-size: .64rem;
    margin-bottom: .5333rem;
}
.jcrmbox1 .swiper-wrapper{
    display: flex;
    display: flex;
    justify-content: center;
    margin-top: .8rem;
}
.jcrmbox1 .swiper-slide{
    width: calc(24% - 2px - 2%) !important;
    border: 1px solid #2d75f7;
    color: #2d75f7;
    font-size: .64rem;
    font-weight: bold;
    border-radius: 1.0667rem;
    line-height: 1.0667rem;
    margin: 0 1%;
    text-align: center;
}
.jcrmbox1 .swiper-slide-thumb-active{
    background-color: #2d75f7;
    color: #fff;
}
.jiuye-n1 {
    margin-top: .6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jiuye-n1-list {
    background-color: #fff;
    border-radius: .2667rem;
    width: 47%;
    margin: .266666rem 0;
    padding: 0 .5333rem;
    line-height: 1.6533rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jiuye-n1-list img {
    width: 1.28rem;
    height: 1.3067rem;
}

.jiuye-n1-list p {
    font-size: .7467rem;
    font-weight: bold;
}

.jiuye-n2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jiuye-n2-list {
    width: 48.5%;
    background-color: #fff;
    border-radius: .4267rem;
    margin: .32rem 0;
}

.jiuye-n2-list img {
    border-radius: .4267rem .4267rem 0 0;
}

.jiuye-n2-list p {
    line-height: 1.8133rem;
    font-size: .8rem;
    text-align: center;
    font-weight: bold;
}

.jiuye-n .zixun {
    margin-top: .2667rem;
}
.n-n6{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1d42d7;
    padding: .6rem 0.64rem;
    width: 94%;
    margin: 1.12rem auto;
    border-radius: 0.8rem;
    /* box-shadow: 0 0.1067rem 0.48rem rgb(8 65 137 / 55%); */
}
.n-n6s{
    width: 25%;
    text-align: center;
}
.n-n6s img{
    display: inline-block;
    width: 2.7467rem;
}
.n-n6s p{
    font-size: .6933rem;
    font-weight: bold;
    color: #fff;
}
.n-n7n{
    padding-left: 1.3333rem;
    font-size: 0
}
.n-n7n a{
    font-size: .8rem;
    line-height: 1.7067rem;
    display: inline-block;
    background: url(../images/ask.png) no-repeat .2667rem, #fff;
    background-size: 1.3333rem;
    border-radius: 1.7067rem;
    padding: 0 .5333rem 0 1.9667rem;
    margin-bottom: .5333rem;
}
.n-n7n a:nth-child(2){
    margin-left: 4.2rem;
}
.n-n7n a:nth-child(4){
    margin-left: 5.8rem;
}
.n-n7n a:nth-child(6){
    margin-left: 6.5rem;
}

@keyframes btns{
    0%{
        transform: scale(1);
    }
    50%{
        transform: scale(.8);
    }
    100%{
        transform: scale(1);
    }
}

@keyframes anm1 {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    14% {
        transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
    }

    42% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
    }

    66% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }

    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
    }
}

@keyframes anm2 {
    0% {
        transform: translate(-3.6rem);
        -webkit-transform: translate(-3.6rem);
        opacity: 0;
    }

    66% {
        opacity: 0;
    }

    67% {
        transform: translate(-3.6rem);
        -webkit-transform: translate(-3.6rem);
        opacity: 1;
    }

    100% {
        transform: translate(13.333333rem);
        -webkit-transform: translate(13.333333rem);
    }
}