@charset "utf-8";
body { color: #333333; font-size: 14px; font-family: "微软雅黑", "黑体", Arial; background: #E9E9E7 url(../images/bg.png) repeat-y center top; }
a { color: #333333; outline: none; text-decoration: none; transition: all .3s linear }
a:hover { text-decoration: underline; }
a:hover { color: #009999; text-decoration: none; }
.red { color: #CC0000; }

html * { outline: 0; zoom: 1; }
img:hover { opacity: 0.8; filter: alpha(opacity=80); }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; }
.clear { clear: both; }
.strong { font-weight: bold; }
.tal { text-align: left }
.tar { text-align: right; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }
.show { display: block; visibility: visible; }
.hide { display: none; visibility: hidden; }
.block { display: block; }
.inline { display: inline; }
.break { word-wrap: break-word; overflow: hidden; }
em { font-style: italic !important; }
strong { font-weight: bold !important; }
.wrapper-outer { width: 1100px; margin: 0 auto; clear: both; height: auto; overflow: hidden; }
.wrapper, .header { width: 1000px; margin: 0 auto; }
.row { clear: both; height: auto; overflow: hidden; }
.topBar { background: #272625; height: 30px; line-height: 30px; }
.topBar a { display: inline-block; color: #fff; }
.topBar .t-fl { float: left; width: 70%; color: #ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.topBar .t-fl i { margin-right: 5px; font-size: 14px; }
.topBar .t-fr { float: right; }
.topBar .t-fr a { padding-left: 15px; }
.logo { float: left; }
.logo a { color: #009999; }
.logo img { height: 60px }
.search-fr { float: right; width: 297px; padding-top: 10px; }
.header { background: #fff; padding: 20px 0; }
.seach_cha { float: left; background: #fff url(../images/search_bg.jpg) no-repeat 5px center; border: none; height: 28px; padding: 5px; line-height: 28px; border: 1px solid #ddd; padding-left: 35px; width: 195px; color: #999; }
.seach_dian { float: right; width: 60px; height: 40px; background: #009999; border: none; padding: 0px; cursor: pointer; color: #fff; font-family: "微软雅黑", "黑体", Arial; font-size: 18px; }
.seach_dian:hover { opacity: 0.8; filter: alpha(opacity=80); }
.navbar { height: 46px; background: #333; }
.pull-left { width: 1000px; float: left; height: 46px; line-height: 46px; }
.pjaxtip { display: none; position: fixed; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; box-shadow: 0 0 1px #fff; z-index: 9999 }
/*主导航*/ 
.navbg { width: 1000px; }
#mnav { display: none; }
#navul li { float: left; width: 90px; position: relative; font-size: 15px; text-align: center; z-index: 9998 }
#navul li a { display: block; text-align: center; padding: 0 15px; color: #FFF; }
#navul li a:hover { background: #009999; }
.cur { background: #009999; }
#navul li ul { display: none; position: absolute; z-index: 1000; top: 45px; background: #009999; 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-right ul { float: right; }
.pull-right ul li { float: left; padding: 0 10px; font-size: 14px; height: 46px; line-height: 46px; }
.pull-right ul li a { color: #fff; }
.pull-right ul li.weixin { padding: 0 10px 0 5px; }
.pull-right ul li.weixin a { display: block; float: left; width: 30px; height: 30px; font-size: 14px; text-indent: -99999em; background: url(../images/ico_sprit.png) no-repeat -30px 0; margin-top: 8px; }
.pull-right ul li.weixin a:hover { background: url(../images/ico_sprit.png) no-repeat -30px -30px; }
.con-left { float: left; width: 650px; }
.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: #009999; }
.con-right { float: right; width: 320px; }
/*首页分类版块**/
.cmsbox { width: 680px; }
.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 #009999 solid }
.lanmu h3 i { font-size: 18px; color: #009999; margin-right: 5px; }
.lanmu .more { position: absolute; top: 2px; right: 0 }
.lanmu .more i { font-size: 18px; color: #009999; }
.cmslist ul { padding: 8px 0 }
.cmslist { float: left; width: 310px; margin: 0 30px 8px 0; }
.cmslist li { height: 28px; line-height: 28px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.cmslist li i { margin-right: 5px; font-size: 16px; color: #CC0000; }
.cmslist li span { float: right; font-size: 13px; color: #555555; }
.newadd { width: 100%;margin-bottom:8px; height:auto;overflow:hidden;}
.newadd .lanmu { margin-top: 15px; }
.newadd .lanmu h3 { font-size: 16px; float: none; }
.newadd ul { padding: 8px 0;overflow:hidden; }
.newadd li { height: 28px; line-height: 28px; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.newadd ul li em { font-size: 12px; font-style: normal !important; margin: 0 4px 0 0; color: #CC0000; background: #fff; }
.newadd ul li i { margin-right: 5px; font-size: 16px; color: #CC0000; }
.newadd li { width: 310px; float: left; }
.newadd li:nth-child(2n) { margin-left: 30px; }
.newadd ul li span { float: right; font-size: 13px; color: #555555; }
.newadd li span.timeday { color: #CC0000; }
.catelist li { position: relative; padding-bottom: 15px; border-bottom: 1px solid #E9E9E9; margin-bottom: 15px; }
.catelist li h3 { font-size: 18px; color: #333333; padding-bottom: 10px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.catelist li h3 i { font-size: 18px; margin-right: 5px; color: #CC0000; }
.catelist li p { color: #555555; line-height: 24px; }
.art-content { padding: 15px 0; overflow: hidden }
.art-content img { max-width: 92% !important; height: auto !important; }
.art-content embed { max-width: 96% !important; }
.art-content p { line-height: 150%; margin-bottom: 10px; }
.title { height: 20px; line-height: 20px; color: #009999; margin-bottom: 10px; font-size: 18px; }
.box-a { border: 3px solid #E5E5E5; padding: 10px; }
.ullist2 li { height: 40px; line-height: 40px; font-size: 14px; border-bottom: 1px solid #EAEAEA; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden }
.ullist2 li:hover { border-left: 3px solid #009999; background: #F8F8F8; }
.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: #009999; text-align: center; margin: 0 15px 15px 0; float: left; }
.lower li a.cur2 { background: #00b2b3; }
.lower li a:hover { background: #00b2b3; }
.gg320 { width: 320px; height: auto }
.gg320 img { width: 100%; height: 100%; vertical-align: middle; }
.pinglun { margin-top: 5px; overflow: hidden; padding: 10px; }
.pinglun li { border-bottom: 1px #ededed dashed; padding: 5px 0 0 0 }
.pinglun h4 { line-height: 24px; font-size: 14px; max-height: 48px; overflow: hidden; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical }
.pinglun small { font-size: 12px; color: #888; line-height: 28px }
.pinglun img { width: 28px; height: 28px; float: right; border-radius: 3px }
.box-b { border: 1px solid #dcdcdc; position: relative; }
.box-b .arrow-right { display: block; width: 22px; height: 21px; background: url(../images/arrow-right.png) no-repeat; position: absolute; right: -1px; top: -1px; }
.footer { padding: 20px 0; background: #272727; border-top: 4px solid #C9C9C7; overflow: hidden }
.footer a { color: #878787; }
.footer .col div { float: left; }
.footer .col div.span-a { float: left; width: 780px; color: #8F8F8F; padding-left: 38px }
.footer .col div.span-a p { line-height: 200%; }
.footer .col .span-b { margin-left: -6px }
.footer .col .span-b a { margin: 0 6px }
.footer .col div.span-c { float: left; width: 160px; background: url(line.png) no-repeat right center; }
/**友情链接**/
.frend-link { overflow: hidden; margin-bottom: 15px; }
.frend-link h3 { height: 36px; line-height: 36px; border-bottom: 2px solid #EEE; }
.frend-link h3 span.fl { border-bottom: 2px solid #009999; font-size: 18px; }
.frend-link h3 span.fr { float: right; }
.frend-link ul { padding: 8px 0; }
.frend-link li { display: inline; height: 28px; line-height: 28px; }
.frend-link li a { padding-right: 15px; line-height: 24px; }
/**当前位置*/
.positionbar { width: 100%; height: 36px; line-height: 36px; border-bottom: 2px solid #E6E6E6; margin-bottom: 15px }
.positionbar h3 { float: left; height: 36px; line-height: 36px; border-bottom: 2px solid #009999; }
.positionbar h3 i { margin-right: 5px; }
.positionbar h3 a { margin-right: 5px; }
.tip-bar { background: #eee; 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: #0066CC; display: inline-block; width: 95px; line-height: 30px; text-align: center; color: #fff; }
a.down:hover { color: #fff; background: #0073e6; }
.down i { font-size: 14px; margin-right: 5px; }
/**相关文章*/
.link-box { width: 100%; height: 36px; line-height: 36px; border-bottom: 2px solid #E6E6E6; margin-bottom: 10px; font-size: 16px; }
.link-box h3 { float: left; height: 36px; line-height: 36px; }
.link-box h3 i { margin-right: 5px; }
/**翻页*/
.pagebar { font-size: 14px; padding: 5px 0; clear: both; }
.pagebar .page { text-align: center; display: inline-block; background-color: #009999; line-height: 32px; width: 32px; margin-right: 10px; color: #fff }
.pagebar .page:hover { background-color: #00b2b3; color: #fff }
.pagebar .now-page { background-color: #00b2b3; color: #fff }
/**评论样式**/
.commname { height: 40px; line-height: 40px }
.commname h3 { float: left; line-height: 40px; height: 40px; font-size: 16px }
.commname h3 span { color: #FF9933; margin: 0 5px; font-style: normal }
#comments { overflow: hidden }
#comments .ping { color: #333333; padding-bottom: 10px; border-bottom: 1px dashed #ededed; height: 24px; line-height: 24px; font-size: 20px; font-weight: 400 }
.compost .com_name { overflow: hidden; color: #009999 }
.compost .com_name a { color: #009999 }
.compost .com_box { margin-bottom: 15px; }
.compost .com_box textarea { width: 99.5%; border: 1px solid #ddd; display: block; box-sizing: border-box; padding: 10px }
.compost .com_info { margin-top: 10px; overflow: hidden }
.compost .com_info ul { float: left; list-style: none; display: inline-block }
.compost .com_info li { float: left; margin-right: 15px }
.compost .com_info li input { width: 160px; height: 30px; line-height: 30px; padding-left: 4px; border: 1px solid #ddd; margin-bottom: 15px; }
.compost .com_info li span { margin-left: 4px }
.compost .com_info li span img { height: 30px; line-height: 30px; vertical-align: top }
.compost .com_info button { background-color: #009999; border: 0; border-radius: 3px; padding: 0 20px; line-height: 36px; color: #fff; font-size: 14px }
.compost .com_info button:hover { background: #00b2b3 }
#comments .comlist { margin-bottom: 10px; border-bottom: 1px solid #ededed }
.comlist .title { margin: 10px 0; overflow: hidden }
.comlist .title span { color: #333333; background-color: #fff }
.comlist .title i { width: 93%; height: 1px; background-color: #ededed; vertical-align: middle; display: inline-block }
.comlist ul { list-style: none; border-top: 1px solid #ededed }
.comlist ul.bordertop { border-top: 0 }
.comlist ul:hover { background-color: #fafafa }
.comlist ul ul { margin-left: 5% }
.comlist li { overflow: hidden; padding: 15px 0 }
.comlist li img { float: left; width: 40px; height: 40px; border-radius: 50%; margin-left: 12px }
.comlist li .clbody { margin-left: 64px }
.clbody .cinfo { overflow: hidden }
.clbody .cinfo h5 { float: left; height: 18px; line-height: 18px; color: #009999; font-size: 14px; font-weight: 400 }
.clbody .cinfo span { float: right; margin-right: 10px }
.clbody .cinfo span a { color: #009999 }
.clbody .cinfo span i { margin-right: 4px }
.clbody em { color: #888; height: 24px; line-height: 24px; font-size: 12px; font-style: normal; display: block }
.clbody p { line-height: 24px; color: #4a4a4a; overflow: hidden }
.clbody p a { color: #009999 }

/* 自适应*/

@media only screen and (max-width: 1100px) {
.wrapper-outer, .wrapper { width: 100%; }
.header { width: 96%; padding: 15px 2% }
.search-fr { padding-top: 12px; }
.t-fr { padding-right: 1.5% }
.navbg, .navbar { height: 32px; width: 100%; background: #333; }
#navul li { font-size: 12px !important }
#navul li ul { top: 31px }
.con-left { float: none; width: 96%; margin: 0 auto }
#iautobox { position: relative; padding-top: auto }
#iautobox .rtpic { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 160px; overflow: hidden; }
.newadd { width: 98%; }
.newadd li { width: 48% !important; }
.cmsbox, .art-content { width: 100%; }
.pull-left { width: 100%; height: 32px; line-height: 32px; }
.cmslist { width: 48%; margin: 0 1% 8px; }
.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, .con-right { display: none }
.rtpic ul { width: 96%; margin: 0 auto; }
.rtpic li { width: 23%; height: 140px; margin: 20px 1% 0 }
.frend-link { padding: 0 2% }
.footer .col div.span-a { float: none; width: auto; padding: 0 20px }
}

@media only screen and (max-width: 650px) {
.logo { float: none; text-align: center; margin: 0 auto; padding-bottom: 10px; }
.search-fr { float: none; margin: 0 auto; display: block !important; padding-top: 1px; }
.newadd { width: 98%; margin: 0 1% 8px; }
.newadd li { width: 100%; }
.newadd li:nth-child(2n) { margin-left: 0; }
.t-fl { display: none }
.rtpic li { width: 48%; height: 140px; margin: 20px 1% 0 }
.navbar { height: 0; border-bottom: 2px #ccc solid; background: none; box-shadow: 0 3px 3px #eee; }
.pull-left, .navbg { height: 0 }
#mnav { display: block; position: absolute; top: 0; padding: 0 15px; height: 30px; left: 0px; }
#mnav i { color: #ffffff; 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 }
#navul li { float: none; border-bottom: 1px #444 dotted; background: #333; }
#navul li ul { top: 0; left: 90px }
.cmslist { width: 98%; margin: 0 1% 8px; }
}
.div2 { top: 10px; z-index: 999; position: fixed; _position: absolute }
.cmslist li span.cms_daye_time { float: right; }

@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; }
}