@charset "utf-8";
/* CSS Document */
article, aside, details, figcaption, figure, footer, header, main, nav, section {display: block;}
div, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin: 0;padding: 0;}
body {background-color: #E9EAEC;font: 100%/1.5em 'Microsoft Yahei', Arial, tahoma;}
a {text-decoration: none;outline: none;-webkit-tap-highlight-color: transparent;color: #333;}
a:hover {color: #D90000;}
input {-webkit-appearance: none;border: 0;}
input:focus {outline: none;}
li {list-style: none;}
.clear {clear: both;}
a img {border: none;}
table {background-color: transparent;border-spacing: 0;border-collapse: collapse;font-size: 0.75em;width: 100%;border-top: solid 1px #ddd;border-left: solid 1px #ddd;box-sizing: border-box;}
table th {background-color: #f9f9f9;text-align: center;box-sizing: border-box;}
table td, table th {padding: 5px 10px;border: 1px solid #ddd;box-sizing: border-box;}
hr {border: none;border-bottom: 1px solid #eee;}

/*gold*/
.inner {width: 1240px;margin: 0 auto;}
.ad{margin: 2% auto;}
.thumbnail img {width: 100%;display: block;}
.blank {height: 15px;width: 100%;clear: both;overflow: hidden;}
.w400{width: 400px;}
.w320{width: 320px;}
/*postmeta*/
.postmeta {margin-bottom:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.postmeta span {font-size:0.75em; color:#666; margin-right:15px;}
/*topad*/
.topad {margin-bottom: 15px;}
.mainad {margin-bottom: 20px;}
.topad img, .mainad img {width: 100%;height: auto;display: block;}
.content .mainad {border-bottom: 1px solid #eee;padding: 0 18px 20px;}

.content .post .post-title{text-align: center;
line-height: 35px;color: #D90000;}
.content .post .postmeta{border-bottom: 1px dotted #eee;
text-align: center;
line-height: 35px;}

/*header*/
.header {background-color: #343639;height: 60px;width: 100%;}
/*logo*/
.logo {float: left;height: 60px;width: auto;}
.logo a {display: block;}
.logo img {display: block;height: 60px;width: auto;}

/*nav*/
.nav {float: right;}
.nav .menu ul li, .top-other ul li {float: left;line-height: 60px;color: #fff;font-size: 1em;border-right: 1px solid #000;border-left: 1px solid #444;position: relative;}
.nav .menu ul li a {color: #fff;padding: 0 20px;display: block;}
.nav .menu ul li a:hover, .nav .menu ul li.current{background-color: #D90000;}
.nav .menu ul li ul {position: absolute;left: 0;top: 60px;width: 150px;border-radius: 0 0 3px 3px;background-color: #343639;overflow: hidden;border-top: 1px solid #000;z-index: 9;display: none;}
.nav .menu ul li ul li {float: none;line-height: 1.5em;font-size: 1em;text-align: center;border: none;border-bottom: 1px solid #000;border-top: 1px solid #444;}
.nav .menu ul li ul li a {padding: 10px 0;}
.nav .menu ul.submenu {display: block;}

/*tagscloud*/
.tagscloud {float: left;padding-left: 10px;line-height: 32px;font-size: 1em;}
.tagscloud span, .tagscloud a {float: left;}
.tagscloud a {color: #32A5E7;margin-left: 10px;}

/*container*/
.container {overflow: hidden;}

/*breadcrumb*/
.breadcrumb {font-size: 1em;color: #666;margin: 20px 0;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.breadcrumb span {padding: 0 18px;border-left: 3px solid #D90000;}

/*main*/
.main {width: 900px;float: left;}

/*section*/
.newslist {padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #eee;}
.newslist h2 {font-weight:normal; font-size:1.25em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;}
.newslist .thumbnail {float:left; width:200px; padding-right:25px; position:relative;}
.newslist .thumbnail span {position:absolute; left:0; top:0; padding:0 5px; font-size:0.75em; background:rgba(71,150,216,.7); color:#fff;}
.newslist .thumbnail img {height:150px;}
.newslist .excerpt p {font-size:1em; color:#555; height:72px; overflow:hidden;}

/*sidebar*/
.ipart03{margin: 1% 0;}

/*focus*/
.focus {position: relative;}
.slideBox {width:100%;height: 300px;overflow: hidden;position: relative;margin-bottom: 4.5%;}
.slideBox .hd {width: 100%;height: 4px;overflow: hidden;position: absolute;right: 0;bottom: 0;z-index: 10;}
.slideBox .hd ul {overflow: hidden;zoom: 1;}
.slideBox .hd ul li {float: left;width:20%;height: 4px;background: #000;filter: alpha(opacity=80);opacity: 0.8;cursor: pointer;}
.slideBox .hd ul li.on {background: #e60012;}
.slideBox .bd li {position: relative;float: left;width:100%;}
.slideBox .bd {height: 100%;z-index: 0;}
.slideBox .bd .pic {position: relative;z-index: 0;}
.slideBox .bd .pic img {width:100%;height: 300px;display: block;}
.slideBox .bd .bg {width: 100%;height: 44px;position: absolute;bottom: -44px;left: 0;z-index: 1;background: #000;filter: alpha(opacity=60);opacity: 0.6;}
.slideBox .bd .tit {width: 100%;height: 44px;line-height: 40px;position: absolute;bottom: -40px;left: 0;font-size: 14px;z-index: 2;color: #fff;}
.slideBox .bd .tit a {color: #fff;padding: 0 10px;}

/*top*/
.top {background-color: #fff;overflow: hidden;}
.top h3, .hots h3, .widget h3, .widget2 h3{border-left: 3px solid #D90000;padding-left: 15px;margin: 20px 0;font-weight: normal;font-size: 1.25em;}
.widget2 h3, .widget h3, .hots h3{position: relative;}
.widget2 h3 span, .widget h3 span, .hots h3 span{display: block;
right: 20px;
top: 0px;
position: absolute;}
.widget2 h3 span a, .widget h3 span a, .hots h3 span a{color: #555;
font-size: 0.875em;}
.top ul, .widget .bloggerinfo {padding: 0 18px;}
.top ul li {border-bottom: 1px solid #eee;padding-bottom: 3%;margin-bottom: 4%;}
.top ul li:last-child {border-bottom: 0px;}
.top h4 {font-size: 1.125em;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.top p, .hots ul li p {font-size: 1em;color: #555;overflow: hidden;}
.top p {height: auto;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.hots ul li p {height: 72px;}

/*hots*/
.hots, .content {overflow: hidden;background-color: #fff;margin-bottom: 20px;}
.content {padding: 0 20px;}
.hots .section-title, .top .section-title, .content .section-title, .widget .section-title,.widget2 .section-title, .friendlinks .section-title {border-bottom: 1px solid #eee;margin-bottom: 2%;}
.hots ul, .section {overflow: hidden;}
.hots ul li {padding-bottom:2.5%;}
.hots ul li.right {float: right;}
.hots ul li .thumbnail {width: 130px;height: 98px;float: left; padding-right: 2%;margin-left: 2%;}
.hots ul li img {height: 98px;}
.hots ul li h4 {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1em;margin-bottom: 5px;}
/*section*/
.section {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #eee;}
.section h2 {font-weight: normal;font-size: 1.25em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px;}
.section .thumbnail {float: left;width: 200px;padding-right: 25px;position: relative;}
.section .thumbnail span {position: absolute;left: 0;top: 0;padding: 0 5px;font-size: 0.75em;background: rgba(71,150,216,.7);color: #fff;}
.section .thumbnail img {height: 150px;}
.section .excerpt p {font-size: 1em;color: #555;height: 72px;overflow: hidden;}
/*postmeta*/

/*首页横幅广告*/
.adimg {width: 1240px;height: auto !important;margin: 20px auto;clear: both;overflow: hidden;}
.ad_w660 {width: 820px;float: left;}
.ad_w320 {width: 400px;float: right;}
/*今日头条*/
.jrtt {height: 90px;margin: 20px auto;padding: 10px 0;background: #F3F3F3;border: #E6E6E6 1px solid;position: relative}
.jrtt h2 {width: 90%;height: 50px;line-height: 50px;font-size: 40px;font-family: 微软雅黑;text-align: center;font-weight: bold;color: #000;overflow: hidden;display: block;margin: 0 auto}
.jrtt h2 a {text-decoration: none;color: #e60012;}
.jrtt h2 a:hover {text-decoration: none;color: #e60012;}
.jrtt ul {height: 30px;margin-top: 6px;display: block;margin: 6px auto}
.jrtt ul li {height: 30px;line-height: 30px;font-size: 1em;float: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin: 0 auto;text-align: center;}
.jrtt ul li a {color: #3F3F3F}
.jrtt .toutiao {position: absolute;top: 0px;left: 0px;width: 75px;height: 75px;background: url(/static/chen_skin/style/../images/topnews.png) no-repeat}
.jrtt .toutiao h2 a {color: #e60012;}
/*widget*/
.widget {background-color: #fff;overflow: hidden;}
.widget2 {background-color: #fff;overflow: hidden;}
.widget2:last-child {background-color: #fff;margin: 0;}
.textwidget {padding: 9px 18px;}
.textwidget p {padding: 9px 0;}
.textwidget img {width: 100%;height: auto;}
.widget ul {padding: 0 18px 2px;}
.widget.theme-widget ul {padding: 0 18px;}
.widget ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1em;margin-bottom: 3.8%;}
.widget ul li:last-child {margin-bottom: 21px;}
.bar1 ul li {white-space: normal}
.widget .thumbnail {float: left;width: 100px;height: 75px;padding-right: 15px;}
.widget .thumbnail img {height: 75px;}
.widget ul li p {font-size: 1em;}
.widget ul li i {font-style: normal;font-size: 0.75em;background-color: #eee;color: #888;padding: 3px 8px;margin-right: 8px;border-radius: 3px;}
.widget ul li i.a1 {background-color: #D90000;color: #fff;}
.widget ul li i.a2 {background-color: #FD6440;color: #fff;}
.widget ul li i.a3 {background-color: #4796D8;color: #fff;}
.widget ul li i.a4, .a5, .a6, .a7, .a8, .a9 {font-style: normal;font-size: 0.75em;background-color: #eee;color: #888;padding: 3px 8px;margin-right: 8px;border-radius: 3px;}
.widget .follow {padding: 0 9px;text-align: center;}
.widget .follow img {margin: 0 9px;width: 130px;height: 130px;}
.widget .follow p {margin-bottom: 18px;}
.widget ul li.list p {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.widget ul li.list .thumbnail {display: none;}
.widget ul li.list.cur .thumbnail {display: block;}
.widget ul li.list.cur i {display: none;}
.widget ul li.list.cur p {white-space: normal;}
.widget .bloggerinfo .bloggerinfoimg img {width: 100%;height: auto;display: block;border-radius: 50%;}
.widget .bloggerinfo p, .widget .bloggerinfo .bloggerinfoimg {margin-bottom: 18px;}
.widget .bloggerinfo p.name {text-align: center;font-size: 1.25em;}
.widget .bloggerinfo p.des {font-size: 1em;color: #555;text-indent: 2em;}
.widget #calendar {margin-bottom: 18px;}
.widget #calendar table {border: none;}
.widget #calendar table td, .widget #calendar table th {border: none;text-align: center;}
.widget #calendar table td.day2 a {background-color: #D90000;border-radius: 50%;color: #fff;width: 17px;height: 17px;margin: 0 auto;display: block;line-height: 17px;}
.widget.twitter p {margin-bottom: 5px;color: #555;font-size: 1em;white-space: normal;text-align: justify;}
.widget.twitter ul li p.time {color: #888;font-size: 1em;}
.widget.twitter p.more {margin-bottom: 18px;text-align: right;font-size: 0.75em;}
.widget2 ul {padding: 0 18px 3px;}
.widget2 ul {padding: 0 18px;}
.widget2 ul li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 1em;padding-left: 8px;
background: url(/static/chen_skin/style/../images/ico_2.jpg) 0 13px no-repeat;padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dotted #ccc;}
.widget2 ul li:last-child {margin-bottom: 21px;}

#mrq{background:#fff;margin-bottom: 20px;}
#Marquee_x { overflow:hidden; width:1200px;margin: 0px auto;
padding: 20px 0;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:160px; width:176px; overflow:hidden}
#Marquee_x ul li div img{ width:176px; height:132px; display:block}
#Marquee_x ul li div span{ display:block;font-size: 1em;color: #555;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}

/*friendlinks*/
.friendlinks {background-color:#fff; margin:14px auto 20px;}
.friendlinks .section-title {padding:10px 18px; font-size:1em; margin-bottom:10px;}
.friendlinks .section-title span {font-size:0.875em; color:#666; margin-left:15px;}
.friendlinks ul {overflow:hidden; padding:0 8px 10px;}
.friendlinks ul li {float:left; margin:5px 10px; display:inline; font-size:0.75em;}
.friendlinks ul li a {color:#555;}

.updetail table {margin: 15px 0;width: 100%; border-collapse: collapse;}
.updetail table td,.updetail table th {border-right: #ccc 1px solid; padding-right: 2px; border-top: #ccc 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #ccc 1px solid; padding-top: 2px; border-bottom: #ccc 1px solid;text-align:center;}
.updetail table th{ background:#eee;}
.updetail table p{margin:0;}
.updetail h2{line-height: 1.5;font-size: 24px;font-weight: bold;margin: 2% 0 .5%;color: #D90000;}
.updetail > h2:first-of-type{margin: .5% 0 .5%;} 
.updetail h3{line-height: 1.5;font-size: 20px;font-weight: bold;margin: .5% 0;} 
.updetail ol li{list-style: decimal;list-style-position: inside;text-indent: 1em;}
.updetail ul li{list-style: disc;list-style-position: inside;text-indent: 1em;}
.updetail p{margin:1% 0;font-size: 14px;text-indent: 2rem;    line-height: 2;}
.updetail p img {display: block;margin: .5% auto;}
.updetail a{color:#D90000;}

/*postnavi*/
.postnavi {margin: 20px 0;overflow: hidden;border-top: 1px solid #ececec;padding-top: 10px;}
.postnavi .prev {margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.postnavi .next {overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.postnavi i {font-style:normal;}
.postnavi a {font-size:1em; color:#555;}
.postnavi a:hover {color:#D90000;}

/*footer*/
.footer {color:#888; width:100%;}
.footer .footer_top{background: #1e1e1e;padding: 40px 0 20px;}
.footer .footer_top dl{ float:left;margin-left:8%;}
.footer .footer_top .dl_1{ width:40%;}
.footer .footer_top .dl_2{ width:16%;}
.footer .footer_top .dl_3{ width:20%;}
.footer .footer_top dl dt{line-height: 45px;font-size: 1.25em;color: #fff;}
.footer .footer_top dl dt dd{line-height: 200%;}
.footer .inner {overflow:hidden; position:relative;}
.footer .footer_bottom{color: #5b5b5b;background-color: #000;line-height: 55px;}
.footer a {color:#888;}
.footer .other {float:right;}
/*copyright*/
.copyright {float:left;}

/****************** 翻页栏  ***********************/
.Page{ height:28px; padding: 10px 0 20px; text-align:center;}
.Page li{ float:left;}
.Page a{ display:inline-block; height:28px;line-height:28px; color:#fff; padding:0 10px; background:#f3f3f3; color:#6c6c6c; margin:0 0 0 5px;}
.Page a:hover,.Page a.on{color:#ffffff !important;background:#D90000}


/* <1024 */
@media only screen and (max-device-width: 1024px){
	body{ user-select: none;-webkit-user-select: none;}
	html,body,.inner { min-width:0;}
	html { overflow-x:hidden;}
	body,input,textarea,button,select { font-size:14px;}
	.inner{padding-left:2%;padding-right:2%;width: auto;}
	.jrtt {height: auto;}
	.top {height:auto;}
	.top ul li {padding-bottom: 2%;margin-bottom: 2%;}
	.hdp_down{display: none;}
	.top p {font-size: 13px;}
	.top h3, .hots h3, .widget h3, .widget2 h3 {padding-left: 3%;margin: 3% 0;}
	.widget ul li {margin-bottom: 2.9%;}
	.hots ul li p {height: auto;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-size: 13px;}
	.hots ul li .thumbnail {width: 28%;height: auto;}
	.hots ul li img {height: 65px;}
	.widget .thumbnail {width: 25%;height:auto;}
	.widget .thumbnail img {height: 51px;}
	.sidebar{display: none;}
	.updetail h2 {font-size: 20px;}
	.updetail h3 {font-size: 15px;}
}

/* <768 */
@media only screen and (max-device-width: 769px){
	.slideBox,.slideBox .bd .pic img{height: 500px;}

}


@media only screen and (max-device-width:760px){
	body,input,textarea,button,select {font-size:14px;}
	.inner{padding-left:2%;padding-right:2%; }
	.header {background-color:inherit;height:auto;}
	.header .inner{padding:0;}
	.logo {float: none;height: 60px;width: 100%;background-color: #D90000;}
	.nav .menu ul li, .top-other ul li {float: left;line-height: 2;font-size: 18px;border: 0;position: relative;margin: 1%;width: 31%;text-align: center;font-weight: bold;background: #D90000;}
	.nav .menu ul li a {padding:0;display: inline-block;}
	.logo img {margin: 0 auto;}
	.nav {float: none;margin: 2% 0 0;}
	.slideBox,.slideBox .bd .pic img{height: 300px;}
	.jrtt h2 {width: 70%;height: 30px;line-height: 30px;font-size: 20px;}
	.jrtt .toutiao,.friendlinks,.footer .footer_top .dl_2,.footer .footer_top .dl_3,.footer .footer_top dl dt,.copyright a:last-of-type,.footer .other{display: none;}
	.widget {margin: 2% 0;}
	.ipart03 .span-4 img{margin:1% 0 2%;}
	.hots, .content {margin-bottom: 1%;}
	.ipart06 .span-4:nth-of-type(2) .widget2{margin: 2% 0;}
	.footer .footer_top {padding:4% 0;}
	.footer .footer_top .dl_1 {width: 100%;text-align: center;}
	.footer .footer_top dl {margin-left: 0;}
	.footer .footer_top dl dd.item1,.footer .footer_top dl dd.item2,.footer .footer_top dl dd.item3,.footer .footer_top dl dd.item4{display: inline-block;}
	.footer .footer_top dl dd.item1,.footer .footer_top dl dd.item3{margin-right:2%;}
	.copyright{float: none;text-align: center;}
	.footer .footer_bottom {line-height: 35px;}
	.newslist {padding-bottom: 3%;margin-bottom: 3%;}
	.newslist .thumbnail {width: 32%;padding-right: 2%;}
	.newslist .thumbnail img {height: 90px;}
	.newslist h2,.postmeta{margin-bottom: 1%;}
	.newslist .excerpt p {height: auto;word-break: break-all;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	.breadcrumb {margin: 2% 0;padding-bottom: 2%;}
	.content {padding: 0 2%;}
	.Page {height: auto;padding: 2% 0;}
	.Page li {float:none; margin-bottom: 1%;display: inline-block;}
}

@media only screen and (max-device-width: 479px){
	.slideBox,.slideBox .bd .pic img{height: 250px;}
	.newslist h2 {font-size: 1em;}
	.postmeta span:last-of-type{display: none;}
	.newslist .thumbnail {width: 35%;}
	.updetail h2 {font-size: 18px;}
}

@media only screen and (max-device-width: 360px){
	.nav .menu ul li, .top-other ul li {font-size: 16px;}
	.slideBox,.slideBox .bd .pic img{height: 220px;}
	.footer .footer_top dl dd.item1,.footer .footer_top dl dd.item2,.footer .footer_top dl dd.item3,.footer .footer_top dl dd.item4{display:block;}
	.newslist h2, .postmeta {margin-bottom: 0;}
	.newslist .thumbnail img {height: 82px;}


}

@media only screen and (max-device-width: 280px){
	.nav .menu ul li, .top-other ul li {font-size: 14px;}
	.slideBox,.slideBox .bd .pic img{height: 200px;}
}