/*^
 * 严微工作室
 * @authro      : yanwei
 * @created     : 2017-11-14
 * @url         : http://www.ywcms.com
 * @Page        : 新闻中心
 */

.news_chnal{ background:url(../images/news/news_chline.png) repeat-x; height:30px; text-align:center; margin-top:40px;}
.news_chnal a{ display:inline-block; background-color:#FFF; font-size:16px; width:auto; height:28px; line-height:28px; padding:0 20px; overflow:hidden; margin:0 6px; border:1px solid #dcdcdc; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.news_chnal a.cur,.news_chnal a:hover{ background-color:#2b912d; color:#FFF; border:1px solid #2b912d;}

.news_list{width: 1200px; margin: 10px auto; overflow:hidden; padding-top:25px;}
.news_list ul{ width:100%; margin-top:10px;}
.news_list li{ float:left; margin: 10px 0px 10px; display:inline; width:1200px; border-bottom: 1px dashed #d8d8d8; padding-bottom: 20px;}
.news_list li .infImg{width:200px; height:130px; float:left; margin-right:20px;}
.news_list li .infImg img{ width:200px; height:130px;}
.news_list li .infTxt{ width:980px; float:left; padding-bottom: 15px;}
.news_list li .infTxt h1{ font-size:16px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.news_list li .infTime{ color:#a9a9a9; width:980px; float:left; padding-bottom: 15px;}
.news_list li .infTime .type{
	background: url(../images/news/focus-type.png) no-repeat 0px 7px;
	padding-left: 18px;
	float: left;
	margin-right: 15px;
}
.news_list li .infTime .dt{
	background: url(../images/news/focus-data.png) no-repeat 0px 7px;
	padding-left: 20px;
	float: left;
	margin-right: 15px;
}
.news_list li .infTime .read{
	background: url(../images/news/focus-read.png) no-repeat 0px 7px;
	padding-left: 25px;
	float: left;
}
.news_list li .infDesc{ width:980px; float:left; color:#888; line-height:22px; overflow:hidden;}

.list_page{ width:100%; margin:0px auto; overflow:hidden; float:left;}

#news_details{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f6f7fb;
}
.news_details{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.page_left{
	width:250px;
	float:left;
	background:#fff;
	margin-right:20px;
	margin-top:10px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.page_right{
	width:930px;
	float:left;
	background:#fff;
	margin-top:10px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.container{ max-width:1200px; margin:0px auto;}

.viewbox{ width:930px; padding:15px; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}
#article_title { float:left; width:100%; text-align:center; line-height:22px; margin-bottom:8px; padding-top:10px;}
#article_title h1{-x-system-font:none; color:#cb180d; font-family:"微软雅黑",arial; font-size:20px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; line-height:30px;}

#article_small{ float:left; color:#666; width:100%; font-size:12px; padding-top:7px; text-align:center; background:#f8f8f8; border:1px dotted #ddd; padding-bottom:6px;}
#article_small span{ margin-right:8px; color:#666;}
#article_small span a{ color:#666;}
#article_small span a:hover{ color:#996600;}

.view_content{ font-size:14px; float:left; color:#000; line-height:24px; width:900px; padding-top:10px; min-height:400px;}
.handle{ width:900px; overflow:hidden; clear:both; float:left;}
.turn { width: 900px; border-top: 1px solid #e0e0e0; padding-top: 25px; margin-top: 30px; position: relative; float:left;}
.turn p { float: left; font-size: 12px; line-height: 32px; font-weight: bold; padding: 0 20px; border-right: 1px solid #fff; background: #ececec; margin:0px 10px 7px 0px;}
.turn a.name { display: inline-block; min-width: 322px; padding: 0 10px; background: #f4f4f4; float: left; line-height: 32px; margin-bottom: 7px; }
.turn a.back { display: inline-block; font-weight: bold; line-height: 32px; padding: 0 28px; background: #ececec; position: absolute; top: 25px; right: 0; }
.turn a:hover { color: #cb180d; }
.turn .line { width: 100%; height: 0; line-height: 0; clear: both; }
.jiathis_style { position: absolute; bottom: 14px; right: 0; }
.jiathis_style span.t { display: inline-block; line-height: 16px; float: left;}

.left_about_con,.left_products_con{ width:250px; float:left; background:#fff;}
.left_about_con h1,.left_contact_con h1,.left_products_con h1{ width:250px; padding-left:20px; font-size:18px; color:#fff; font-weight:normal; float:left; background:#354052; height:70px; line-height:70px;}
.left_about_con ul{ width:250px; float:left;}
.left_about_con li{ width:250px; float:left; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f0efee; background:url(../images/news/ico_ins_leftnavli.png) no-repeat 25px bottom;}
.left_about_con li a{ color:#333; text-decoration:none; padding-left:40px;}
.left_about_con li a:hover,.left_about_con li.cur a{ width:250px; float:left; height:60px; line-height:60px; font-size:16px; border-bottom:1px solid #f0efee; background:url(../images/news/ico_ins_leftnavli.png) no-repeat 25px top #e3631a; color:#fff; transition: all .2s ease;}

.left_contact_con{ width:250px; float:left; background:#fff; padding-top:10px;}
.left_contact_con img{ text-align:center; margin-left:15px;}
.left_contact_con ul{ width:230px; float:left; padding:10px;}
.left_contact_con li{ width:230px; float:left; line-height:26px; font-size:14px;}

.right_box{ width:930px; float:left; overflow:hidden; padding-top:10px;}
.right_box_top{ width:930px; padding:25px 0px; float:left; color:#354052; border-bottom:1px solid #eaeaea;}
.right_box_top span{ display: inline-block; border-left: #354052 solid 5px; margin-left: -1px; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold; padding-left: 28px; }

.sub-menu { float:right; top: 26px; padding-right:20px;}
.sub-menu a { color: #c8c8c8;}
.sub-menu em { font-family: SimSun; padding: 0 8px; color: #c8c8c8; }

.page_content{ width:930px; padding:15px; float:left; font-size:14px; line-height:24px; color:#333; min-height:500px; overflow:hidden;}

@media screen and (max-width: 768px){
	.news_list{
		width: 100%;
	}
	.news_list li{
		width: 100%;
	}
	.news_list li .infImg{
		width: 100%;
		margin-right: 0;
	}
	.news_list li .infTxt,.news_list li .infTime,.news_list li .infDesc{
		width: 100%;
	}
	.news_details{
		width: 100%;
	}
	.page_left{
		width: 100%;
	}
	.left_about_con, .left_products_con{
		width: 100%;
	}
	.left_about_con h1, .left_contact_con h1, .left_products_con h1{
		width: 100%;
	}
	.left_about_con ul{
		width: 100%;
	}
	.left_about_con li{
		width: 100%;
	}
	.left_contact_con{
		width: 100%;
	}
	.left_contact_con ul,.left_contact_con li{
		width: 100%;
	}
	.page_right,.right_box_top,.right_box,.viewbox,.view_content,.handle,.turn{
		width: 100%;
	}
	.view_content img{
		width: 100%;
		height: 100%;
	}
	.turn a.back{
		display: none;
	}
	.news_list ul{
		padding: 0 16px;
	}
	.news_list li .infImg img{
		width: 100%;
		height: 100%;
		padding-bottom: 10px;
	}
	.news_list li .infTxt h1{
		white-space: normal;
	}
}
@media screen and (max-width: 760px){

}
/* iPhone6+ */
@media screen and (max-width: 414px){

}
/* iPhone6 */
@media screen and (max-width: 375px){
	.new_list .news_all{ width:81%;}
}
/* iPhone5、4 */
@media screen and (max-width: 320px){

}
/* Galaxy S5 */
@media screen and (max-width: 360px){

}
/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

}