@charset "utf-8";
/* CSS Document */
.subBanner{width: 100%;overflow: hidden;padding:0 7.2% 80px 0;position: relative;}
.subBanner img:hover{transform: scale(1)}
.subBanner .img{position: relative;display: block;}
.subBanner .imgResize{display: block;padding-bottom: 22.47%;position: relative;z-index: 10;}
.subBanner .title{position: absolute;left: 7.2%;bottom: 0;font-size: 48px;color:#fff;padding-bottom: 15px;font-weight: normal;letter-spacing: 1px;z-index: 12}
.subBanner .imgResize:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* background-color: rgba(0, 0, 0, .2); */
	/* background-image: linear-gradient(-45deg, transparent 25%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, .2) 75%, rgba(0, 0, 0, .2)); */
	background-position: left top;
	background-size: 4px 4px;
	background-repeat: repeat;
	}
.subBanner-mask{width: 71.35%;height: 200px;position: absolute;right: 0;bottom: 0;display: block;z-index: 0;
background-color: #f12711;
  background: -webkit-linear-gradient(right, #f5af19 , #f12711); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient right,  #f5af19 , #f12711); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f5af19 , #f12711); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f5af19 , #f12711); /* 标准的语法 */
}
.bread{width: auto;margin-top: 120px;color:#fff;font-size: 15px;padding:25px 15px;line-height: 28px;}
.bread a{color:#fff;}
.bread a:hover{opacity: 0.8;}
.subBody_bg{width: 100%;position: relative;height: 100%;}
.subBody_bg:after{background-color: #f5f5f5;width: 64.2%;z-index: -5;display: block;content: '';right: 7.2%;height: 100%;position: absolute;top: 0}
.body_line{position: absolute;top: 0;width: 1px;background-color:#e6e6e6;height: 100%;z-index: -1 }
.body_line_item1{right: 7.2%;}
.body_line_item2{right: 28.5%;}
.body_line_item3{right: 49.8%;}
.body_line_item4{right: 71.3%;}
.body_line_item4{left:  7.2%;}
.subPage{padding:0 7.2%;}
.subMenu{width: 100%;overflow: hidden;margin-top: 60px;}
.subMenu li{width: 25%;float: left;height: 58px;line-height: 57px;overflow: hidden;border:1px solid #333;border-left: none;text-align: center;margin-bottom: 15px;}
.subMenu li a{display: block;font-size: 18px;}
.subMenu li:first-child{border-left: 1px solid #333}
.subMenu li:hover a,.subMenu li.active a{color:#fff;background-color: #f12711;
  background: -webkit-linear-gradient(right, #f12811 , #f5ae19); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient right,  #f12811 , #f5ae19); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right,  #f12811 , #f5ae19); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,  #f12811 , #f5ae19); /* 标准的语法 */ }
/*列表页*/
.list05{width: 100%;padding:50px 0 30px;overflow: hidden;}
.list05 li{width: 25%;float: left;}
.list05 li > div{margin:0 44px;}
.list05 li h3{color:#333;font-size: 18px;line-height: 40px;height: 80px;overflow: hidden;position: relative;}
.list05 li h3:before{width: 50px;height: 2px;background-color: #c51515;position: absolute;left: 0;bottom: 0;content: ''; display:none; }
.list05 li p{margin-top: 25px;line-height: 22px;height: 110px;overflow: hidden;color:#999; display:none; }
.readMore09{border-bottom: 1px solid #333;padding-bottom: 12px;text-align: center;margin-top: 20px; }
.readMore09:hover{border-bottom-color:#c51515;}
/*文章页*/
.pageArticle{width:74.9%;position: relative;letter-spacing: 1px;float: right;padding:20px 55px;}
.articleTitle{line-height:26px;padding:10px 0;}
.articleTitle h3{font-size:36px;line-height:43px;padding:0px 0 10px;color:#666;font-weight: normal;}
.articleTitle h4{font-size: 20px;color:#666;font-weight: normal;padding:10px 0 5px;}
.articleAuthor{padding:0 0 10px;color:#999;}
.articleAuthor span{display: block;line-height: 30px;}
.article{line-height: 32px;font-size: 16px;padding: 20px 0 35px;letter-spacing: 1px;color:#666;text-indent: 2em;}
.Annex {padding:20px 0 40px 0; overflow:hidden;clear: both;border-top:1px solid #eee;}
.Annex h3 { font-size: 16px;color:#000;height: 50px;line-height: 50px;background-color: #eaebe8;color:#333;padding-left:35px;}
.Annex ul{overflow: hidden;padding-top:20px;}
.Annex ul li { height: 40px; line-height: 40px;padding-left:25px;position: relative;}
.Annex ul li:before{width: 6px;height: 6px;border-radius: 50%;background-color: #f12711;content: '';left:5px;top: 50%;margin-top: -3px;position: absolute;}
.Annex ul li span{margin-right: 5px;color: #666}
.Annex ul li a { font-size: 14px;color:#666;}
.Annex ul li a:hover{color:#000;}
.article img{display:inline-block!important;width: auto;}
.share{position: absolute;left:-80px;top: 300px;width: 75px;padding:20px 0;}
.share_btn{float: left;line-height: 33px;font-weight: normal;}
.share a{padding-left: 45px !important;margin:0 15px 0 0 !important;border-radius: 50% !important;height: 45px !important;display: block;margin-bottom: 15px !important;float: none;}
.share a.bds_weixin{background:url(../../images/80xiaoqingdandu/weChat.png) no-repeat center center #ccc;}
.share a.bds_tsina{background:url(../../images/80xiaoqingdandu/sina.png) no-repeat center center #ccc;}
.share a.bds_qzone{background:url(../../images/80xiaoqingdandu/z_qone.png) no-repeat center center #ccc;}
.share a.bds_more{background:url(../../images/80xiaoqingdandu/link.png) no-repeat center center #ccc;}
.share a.bds_weixin:hover{background-color:#7dd43c;}
.share a.bds_tsina:hover{background-color:#d90e17;}
.share a.bds_qzone:hover{background-color:#47a4fc;}
.share a.bds_more:hover{background-color:#77a4f8;}

/*分页*/
.pages{ text-align:center;  font-size:15px;font-size:1.5rem; line-height:28px; padding:35px 0; overflow: hidden;}
.pages span{ color:#003c7f; padding:0 20px 0 0px; font-size:16PX;}
.pages a{ display: inline-block; *display:inline; *zoom:1; *vertical-align: middle;width:37px; height: 37px;*height:37px;line-height: 37px; font-size:18px; text-align:center; color:#adadad;margin:0 6px;background-color: #f7f7f7}
.pages a:hover{ color:#fff; background-color:#e30011;}
.pages a.prev{width: 37px;height: 37px;background: url(../../images/80xiaoqingdandu/b_lf.png) no-repeat center center}
.pages a.prev:hover{background: url(../../images/80xiaoqingdandu/b_lf02.png) no-repeat center center #e30011}
.pages a.next:hover{background: url(../../images/80xiaoqingdandu/b_rt02.png) no-repeat center center #e30011}
.pages a.next{width: 37px;height: 37px;background: url(../../images/80xiaoqingdandu/b_rt.png) no-repeat center center}
.pages a.on_pages{ background-color:#e30011;color:#fff;}
.pages_min{ margin:25px 0; overflow: hidden; display: none;padding:0 18px;font-size:13px;font-size:1.3rem;}
.pages_min a.prev_min,.pages_min a.next_min{ display: block; width:100px; height: 30px; float:left; background: #f4f5f2; border-radius: 3px; color:#c9050c; line-height: 30px; text-align: center;font-size: 14px;}
.pages_min a.next_min{ float:right;}
.pages_min a:hover{ background:#c9050c; color:#fff; transition:0.5s;}


@media screen  and (max-width:1600px) {
	
}
@media screen  and (max-width:1440px) {
	
}
@media screen  and (max-width:1366px) {
	.share{top: 10%;}

}
@media screen  and (max-width:1220px) {
	

}
@media screen  and (max-width:1200px){
	
}
@media screen  and (max-width:1024px) {
	

}
@media screen  and (max-width:992px) {
	.subBody_bg:after,.body_line{display: none;}
	.list05 li{width: 50%;}
	.list05 li > div{margin:0 15px;}
	.subPage{padding:0 20px;}
	.subBanner-mask{width: 100%;height: auto;position: static;}
	.subBanner{padding:0;}
	.bread{margin-top: 0;padding:10px 15px;}
	.subBanner .title{font-size: 24px;left: 20px;}
	.subMenu{margin-top: 25px;}
	.subMenu li{width: 33.33%;}
	.list05{padding-top: 0;}
	.pages{display: none;}
	.pages_min{display: block;}
	.pageArticle{width: 100%;float: none;padding:20px 10px;}
	.share{position: static;width: 100%;}
	.share a{float: left !important;}
}

@media screen  and (max-width:768px) {
	.subBanner .title{font-size: 18px;}
	.share{position: static;width: 100%;}
	.article{font-size: 14px;line-height: 28px;}
	.articleTitle h3{font-size: 20px;line-height: 30px;}
	.list05 li h3{font-size: 16px;font-weight: normal;height: 50px;line-height: 50px;}
	.subMenu li a{font-size: 16px;}
	.bread{font-size: 12px;line-height: 24px;}
	.pageArticle{padding:20px 0;}

}

@media screen and (max-width:640px) {
	.list05 li{width: 100%;float: none;margin-bottom: 20px;}
	.list05 li p,.list05 li h3{height:auto;}
	.list05 li p{margin-top:15px;}
	

}

@media screen and (max-width:600px) {
  
}

@media screen and (max-width:480px) {
	.subMenu li{width: 98%;height: 45px;line-height: 45px;float: none;border-left: 1px solid #333}
	.subBanner .title{position: static;color:#333;background-color: #f5f5f5;padding:10px 15px;}
}
@media screen and (max-width:460px) {
	
 
}
@media screen /*and (min-width:320px)*/ and (max-width:400px) {
	

}
