*{margin:0;padding:0;border:0;}
li{list-style-type:none;}
.clearfix:before, .container:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* IE 6/7 */
.clearfix { zoom: 1; }
body{min-width: 3.2rem; max-width: 7.5rem; width: 100%;color:#333333; margin: 0rem auto;font-family:"微软雅黑";background:#ffffff; font-size:.16rem;}

img{ width:100%;}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
    border: medium none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-family:"微软雅黑";
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.justify-center {
  display: flex;
  justify-content: center;
}


.head {
    height: 1.1rem;
}
.head .head_logo {
    margin-top: 0.3rem;
    margin-left: 0.4rem;
    width:2.0rem;
    height:0.52rem;

}
.head .head_tel {
    width:0.56rem;
    height: 0.56rem;
    margin-top: 0.3rem;
    margin-right: 0.4rem;
}
.box1 {
    width: 7rem;
    margin:0 auto;
    overflow: hidden;
}
.box1_1 {
    width: 6.94rem;
    height: 1.28rem;
    background: #144AFF;
    border-radius: 0.12rem;
    margin-top: 0.36rem;
    margin-bottom: 0.5rem;
}
.box1_img {
    width:0.8rem;
    height: 0.8rem;
    margin-top: 0.24rem;
    margin-left: 0.28rem;
}
.box1_tt {
    /*width: 1.12rem;*/
    height: 0.4rem;
    font-family: D-DIN-PRO, D-DIN-PRO;
    font-weight: 600;
    font-size: 0.48rem;
    color: #00FFF5;
    line-height: 0.4rem;
    text-align: left;
    font-style: normal;
    margin-top: 0.44rem;
    margin-left: 0.15rem;
}
.box1_txt {
width: 4.02rem;
height: 0.36rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.28rem;
color: #FFFFFF;
line-height: 0.36rem;
text-align: left;
font-style: normal;
    margin-top: 0.46rem;
    margin-left: 0.3rem;
}
.box2 {
    overflow:hidden;
    background: url(../images/box2_bg.png) no-repeat; background-size: 100% 100%;
    width:7.5rem;
    height: 6.16rem;
}
.box2_tt {
height: 0.48rem;
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: left;
font-style: normal;
margin-top: 0.4rem;
}
.box2_txt {
height: 1.08rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #667085;
line-height: 0.36rem;
text-align: center;
font-style: normal;
padding:0.2rem;
}

.box2_name,.box2_moblie {
    width: 6.86rem;
height: 0.84rem;
background: #FFFFFF;
border-radius: 0.16rem;
border: 2px solid rgba(102,112,133,0.2);
margin-bottom: 0.2rem;
margin-left: 0.3rem;
}
.box2_name input,.box2_moblie input {
    outline:none;
    background-color:transparent;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.28rem;
color: #666666;
text-align: left;
font-style: normal;
width:4.7rem;
}

.box2_name i {
    background: url(../images/nameico.png) no-repeat; background-size: 100% 100%;
    width:0.3rem;
    height:0.35rem;
    display:block;
    margin: 0.23rem 0.1rem 0 0.26rem;
}

.box2_moblie i {
    background: url(../images/moblieico.png) no-repeat; background-size: 100% 100%;
    width:0.3rem;
    height:0.35rem;
    display:block;
    margin: 0.23rem 0.1rem 0 0.26rem;
}

.box2_name span,.box2_moblie span {
line-height: 0.84rem;
width: 1.04rem;
height: 0.48rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.28rem;
color: #666666;
text-align: left;
font-style: normal;
}

.box2 .box_btn {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}
.box_btn a {
width: 3.42rem;
height: 0.88rem;
background: #144AFF;
border-radius: 0.44rem;
margin: 0 auto;
}
.box_btn span {
    font-family: PingFangSC, PingFang SC;
font-weight: 500;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.52rem;
text-align: left;
font-style: normal;
text-transform: uppercase;
margin:0.18rem 0.18rem 0 0.86rem;
}
.box_btn i {
    background: url(../images/jiantou.png) no-repeat; background-size: 100% 100%;
    width:0.36rem;
    height:0.24rem;
    display:block;
    margin-top: 0.3rem;
}
.box3_1  {
    width:6.86rem;
    height: 5.2rem;
    overflow:hidden;
}
.box3_1 img {
    width:6.86rem;
    height: 4.68rem;
}

.box3_tt {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: left;
font-style: normal;
margin-top: 0.4rem;
}
.box3_txt {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #667085;
line-height: 0.36rem;
text-align: center;
font-style: normal;
margin-bottom: 0.4rem;
}

.box3 .box_btn {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
}

.box4 {
    overflow: hidden;
    background: url(../images/box4_bg.png) no-repeat; background-size: 100% 100%;
    width:7.5rem;
    height:9.42rem;
}
.box4_lb {
    width: 6.84rem;
height: 7.8rem;
margin:0 auto;
overflow:hidden;
}

.box4_tt {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: left;
font-style: normal;
margin-top: 0.4rem;
margin-bottom: 0.4rem;
}

.box4_1 {
width: 6.8rem;
height: 7rem;
background: linear-gradient( 180deg, #F5F9FF 0%, #FFFFFF 100%);
border-radius: 0.2rem;
border: 2px solid #FFFFFF;
/*margin:0 auto;*/
padding-top: 0.25rem;
}

.box4_img {
    width:6.38rem;
    height:3.6rem;
    margin:0 auto;
}
.box4_txt h3 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.28rem;
color: #000000;
line-height: 0.48rem;
text-align: center;
font-style: normal;
margin-top: 0.2rem;
}
.box4_txt p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #667085;
line-height: 0.36rem;
text-align: center;
font-style: normal;
padding: 0 0.2rem;
}

.box5 {
width: 7.5rem;
height: 10.1rem;
background: linear-gradient( 180deg, #EDF3F9 0%, #DFE6F1 100%);
padding-top: 0.4rem;
}
.box5_txt {
    width: 6.86rem;
height: 3.8rem;
background: linear-gradient( 180deg, rgba(255,255,255,0.5) 0%, #FFFFFF 100%);
border-radius: 0.2rem;
border: 2px solid #FFFFFF;
backdrop-filter: blur(0.26rem);
margin:0 auto;
position: relative;
top: -1.08rem;
}
.box5_txt h3 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: center;
font-style: normal;
margin-top: 0.3rem;
margin-bottom: 0.1rem;
}
.box5_txt p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #667085;
line-height: 0.36rem;
text-align: center;
font-style: normal;
padding:0 0.2rem;
}
.box5_img {
    background: url(../images/box5_bg.png) no-repeat; background-size: 100% 100%;
    width:6.2rem;
    height: 4.66rem;
    margin:0 auto;
}
.box5_num {
    width: 6.86rem;
height: 1.68rem;
background: #144AFF;
border-radius: 0.12rem;
margin: 0 auto;
position: relative;
top: -0.7rem;
}
.box5_num_1,.box5_num_3 {
    display:block;
width: 1rem;
height: 0.6rem;
font-family: D-DIN-PRO, D-DIN-PRO;
font-weight: 600;
font-size: 0.36rem;
color: #FFFFFF;
line-height: 0.6rem;
text-align: left;
font-style: normal;
margin-top: 0.25rem;
}
.box5_num_2 {
    display:block;
width: 1.3rem;
height: 0.6rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #FFFFFF;
line-height: 0.6rem;
text-align: left;
font-style: normal;
margin-top: 0.25rem;
opacity: 0.8;
}

.box5_num_4 {
    display:block;
width: 3rem;
height: 0.6rem;
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #FFFFFF;
line-height: 0.6rem;
text-align: left;
font-style: normal;
margin-top: 0.25rem;
opacity: 0.8;
}
.box6 {
    overflow:hidden;
    background: url(../images/box6_bg.png) no-repeat; background-size: 100% 100%;
    width:7.5rem;
    height: 8.04rem;
}
.box6_tt {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: center;
font-style: normal;
margin-top: 0.4rem;
margin-bottom: 0.3rem;
}
.box6_img {
    width:6.86rem;
    height: 6.24rem;
    margin: 0 auto;
}
.box7 {
    overflow:hidden;
background: linear-gradient( 180deg, #EDF3F9 0%, #DFE6F1 100%);
padding-bottom: 0.5rem;
}
.box7_tt {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #000000;
line-height: 0.48rem;
text-align: center;
font-style: normal;
margin-top: 0.4rem;
margin-bottom: 0.1rem;
}
.box7_txt {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.24rem;
color: #667085;
line-height: 0.36rem;
text-align: center;
font-style: normal;
margin-bottom: 0.3rem;
}
.box7_list {
    width: 6.86rem;
background: #FFFFFF;
border-radius: 0.2rem;
margin: 0 auto;
overflow:hidden;
}
.box7_list_1 {
    overflow:hidden;
    margin:0.3rem 0.3rem;
}
.box7_list_ico1 {
    background: url(../images/box7_list_ico1.png) no-repeat; background-size: 100% 100%;
    width:0.6rem;
    height: 0.6rem;
    float: left;
    display:block;
}
.box7_list_ico2 {
    background: url(../images/box7_list_ico2.png) no-repeat; background-size: 100% 100%;
    width:0.6rem;
    height: 0.6rem;
    float: left;
    display:block;
}
.box7_list_ico3 {
    background: url(../images/box7_list_ico3.png) no-repeat; background-size: 100% 100%;
    width:0.6rem;
    height: 0.6rem;
    float: left;
    display:block;
}
.box7_list_ico4 {
    background: url(../images/box7_list_ico4.png) no-repeat; background-size: 100% 100%;
    width:0.6rem;
    height: 0.6rem;
    float: left;
    display:block;
}
.box7_list_txt {
    width:5.4rem;
    margin-left: 0.2rem;
    float: left;
}
.box7_list_txt h3 {
font-family: PingFangSC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #121127;
line-height: 0.44rem;
text-align: left;
font-style: normal;
text-transform: none;
}
.box7_list_txt p {
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 0.28rem;
color: #667085;
line-height: 0.44rem;
text-align: left;
font-style: normal;
}
.box7_list_boder {
border: 2px solid #144AFF;
opacity: 0.2;
margin-top: 0.3rem;
}