@charset "utf-8";
body {color: #333333;font-size: 14px;font-family: "微软雅黑", "黑体", Arial;background: #f4f4f4;}
a { color: #333333; outline: none; text-decoration: none; transition: all .3s linear }
a:hover { color: #09f !important; text-decoration: none; }
html * { outline: 0; zoom: 1; }
.article{padding: 0px 20px;}
img:hover { opacity: 0.8; filter: alpha(opacity=80); }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: block;}
.right { float: right; }
em { font-style: italic !important; }
strong { font-weight: bold !important; }
.wrapper-outer {width: 100%;margin: 0 auto;clear: both;height: auto;overflow: hidden;}
.wrapper, .header {width: 1100px;margin: 0 auto;}
.topBar {background: #fff;height: 30px;line-height: 30px; border-bottom: 1px solid #dedede}
.topBar a {display: inline-block;color: #000;}
.topBar .t-fl {float: left;width: 60%;color: #9a9a9a;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 13px}
.topBar .t-fl i { margin-right: 5px; font-size: 14px; }
.topBar .t-fr { float: right; }
.topBar .t-fr a { padding-left: 15px; font-size: 13px;}
.logo { float: left; }
.logo a { color: #09f; }
.logo img { height: 60px }
.header {padding: 20px 0;}
.navbar { height: 46px; width: 1100px; margin: 0 auto; border-top:1px solid #eaeaea; }

/* 主导航 */ 
.navbg { width: 950px; }
#mnav { display: none; }
#navul li {float: left;position: relative;font-size: 16px;text-align: center;z-index: 9998;}
#navul li a {display: block;text-align: center;padding: 0 15px;height: 44px;}
.cur { border-bottom: 3px solid #09f; color: #09f; }
#navul li a:hover { border-bottom: 3px solid #09f;transition: all .2s;}
#navul li ul { display: none; position: absolute; z-index: 1000; top: 45px; background: #09f; border-top: none; }
#navul li ul li { float: left; width: 120px; position: relative; font-size: 14px; text-align: center; z-index: 9998 }
#navul li ul li a { display: block; text-align: center; padding: 0 15px; color: #FFF; border-bottom: 1px solid #049888; border-top: 1px solid #13beac; }
#navul li ul li a:hover { text-shadow: 1px 1px 0 #333; }
.pull-left { width: 950px; float: left; height: 46px; line-height: 46px; }
.pull-right { width: 88px; float: right; height: 46px; line-height: 46px; }
.pull-right ul { float: right; }
.pull-right ul li { float: left; padding: 0 7px; font-size: 14px; height: 46px; line-height: 46px; }
.pull-right ul li a { color: #fff; }
.qq a,.tg a { display: block; float: left; width: 30px; height: 30px; font-size: 14px; text-indent: -99999em;  margin-top: 8px; }
.qq a {background: url(../images/ico_qq.png) no-repeat 0px 0;}
.qq a:hover { background: url(../images/ico_qq.png) no-repeat 0 -30px; }
.tg a {background: url(../images/ico_tg.png) no-repeat 0px 0;}
.tg a:hover { background: url(../images/ico_tg.png) no-repeat 0 -30px; }
.con-left {float: left;width: 689px; padding: 0 20px; }
.con-left h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.con-left .info { line-height: 24px; color: #555555; }
.con-left .info span { margin-right: 15px; }
.con-left .info span i { margin-right: 5px; font-size: 14px; color: #09f; }
.con-right {float: right;width: 358px;}
.base {float: left;width: 808px; margin-bottom:15px;}
.base h1 { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.base .info { line-height: 24px; color: #555; }
.base .info span { margin-right: 15px; }
.base .info span i { margin-right: 5px; font-size: 14px; color: #555; }
.base_side {float: right; width: 280px;}

/* 首页分类版块 */
.lanmu { position: relative; height: 36px; line-height: 36px; border-bottom: 2px #eee solid; }
.lanmu h3 { float: left; height: 36px; line-height: 36px; font-size: 18px; font-weight: normal; border-bottom: 2px #09f solid }
.lanmu h3 i { font-size: 18px; color: #09f; margin-right: 5px; font-weight: normal;}
.lanmu .more { position: absolute; top: 2px; right: 0 }
.lanmu .more i { font-size: 18px; color: #09f; }
.cmslist ul {padding: 8px 0;}
.cmslist {float: left;width: 318px;padding: 10px 20px;margin: 13px 13px 0 0;}
.cmslist:nth-of-type(5){margin-right:0;}
.cmslist:nth-of-type(8){margin-right:0}
.cmslist li {height: 30px;line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cmslist li i { margin-right: 5px; font-size: 16px; color: #09f; }
.cmslist li span { float: right; font-size: 13px; color: #555555; }
.newadd {margin-bottom:8px;height:auto;overflow:hidden;}
.newadd .lanmu {margin-top: 15px;}
.newadd .lanmu h3 { font-size: 16px; float: none; font-weight: bold;}
.newadd ul {padding: 8px 0;overflow:hidden;}
.newadd li {height: 30px;line-height: 30px;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;width: 318px;float: left;}
.newadd ul li em { font-size: 12px; font-style: normal !important; margin: 0 4px 0 0; background: #fff; }
.newadd ul li i {font-size: 12px;font-style:normal !important;margin: 0 4px 0 0;color:#fff;background:#09f;border-radius: 2px;font-weight: bold;width: 22px;display: inline-block;line-height: normal; text-align: center;}
.newadd li:nth-child(2n) {margin-left: 52px;}
.newadd ul li span { float: right; font-size: 13px; color: #999999; }
.newadd li span.timetop { color: #333; }
.newadd li span.timeday { color: #09f; }
.catelist li {position: relative;padding: 10px; margin-bottom: 8px;overflow: hidden;background: #fff;box-shadow:0 1px 3px rgba(26,26,26,.2);}
.catelist li .mark{float:right;width: 540px;word-break:break-all;}
.catelist li h3 { font-size: 18px; color: #333333; font-weight: bold; padding: 0 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.catelist li h3 i { font-size: 18px; margin-right: 5px; color: #FF0000; }
.catelist li .thumbnail {float: left;width: 220px;height: 140px;}
.catelist li .thumbnail  img{width: 100%; height: 100%; }
.catelist li p { color: #555555; line-height: 24px; bold; padding: 5px 0 0; }
.catelist li>a{background: #fff; color: #6b6b6b;width:85px;height:28px;border: 1px solid #bbb;position:absolute;bottom: 5px;right: 10px;text-align:center;font-size:14px;line-height:28px;}
.catelist li>a:hover {background:#eaeaea;}
.art-content {padding: 15px 0 0;overflow: hidden; word-break: break-all; }
.art-content h3{ background: #f8f8f8; padding: 6px 15px; font-size: 16px; border-left: 3px solid #09f; margin-bottom:10px; font-weight:bold; }
.art-content img { max-width: 98% !important; height: auto !important; display: block; margin: 0 auto; }
.art-content embed { max-width: 96% !important; }
.art-content ul,ol { padding-left:20px; }
.art-content p { line-height: 150%; margin-bottom: 10px; }
.art-content a {color:#f55;}
.box-a { border: 3px solid #E5E5E5; padding: 10px; }
.ullist2 li {height: 37px;line-height: 37px;font-size: 14px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ullist2 li i {font-style: normal;display:inline-block;width:20px;height:20px;line-height:20px;margin:0 6px 0 0;text-align:center;color: #696969;font-size:12px;background: #ededed;}
.ullist2 li:first-child i{background:#ea4a2d;color: #fff;}
.ullist2 li:nth-child(2) i{background:#f19601; color: #fff;}
.ullist2 li:nth-child(3) i{background:#1488ff; color: #fff;}
.ullist2 li:nth-child(4) i{background:#00ea23; color: #fff;}
.ullist2 li:nth-child(5) i{background:#f08bff; color: #fff;}
.ullist2 li a { color: #333333; }
.lower ul { padding: 10px 15px 0 15px; margin-right: -15px; overflow: hidden; }
.lower li { line-height: 32px; font-size: 14px; }
.lower li a { color: #fff; width: 135px; background: #09f; text-align: center; margin: 0 15px 15px 0; float: left; }
.lower li a.cur2 { background: #09f; }
.lower li a:hover { background: #09f; }
.sidebanner img { width: 100%; height: 100%; vertical-align: middle; }
.divcomment li{padding: 10px 0;border-bottom:1px solid #efefef;}
.divcomment li:last-child{border:none}
.comment-info {line-height: 32px;}
.comment-info img {width:30px;height:30px;margin-right:6px;border-radius:50%;border:1px solid #f3f3f3;}
.comment-info span:nth-child(2) {vertical-align: top;}
.comment-info span:last-child {float:right;line-height:32px;color:#999}
.comment-excerpt {position:relative;padding:10px;background:#f5f5f5;border-radius:1px;color:#666}
.comment-excerpt:before {position:absolute;left:10px;top:-10px;content:'';width:0;height:0;line-height:0;border:5px solid transparent;border-bottom-color:#f5f5f5}
.comment-excerpt p {margin:0;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space: normal;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2}
.comment-post{color:#999;margin-top:10px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.comment-post a {color: #999;}
.footer {padding: 20px 0;overflow: hidden;}
.footer a { color: #878787; }
.footer .col div.span-a {float: left;width: 1100px;color: #8F8F8F; text-align: center;}
.footer .col div.span-a p { line-height: 200%; }
.footer .col .span-b a { margin: 0 6px }

/* 友情链接 */
.frend-link { overflow: hidden; margin: 15px 0; padding:15px}
.frend-link div {height: 36px;line-height: 36px;border-bottom: 2px #eee solid;}
.frend-link h3 {float: left;font-size: 18px;border-bottom: 2px #09f solid;height: 36px; line-height: 36px;}
.frend-link h3 i {font-size: 18px;color: #09f;margin-right: 5px;font-weight: bold;}
.frend-link ul {padding: 10px 10px 0;}
.frend-link li {display: inline;height: 28px;line-height: 28px;}
.frend-link li a {padding-right: 20px;line-height: 24px;}

/* 当前位置 */
.positionbar {width: 100%;height: 36px;line-height: 36px;border-bottom: 2px solid #E6E6E6;margin-bottom: 15px;}
.positionbar p { float: left; height: 36px; line-height: 36px; border-bottom: 2px solid #09f; }
.positionbar p i { margin-right: 5px; font-size: 14px;}
.positionbar p a { margin-right: 5px; }
.listposition {height: 36px;line-height: 36px; margin-bottom: 5px;}
.listposition h3 {padding: 0 10px;}
.listposition h3 i { margin-right: 5px; font-size: 14px;}
.listposition h3 a { margin-right: 5px; }
.tip-bar {padding: 15px;}
.tip-bar p { line-height: 36px; color: #555555; font-size: 14px; }
.tip-bar h3 { display: block; padding-bottom: 10px; border-bottom: 2px solid #e6e6e6; font-size: 18px; }
.down { background: #09f; display: inline-block; width: 100px; line-height: 30px; text-align: center; color: #fff; }
a.down:hover { color: #fff; background: #f80; }
.down i { font-size: 14px; margin-right: 5px; }

/* 相关文章 */
.related {padding: 0 20px;margin: 10px 0;}
.related ul li {width: 46%;}
.link-box { width: 100%; height: 36px; line-height: 36px; border-bottom: 2px solid #E6E6E6; margin-bottom: 10px; font-size: 16px; }
.link-box>h3:nth-child(2) { float: right; border-bottom: none; }
.link-box h3 { float: left; height: 36px; line-height: 36px; border-bottom: 2px solid #09f;}
.link-box h3 i { margin-right: 5px; font-size: 17px; color: #09f;}

/* 列表翻页 */
.pagebar { font-size: 0; clear: both; text-align: center; padding:15px 0 15px;}
.pagebar .page { text-align: center; display: inline-block; border:1px solid #bbb; line-height: 32px; width: 40px;font-size: 14px; color: #09f; margin: 1px }
.pagebar .now-page,.pagebar .page:hover { background-color: #09f; color: #fff }

/* 首页翻页 */
.inpr {margin-bottom: 5px;position:relative;overflow:hidden;width: 100%;}
.inpr .iprev {float:left;border-right:0;}
.inpr .inext {float:right;border-left:0;}
.inpr>div {box-sizing: border-box;width: 50%;height:35px;color:#333;line-height:35px;text-align:center;cursor:pointer;position:relative;font-size:14px;border:1px solid #efefef;user-select:none;}
.inpr>div:hover {color: #09f;}
.cfx {width:84px;height:21px;background:#fff;display:block;float:left;position:absolute;z-index:1;top:50%;transform:translate(-50%,-50%) rotate(-42deg);left:50%;border-bottom:1px solid #efefef;border-top:1px solid #efefef}

/* 评论翻页 */
.compage { font-size: 0; clear: both; text-align: center; padding:15px 0 5px;}
.compage .page { text-align: center; display: inline-block; border:1px solid #bbb; line-height: 26px; width: 30px;font-size: 12px; margin: 1px; }
.compage .now-page,.compage .page:hover { background-color: #bbb; color: #fff }

/* 搜索 */
.search-fr {position:relative;overflow:hidden;}
.seach_cha {width:76%;height: 26px;padding:5px 0 5px 10px;font-size:14px;color:#838383;border:1px solid #efefef;}
.seach_dian {border:0;position:absolute;right:0;top:0;width: 67px;height: 38px;padding:0;font-size:16px;text-align:center;color:#fff;background-color: #09f;cursor:pointer;}
.seach_dian:hover { opacity: 0.8; }
.hotsearch a{display: inline-block;margin: 16px 10px 0 0;color: #6d6d6d;}
.m_seach {position:relative;overflow:hidden;margin:-4px 1% 5px 1%;display: none;}
.m_seach_cha {width:66%;height: 26px;padding:5px 35px;font-size:15px;color:#838383;border:none;background: url(../images/search_bg.png) no-repeat 5px center;background-size: 24px;}
.m_seach_dian {border:0;position:absolute;right:0;top:0;width: 67px;height: 38px;font-size:16px;line-height:34px;color:#fff;background: #09f;-webkit-appearance:none;}

/* ZDY */
.title{margin: 0 0 12px;font-size: 17px;font-weight:400;}
.title:before {content:"";border-left: 4px solid #09f;font-size: 14px;margin-right:8px;}
.shadow{background: #fff;box-shadow:0 1px 3px rgba(26,26,26,.2);}
.div2 { top: 10px; z-index: 999; position: fixed; _position: absolute }
.cmslist li span.cms_daye_time { float: right; }

.total{position: absolute;top:0;right:0;font-size: 14px;}
.next { padding: 5px 0 5px 20px; }
.ellipsis{ text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }
.backtop { position: fixed; bottom: 5%; right: 5%; font-size: 41px; z-index: 99; width: 58px; height: 58px; text-align: center; line-height: 58px; background: #FFF; color: #c3c3c3; cursor: pointer; border-radius: 8px; box-shadow: 0px 2px 10px #dedede; }

/* 日历 */
#tbCalendar { width:100%; text-align:center; }
#tbCalendar caption { padding:5px 0 15px; font-size: 17px; }
#tbCalendar thead th { padding: 6px; border: 1px solid #eee; text-align: center; }
#tbCalendar tbody td { height: 31px;  border: 1px solid #eee; }
#tbCalendar tbody td a { display:block; padding: 6px; background: #09f; color: #fff; }

/* 按钮 */
.sidebutton a{display: block;font-size: 16px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #686868;margin: 15px 20px;background: #ffffff;border-radius: 5px;}
.sidebutton a:last-child {background: #686868; color: #fff}
.sidebutton a:hover {background: #09f; color: #ffffff !important;}

/* 评论 */
.commentpost { padding: 10px 20px; margin-bottom: 7px; }
.commentpost>a { float: right; width: 50px; height: 26px; line-height: 26px; background: #09f; color: #fff; text-align: center;}
.text, .commentpost>form>span>img, .commentpost>a, .verify, .input>input, .button {border: 1px solid #09f;border-radius: 2px}
.commentpost>form>span>img {width:80px;height:26px;}
.text { width: 100%; line-height: 200%; margin: 3px 0 3px 0;}
.verify { width: 25%; height: 26px; float: left; margin-right: 1px;}
.button {background: #09f;border:none;width: 100px;height: 28px;color: #fff;float:right; cursor: pointer;}
.input {margin-bottom: 10px; }
.input>input {width: 25%; height: 26px; line-height:normal; float: left; margin: 0 2px 3px 0; }
.comment { margin-top: 8px; text-align: center; }

/* 评论列表 */
.comlist { padding: 10px; }
.comlist>h3 { padding: 10px; font-size: 16px; text-align: center;}
.comlist ul { border:1px solid #ddd; padding:5px; margin-top:18px; border-radius:2px; }
.comlist ul li { overflow:hidden; width:100%; }
.avatar img {float:left;width:50px;height:auto;margin-right:10px;border-radius:5px;}
.comment_text {line-height:25px;word-wrap:break-word;margin-top: -8px}
.commentname>span {display: inherit; margin: 14px}

/* AD */
.banner {margin-bottom: 5px;padding: 5px;}
.banner img{width: 100%;height: auto; margin-bottom: -2px; }
.banner a:last-child {margin-bottom: -2px;display: block;}
.texts {margin-bottom: 5px; display: inline-block;width: 100%;}
.texts>table { width: 100%; font-size: 13px; text-align: center; margin:5px 0;}
.texts table tr td {padding: 2px 0; word-break: break-all;width:20%;}
.texts table tr td a {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.topbanners img{float: right; margin-top: 2px;}
.artban {padding: 3px; margin-top: 5px;font-size: 0;}
.artban img {width: 100%;}

/* 自适应 */
@media only screen and (max-width: 1100px) {
.wrapper-outer, .wrapper { width: 100%; }
.header {width: 98%;padding: 5px 1%;}
.t-fr { padding-right: 1.5% }
.navbg, .navbar {height: 32px;width: 100%;background: #fff; overflow: hidden;}
#navul { margin: 0 2%; }
#navul li { font-size: 12px !important }
#navul li a { height: 29px;}
#navul li ul { top: 31px }
#iautobox { position: relative; padding-top: auto }
#iautobox .rtpic { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 160px; overflow: hidden; }
.newadd li {width: 46% !important;}
.cmsbox, .newadd, .art-content { width: 100%; }
.catelist li .mark {float: none; width: 100%; }
.pull-left { width: 100%; height: 32px; line-height: 32px; }
.cmslist { width: 48%; margin: 0 1% 8px; box-sizing:border-box;}
.cmslist:nth-of-type(5){margin-right:9px;}
.newadd li { width: 48%; }
.newadd li:nth-child(2n) { float: right }
.t-fl { margin-left: 15px; }
.pull-right, .yx-rotaion, .mail-box, .rtpic, .rtpic .lanmu, #sidebar, .span-c,.thumbnail, .con-right, .base_side, .backtop { display: none !important }
.rtpic ul { width: 96%; margin: 0 auto; }
.rtpic li { width: 23%; height: 140px; margin: 20px 1% 0 }
.frend-link {padding: 0 2%;margin: 0 1% 2%}
.footer .col div.span-a { float: none; width: auto; padding: 0 20px }
.base {float: none; width: 98%; box-sizing:border-box; margin: 0 auto 10px; }
.con-left {float: none; width: 98%; box-sizing:border-box; margin: 0 auto; }
.logo {margin: 0 auto;float: none;text-align: center;}
.topbanners img {width: 100%;}
.m_seach {display:block;}
.inpr {margin-bottom: 13px;}
}

@media only screen and (max-width: 650px) {
.logo {float: none;text-align: center;margin: 0 auto;}
.t-fl, .backtop { display: none !important}
.rtpic li { width: 48%; height: 140px; margin: 20px 1% 0 }
.navbar { height: 0; border: none; }
.pull-left, .navbg { height: 0 }
#mnav { display: block; position: absolute; top: 0; padding: 0 15px; height: 30px; left: 0px; }
#mnav i {color: #000000;font-size: 18px;line-height: 30px;}
#navul { position: absolute; left: 0; height: auto !important; overflow: visible !important; display: none; top: 30px; cursor: pointer; z-index: 999; margin: 0;}
#navul li {float: none;background: #fff;box-shadow:0 1px 3px rgba(55, 55, 55, 0.65);}
#navul li ul { top: 0; left: 90px }
.cmslist,.texts {width: 98%;margin: 0 1% 5px;}
.banner { margin: 0 1% 5px;}
.topbanners img {width: 100%;}
.texts table tr td a {-webkit-line-clamp: 2;font-size: 12px;}
.sf-praise-item img {width: 60%}
.article { padding: 0 10px}
.inpr {margin-bottom: 13px;}
}

@media only screen and (max-width: 767px) {
.newadd li { width: 100% !important; }
.newadd li:nth-child(2n) { margin-left: 0px; }
}

@media (min-width:768px) and (max-width:813px) {
.newadd li:nth-child(2n) { margin-left: 28px; }
}