@charset "utf-8";

/* --------------index-start-------------- */
.pb{padding-bottom: 3rem;}

body{
    max-width:750px;
    margin: 0 auto;
    padding-bottom: 2rem;
}

.flex-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.relative{position: relative;}

select:focus{outline: none;}

.bacff{background: #fff;}

.top-banner{
    position: relative;
}

.logo{
    width: 1.66rem;
    position: absolute;
    top: .1rem;
    left: .3rem;
}

.ad-box{
    padding: .58rem .36rem .3rem;
    background: url(../images/bg-1.jpg) center no-repeat;
    background-size: cover;
}

.img{
    width: 6.7rem;
    margin: auto;
}

.click-btn{
    display: block;
    width: 5rem;
    height: .8rem;
   
    margin: .4rem auto 0;
}

.btn{
     background: url(../images/btn.png) center center no-repeat;
    background-size: 100% 100%;
}

.text{
    font-size: .28rem;
    color: #193c67;
    padding-top: .28rem;
    text-align: center;
}

.title-box{
    font-size: .36rem;
    color: #193c67;
    line-height: .62rem;
    width: 5rem;
    font-weight: bold;
    text-align: center;
    border-top: 2px solid #294668;
    border-bottom: 2px solid #294668;
    margin: auto;
}

.section1{
    padding: .95rem .86rem .75rem;
    background: #fff;
}

.sub{
    font-size: .28rem;
    color: #193c67;
    text-align: center;
    padding: .32rem 0 .45rem;
    line-height: 2;
    font-weight: bold;
}

.zs-list li{
    float: left;
    width: 2.2rem;
    margin-bottom: .3rem;
}

.zs-list li:nth-child(2n){float: right;}

.p-text{
    font-size: .24rem;
    color: #fff;
    line-height: .5rem;
    text-align: center;
    background: #193c67;
    margin-top: .1rem;
}

.btn-1{
    background: url(../images/btn-1.png) center center no-repeat;
    background-size: 100% 100%;
}

.section2{
    padding: .74rem .28rem .77rem;
    background: #f2f2f2;
}

.text-list li{
    font-size: .3rem;
    color: #193c67;
    margin-bottom: .1rem;
    line-height: 1.4;
}

.text-list{margin: .6rem 0;}

.data{
    width: 6.35rem;
    margin-left: .3rem;
}

.btn-2{
    background: url(../images/btn-2.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .6rem;
}

.section3{
    padding: .68rem 0 1.22rem;
}

.company{
    font-size: .3rem;
    color: #193c67;
    margin-top: .3rem;
    text-align: center;
    line-height: 1.4;
}

.img-5{
    width: 6.04rem;
    margin: .53rem auto .63rem;
}

.btn-3{
    background: url(../images/btn-3.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: 0rem;
}

.section4{
    padding-bottom: .8rem;
}

.img-6{
    width: 7.02rem;
    margin: .4rem auto 0;
}

.btn-4{
    background: url(../images/btn-4.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .5rem;
}

.section5{
    padding: .5rem 0;
    background: url(../images/bg-2.jpg) center no-repeat;
    background-size: cover;
}

.city-list{margin-top: .58rem;}

.city-list li{
    overflow: hidden;
    padding: 0 .34rem;
}

.sp-left{
    width: 1.2rem;
    height: .6rem;
    font-size: .3rem;
    color: #fff;
    background: #294668;
    line-height: .6rem;
    text-align: center;
    border-radius: 4px;
    float: left;
}

.text-info{
    padding-left: 1.46rem;
    padding-top: .18rem;
    font-size: .26rem;
    color: #325185;
    line-height: 1.3;
    font-weight: bold;
}

.city-list li:first-child{margin-bottom: .26rem;}
.city-list li:last-child{margin-top: .6rem;}

.btn-5{
    background: url(../images/btn-5.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .5rem;
}

.section6{
    padding: .7rem 0.25rem .8rem;
}

.title-box-long{width: 5.4rem;}

.people-list{
    margin-top: .44rem;
}

.people-list li{
    margin-bottom: .1rem;
    overflow: hidden;
}

.people-list li img{
    float: left;
    width: 3rem;
    height: 2rem;
}

.infor-right{
    padding-left: 3.15rem;
}

.title{
    font-size: .28rem;
    color: #fff;
    width: 2rem;
    height: .6rem;
    background: #294668;
    line-height: .6rem;
    text-align: center;
    margin-left: -.3rem;
    margin-top: .1rem;
    position: relative;
    top: 0;
    z-index: 2;
    font-weight: bolder;
}

.sub1{
    font-size: .26rem;
    color: #193c67;
    line-height: 1.5;
    padding-top: .1rem;
    font-weight: bold;
}

.btn-6{
    background: url(../images/btn-6.jpg) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .64rem;
}

.section7{
    padding: .64rem 0;
    background: #f2f2f2;
}

.img-10{
    width: 6.65rem;
    margin-top: .4rem;
}


.btn-7{
    background: url(../images/btn-7.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .74rem;
}

.title-box-b{
    font-size: .36rem;
    color: #344f7b;
    font-weight: bold;
    text-align: center;
}

.section8{
    padding: .6rem .2rem .8rem;
}

.lists{
    padding: .4rem .5rem .26rem;
    background: #eef2f6;
    border: 1px dashed #325185;
    border-radius: 5px;
    margin-top: .2rem;
}

.lists li span{
    font-size: .24rem;
    color: #344f7b;
    font-weight: bold;
}

.lists li{
    padding: 0 .2rem;
    background: #fff;
    border-radius: 6px;
    line-height: .45rem;
    margin-bottom: .1rem;
}

.lists li:last-child{margin-bottom: 0;}

.lists li span strong{color: #ff8d12;font-size: .24rem;font-weight: bold;}
.btn-8{
    background: url(../images/btn-8.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .24rem;
}

.footer{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    background: #e5e5e5;
    padding: 0 .4rem;
}

.zixun{
    width: .42rem;
    height: .46rem;
}

.link  span{
    font-size: .28rem;
    color: #325185;
    font-weight: bold;
    margin-left: .1rem;
}

.link{
    display: flex;
    align-items: center;
    line-height: 1.3rem;
}

.lingqu{
    width: .48rem;
    height: .39rem;
}

.zhinan {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1.14rem;
    bottom: -.5rem;
}

.zhinan img{
    width: 2.28rem;
    height: 2.29rem;
}

.title-left p{
    font-size: .3rem;
    color: #fff;
    text-align: center;
    line-height: .4rem;
}

.title-left{
    background: #294668;
    width: 1.2rem;
    height: 1.4rem;
    padding-top: .3rem;
    border-radius: 3px;
}

.right-con-l{
    width: 5.32rem;
}
.number{
    width: .55rem;
    height: .55rem;
    font-size: .36rem;
    color: #fff;
    line-height: .55rem;
    text-align: center;
    background: #FCAA02;
    

}

.right-con-l li{
    display: flex;
    align-items: center;
    background: url(../images/b.png) center no-repeat;
    background-size: 100% 100%;
    margin-bottom: .1rem;
}

.right-con-l p{
    width: 4.77rem;
    font-size: .3rem;
    color: #fff;
    padding-left: .18rem;
    line-height: .55rem;
    border-left: .02rem solid #fff;
}

.section5-1{
    padding: .65rem 0;
}

.years{
    text-align: center;
    font-size: .26rem;
    color: #133763;
    margin: .37rem 0 .5rem;
    font-weight: bold;
}

.years strong,.inforli li a,.inforli li strong{
    font-size: .26rem;
    color: #fcaa02;
    font-weight: bold;
}

.inforli li{
    font-size: .26rem;
    color: #133763;
    margin-bottom: .25rem;
    margin-left: 1.2rem;
    position: relative;
    padding-left: .36rem;
    line-height: 2;
    font-weight: bold;
}

.inforli li:after{
   content: "";
   width: .16rem;
   height: .16rem;
   background: #133763;
   position: absolute;
   left: 0;
   top: .15rem;
}

.btn-5-1{
    background: url(../images/btn-9.png) center center no-repeat;
    background-size: 100% 100%;
    margin-top: .24rem;
}