* {
    margin: 0;
    padding: 0;
    font-size: 0.64rem;
}

a {
    color: #333;
    text-decoration: none;
}

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

body {
    max-width: 750px;
    min-width: 320px;
    margin: auto;
    color: #333;
    overflow-x: hidden;
    background-size: 2.0533rem;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

@media screen and (min-width: 750px) {
    html {
        font-size: 37.5px !important;
    }
}
.pd2 {
    padding: 0 2%;
}

.pd4 {
    padding: 0 4%;
}

.mt20 {
    height: 0.533333rem;
    background: #ebebeb;
}
.c {
    padding: 0 3%;
}

.box {
    max-width: 750px;
    min-width: 320px;
    margin: 0 auto;
    overflow-x: hidden;
}
.banner{
    /*margin-top: 2.666667rem;*/
}
.form {
    width: 94%;
    margin: .8rem auto 0;
}
.form-tit{
    position: relative;
    width: 14.0533rem;
    margin: auto;
    line-height: 1.8133rem;
    background: url(../images/zhuanye-tit.png) no-repeat center;
    background-size: contain;
    text-align: center;
}
.form-tit h3{
    font-size: 1.0667rem;
    color: #fff;
    font-weight: bold;
}
.form-n {
    box-shadow: inset 0 0 1.0667rem rgb(30 84 251 / 30%), 0 .2933rem .3467rem rgba(30, 84, 251, .3);
    margin-top: -0.8333rem;
    padding: 1.3rem .5333rem .9rem;
    background-color: #fff;
    box-shadow: inset 0 0 1.0667rem rgba(30, 84, 251, .3);
    border-radius: .5333rem;
    display: flex;
}
.form label.icons {
    display: flex;
    width: 78%;
    height: 2.08rem;
    line-height: 2.08rem;
    font-size: .9467rem;
    border: 1px solid #ff5e2c;
    background-color: #fff;
    border-radius: .4267rem;
    margin: 0 auto .8rem;
    padding-left: .8rem;
}
.form label.icons:before{
    color: #ff5e2c;
}
.form label.icons input {
    margin-left: .2667rem;
    color: #000;
    display: inline-block;
    line-height: 2.08rem;
}

.form input::-webkit-input-placeholder {
    font-size: .7467rem;
    color: #333;
}

.form .form-btn {
    display: block;
    width: 44%;
    padding-right: 4%;
    margin: .6rem auto 0;
    height: 1.76rem;
    line-height: 1.76rem;
    background: linear-gradient(180deg, #fe916a, #f76126);
    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{
    width: 100%;
    padding: 3%;
}
.title{
    text-align: center;
    margin: .8rem 0;
}
.title em{
    display: inline-block;
    font-style: normal;
    font-size: .64rem;
    color: #fff;
    padding-left: .4267rem;
    width: 1.52rem;
    line-height: 1.4133rem;
    font-weight: bold;
    background: url(../images/title-bg.png) no-repeat left / contain;
}
.title h3{
    font-size: 1.0667rem;
    font-weight: bold;
}
.title h3 span{
    font-size: 1.0667rem;
    color: #4659ea;
}
.title p{
    font-size: .64rem;
    padding: 0 4%;
    margin-top: .2667rem;
}
.rongyu{
    display: flex;
    justify-content: space-between;
}
.rongyus{
    width: 25%;
}
.rongyus img{
    width: 1.4933rem;
    margin: .3733rem auto;
}
.rongyus p span{
    font-weight: bold;
}
.n1-n2{
    background: url(../images/n1-bg.png) no-repeat center top / contain;
    display: flex;
    margin-top: .8rem;
    padding-top: 1.0667rem;
}
.n1-n2 .n1-n2-l{
    flex: 1; 
    margin-right: .6667rem;
}
.n1-n2 .n1-n2-l h3{
    font-size: .8rem;
    color: #2d2d2d;
    margin-bottom: .2667rem;
    font-weight: bold;
}
.n1-n2 img{
    width: 9.28rem;
    border-radius: .5333rem;
}
.n1-scour{
    margin-top: 20px;
    text-align: center;
}
.n1-scour p{
    font-size: .48rem;
}
.n2s{
    margin: .8rem 0;
    padding: .8rem 3%;
    box-shadow: 0 .1067rem .2667rem rgba(117, 139, 252, .24);
}
.n2s-tit{
    display: flex;
    justify-content: space-between;
    height: 2.6667rem;
    align-items: center;
}
.n2s-tit h4{
    font-size: .96rem;
    width: 7.9467rem;
    line-height: 1.9733rem;
    padding-left: .8rem;
    margin-left: -3%;
    font-weight: bold;
    color: #fff;
    background: url(../images/banx-tit.png) no-repeat left / contain;
}
.n2s-tit span{
    font-size: 2.6133rem;
    color: #d5d5d5;
    font-weight: bold;
}
.n2s-n p{
    font-size: .8rem;
}
.n2s-n img{
    margin: .8rem 0;
}
.n2s-n ul{
    padding: 0 0 0 .8rem;
}
.n2s-n li{
    font-size: .8rem;
    line-height: 1.4rem;
}
.n2s-n li:before {
    color: #ff3200;
    margin-right: .16rem;
}
.n2s-n li strong{
    font-size: .8rem;
}
.n3{
    background-color: #f0f1f6;
}
.n3-n{
    border-radius: .2667rem;
}
.zhuanye-n{
    border-radius: 0 0 .2667rem .2667rem;
    background-color: #fff;
}
.n3-n-t{
    height: 2.2667rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #758bfc;
    border-radius: .2667rem .2667rem 0 0;
}
.n3-n-t p{
    width: 33.33%;
    font-size: .6933rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.zhuanye-n{
    padding: 0 3%;
}
.zhuanye-n li{
    height: 2.0267rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed #ccc;
}
.zhuanye-n li:last-child{
    border-bottom: 0;
}
.zhuanye-n li.hot{
    color: #ff3200;
}
.zhuanye-n li span{
    width: 33.33%;
    font-size: .6933rem;
    text-align: center;
    position: relative;
}
.zhuanye-n li.hot span:before{
    position: absolute;
    right: 0.4rem;
    top: -0.6rem;
    font-size: 1.06667rem;
    animation: btns 1s infinite;
}
.swiper-pagination-zhuanye,
.swiper-pagination-hj{
    height: 1.3333rem;
    bottom: -.3rem;
    left: 50%;
    border-radius: .6rem;
    transform: translate(-50%);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-pagination-zhuanye .swiper-pagination-bullet,
.swiper-pagination-zhuanye .swiper-pagination-bullet,
.swiper-pagination-hj .swiper-pagination-bullet,
.swiper-pagination-hj .swiper-pagination-bullet {
    width: 1.6667rem;
    height: .32rem;
    margin: 0 -0.1rem;
    border-radius: .32rem;
    background-color: #eaeaea;
    opacity: 1;
}
.swiper-pagination-zhuanye .swiper-pagination-bullet-active,
.swiper-pagination-hj .swiper-pagination-bullet-active{
    outline: none;
    width: 1.3333rem;
    height: .32rem;
    margin: 0;
    position: relative;
    z-index: 10;
    background-color: #ff681b;
}
.n4-n{

}
.n4-n-t{
    display: flex;
    justify-content: space-between;
    background-color: #fafafa;
    height: 1.9733rem;
    align-items: center;
}
.n4-n-t p{
    width: 33.33%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.n4-n-t p.on{
    background-color: #ff3200;
    font-size: .8rem;
    color: #fff;
}
.n4-n-t p.on:before{
    position: absolute;
    bottom: -0.5777rem;
    left: 50%;
    transform: translate(-50%);
    color: #ff3200;
}
.n4-n-n{
    display: none;
}
.n4-n-box .on{
    display: block;
}
.n4-n-box 
.n4-n-nn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.n4-n-np{
    font-size: .8rem;
    margin-top: .8rem;
    display: flex;
    justify-content: flex-start;
    overflow: hidden;
}
.n4-n-np:before{
    display: inline-block;
    content: '';
    width: .1333rem;
    height: .72rem;
    background-color: #ff3200;
    border-radius: .1333rem;
    margin: .2rem .2667rem 0 0;
}
.n4-n-nns{
    width: 49%;
    height: 5.0133rem;
    border-radius: .2667rem;
    margin-top: .8rem;
    position: relative;
}
.n4-n-nns img{
    border-radius: .2667rem;
}
.n4-n-nns p{
    line-height: 1.12rem;
    color: #fff;
    font-size: .64rem;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
    text-align: center;
    background: rgba(29, 28, 28, .7);
    border-radius: 0 0 .2667rem .2667rem;
}
.huaning{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.huanjings{
    width: 49%;
    margin: .2667rem 0;
    position: relative;
}
.huanjings img{
    border-radius: .2667rem;
}
.huanjings p{
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: .64rem;
    width: 3.7333rem;
    line-height: 1.1733rem;
    text-align: center;
    color: #fff;
    border-radius: .1333rem;
    background-color: #ff3200;
    transform: translate(-50%,-50%);
    animation: anm3 2s infinite;
}
.huanjings p:before{
    position: absolute;
    bottom: -0.6777rem;
    left: 50%;
    transform: translate(-50%);
    color: #ff3200;
}
.btm-form{
    background: url(../images/form-bg.jpg) no-repeat top center / cover;
    padding: .8rem 0;
}
.btm-form h3{
    font-size: 1.0667rem;
    color: #fff;
    font-weight: bold;
    padding: .8rem 0 0;
    text-align: center;
}
#form2 label.icons{
    height: 1.6533rem;
    line-height: 1.6533rem;
    border: 0;
    border-radius: 2.08rem;
}
#form2 label.icons:before{
    color: #2f3135;
}
#form2 .form-btn{
    width: 78%;
    background: linear-gradient(90deg, #ff3200, #ff613d);
    text-align: center;
}
#form2 .form-btn input{
    padding: 0;
    display: inline;
}
#form2 .form-btn:after{
    content: none;
}
@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);
    }
}
@keyframes anm3 {
    0%{
        transform: translate(-50%,-70%);
        opacity: .8;
    }
    50%{
        transform: translate(-50%,-50%);
        opacity: 1;
    }
    100%{
        transform: translate(-50%,-70%);
        opacity: .8;
    }
}