#banner-container { position: relative; margin-bottom: 20px; }

#banner-container .banner-list { float: left; }

#banner-container .banner-list.on { display: block; }

#banner-container .banner-list .banner-bg { display: block; width: 100%; }

#banner-container .banner-list .banner-bg img { width: 100%; }

#banner-container .banner-btn { position: absolute; bottom: .27rem; left: 50%; padding: 4px 5px; border-radius: 20px; background: rgba(255, 255, 255, 0.5); text-align: justify; }

#banner-container .banner-btn li { display: inline-block; width: .2rem; height: .2rem; margin: 0 .04rem; border-radius: 50%; background: #fff; }

#banner-container .banner-btn li.on { background: #009eed; }

#search-container { display: none; padding: 20px 0; }

#search-container form { position: relative; }

#search-container input[type="text"] { width: 100%; height: .93rem; padding-left: 5px; border: 1px solid #e8e8e8; border-radius: 5px; }

#search-container .icon-search { position: absolute; top: .13rem; right: 10px; font-size: .53rem; color: #ccc; }

.middle-menu .middle-menu-con li { height: 2.67rem; }

.middle-menu .middle-menu-con li a { height: 100%; background: #009eed; position: relative; color: #fff; }

.middle-menu .middle-menu-con li a p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 1.07rem; margin: auto; text-align: center; }

.middle-menu .middle-menu-con li a .iconfont { font-size: .67rem; }

.middle-menu .middle-menu-con .one { margin-bottom: 2%; }

.middle-menu .middle-menu-con .one a:nth-child(1) { float: left; /* width: 36%; */ width: 49%; background: #ff6d03; margin-right: 2%; }

.middle-menu .middle-menu-con .one a:nth-child(2) { float: left; /* width: 30%; */ width: 49%;  height: 100%; /* margin-right: 2%; */ background: #edb500; }

.middle-menu .middle-menu-con .one a:nth-child(3) { float: left; width: 30%; height: 100%; background: #229aca; }

.middle-menu .middle-menu-con .two, .middle-menu .middle-menu-con .three { float: left; width: 49%; }

.middle-menu .middle-menu-con .two a, .middle-menu .middle-menu-con .three a { display: block; }

.middle-menu .middle-menu-con .two { margin-right: 2%; }

.middle-menu .middle-menu-con .two a { background: #00b4ec; }

.middle-menu .middle-menu-con .three a { background: #52b187; }

.about-container { margin-top: 20px; font-size: .4rem; color: #777; }

.about-container img { width: 4.93rem; margin: 0 10px 10px 0; }

.news-title, .about-title { margin-bottom: 15px; padding: 10px 0; background: #e8e8e8; }

.news-title h2, .about-title h2 { font-size: .53rem; font-weight: 600; color: #777; }

.news-title h2 span, .about-title h2 span { width: 92%; }

.news-container { padding-top: 20px; }

.news-container .news-list { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.33rem; font-size: .4rem; }

.news-container .news-list a { color: #777; }

.news-container .news-list a i { font-size: .53rem; }