.index-banner { width: 100%; }

.index-banner .index-banner-con { position: relative; }

.index-banner .index-banner-con .banner-bg { display: block; width: 100%; }

.index-banner .index-banner-con .index-txt { position: absolute; top: 2.26667rem; width: 100%; text-align: center; }

.index-banner .index-banner-con .index-txt h1 { font-size: 0.96rem; color: #333; }

.index-banner .index-banner-con .index-txt span { display: inline-block; font-size: 0.45333rem; color: #666; margin-top: 0.4rem; }

.index-banner .index-banner-con .index-txt p { font-size: 0.32rem; color: #666; max-width: 8.66667rem; margin: 0.93333rem auto 0; padding: 0.26667rem; line-height: 0.48rem; border-top: 1px solid #8dcae6; border-bottom: 1px solid #8dcae6; }

.index-con { width: 100%; padding-bottom: 1.06667rem; background: #f2f2f2; }

.index-con .wrap { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.index-con .index-list { overflow: hidden; padding: 1.06667rem 0.4rem 0.26667rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.index-con .index-list .index-list-item { float: left; width: 4.33333rem; text-align: center; background: #fff; margin-bottom: 0.53333rem; padding-bottom: 0.26667rem; }

.index-con .index-list .index-list-item a { display: block; }

.index-con .index-list .index-list-item a img { display: block; width: 100%; }

.index-con .index-list .index-list-item a h3 { font-size: 0.4rem; color: #333; margin-top: 0.26667rem; }

.index-con .index-list .index-list-item a span { display: inline-block; font-size: 0.32rem; color: #999; margin-top: 0.21333rem; }

.index-con .moreBtn { text-align: center; margin: 0 auto; background: #f2f2f2; }

.index-con .moreBtn.none .btn { background: #cccccc; }

.index-con .moreBtn .btn { display: inline-block; font-size: 0.32rem; color: #fff; width: 5.06667rem; height: 1.06667rem; text-align: center; line-height: 1.06667rem; background: #2aa9e0; }

.news-wrap { padding: 1.06667rem 0.4rem 0.53333rem; }

.news-wrap .news-tit { text-align: center; margin-bottom: 0.53333rem; }

.news-wrap .news-tit h1 { font-size: 0.58667rem; color: #333; font-weight: normal; }

.news-wrap .news-list { overflow: hidden; height: 0; }

.news-wrap .news-list .news-list-item { background: #fff; padding: 0.53333rem 0.26667rem 0.8rem; margin-bottom: 0.53333rem; }

.news-wrap .news-list .news-list-item img { display: block; width: 100%; }

.news-wrap .news-list .news-list-item h2 { font-size: 0.45333rem; font-weight: normal; color: #333; line-height: 0.64rem; margin-top: 0.26667rem; }

.news-wrap .news-list .news-list-item span { display: block; font-size: 0.32rem; color: #999; margin-top: 0.26667rem; }

.news-wrap .news-list .news-list-item p { font-size: 0.32rem; color: #666; margin-top: 0.53333rem; line-height: 0.48rem; }

.news-wrap .news-list .news-list-item a { display: block; font-size: 0.32rem; color: #fff; width: 4rem; height: 1.06667rem; line-height: 1.06667rem; text-align: center; background: #24a6e2; margin: 0.8rem auto 0; }