@charset "utf-8";
.main{ max-width:1200px; margin:0 auto}

.wapper{ min-height:500px;}
.sub_nav{ width:100%; border-bottom:1px solid #ccc; line-height:50px; background-color:#fff;}
.sub_nav ul{text-align:right;} 
.sub_nav a{ display:inline-block; font-size:16px; margin-left:20px; }
.sub_nav a.selected{background:url(../icon_01.png) no-repeat center bottom; color:#ff0000}

.article{ line-height:28px; font-size:16px; padding:50px 0 90px}
.article h1{ font-size:28px; font-weight:normal}
.article hr{ width:100%; border:0; border-bottom:2px dotted #ccc; height:1px }
.article img{ max-width:100%;}

.contact,.list,.news_pannel{margin:50px auto;}
.contact div.l{ float:left; width:45%;line-height:28px; font-size:16px;}
.contact div.r{ float:right; width:55%; margin-top:48px}

.news_tt{margin-top:10px; font-size:40px; margin-bottom:15px;}
.pic2_list dl{width:48%;padding-bottom:20px;margin-top:20px; float:left; margin-left:1%; margin-right:1%;height: 140px;}
.pic2_list dl.fr{ float:right}
.pic2_list dt{ width:30%;float:left;}
.pic2_list dt img{width:100%}
.pic2_list dd{ float:right;width:68%;}
.pic2_list dd h4{ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pic2_list dd p{ margin-top:10px; line-height:18px; font-size:12px;}

.pici_list{ width:55%; float:right;}
.pici_list dl{width:98%;padding-bottom:20px;margin-top:20px; float:left; margin-left:1%; margin-right:1%; border-bottom:1px dashed #ccc;}
.pici_list dl.fr{ float:right}
.pici_list dt{ width:30%;float:left;}
.pici_list dt img{width:100%}
.pici_list dd{ float:right;width:68%;}
.pici_list dd h4{ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.pici_list dd p{ margin-top:10px; line-height:18px; font-size:12px;}

.pic3_list dl{padding-bottom:20px;margin-top:20px; border-bottom:1px solid #ddd}
.pic3_list dt{ width:30%;float:left;}
.pic3_list dt img{width:100%}
.pic3_list dd{ position:relative; float:right; width:68%}
.pic3_list dd h4{ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pic3_list dd p{ margin-top:10px; line-height:20px; font-size:12px; max-width:500px;}
.pic3_list dd span{ display:block; position:absolute; right:0; bottom:0}

.news_tt{ font-weight:normal; text-align:center}
.news_time{width:100%; clear:both;text-align:center; border-bottom:1px dotted #CCC; padding-bottom:10px; font-family:Arial; color:#999999}
.news_ct{padding-top:20px; line-height:22px;}
.news_ct img{ max-width:100%;}

.wk_page,.news_pannel{ width:100%; margin:20px auto;}
.wk_detail h1{ font-size:20px; padding-bottom:20px;}
.wk_detail_ct{ line-height:25px; min-height:800px; padding:0px;}
.wk_detail_ct img{ width:100%}
.wk_more{ width:1198px; border:1px solid #ccc; height:66px; margin:20px auto;}
.wk_more a{ display:inline; float:left; width:40%; line-height:66px; font-size:20px }
.wk_more a.l{padding-left:20px;}
.wk_more a.r{ float:right; text-align:right;padding-right:20px;}

.wk_other h1{border-top:1px solid #ff0000; height:45px; line-height:45px; font-size:16px; }
.wk_other li{ width:280px; height:330px; margin-top:20px; margin-left:0}
.wk_other li a.txt {width:270px; }
.wk_other li p span{display:block;width:270px;}

/*表单控件*/
.input_box{ border:1px solid #CCC; height:20px; line-height:20px}
.input_box:hover{border:1px solid #ff0008;}
.btn{ background-color:#ff0008; color:#FFF; border:none; line-height:30px; padding-left:15px; padding-right:15px; height:30px; font-size:14px;}
.red{ color:#FF3300}

/*翻页按钮*/
.PageTurnBtn{margin-top:30px;width:auto;height:50px; font-size:16px; text-align:center}
.PageTurnBtn span,.PageTurnBtn a{padding:0 6px;margin-right:5px;display:inline-block;font-family:Arial}
.PageTurnBtn span.page_num,.PageTurnBtn a:hover{color:#ff0008;} /* 产品页面下分页按钮样式*/
.PageTurnBtn span{font-weight:bold}
.PageTurnBtn div.prev{ float:left; width:20%; text-align:left}
.PageTurnBtn div.next{ float:right; width:20%; text-align:right}
.PageTurnBtn div.pagenum{ float:left; width:60%;}

.remarks{ border-bottom:1px solid #ff0404; padding:15px 8px; line-height:20px;text-align:justify;text-justify:inter-ideograph;}


.team-list div { float:left; width:33.33%}
.team-list dl{ margin:8px; position:relative; padding-bottom:30px;}
.team-list dl dt img{ width:100%; display:block}

.team-list dl dd h4 {line-height:30px; height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:22px;font-weight:normal}
.team-list dl dd p{display:block;text-align:left; color:#666; font-size:16px; line-height:1.6}

@media (max-width:1200px) {
	.article,.pic2_list,.news_ct,.pic3_list{ margin:0 10px;}
	.contact,.news_pannel{ margin:20px 10px}
	
}

@media (max-width:800px) {
	.pic2_list dl{ width:100%;height: 100px;}
	.pic3_list dd span{ display:none}
	.news_tt{ font-size:20px}
	.contact div.l{ width:100%}
	.contact div.r{  width:100%}

	.team-list div { width:50%}
	.pici_list{ width:100%; clear:both;}
	
}
@media (max-width:400px) {
	.team-list div { width:100%}
}