html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, 
tfoot, thead, tr, th, td ,textarea,input { margin:0; padding:0;  font-family:  PingFang SC, PingFang SC-Regular; font-weight: Regular;list-style: none;}
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px;  line-height: 1.5; font-family:'Microsoft Yahei','simsun','arial','tahoma';  color: #333;overflow-x: hidden;background-color: #fff;}
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a,
img {
    -webkit-touch-callout: none
}
select{
    appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
select{
    appearance: none;
    background: url(../images/jt.png) no-repeat 97% #F7F7F7;
    background-size: 10px;
    position: relative;
}
a,
a:active,
a:focus,
a:hover,
a:visited {text-decoration: none}
input[type=password],
input[type=text],
textarea {
    resize: none;
    outline: 0;
    -webkit-appearance: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    background: #fff
}
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.flex{ display: flex; }
.flex-bew{ justify-content: space-between;}
.flex-cen{ align-items: center;}
body,html{
    max-width: 750px;
    margin: 0 auto;
    background: url(../images/bg.jpg) no-repeat top #ffffff;
    background-size: 100%;
}
input{
    -webkit-appearance: none;
}
.flex{
    display: flex;
    align-items: center;
}
.flexCon{
    display: flex;
    align-items: center;
    justify-content: center;
}

.appCon{
    padding-top: 3.36rem;
}
/* con1 */
.con1{
    width: 8.53rem;
    margin:0 auto;
    background: #ffffff;
    border-radius: .267rem;
    padding:.44rem .333rem;
    box-shadow: 0rem .053rem .173rem 0rem rgba(0,0,0,0.09); 
}
.con1 ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con1 ul li{
    width: 2.667rem;
    height: 1.707rem;
    border-radius: .107rem;
    background: linear-gradient(180deg,rgba(255,255,255,0.00) 0%, rgba(87,141,241,0.20) 100%);
    border: 1px dashed #578df1;
    margin-bottom: .267rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction:column;
}
.con1 ul li:nth-child(2n){
    background: linear-gradient(180deg,rgba(255,255,255,0.00) 0%, rgba(239,89,41,0.20) 100%);
    border: .013rem dashed #ef5929;
}
.con1 ul li img{
    width: .64rem;
}
.con1 ul li img:nth-child(2){
    display: none;
}
.con1 ul li span{
    font-size: .347rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: bold;
    text-align: CENTER;
    color: #333333;
    margin-top: .1rem;
}
.con1 ul li.active img{
    display: none;
}
.con1 ul li.active img:nth-child(2){
    display: block;
}
.con1 ul li.active {
    background: #578df1;
    border: .013rem dashed #578df1;
}
.con1 ul li:nth-child(2n).active {
    background: #ef5929;
    border: .013rem dashed #ef5929;
}
.con1 ul li.active span{
    color: #fff;
}
.conH2{
    font-size: .48rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: 700;
    text-align: center;
    color: #578df1;
    line-height: .48rem;
    padding-top: .533rem;
}
.con1 article>div>h2{
    padding-top: .3rem;
    padding-bottom: .267rem;
}
.con1 article>div{
    display: none;
}
.con1 article>div:first-child{
    display: block;
}
.con1 dl{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .267rem;
}
.con1 dl span{
    width: .32rem;
    height: .32rem;
    background: #cdcdcd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .293rem;
    color: #fff;
}
.con1 dl dt,.con1 dl dd{
    display: flex;
    align-items: center;
}
.con1 dl dt span{
    background-color: #578DF1;
}
.con1 dl dd span{
    background-color: #CDCDCD;
}
.con1 dl p{
    font-size: .32rem;
    margin-left: .08rem;
    color: #333333;
}
.con1 dl dd p{
    color: #666666;
}
select{
    width: 8.4rem;
    height: 1.173rem;
    padding-left: .2rem;
    margin:0  auto;
    display: block;
    background-image: url(../images/arrow.png) no-repeat right 90%;
    border: .013rem solid #e3e3e3;
    border-radius: .08rem;
    background-color: #fff;
    font-size: .373rem;
    margin-bottom: .4rem;
}
input{
    width: 8.2rem;
    height: 1.1rem;
    padding-left: .2rem;
    margin:0  auto;
    display: block;
    border: .013rem solid #e3e3e3;
    border-radius: .08rem;
    font-size: .373rem;
    margin-bottom: .4rem;
}
.conA{
    width: 8.4rem;
    height: 1.173rem;
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .467rem;
    font-weight: bold;
    color: #FFFFFF;
    background: #ef5929;
    border-radius: .08rem;
}


/* con2 */
.con2{
    padding-bottom: 40px;
}
.con2 dl{
    width: 9.2rem;
    margin:0 auto;
    margin-top: .533rem;
    border-radius: .133rem;
    border-bottom: .1rem solid #578DF1;
    background: linear-gradient(180deg,rgba(255,255,255,0.00) 0%, rgba(87,141,241,0.20) 100%);
}
.con2 dl dt{
    height: 1.173rem;
    background: #578df1;
    border-radius: .133rem;
    font-size: .48rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: 500;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0rem .053rem .107rem 0rem rgba(87,141,241,0.50); 
}
.con2 dl dd{
    display: none;
    margin:0 auto;
    padding: .533rem 0;
    width: 9.2rem;
    border-radius: 8px;
    box-shadow: 0px 6px 0px 0px #578df1; 
}
.con2 dl dd h2{
    font-size: .4rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Medium;
    font-weight: bold;
    color: #333333;
    line-height: .48rem;
    letter-spacing: .002rem;
    padding-left: .4rem;
    margin-bottom: .267rem;
}
.con2 dl dd p{
    display: flex;
    padding:0 .4rem;
    justify-content: space-between;
    margin-bottom: .4rem;
}
.con2 dl dd p a{
    width: 2.4rem;
    height: .907rem;
    background: #ffffff;
    border: .013rem solid #e3e3e3;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .373rem;
    color: #333;
}
.con2 dl dd p a.active{
    background-color: #578DF1;
    border-color: #578DF1;
    color: #fff;
}

/* con3 */
.con3{
    background: url(../images/con3.png) no-repeat top;
    background-size: 100% 100%;
    padding: .533rem 0;
}
.con3 dl{
    width: 9.2rem;
    margin:0 auto;
    padding-top: .2rem 0;
}
.con3 .dl1{
    background-color: #fff;
    border-radius: .133rem;
    padding-top:.5rem;
    padding-bottom: .667rem;
}
.con3 dl dt{
    font-size: .48rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: center;
    margin-bottom: .4rem;
    padding-bottom: .1rem;
}
.con3 .dl1 dt{
    background: url(../images/bt1.png) no-repeat bottom;
    background-size: 4.32rem;
    color: #578DF1;
}
.con3 .dl2 dt{
    background: url(../images/bt2.png) no-repeat bottom;
    background-size: 3.253rem;
    margin-top: .533rem;
    margin-bottom: .1rem;
    color: #ffffff;
}
.con3 .dl1 dd{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .4rem;
    padding:0 .4rem;
}
.con3 .dl1 dd a{
    width: 1.987rem;
    height: .893rem;
    border: .013rem solid #4a4a4a;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .347rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Regular;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .267rem;
}
.con3 .dl1 dd a:hover{
    background-color: #578DF1;
    color: #fff;
    border-color: #578DF1;
}
.con3 dl ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.con3 dl ul li{
    width: 2.893rem;
    background: #ffffff;
    margin-top: 1.067rem;
    box-shadow: 0rem 0rem .147rem 0rem rgba(0,0,0,0.11); 
    position: relative;
}
.con3 dl ul li img{
    width: 1.333rem;
    position: absolute;
    top:-0.667rem;
    left:50%;
    margin-left: -0.667rem;
}
.con3 dl ul li span{
    font-size: .4rem;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #333333;
    padding-top: .76rem;
}

.con3 dl ul li p{
    height: 1.867rem;
    padding:0 .133rem;
    font-size: .32rem;
    color: #333333;
    line-height: .433rem;
}
.con3 dl ul li a{
    width: 2.133rem;
    height: .613rem;
    background: #578df1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
    font-size: .347rem;
    color: #fff;
    margin-bottom: .267rem;
    margin-top: .1rem;
}
.con3 dl ul li:hover a{
    background-color: #EF5929;
}

/* con4 */
.con4{
    padding-top: .4rem;
    border-bottom: .4rem solid #F5F5F5;
    padding-bottom: .267rem;
}
.con4 h2{
    border-bottom: .053rem solid #578DF1;
    display: flex;
    align-items: center;
    padding:0 .4rem;
    justify-content: space-between;
    margin-bottom: .267rem;
}
.con4 h2 p{
    display: flex;
}
.con4 h2 p span{
    width: 3.507rem;
    height: .88rem;
    background: #578df1;
    font-size: .48rem;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.con4 h2 p i{
    border-left: .44rem solid #4673C7;
    border-bottom: 0 solid transparent;
    border-top: .88rem solid transparent;
}
.con4 h2 a{
    font-size: .32rem;
    color: #666666;
}
.con4 ul{
    padding:0 .373rem;
}
.con4 ul li{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: .7rem;
}
.con4 ul li p{
    display: flex;
    align-items: center;
    font-size: .373rem;
    color: #333333;
}
.con4 ul li p img{
    width: .373rem;
    margin-left: .133rem;
}
.con4 ul li span{
    font-size: .267rem;
    color: #999999;
}
.con4 ul li:nth-child(1) p{
    color: #DA2525;
}
.con4 ul li:nth-child(2) p{
    color: #DA2525;
}
.con4 ul li:hover p{
    text-decoration: underline;
}
.con4 ol li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 .373rem;
    margin-bottom: .233rem;
}
.con4 ol li dl{
    flex:1;
}
.con4 ol li dl dt,.con4 ol li dl dd{
    display: flex;
    align-items: center;
}
.con4 ol li dl span{
    width: .4rem;
    height: .4rem;
    background: linear-gradient(222deg,#ea4c25 0%, #fe6a38 100%);
    border-radius: .04rem .133rem .04rem .133rem;
    display: flex;
    align-items: center;
    font-size: .293rem;
    color: #fff;
    justify-content: center;
    margin-right: .107rem;
}
.con4 ol li dl dd span{
    background: linear-gradient(222deg,#21b762 0%, #33cd7b 100%);
}
.con4 ol li dl dt{
    margin-bottom: .093rem;
}
.con4 ol li dl dt p{
    flex:1;
    border-bottom: .013rem dashed #EEEEEE;
    padding: .093rem 0;
    font-size: .373rem;
    font-weight: bold;
    color: #333333;
}
.con4 ol li dl dd p{
    font-size: .347rem;
    color: #4F4F4F;
}
.con4 ol li a{
    width: 1.773rem;
    height: .573rem;
    border-radius: .08rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #578DF1;
    font-size: .347rem;
    color: #FFFFFF;
    margin-left: .4rem;
}
.con4 ol li:hover a{
    background-color: #EF5929;
}
/* con5 */
.con5{
    padding:0 .4rem
}
.con5>h2{
    padding-top: .467rem;
    font-size: .48rem;
    color: #578DF1;
    text-align: center;
    background:url(../images/tb.png) no-repeat bottom;
    background-size: 7.253rem;
    padding-bottom: .067rem;
    margin-bottom: .267rem;
}
.con5 ul li{
    background: #ffffff;
    border-radius: .08rem;
    display: flex;
    box-shadow: 0rem 0rem .107rem 0rem rgba(0,0,0,0.15); 
    margin-bottom: .4rem;
}
.con5 ul li img{
    width: 4.213rem;
    margin-right: .267rem;
}
.con5 ul li dl{
    display: flex;
    flex-direction: column;
}
.con5 ul li h2{
    font-size: .4rem;
    font-family: Source Han Sans CN, Source Han Sans CN-Bold;
    font-weight: bold;
    text-align: left;
    color: #333333;
    flex-shrink: 0;
    padding-top: .227rem;
}
.con5 ul li dl dd{
    font-size: .347rem;
    color: #666666;
    line-height: .453rem;
    letter-spacing: .001rem;
    flex-grow: 2;
    padding-top: .133rem;
}
.con5 ul li dl a{
    width: 2.4rem;
    height: .747rem;
    background: #578df1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .08rem;
    font-size: .347rem;
    color: #fff;
    flex-shrink: 0;
    margin-bottom: .3rem;
}
.con5 ul li:hover a{
    background-color: #EF5929;
}













.footer{
    line-height: 1rem;
    color: #333;
    text-align: center;
    background-color: #F5F5F5;
}

.zhezhao{
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    left:0;
    top:0;
    background: rgba(0,0,0,0.6);
}
.kiss{
    display: none;
    width: 6.133rem;
    height: 5.827rem;
    position: fixed;
    top:50%;
    margin-top: -2.907rem;
    left:50%;
    margin-left: -3.061rem;
    background-color: #fff;
    border-radius: .067rem;
    transform: scale(1.2);
}
.kiss .close{
    position: absolute;
    right:.267rem;
    top:.2rem;
    width: .32rem;
}
.kiss a{
    width: 4rem;
    height: .8rem;
    background: #0389FB;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .267rem;
    font-family: Source Han Sans CN;
    font-weight: 500;
    color: #FFFFFF;
    margin:0 auto;
    margin-bottom: .333rem;
    border-radius: .08rem;
}
.kiss h2{
    font-size: .4rem;
    color: #333333;
    margin-top: .8rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: .267rem;
}

.kiss dl{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .267rem 0;
    margin-bottom: .267rem;
}
.kiss dl span{
    width: .32rem;
    height: .32rem;
    background: #cdcdcd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .293rem;
    color: #fff;
}
.kiss dl dt,.kiss dl dt{
    display: flex;
    align-items: center;
}
.kiss dl dt span{
    background-color: #CDCDCD;
}
.kiss dl p{
    font-size: .32rem;
    margin-left: .08rem;
    color: #333333;
}
.kiss dl dt {
    padding:0 .107rem;
}
.kiss dl dt p{
    color: #666666;
}
.kiss select{
    width: 5.133rem;
    height: .747rem;
    font-size: .347rem;
    margin-bottom: .3rem;
}
.kiss input{
    height: .747rem;
    width:4.4rem;
    font-size: .347rem;
    background: url(../images/phone.png)  no-repeat left;
    background-size: .307rem;
    background-position-x: .267rem;
    padding-left: .7rem;
}
.kiss1{
    height: 4.067rem;
    padding-top: .733rem;
}
.kiss1 h3{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .4rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: .333rem;
}
.kiss1 h3 img{
    width: .48rem;
    height: .48rem;
    margin-right: .133rem;
}
.kiss1 p{
    font-size: .347rem;
    text-align: center;
    color: #333333;
    margin-bottom: .453rem;
}
.kiss1 a{
    width: 2.227rem;
    height: .747rem;
}