*{
    margin: 0;
    padding: 0;
}
li{
    list-style: none;
}
body {
    font-family: "PingFangSC-normal","微软雅黑";
    max-width: 750px;
    margin: 0 auto;
}
html {
  font-size: 26.67vw;
}


@media screen and (min-width: 960px) {
  html {
    font-size: 200px;
  }
}

a {
    text-decoration: none;
    cursor: pointer;
}
select{
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }
.clear{
    clear:both;
}
.xz_div{
    width:100%;
    height: 0.76rem;
    background:url("../images/xz_bj.png") no-repeat;
    background-size: 100% 100%;
    margin-top: 0.2rem;
    margin-bottom: 0.4rem;
}
.xz_div ul{
    padding: 0.15rem 0.68rem;

}
.xz_div li{
    width:49%;
    height: 0.45rem;
    border-right:1px solid rgb( 255,255,255);
    float: left;
}
.xz_div li img{
    width:0.34rem;
    display: block;
    float: left;
    margin-right:0.1rem;
    margin-top: 0.06rem;
}
.xz_div li p{
    /*width:0.34rem;*/
    display: block;
    float: left;
    font-size: 0.3rem;
    color:rgb(255,255,255);
}
.all{
    width: 7.5rem;
    margin: auto;
    text-align: center;
}
.nav_logo{
	position: absolute;
	width: 0.5rem;
	width: 0.5rem;
	font-size: 0.28rem;
	margin-top: 0.35rem;
	margin-left: 0.15rem;
}
.nav_logo img{
	width: 100%;
	width: 100%;
}
.nav{
    display: flex;
    justify-content: space-between;
    width: 7.5rem;
    height: 0.9rem;
    position: fixed;
    top: 0;
    z-index: 100;
    background: white;
}
.nav p{
    width: 24.9%;
    line-height: 0.7rem;
    color: white;
    font-size: 0.28rem;
    line-height: 0.9rem;
    background: rgb(74,141,221);
}
.box1{
    width: 7.5rem;
    height: 7rem;
    background: url("../images/1.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.8rem 0;
    margin-top: 0.7rem;
}
.back-blue{
    width: 5rem;
    height: 0.9rem;
    line-height: 0.9rem;
    color: white;
    background: rgb(74,141,221);
    box-shadow: 0 0.06rem 0.06rem rgba(37, 165, 250, 0.3);
    font-size: 0.34rem;
    margin: 0 auto 0.2rem;
    border-radius: 0.1rem;
}
.box1>img{
    width: 6.07rem;
    display: block;
    margin-bottom: 0.1rem;
    margin: 0 auto;
}
.box1 .w1 img{
    width: 0.74rem;
    vertical-align: middle;
}
.box1 .w1 img:nth-of-type(2){
    width: 4.02rem;
    margin: 0 0.1rem;
}
.box1 .w2 img{
    width: 1.6rem;
    margin: 0.2rem 0.3rem;
}
.box2{
    /*width: 750px;*/
    margin: 0.8rem 0.3rem 0;

}
.all-h{
    font-size: 0.4rem;
    line-height: 0.56rem;
    margin-bottom: 0.3rem;
}
.all-h a{
    color: rgb(74,141,221);
}
.box2 ul{
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid rgb(74,141,221);
    border-bottom: none;
}
.box2 li{
    list-style: none;
    border-right: 1px solid rgb(74,141,221);
}
.box2 li h4 {
    width: 2.4rem;
    color: rgb(74,141,221);
    font-size: 0.24rem;
    line-height: 1.26rem;
    background: rgb(245, 250, 253);
    border-bottom: 1px solid rgb(74,141,221);
}
.box2 li p{
    width: 2.24rem;
    font-size: 0.22rem;
    color: rgb(102,102,102);
    line-height: 0.63rem;
    border-bottom: 1px solid rgb(74,141,221);
}
.box2 li span{
    width: 1.4rem;
    height: 0.44rem;
    display: inline-block;
    background: rgb(74,141,221);
    color: white;
    font-size: 0.2rem;
    line-height: 0.44rem;
    margin: 0.1rem auto 0;
    border-radius: 0.1rem;
}
.box3{
    width: 7.5rem;
    height: 8.64rem;
    background: rgb(249,249,249);
    box-sizing: border-box;
    padding: 0.6rem 0.4rem;
    margin: 0.6rem 0;
}
.flex3{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.flex3 img{
    width: 1.2rem;
    display: block;
    margin: auto;
}
.flex3 span{
    display: block;
    width: 1.98rem;
    height: 0.68rem;
    line-height: 0.68rem;
    /*border: 1px solid rgb(74,141,221);*/
    /*border-radius: 10px;*/
    /*color: rgb(74,141,221);*/
    font-size: 0.3rem;
    margin: 0 auto 0.23rem;
}
.time{
    margin:0.4rem auto 0.64rem;
}
.time .all-h{
    font-size: 0.4rem;
    margin-bottom: 0.2rem;
    line-height: 0.38rem;
}
.time .all-h a{
    font-size: 0.24rem;
}
.time div{
    width: 2.7rem;
    display: flex;
    align-items: flex-end;
    font-size: 0.24rem;
    margin:0 auto ;
}
.time span{
    display: block;
    width: 0.9rem;
    height: 0.96rem;
    background: white;
    border-radius: 0.1rem;
    font-size: 0.48rem;
    line-height: 0.96rem;
    margin: 0 0.1rem;
    color: rgb(200,0,0);
    box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.box4{
    width: 7.5rem;
    height: 5.01rem;
    background: url("../images/4.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.4rem 0.3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0.4rem;
    margin-top: 0.6rem;
}
.box4 p{
    width: 1.5rem;
    height: 0.6rem;
    background: white;
    border-radius: 0.1rem;
    box-shadow: 0 6px 8px rgba(0,0,0,0.2);
    font-size: 0.26rem;
    line-height: 0.6rem;
    margin-bottom: 0.3rem;
}

.box5{
    width: 7.5rem;
    height: 6.86rem;
    background: rgb(249,249,249);
    box-sizing: border-box;
    padding: 0.4rem ;
    margin: 0.5rem auto;
}
.box5 ul{
    box-sizing: border-box;
    padding: 0 0.3rem;
    margin-top: 0.35rem;
}
.box5 li{
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box5 p{
    width: 5rem;
    line-height: 0.37rem;
    padding: 0.2rem 0;
    font-size: 0.26rem;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: left;
}
.box5 li:last-child p{
    border-bottom: none;
}
.box5 p a{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    border-radius: 0.1rem;
    background: rgb(74,141,221);
    color: white;
    font-size: 0.26rem;
    line-height: 0.4rem;
    text-align: center;
    margin-right: 0.15rem;
}
.box5 span{
    width: 1.6rem;
    height: 0.6rem;
    display: block;
    border-radius: 0.12rem;
    background: rgb(74,141,221);
    color: white;
    line-height: 0.6rem;
    font-size: 0.26rem;
}
.box6{
    margin: 0.8rem 0.3rem 0;

}
.flex6{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.1rem;
}
.flex6 div{
    width: 3.32rem;
    height: 3.5rem;
    background: url("../images/605.png") no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.19rem;
    margin-bottom: 0.3rem;
}
.flex6 img{
    width: 2.92rem;
}
.flex6 .ptit{
    font-size: 0.3rem;
    /* margin: 0.2rem 0; */
    line-height: 0.42rem;
}
.flex6 .pit{
    color: white;
    font-size: 0.3rem;
    text-align: center;
    /* line-height: 0.6rem; */
    margin-top: .2rem;
}
.box7{
    width: 7.5rem;
    height: 15.26rem;
    box-sizing: border-box;
    padding: 0.6rem 0.3rem;
    background: rgb(249,249,249);
    margin-top: 0.5rem;
 }
.flex7{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0.28rem 0;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    text-align: left;
}
.flex7:nth-of-type(4){
    border-bottom: none;
    margin-bottom: 0.1rem;
}
.flex7 img{
    width: 2.45rem;
    margin-right: 0.28rem;
}
.flex7 h2{
    font-size: 0.36rem;
    line-height: 0.5rem;
}
.flex7 p{
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: rgb(102,102,102);
    margin: 0.09rem 0;
}
.flex7 span{
    display: block;
    width: 1.8rem;
    height: 0.6rem;
    background: rgb(74,141,221);
    box-shadow: 0 6px 6px rgba(37, 165, 250, 0.3);
    color: white;
    line-height: 0.6rem;
    border-radius: 0.1rem;
    text-align: center;
    font-size: 0.28rem;
}
.box8{
    margin: 0.6rem 0.3rem;
}
.box8 li{
    display: flex;
    height: 1.15rem;
    position: relative;
}
.box8 li img:nth-of-type(1){
    width: 0.24rem;
    height: 0.24rem;
    margin: 0.22rem 0.12rem 0 0;
}
.box8 li img:nth-of-type(2){
    width: 0.2rem;
    margin-right: 0.12rem;
}
.box8 li p{
    font-size: 0.28rem;
    line-height: 0.6rem;
}
.box8 li span{
    display: block;
    width: 1.55rem;
    height: 0.5rem;
    background: rgb(74,141,221);
    box-shadow: 0 6px 6px rgba(37, 165, 250, 0.3);
    color: white;
    font-size: 0.24rem;
    line-height: 0.5rem;
    border-radius: 0.1rem;
    position: absolute;
    bottom: 0;
    right: 0;
}
.box8 ul{
    margin-bottom: 0.4rem;
}
.footer{
    line-height: 0.8rem;
    background: #333;
    color: white;
    height: 0.8rem;
    font-size: 0.28rem;
}