
.c-banner>div>.tit { background-image: url(../img/ladder/title-bg.png); }
.c-banner .img100 { margin-top: .2667rem; }
.tit { font-size: .4267rem; color: #000; font-weight: 500; }
.section { padding-left: .32rem; padding-right: .32rem; padding-bottom: 0; }
.part1>img { display: block; width: 100%; }
.part1-ul { padding: .4rem .26rem .5333rem; background-color: #345AFF; }
.part1-ul>li { position: relative; padding-left: .3067rem; font-size: .4rem; line-height: .5333rem; color: #FFF; }
.part1-ul>li + li { margin-top: .3733rem; }
.part1-ul>li::before { position: absolute; content: ''; width: .1333rem; height: .1333rem; background-color: #FFF; border-radius: 50%; top: .2rem; left: 0; }

.part2 .wrap { display: flex; padding: .4rem .2667rem; background-color: #fff; }
.part2 .wrap + .wrap { margin-top: .2667rem; }
.part2 .wrap>img { width: 1.0667rem; height: 1.0667rem; margin-right: .32rem; }
.part2 .wrap>div { flex: 1; }
.part2 .wrap .tit { margin-bottom: .2667rem; font-size: .4267rem; color: #000; font-weight: 500; }

.part3 { margin-top: 1.0667rem; padding-top: 0; }
.part3>.title { margin-bottom: .8667rem; }
.part3 .wrap { padding: .4533rem .1333rem .1333rem; background-repeat: no-repeat; background-size: cover; margin-top: .6667rem; }
.part3 .wrap .tit { color: #FFF; text-align: center; }
.part3 .wrap .txts { display: flex; padding: .4267rem .2933rem .4rem; margin-top: .36rem; flex-wrap: wrap; background-color: #FFF; }
.part3 .wrap .txts>div {display: flex; width: 100%; margin-right: .4rem; }
.part3 .wrap .txts>div + div { margin-top: .2667rem;}
.part3 .wrap i { display: inline-block; width: .1333rem; height: .1333rem; margin-top: .2rem; margin-right: .1rem; border-radius: 50%; background-color: #333;}
.part3 .wrap span { flex: 1; font-size: .3733rem; color: #333; line-height: .5067rem; }