ul,li{list-style: none;padding: 0;}
@font-face {
    font-family: "Regular";
    src: url("../../resource/font/SourceHanSansCN-Regular.ttf") format("truetype") /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */

}

@font-face {
    font-family: "SBold";
    src:url("../../resource/font/bold/SourceHanSansCN-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: "Light";
    src:url("../../resource/font/SourceHanSansCN-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Medium";
    src: url('../../resource/font/SourceHanSansCN-Medium.otf')
}

.main_img{position: relative;}
.main_img img{width: 100%;}
.main_img .info{position: absolute;z-index: 5;color: rgba(255, 255, 255, .9);text-align: center;}
.main_img .info p,.main_img .info h1{margin: 0;font-family: Regular;}
.main_img .info p{font-size: .2rem;color: rgba(255, 255, 255, .8);}
.main_img .info ul{display: flex;justify-content: space-between;margin: .35rem auto 0 auto;}
.main_img .info ul li {text-align: center;}
.main_img .info ul li img{width: .6rem;height: auto;margin-bottom: .1rem;}
.main_img .info ul li p{font-size: .18rem;line-height: 120%;color: rgba(255, 255, 255, .6);text-align: center;}

.ban1 .info{top: 4.35rem;left: 1.6rem;}
.ban1 .info>p span{margin-left: .05rem;vertical-align: initial;display: inline-block;color:#3a4352;height: .2rem;line-height: .2rem;padding: 0 .05rem;border-radius: .2rem;background-color: rgba(255, 255, 255, .9);font-size: .15rem;}
.ban1 .info h1{font-size: .4rem;}
.ban1 .info ul{width: 7rem;}
.ban1 .info ul li{width: 33.3%;}

.ban2 .info{top: 2.8rem;left: 9rem;text-align: left;}
.ban2 .info ul{width: 3rem;margin-left: 0;}
.ban2 .info ul li{text-align: center;}

.ban3 .info{top: 1.8rem;left: 2.5rem;width: 8rem;text-align: left;}
.ban3 .info h1{font-size: .42rem;font-family: SBold;color: #fff;}
.ban3 .info h2{margin: .15rem 0 .3rem 0;}
.ban3 .info ul{width: 2.9rem;margin-left: 0;}

.ban4 .info{top:1rem;width: 80%;text-align: center;margin-left: 10%;}
.ban4 .info ul{width: 9.8rem;flex-wrap: wrap;justify-content: left;}
.ban4 .info ul li{width: 1.4rem;margin-bottom: .35rem;}
.ban4 .info .img{width: .6rem;height: .6rem;display: table;margin: 0 auto .1rem auto;text-align: center;border: 1px solid rgba(255, 255, 255, .7);border-radius: 50%;}
.ban4 .info .img div{display: table-cell;vertical-align: middle;}
.ban4 .info .img img{width: 60%;margin: 0 auto;}
.ban4 .info ul li:nth-of-type(5) img{width: 45%;}
.ban4 .info ul li:nth-of-type(8) img{width: 25%;}
.ban4 .info ul li:nth-of-type(10) img{width: 25%;}
.ban4 .info ul li:nth-of-type(14) img{width: 30%;}
.ban4 .info ul li:nth-of-type(17) img{width: 20%;}
.ban4 .info ul li:nth-of-type(24) img{width: 30%;}

.ban5 .info{top:1.7rem;left: 9rem;width: 9.5rem;text-align: center;}
.ban5 .info ul li{width: 25%;}

/* 移动端样式 */
@media only screen and (max-width: 750px) {
    .main_img .info{padding: 0 .2rem;top: .2rem;}
    .main_img .info>p{font-size: .3rem;text-align: left;line-height: 130%;margin: 0.2rem .3rem;}
    .main_img .info{top: .9rem;left: 0;width: 100%;text-align: center;}
    .main_img .info ul li img{width: .72rem;height: auto;}
    .main_img .info h2{margin: 0;font-size: .45rem;}
    
    .ban1 .info{top: .1rem;}
    .ban1 .info>p{text-align: center;}
    .ban1 .info>p span{height: .3rem;line-height: .3rem;margin-left: 0.09rem;}
    .ban1 .info h1{font-size: .4rem;}

    .ban2 .info p{margin: 0.2rem 0;}
    .ban2 .info ul{width: 5.5rem;margin: 0 auto;}
    .ban2 .info ul li{width: 50%;}

    .ban3 .info>p{margin-top: .2rem;}
    .ban3 .info ul{width: 3.4rem;}

    .ban4 .info{margin-left: 0;}
    .ban4 .info ul{width: 6.75rem;max-height: 7rem;overflow-y: scroll;margin:.35rem 0 0 0;}
    .ban4 .info .img{width: .72rem;height: .72rem;}
    .ban4 .info ul li{width: 1.35rem;}

    .ban5 .info ul{width: auto;margin: auto .3rem;}
    .ban5 .info>p{margin: .2rem auto;}
}