body { background: #f1f1f1; }

.banner { height: 390px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: auto 100%; background-size: auto 100%; font-size: 0; letter-spacing: 0; text-align: center; margin-bottom: 40px; }
.banner .title, .banner img, .banner:after { display: inline-block; vertical-align: middle; }
.banner:after { content: ""; height: 100%; }
.banner .title { color: white; font-size: 32px; color: white; padding: 0 12px 5px; background: url(../images/news/ng.png) no-repeat center bottom; }
.banner .title .f26 { font-size: 28px; }
.banner img { margin-left: 12px; }

.menu { background: white; font-size: 0; letter-spacing: 0; padding: 13px 26px; border-bottom: 1px solid #edf6f6; }
.menu dt, .menu dd { display: inline-block; vertical-align: middle; color: #566f77; }
.menu dt { font-size: 16px; height: 24px; line-height: 24px; }
.menu dd { font-size: 14px; height: 22px; line-height: 22px; margin: 0 5px; border: 1px solid white; border-radius: 11px; }
.menu dd a { color: #566f77; display: block; padding: 0 9px; height: 100%; cursor: pointer; }
.menu dd a:hover { color: #fda032; }
.menu dd.curr { border-color: #d2dede; }
.menu dd.curr a { color: #fda032; font-weight: bold; }

.list { background: white; }
.list li + li { border-top: 1px solid #edf6f6; }
.list li a { padding: 30px 27px 30px 347px; min-height: 160px; display: block; position: relative; }
.list li a:hover { background: #f8f8f9; }
.list li .type { position: absolute; height: 30px; line-height: 30px; padding: 0 10px; text-align: center; min-width: 50px; z-index: 5; font-size: 12px; color: white; top: 38px; left: 20px; }
.list li .type:before, .list li .type:after { content: ""; position: absolute; }
.list li .type:before { width: 7px; height: 4px; left: 0; bottom: -4px; }
.list li .type:after { width: 12px; height: 30px; right: -12px; top: 0; }
.list li .type.blue { background: #2bc8be; }
.list li .type.blue:before { background: url(../images/tit_1_1.png) no-repeat center center; }
.list li .type.blue:after { background: url(../images/tit_1.png) no-repeat center center; }
.list li .type.orange { background: #ffa20d; }
.list li .type.orange:before { background: url(../images/tit_2_1.png) no-repeat center center; }
.list li .type.orange:after { background: url(../images/tit_2.png) no-repeat center center; }
.list li .img { font-size: 0; overflow: hidden; line-height: 0; width: 290px; height: 160px; position: absolute; left: 27px; top: 30px; background: url(../images/logo_load.png) no-repeat center center #fafafa; -webkit-background-size: auto 80px; background-size: auto 80px; }
.list li .img img { width: 100%; height: 100%; display: none; }
.list li h2 { margin: 10px 0 12px; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; color: #1d262b; }
.list li .des { height: 4.5em; line-height: 1.5em; font-size: 14px; color: #566f77; overflow: hidden; }
.list li .time { margin-top: 20px; color: #8099a1; }
.list li .time span + span { margin-left: 30px; }

.page { margin: 30px auto 0; font-size: 0; letter-spacing: 0; text-align: center; }
.page li { display: inline-block; font-size: 12px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 2px 0 3px; color: #788f9b; min-width: 30px; text-align: center; height: 26px; line-height: 26px; }
.page li.first, .page li.prev, .page li.next, .page li.last { height: 26px; line-height: 26px; border: 1px solid #b8cdd5; width: 30px; font-size: 0; margin: 0 2px; }
.page li.first a:hover, .page li.prev a:hover, .page li.next a:hover, .page li.last a:hover { background: none; }
.page li.first { background: url(../images/first.png) no-repeat center center; }
.page li.prev { background: url(../images/prev.png) no-repeat center center; }
.page li.next { background: url(../images/next.png) no-repeat center center; }
.page li.last { background: url(../images/last.png) no-repeat center center; }
.page li a { display: block; height: 100%; color: #566f77; }
.page li a:hover { color: white; background: #2bc8be; }
.page li.curr { color: white; background: #2bc8be; }

.page { margin-bottom: 75px; }