@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: 61%; font-family: "΢ÈíÑźÚ"; font-size: 20px; color: #1582b4; line-height:40px;background: url(../images/logo.jpg) no-repeat left;  padding-left: 11%; background-size: 30px 30px; float: left;}
.logo a{ width: 25%; overflow: hidden; float: right;  display: inline-block;  margin-top: 8px;}
.logo a span{color: #1582b4;font-size:12px;  margin-top: 8%;display: inline-block;}
.logo a img{ width: 30px; height: 16px;}
.banner{ width: 100%; overflow: hidden;margin: 0 auto;}
.banner img{ width: 100%;}

.postion{ width: 100%; margin: 10px auto 15px; border-bottom: 1px solid #7fc4e4; overflow: hidden;}
.postion h3{ width: 94%; line-height: 35px; overflow: hidden; margin:0 auto;}
.postion .h_left{ font-size: 16px; color: #1582b4; float: left;}
.postion .h_left img{ width: 17px; height: 18px; vertical-align: middle; margin-right: 3px;}
.postion .h_right{ font-size: 14px; color: #e00000; 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: #e00000; 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: #1582b4; 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: #e00000;}
.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: #e00000; 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(16,130,176,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(230,0,0,0.6);}
.sunav{ padding: 0 7%; height: 58px; padding-top: 8px; background-color: #1582b4;}
.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: #008ac9; 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.jpg) 3px 3px no-repeat; background-size: 75px 52px;overflow: hidden;}
.action h4{ color: #1582b4; font-size: 16px; line-height: 40px; margin-top: 10px; text-align: center;}
.action h4 a{ color: #1582b4;}
.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(204,0,0,0.6);}
.action ul:nth-of-type(2) li span{background:rgba(16,130,176,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: #1582b4; 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: #14715e; line-height: 35px; text-align: center;}
.level li dt a{color: #1582b4;}
.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: #318623; padding-top: 10px;}
.sci_zx li:last-child{ margin-right: 0;background-color: #1582b4;}
.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: 87px; height: 87px;}
}