#sub-container {background:#fafafa;}

.news-list { padding: 0 15px;  }
.news-list li { float:left; width:33.3%; }
.news-list li > .inner { margin:7%; position: relative; overflow: hidden; cursor:pointer; cursor: hand; }
.news-list dt img { width:100%; }
/*.news-list dd { position: absolute; top:0px; left:0px; width:100%; height:100%; background-color: rgba(255,100,7,0.7); color:#fff; }*/
.news-list dd { position: absolute; top:70%; left:0px; width:100%; height:100%; background-color: rgba(65,68,69,0.75); color:#fff; }
.news-list li.blue dd { background-color: rgba(0,79,172,0.75); }
.news-list li.blue2 dd { background-color: rgba(0,154,192,0.75); }
.news-list dd > span { display:block; }
.news-list dd h3 { font-size:20px; font-weight: normal; padding:8% 8% 0;  height:22px; overflow:hidden; }
.news-list dd > span.ctg { font-size:14px; padding:2% 8% 0; }
.news-list dd > span.desc { position: absolute; bottom:8%; font-size:18px; line-height: 1.4; width:100%; height:125px; overflow: hidden; }
.news-list dd > span.desc > span { display:block;  padding:0 8% 0px;}
.news-list dd .inner { padding:0 30px; height:100%; }

.news-view { padding: 0 40px; }
.news-view h3 { font-size:20px; color:#143b61; font-weight: normal;}
.news-view h3 .ctg { color:#8c8c8c; }
.news-view h3 .date { float: right; color:#8c8c8c; }
.news-view .article { border-top:solid 2px #143b61; margin-top:25px; background:#fff; }
.news-view .article > .inner { padding:80px; color:#808080; font-size:18px; line-height: 1.7; min-height:300px; }
.news-view .btn-container li { float:left; width:33.3%; margin-top:40px; }
.news-view .btn-container li a { display:inline-block; zoom:1; *display:inline; padding:15px 24px; border:solid 2px #cacaca;  font-size:20px; color:#737373; min-width:90px; text-align: center; }
.news-view .btn-container li.left a span { background:url(/asset/images/bullet_left.png) no-repeat left center; padding-left:25px; }
.news-view .btn-container li.right { text-align: right; }
.news-view .btn-container li.right a span { background:url(/asset/images/bullet_right.png) no-repeat right center; padding-right:25px; }
.news-view .btn-container li.center { text-align: center; }
.news-view .btn-container li.center a { border:solid 2px #009ac0; color:#009ac0; }
.news-view .btn-container li.center a:hover { background: #009ac0; color:#fff; }
.news-view .btn-container li.right a:hover { background: #009ac0; color:#fff; border:solid 2px #009ac0; }
.news-view .btn-container li.right a:hover span {  background:url(/asset/images/bullet_right2.png) no-repeat right center; }
.news-view .btn-container li.left a:hover { background: #009ac0; color:#fff; border:solid 2px #009ac0;}
.news-view .btn-container li.left a:hover span {  background:url(/asset/images/bullet_left2.png) no-repeat left center; }
.news-view .btn-container li.right a.disabled:hover { opacity:0.5; filter:alpha(opacity=50); background:#fff; color:#737373; border:solid 2px #cacaca; }
.news-view .btn-container li.right a.disabled:hover span { background:url(/asset/images/bullet_right.png) no-repeat right center; }
.news-view .btn-container li.left a.disabled:hover { opacity:0.5; filter:alpha(opacity=50); background:#fff; color:#737373; border:solid 2px #cacaca; }
.news-view .btn-container li.left a.disabled:hover span { background:url(/asset/images/bullet_left.png) no-repeat left center;}


@media all and (max-width:900px) {
	.news-list li { width:50%; }
	.news-view .article > .inner { padding:40px; }
}

@media all and (max-width:640px) {
	.news-list { padding:0px; }
	.news-list li > .inner { margin:2px; }
	#sub-content { margin-top:60px; padding:0 10px; }

	.news-list dd h3 { font-size:13px; padding:6% 6% 0; height:15px; line-height: 17px; }
	.news-list dd > span.ctg { font-size:12px; padding:2% 6% 0; }
	.news-list dd > span.desc { font-size:12px; height:65px; }
	.news-list dd > span.desc > span { padding:0 6% 0px; }

	.news-view { padding:0px 10px; }
	.news-view .article > .inner { padding:20px 10px; font-size:13px; }
	.news-view h3 { font-size:15px; line-height: 1.5; }
	.news-view h3 .date { display:block; float:none; font-size:13px; padding-left:0px; padding-top:3px; }
	.news-view .article { margin-top:15px; }

	.news-view .btn-container li a { padding:12px 15px; font-size:13px; min-width:60px; border-width: 1px; }
	.news-view .btn-container li.left a span { padding-left:12px; background-size: 6px auto; }
	.news-view .btn-container li.right a span { padding-right:12px; background-size: 6px auto; }
}