body{ background-color: #f1f1f1;}

.news-banner{ width: 100%; padding:100px 0; background: url(../images/news-banner.jpg) no-repeat; background-size: 100% 100%; font-size: 3.2rem; color: #ffffff; text-align: center; font-weight: normal; line-height: 36px;}

.ct-news, .ct-news-ul{ width: 1240px;}
.news-nav{ width: 100%; padding: 40px 0; text-align: right;}
.news-nav span{ padding: 0 20px; color: #333333;}
.news-nav span a:hover{ color: #333333;}
.news-nav span a:focus{ outline: none;}
.news-nav span a:focus, .news-nav span a:hover{ text-decoration:none;}

.ct-news-ul li{ width: 398px; overflow: hidden; margin: 0 20px 40px 0; float: left; border: 1px solid #eeeeee; background-color: #ffffff;}
.ct-news-ul li:nth-child(3n){ margin-right: 0;}
.ct-news-ul li a{ text-decoration: none;}
.ct-news-ul li a:focus, .ct-news-ul li a:hover{ color: #333333;}

.ct-news-ul .img{ position: relative;}
.ct-news-ul .img img{ width: 396px; height: 223px;}
.ct-news-ul .card:hover{ box-shadow:0 1px 15px rgba(0,0,0,.175);}
.ct-news-ul .card .card-heading{ width: 100%; line-height: 30px; height: 80px; padding: 20px; display: -webkit-box; display: -moz-box; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2; white-space:normal;}
.ct-news-ul .card .card-content{ width: 100%; padding: 10px 20px 20px;}
.ct-news-tit{ width: 100%; height: 60px; overflow: hidden; padding: 10px 20px; background-color: rgba(0,0,0,0.5); position: absolute; z-index: 5; left: 0; bottom: 0; -ms-transition: opacity .8s linear; -webkit-transition: opacity .8s linear; -o-transition: opacity .8s linear; transition: opacity .8s linear; opacity: 0;}
.ct-news-tit p{ width: 100%; height: 40px; overflow: hidden; line-height: 20px; color: #ffffff; display: -webkit-box; display: -moz-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.ct-news-ul li a:hover .ct-news-tit{ opacity: 1;}

/* newsDetails */
.news-banner2{ width: 100%; padding:100px 0; background: url(../images/news-banner.jpg) no-repeat; background-size: 100% 100%; color: #ffffff;}
.news-banner2-sub{ width: 800px;}
.news-banner2-sub h3{ width: 100%; font-size: 3rem; font-weight: normal; line-height: 36px; margin-bottom: 5px;}
.news-banner2-sub h5{ width: 100%; font-size: 1.4rem; font-weight: normal; line-height: 24px;}
.ct-news-con{ width: 800px; margin: 15px auto; min-height: 600px;}
.ct-news-con p{ margin: 15px 0 0; line-height: 24px;}
.ct-news-ft{ width: 800px; border-top: 1px solid #f1f1f1; padding: 20px 0;}
.ct-news-ft li{ width: 33.33%; align-self: center;}
.ct-news-ft li:nth-child(2n){ text-align: center;}
.ct-news-ft li:nth-child(3n){ text-align: right;}
.ct-news-ft li a{ color: #bbbbbb;}
.ct-news-ft li a:hover{ color: #000000; text-decoration: none;}

.ct-news-blank{ width: 1000px; height: 500px; padding: 150px 0; text-align: center; font-size: 1.6rem; color: #666666;}


/* ----------------------- media ------------------------- */
@media screen and (max-width:1440px){

}

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

	.ct-news-ul .img img{ width: 364px; height: 205px;}
}
@media screen and (max-width:1024px){
	.ct-news, .ct-news-ul{ width: 1000px;}
	.ct-news-ul li{ width: 320px; overflow: hidden; margin: 0 20px 20px 0; float: left; border: 1px solid #eeeeee;}
	.ct-news-ul .img img{ width: 318px; height: 179px;}

}