@charset "utf-8";
/* CSS Document */
/*@media (min-width:768px) {*/
@media screen and (min-width: 768px) {
*{ margin:0;}
body {font-family: Arial, sans-serif;background-color:#f5f5f5;}
ul{ list-style:none; padding:0 0;}
li{ text-decoration:none;}
a{text-decoration:none; color:#333;}
.clear{ clear:both}
.container {margin:0 auto; background-color:#fcfcfc;}
.container h1{ font-size:16px; padding:10px 0; font-weight:100; width:960px; margin:auto;}
.nav {padding:10px 0px; background-image: linear-gradient(to top,#228235,#44a657);}
.nav ul { width:960px;list-style: none;padding: 0; margin:auto;}
.nav ul li {display: inline;margin-right: 10px; }
.nav ul li a{ color:#fff;text-decoration:none; font-size:15px; padding:10px 15px;}
.nav ul li a:hover{ background-color:#fff; color:#44a657}
.box{ width:920px; padding:20px 20px; margin:auto; overflow:hidden; border:1px solid #44a657; margin-top:15px; background-color:#fff;}
.thumbnail { width:188px; float:left; margin-right:20px;}
.thumbnail img { width:100%;height:230px;}
.details { width:670px; float:left;}
.details h2{ font-size:20px; padding:0 0 10px 0;}
.details p{ font-size:14px; color:#454545; line-height:1.8em;}
.jianjie{ width:100%; float:left; margin-top:6px;}
.jianjie p{ font-size:14px; color:#454545; line-height:1.8em;}
.live { width:920px; padding:10px 20px; margin:auto; overflow:hidden; margin-top:15px; border:1px solid #44a657; background-color:#fff;}
.live h2{ font-size:12px;font-weight:100; border-bottom:1px solid #eee; color:#000; padding-bottom:10px;}
.live h2 span{ font-size:15px; color:#44a657; font-weight:bold;}
.live ul {float:left; width:100%;}
.live ul li { min-width:90px; float:left; margin-right:2%; margin-top:13px; margin-bottom:5px; background:#fff; border:1px solid #8bd299; text-align:center;}
.live ul li a{ float:left; display:block; color:#000; font-size:15px; padding:6px 10px;}
.live ul li a:hover{ height:100%; background:#44a657; color:#fff;}
.related{width:920px; padding:10px 20px; margin:auto; overflow:hidden; margin-top:15px; border:1px solid #44a657; background-color:#fff; margin-bottom:10px;}
.related h2{ font-size:15px; border-bottom:1px solid #eee;padding-bottom:10px;}
.related h2 a{color:#44a657;}
.related p{ font-size:15px; padding-top:6px; color:#454545; line-height:1.6em;}
.footer {padding: 0 0;text-align: center;font-size: 14px; margin:auto; border-top:2px solid #44a657; margin-top:30px;}
.link{ width:960px; margin:auto; padding:20px 0 10px 0; overflow:hidden; text-align:center;}
.link a{ font-size:14px; color:#000; padding:0 35px;}
.mzsm{ width:960px; margin:auto; padding:0 0 20px 0; overflow:hidden;}
.mzsm p{ color:#666;}
.map{width:960px; margin:auto; overflow:hidden; margin-top:10px; margin-bottom:10px; font-size:14px;}
.map a{ font-size:14px;}
.play{width:960px; margin:auto; overflow:hidden; margin-top:10px; margin-bottom:10px; font-size:14px;}

.article_news{width:920px; padding:20px 20px; margin:auto; overflow:hidden; margin-top:15px; border:1px solid #44a657; background-color:#fff; margin-bottom:10px;}
.article_news h2{ font-size:16px; border-bottom:1px solid #eee;padding-bottom:15px; color:#44a657;text-align:center}
.article{ width:100%; float:left; margin-top:12px; color:#333; line-height:1.8em;}
.article_news span{ width:100%; float:left; margin-top:12px; font-size:14px; text-align:center}

.dede_pages{ width:960px; margin:auto; margin-top:25px;}
.dede_pages ul{ float:right;}
.dede_pages ul li{ float:left; padding:3px 6px; border:1px solid #44a657; margin-left:10px;}

}


@media screen and (max-width: 768px) {
body {font-family: Arial, sans-serif;background-color:#f5f5f5;}
*{ margin:0;}
ul{ list-style:none; padding:0 0;}
li{ text-decoration:none;}
a{text-decoration:none; color:#333;}
.container { width:100%; margin:auto; background-color:#fcfcfc;}
.container h1{ font-size:16px; padding:10px 0; font-weight:100; width:100%; margin:auto; text-align:center;}
.nav {background-image: linear-gradient(to top,#228235,#44a657);padding:10px 0px;}
.nav ul { width:100%;list-style: none;padding: 0; margin:auto;overflow:hidden;}
.nav ul li {display: inline; float:left; width:25%; text-align:center; overflow:hidden;}
.nav ul li a{ color:#fff;text-decoration:none; font-size:15px; padding:2% 2%;}
.nav ul li a:hover{ background-color:#fff; color:#44a657}

.box{ width:92%; margin:auto; padding:2% 2%; overflow:hidden; border:1px solid #44a657; margin-top:2%; background-color:#fff;}
.thumbnail { width:40%; float:left; margin-right:3%}
.thumbnail img { width:100%;height:auto;}
.details { width:57%; float:left;}
.details h2{ font-size:20px; padding:0 0 0 0;}
.details p{ font-size:14px; color:#454545; line-height:1.6em;}
.details p.tip{ display:none;}
.jianjie{ width:100%; float:left; margin-top:2%;}
.jianjie p{ font-size:14px; color:#454545; line-height:1.6em;}

.live { width:92%; margin:auto; padding:2% 2%; overflow:hidden; margin-top:2%; border:1px solid #44a657; background-color:#fff;}
.live h2{ font-size:12px;font-weight:100; border-bottom:1px solid #eee; color:#000; padding-bottom:10px;}
.live h2 span{ font-size:15px; color:#44a657; font-weight:bold;}
.live ul {float:left; width:100%;}
.live ul li { min-width:90px; float:left; margin-right:2%; margin-top:15px; margin-bottom:8px; background:#fff; border:1px solid #8bd299; text-align:center;}
.live ul li a{ float:left; display:block; color:#000; font-size:15px;padding:6px 10px;}
.live ul li a:hover{ height:100%; background:#44a657; color:#fff;}

.related{width:92%; margin:auto; padding:2% 2%;  overflow:hidden; margin-top:2%; border:1px solid #44a657; background-color:#fff; margin-bottom:10px;}
.related h2{ font-size:15px; border-bottom:1px solid #eee;padding-bottom:10px;}
.related h2 a{color:#44a657;}
.related p{ font-size:15px; padding-top:6px; color:#454545; line-height:1.6em;}
.map{width:96%; margin:auto;overflow:hidden; margin-top:2%;margin-bottom:10px; font-size:14px;}
.map a{ font-size:14px;}
.play{width:100%; margin:auto;overflow:hidden;margin-bottom:10px; font-size:14px;}

.footer {padding: 0 0;text-align: center;font-size: 14px; margin:auto; border-top:2px solid #44a657; margin-top:20px;}
.link{ width:92%; margin:auto; padding:2% 2%;  overflow:hidden; text-align:center;}
.link a{ font-size:14px; color:#000; padding:0 3%;}
.mzsm{width:92%; margin:auto; padding:2% 2%;  padding:0 0 20px 0; overflow:hidden;}
.mzsm p{ color:#666;}

.article_news{width:92%; margin:auto; padding:2% 2%;  overflow:hidden; margin-top:2%; border:1px solid #44a657; background-color:#fff; margin-bottom:10px;}
.article_news h2{ font-size:16px; border-bottom:1px solid #eee;padding-bottom:10px; color:#44a657; text-align:center}
.article_news span{ width:100%; float:left; margin-top:12px; font-size:14px; text-align:center}
.article{ width:100%; color:#333; line-height:1.8em; float:left; margin-top:2%;}

.dede_pages{ width:92%; margin:auto; padding:2% 2%;  overflow:hidden; margin-top:2%;}
.dede_pages ul{ float:left; width:100%;}
.dede_pages ul li{ float:left; padding:3px 6px; border:1px solid #44a657; margin-right:2%;}
}