body { background-image: url(../images/bg.jpg); background-position: center; background-repeat:repeat; }

#banner { height: 655px; }
#banner .slider-pagination { bottom: 70px; }

.searchbar { background-color: #fff; border-radius: 10px; position: relative; top: -50px; padding: 25px 200px 25px 40px; box-shadow: rgba(0,0,0,.1) 0 0 20px; }
.searchbar input { display: block; border: none; outline: none; }
.searchbar input[type=text] { box-sizing: content-box; padding: 0; color: #898989; font-size: 16px; line-height: 45px; width: 100%; }
.searchbar input[type=submit] { position: absolute; top: 50%; margin-top: -22.5px; right: 40px; color: #fff; font-size: 18px; width: 120px; height: 45px; border-radius: 22.5px; background-color: #23c1c4; text-align: center; cursor: pointer; }

.news-title { position: relative; }
.news-title h1 { font-size: 32px; color: #181818; position: relative; line-height: 2.5em; }
.news-title h1:before { display: block; position: absolute; content: ''; height: 3px; background-color: #23c1c4; width: 2em; bottom: 0; }
.news-title a { display: block; color: #23c1c4; font-size: 16px; position: absolute; right: 0; top: 50%; margin-top: -.9em; }
.news-list { font-size: 0; margin: 0 -15px; margin-top: 10px; white-space: nowrap; text-align: center; }
.news-list li { display: inline-block; *display: inline; *zoom: 1; padding: 15px; width: 275px; font-size: 0; }
.news-list a { display: block; position: relative; padding: 15px; padding-top: 200px; white-space: normal; background-color: #fff; box-shadow: rgba(0,0,0,.1) 0 0 10px; text-align: justify; }
.news-list img { display: block; width: 275px; height: 185px; position: absolute; top: 0; left: 0; }
.news-list h1 { font-size: 20px; line-height: 1.8em; height: 3.6em; color: #181818; overflow: hidden; }
.news-list h2 { font-size: 13px; font-style: italic; color: #9b9b9b; text-align: right; }
.news-list p { text-indent: 2em; font-size: 14px; color: #929292; margin-top: 1em; }

.news-wrapper { position: relative; padding-right: 412px; margin-top:50px; }

.newsA { }
.newsA-title { border-bottom: #ddd 1px solid; position: relative; }
.newsA-title ul { }
.newsA-title li { position: relative; display: inline-block; *display: inline; *zoom: 1; padding: 1em 2em; font-size: 16px; }
.newsA-title a { color: #181818; }
.newsA-title li:after { display: block; content: ''; position: absolute; left: 0; height: 1em; width: 1px; background-color: #ddd; top: 50%; margin-top: -.5em; }
.newsA-title li:first-child:after { display: none; }
.newsA-title li.active a { font-size: 22px; }
.newsA-title a.more { display: block; position: absolute; color: #9f9f9f; width: 7em; text-align: center; border: #ddd 1px solid; right: 0; top: 50%; margin-top: -.9em; border-radius: .9em; }
.newsA-content { }
.newsA-content ul { display: none; }
.newsA-content ul.active { display: block; }
.newsA-content li { }
.newsA-content a { display: block; position: relative; padding: 10px 0 10px 85px; }
.newsA-content h1 { position: absolute; left: 0; text-align: center; font-size: 14px; color: #9b9b9b; width: 65px; top:50%; margin-top:-35px; }
.newsA-content h1 b { display: block; font-size: 30px; color: #1bbec1; font-style: italic; font-weight: normal; border-bottom: #b3b3b3 1px solid; line-height: 1.6em; }
.newsA-content h2 { font-size: 17px; color: #181818; line-height: 2em; }
.newsA-content p { font-size: 13px; color: #929292; text-indent: 2em; height: 3.6em; overflow: hidden; }

.newsB { width: 302px; position: absolute; top: 0; right: 0; padding: 35px; padding-top: 181px; background-color: #fff; box-shadow: rgba(0,0,0,.1) 0 0 10px; height: 260px; }
.newsB-title { background-image: url(../images/msg-bg.jpg); height: 180px; position: absolute; top: 0; left: 0; width: 100%; }
.newsB-title h1 { font-size: 34px; text-align: center; padding-top: 50px; color: #fff; }
.newsB-title ul { font-size: 0; }
.newsB-title li { display: inline-block; *display: inline; *zoom: 1; width: 50%; }
.newsB-title a { display: block; position: relative; font-size: 20px; text-align: center; color: #fff; line-height: 2.5em; }
.newsB-title li.active a { }
.newsB-title li.active a:after { display: block; content: ''; position: absolute; height: 3px; background-color: #fff; width: 3em; bottom: 0; left: 50%; margin-left: -1.5em; }
.newsB-content { display: none; }
.newsB-content.active { display: block; }
.newsB-content ul { }
.newsB-content li { border-bottom: #ddd 1px solid; }
.newsB-content a { display: block; font-size: 15px; color: #181818; line-height: 1.8em; padding: .8em 0; overflow: hidden; }
.newsB-content a.more { padding: 0; width: 7em; line-height: 2em; border: #dbdbdb 1px solid; color: #9f9f9f; font-size: 14px; border-radius: 1em; margin: 0 auto; text-align: center; margin-top: 1em; }

.little-nav { text-align: center; white-space: nowrap; font-size: 0; margin: 0 -14px; margin-top: 80px; }
.little-nav li { display: inline-block; *display: inline; *zoom: 1; padding: 0 12px; }

.newsC-wrapper { margin-top: 80px; padding-bottom: 80px; position: relative; text-align: right; }
.newsC-title { position: absolute; top: 0; left: 0; font-size: 32px; width: 1em; height: 100%; }
.newsC-title h1 { font-size: 32px; color: #181818; line-height: 1em; }
.newsC-title a { display: block; font-size: 16px; position: absolute; width: 1em; left: 50%; margin-left: -.5em; bottom: 80px; color: #23c1c4; line-height: 1.2em; text-align:center; }
.newsC-content { }
.newsC-content ul { font-size: 0; margin-right: -10px; }
.newsC-content li { display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; }