@charset "gb2312";
body { padding: 0; margin: 0; background-color: #fff; font-family: "微软雅黑"; color: #3a3a3a; font-size: 100%; max-width: 360px; margin: 0 auto; }
div, form, ul, dd, dl, ol, dt, li, p, form, fieldset, input, table, tr, td, th, textarea, article, aside, footer, header, section, footer, nav, figure { list-style: none; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; }
img { border: none; margin: 0; padding: 0; vertical-align: bottom; }
.none { display: none; }
a { text-decoration: none; cursor: pointer; outline: none; }
.clear { width: 0; height: 0; margin: 0; padding: 0; line-height: 0px; font-size: 0px; clear: both; overflow: hidden; }
.left { float: left; }
.right { float: right; }
.logo { width: 100%; overflow: hidden; margin: 0 auto; }
.logo p { width: 66%; font-family: "微软雅黑"; font-size: 20px; color: #b40000; line-height: 40px; background: url(../images/logo.jpg) no-repeat left; padding-left: 11%; background-size: 30px 30px; float: left; }
.logo a { width: 23%; overflow: hidden; float: right; display: inline-block; margin-top: 7px; }
.logo a img { width: 30px; height: 16px; }
.logo a span { color: #F00; display: inline-block; font-size: 12px; margin-left: 5%; margin-top: 8%; }
.banner { width: 100%; overflow: hidden; margin: 0 auto; }
.banner img { width: 100%; }
.postion { width: 100%; margin: 10px auto 15px; border-bottom: 1px solid #c97f7f; overflow: hidden; }
.postion h3 { width: 94%; line-height: 35px; overflow: hidden; margin: 0 auto; }
.postion .h_left { font-size: 16px; color: #b40000; float: left; }
.postion .h_left img { width: 17px; height: 18px; vertical-align: middle; margin-right: 3px; }
.postion .h_right { font-size: 14px; color: #3a3a3a; float: right; }
.art_top { width: 94%; margin: 0 auto; overflow: hidden; }
.art_top h3 { height: 26px; line-height: 26px; margin-bottom: 12px; font-size: 14px; background: url(../images/art_top_line.gif) center center repeat-x; }
.art_top h3 a.a1 { float: right; color: #cc0000; display: block; background-color: #fff; }
.art_top h3 a.a1 img { width: 21px; height: 20px; margin-right: 3px; vertical-align: middle; }
.art_top h3 a.a2 { width: 55%; float: left; background-color: #9e0000; text-align: center; color: #fff; display: block; }
.art_top h3 a.a2 span { color: #fff000; }
.art_top p { text-indent: 2em; line-height: 24px; font-size: 12px; color: #3a3a3a; }
.art_top p a { color: #cc0000; }
.art_top ul { margin: 10px 0 25px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; overflow: hidden; }
.art_top li { flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; margin-right: 3px; position: relative; }
.art_top li:last-child { margin-right: 0; }
.art_top li img { width: 100%; height: 86px; }
.art_top i { width: 14px!important; margin: 5px 8px 0; color: #cc0000; font-size: 13px; font-style: normal; display: inline-block; }
.art_top i:after { content: ""; width: 7px; margin-left: 3px; margin-top: 3px; height: 10px; display: block; background: url(../images/next.jpg) center center no-repeat; background-size: 7px 10px; }
.art_top li p { position: absolute; bottom: 0; left: 0; width: 100%; line-height: 22px; text-align: center; color: #fff; font-size: 12px; text-indent: 0; background: rgba(155,64,64,0.6); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.art_top li p a { display: block; color: #fff; }
.art_top li:nth-of-type(1) p { background: rgba(131,135,131,0.6); }
.sunav { padding: 0 7%; height: 58px; padding-top: 8px; background-color: #9e0000; }
.sunav p { line-height: 22px; font-size: 16px; color: #fff; margin-bottom: 3px; }
.sunav p:nth-of-type(2) { float: right; }
.sunav p span { color: #ffea00; font-size: 18px; margin-right: 3px; }
.sunav p a { width: 85px; background-color: #ffea00; display: inline-block; text-align: center; color: #930000; margin-left: 8px; }
.action { width: 85%; padding: 0 4.5%; border: 1px solid #e3e3e3; border-radius: 10px; margin: 10px auto 22px; background: url(../images/action.gif) 3px 3px no-repeat; background-size: 75px 52px; overflow: hidden; }
.action h4 { color: #008ac9; font-size: 16px; line-height: 40px; margin-top: 10px; text-align: center; }
.action h4 a { color: #b40000; }
.action p { font-size: 12px; color: #3a3a3a; text-indent: 2em; line-height: 25px; }
.action ul { margin-top: 5px; margin-bottom: 12px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; overflow: hidden; }
.action li { flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; margin-right: 3px; position: relative; margin-right: 5px; }
.action li:last-child { margin-right: 0; }
.action li span { position: absolute; top: 50%; left: 0; width: 100%; line-height: 22px; text-align: center; font-size: 12px; color: #fff; margin-top: -11px; border-radius: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.action ul:nth-of-type(1) li span { background: rgba(126,91,100,0.6); }
.action ul:nth-of-type(2) li span { background: rgba(152,30,30,0.6); }
.action li img { width: 98px; height: 100px; }
.scient { width: 85%; padding: 12px 4.5%; border: 1px solid #e3e3e3; border-radius: 10px; margin: 15px auto; background-color: #9e0000; overflow: hidden; }
.scient p { font-size: 13px; color: #fff; line-height: 26px; text-indent: 2em; }
.scient p span { color: #fff000; }
.level { width: 94%; margin: 0 auto; overflow: hidden; }
.level ul { overflow: hidden; }
.level li { background-color: #faf8f2; margin-bottom: 15px; overflow: hidden; }
.level li dl { width: 65%; padding: 0 2%; float: left; }
.level li dt { font-size: 15px; color: #930000; line-height: 35px; text-align: center; }
.level li dt a { color: #b40000; }
.level li dd { font-size: 12px; color: #3a3a3a; line-height: 22px; text-overflow: ellipsis; Word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.level li figure { width: 30%; float: right; position: relative; }
.level li figcaption { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; text-align: right; font-size: 12px; color: #fff; }
.level li figcaption a { color: #fff; padding-right: 6px; display: block; }
.level li figure img { width: 100%; }
.level li:nth-child(even) dl { float: right; }
.level li:nth-child(even) figure { float: left; }
.level li:nth-child(even) figcaption { text-align: left; }
.level li:nth-child(even) figcaption a { margin-left: 10px; }
.sci_zx { width: 94%; margin: 0 auto; overflow: hidden; }
.sci_zx ul { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; overflow: hidden; }
.sci_zx li { flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; margin-right: 5px; text-align: center; background-color: #0a8438; padding-top: 10px; }
.sci_zx li:last-child { margin-right: 0; background-color: #147dad; }
.sci_zx li a { display: block; }
.sci_zx li i { width: 80px; margin: 0 auto; line-height: 20px; background-color: #ffe400; text-align: center; display: block; font-size: 15px; color: #108cc5; font-style: normal; }
.sci_zx li span { font-size: 13px; color: #fff; line-height: 30px; }
@media only screen and (max-width: 320px) {
.art_top li img { height: 82px; }
.art_top span:after { margin-top: 1px; }
.action li img { width: 87pxs; height: 87px; }
}