@charset "utf-8";
html, body, p, div, span, ol, ul, li, form, label, table, tr, td, th, dl, dt, dd, a, h1, h2, h3, h4, h5, h6, pre
{ margin:0px; padding:0px;  font-family:Verdana,Arial; }

body, p, div, span, li, td, th, dt, dd, a{ font-size:14px; color:#333; line-height:1.8em; }

::-webkit-scrollbar { height: 10px; width: 10px; background: rgba(230,230,230, .8); }
::-webkit-scrollbar-thumb { border-radius: 5px; background: rgba(150,150,150, .8); }

a{ text-decoration:none; outline:none; -moz-outline:none; }
a:hover{ color:#F00; text-decoration:none; }
a:visited{ color:#444; }
a:focus{ outline:none; -moz-outline:none; }

img{ border:none; }
p{ word-wrap:break-word; word-break:normal; }

ol, ul, dl, li{ display:block; }
li{ list-style:none; }

.fl{ float:left; }
.fr{ float:right; }
.hide{ display:none; }
.none{ display:none; }

.red{ color: #F50004; }
.gray{ color: #888888; }

.ellipsis{ display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.radius3{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.radius5{ -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.radius8{ -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }

table,tr,td,th{ border-collapse:collapse; margin:0; }

td,.td,th{ text-indent:3px; height:32px; line-height:26px; vertical-align:middle; padding:3px 0; }

#pages{ padding: 10px 0px; }

.layui-layer-hui .layui-layer-content{ color: #fff; }
.layui-nav{ background: none; }
.layui-carousel-ind ul{ background: none; }

/** 首页整体骨架 **/
#wrap-top{ width: 100%; margin: 0 0 20px 0; position: fixed; top: 0; background-color: #FFF;
	border-bottom: 1px solid #EEE; box-shadow: rgba(0, 0, 0, 0.1) 0 1px 1px; z-index: 99999; }
#wrap{ max-width: 1200px; min-width: 1000px; min-height: 360px; margin: 0px auto; }
#header{ max-width: 1200px; min-width: 1000px; height: 88px; margin: 0 auto; overflow: hidden; }
#main{ width: 100%; margin-top: 112px; }
#left{ width: calc(100% - 320px); min-height: 480px; float: left; margin-bottom: 20px; }
#right{ width: 300px; min-height: 480px; float: right; margin-bottom: 20px; }
#banner{ width: 100%; height: 256px; margin-bottom: 20px; background: #EEE; overflow: hidden; }
#links{ width: 100%; overflow: hidden; }
#footer{ width: 100%; text-align: center; line-height: 2em; padding: 20px 0; border-top: 2px solid #EAEAEA; }

#logo{ width: 265px; height: 100%; float: left; margin-right: 20px; }

#nav{ width: calc(100% - 285px); height: 100%; float: right; overflow: hidden; }
#nav ul{ margin-top: 20px; float: right; }
#nav li{ margin-left: 10px; float: left; text-align: center; }
#nav li a{ color: #222; font-size: 20px; line-height: 60px; text-align: center; }
#nav li a:hover{ color: #5FB878; text-decoration:none; }
#nav li.layui-this a{ color: #5FB878; }

#banner img{ width: 100%; height: auto; }
#banner .title{ position: absolute; left: 0; right: 0; bottom: 52px; z-index: 999; /*background-color: rgba(0,0,0,.3);*/
	color: #FFF; font-size: 26px; text-align: center; padding: 0 20px; text-shadow: 2px 2px 4px #333; }

#links{ display: flex; flex-flow: row wrap; margin: 26px auto 5px auto; max-width: 1200px; min-width: 1000px; }
#links div{ width: calc((100% - 105px)/8); margin: 0 0 15px 15px; height: 60px; line-height: 60px; text-align: center; background-color: #EEE; }
#links div:nth-child(8n + 1){ margin-left: 0px; }
#links div img{ width: 100%; height: 100%; }
#links div a{ width: 100%; height: 100%; display: block; line-height: 60px; }
#links div a:hover{ color: #5FB878; }

#footer .nav{ text-align: center; }
#footer .nav li{ display: inline-block; margin: 10px; }
#copyright{ color: #888; padding: 5px 0; }

/** 图文列表 **/
.pic_news_list{ width: 100%; padding: 15px 0; border-top: 1px solid #DDD; float: left; position: relative; }
.pic_news_list .pic_box{ width: 30%; margin-right: 20px; float: left; }
.pic_news_list .pic{ width: 100%; padding-top: 64%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pic_news_list .title, .pic_news_list .desc, .pic_news_list .info{ width: calc(70% - 25px); overflow: hidden; }
.pic_news_list .title{ max-height: 4.2em; }
.pic_news_list .title a{ font-size: 1.6em; line-height: 1.4em; margin-top: -0.1em; }
.pic_news_list .title a:hover{ color: #000; }
.pic_news_list .desc{ font-size: 1.1em; line-height: 1.5em; padding: 10px 0; max-height: 3.9em; color: #666; }
.pic_news_list .info{ position: absolute; left: calc(30% + 20px); bottom: 14px; color: #666; }
.pic_news_list .info span{ color: #999; }
.pic_news_list .source{ margin-right: 20px; }
.pic_news_list:hover{ background-color: #F6F6F6; }

/** 小图文列表 **/
.pic_news_list_mini{ width: 288px; padding: 0; margin: 15px 0 0 10px; float: left; position: relative; }
.pic_news_list_mini .pic_box{ width: 100px; margin-right: 10px; float: left; }
.pic_news_list_mini .pic{ width: 100%; padding-top: 68%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pic_news_list_mini .title, .pic_news_list_mini .desc, .pic_news_list_mini .info{ width: 176px; overflow: hidden; }
.pic_news_list_mini .title{ line-height: 20px; }
.pic_news_list_mini .title a{ font-size: 14px; line-height: 20px; }
.pic_news_list_mini .info{ position: absolute; left: 110px; bottom: 2px; height: 20px; color: #666; }
.pic_news_list_mini .info span{ color: #999; }
.pic_news_list_mini .source{ margin-right: 10px; }
.pic_news_list_mini:hover{ background-color: #F6F6F6; }

/** 图片列表 **/
.pic_news_list_cover{ width: 300px; height: 168px; float: left; margin-bottom: 20px; position: relative; }
.pic_news_list_cover .pic{ width: 100%; height: 100%; position: absolute; z-index: 0; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pic_news_list_cover .title{ width: 100%; height: 56px; position: absolute; z-index: 9; left: 0; bottom: 0; margin: 0 auto; background-color: rgba(0,0,0,.3); }
.pic_news_list_cover .title h4{ line-height: 20px; color: #FFF; text-align: center; padding: 10px; }

.widget{ width: 298px; border: #DDD 1px solid; clear: both; }
.widget dt{ line-height: 40px; text-indent: 10px; font-size: 18px; background-color: #FBFBFB; border-bottom: #DDD 1px solid; }
.widget dd{ min-height: 265px; }

#news_title{ font-size: 2em; line-height: 1.8em; margin: 20px 0; text-align: center; }
#news_info{ text-align: center; margin-bottom: 25px; color: #888; }
#news_content{ overflow: hidden; margin-bottom: 30px; }
#news_content img{ max-width: 100%; }
#news_content >p, #news_content >div{ margin: 15px 0; }

/* 评论 */
.comment_list{ width: 98%; min-width: 360px; margin: 0 auto; padding: 20px 0; clear: both; font-family: "微软雅黑", Verdana; }
.comment_list .title{ font-size: 20px; line-height: 1.8em; padding: 15px 0; }
.comment_li{ width: 100%; margin: 10px 0; padding: 15px 0; clear: both; border-bottom: 1px solid #DDD; }
.comment_li .avatar{ width: 56px; height: 56px; overflow: hidden; border-radius: 50%; float: left; }
.comment_li .avatar img{ width: 56px; height: 56px; border: none; }
.comment_li .name{ line-height: 56px; float: left; margin-left: 10px; color: #0F90FF; font-size: 16px; }
.comment_li .time{ line-height: 56px; float: right; margin-right: 3px; color: #888; }
.comment_li .msg{ clear: both; margin-left: 65px; line-height: 22px; margin-bottom: 15px; font-size: 14px; }
.comment_li .toolbar{ clear: both; text-align: right; }
.comment_li .toolbar span{ margin-left: 50px; line-height: 18px; }
.comment_li .toolbar span a{ font-size: 18px; line-height: 18px; text-decoration: none; margin-right: 3px; }
.comment_li .toolbar span i{ font-size: 18px; }
.comment_li .toolbar span.praise{ margin-left: 0; }
.comment_li .reply_msg{ margin: 10px 0 10px 70px; padding: 10px; border-radius: 4px; overflow: hidden; background: #F1F1F1; }
.comment_li .reply_msg .avatar{ width: 30px; height: 30px; }
.comment_li .reply_msg .avatar img{ width: 30px; height: 30px; }
.comment_li .reply_msg .name{ line-height: 30px; font-size: 14px; }
.comment_li .reply_msg .time{ line-height: 30px; }
.comment_li .reply_msg .msg{ margin-left: 40px; margin-bottom: 0px; }
.comment_form{ width: 98%; margin: 10px auto; }
.comment_form .layui-btn{ height: 34px; line-height: 32px; background-color:#30A261; float: right; }