/* news */
.news .breadcrumbs a{color: #fff;}
.news .top{background: url('../images/newslist-bg.jpg') no-repeat center;padding-bottom: 60px;margin-bottom: 40px;text-align: center;height: 372px;}
.news .top .text{margin: 16px auto 0;width: 677px;max-width: 100%;text-align: center;height: 239px;color: #ffffff;background: #0d0e0f30;display: flex;flex-direction: column;align-items: center;justify-content: center;font-size: 24px;}
.news .top .text h1{font-size: 43px;font-weight: normal;color: #818395;text-shadow: 2px 3px 5px rgba(0, 0, 0, 0.25);background: linear-gradient(0deg, #646679 0%, #dee0eb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;padding-bottom: 20px;margin-bottom: 20px;text-transform: uppercase;}
.news .top .text h1::before{content: '';position: absolute;bottom: 0;left: 50%;width: 145px;height: 1px;background: #ffffff;opacity: 0.2;transform: translateX(-50%);}
.news .news-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.news .news-list li{width: 330px;margin-bottom: 30px;}
.news .news-list li a{display: block;width: 100%;color: #2d2f33;}
.news .news-list li a .image-box{width: 100%;position: relative;}
.news .news-list li a .image-box img{max-width: 100%;}
.news .news-list li a .image-box::before{content: '';position: absolute;left: 0;top: 0;width: 330px;height: 176px;background-color: rgba(248, 248, 249, .35);}
.news .news-list li a h1{height: 60px;font-size: 16px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: 10px;}
.news .news-list li a b{font-size: 12px;color: #a3a3a3;}
.news .news-list li a:hover .image-box::before{content: none;}
/* artical */
.artical{line-height: 24px;font-size: 14px;padding-bottom: 50px;min-height: 610px;}
.artical p{font-size: 14px;}
.artical h2{font-size: 26px;color: #222222;margin-bottom: 10px;}
.artical h3{font-size: 20px;color: #222222;line-height: 40px;position: relative;padding-left: 10px;}
.artical h3:before{content:"";width: 5px;height: 10px;position: absolute;background-color: #A8AAB7;top: 14px;left: 0;}
.artical h4{font-size: 16px;color: #222222;line-height: 32px;}
.artical .article-img{width: 600px;max-width: 100%;height: 400px;float: right;margin-left: 20px;margin-bottom: 20px;}
.artical img{max-width:100%;display: block;height: auto;}
.artical table.table{border-collapse: collapse;max-width: 700px;width: 100%;border: 1px solid #A8AAB7;}
.artical table.table th,.artical table.table td{height: 30px;text-align: center;}
.artical table.table th{background-color: #A8AAB7;color: #fff;}
.artical ul.image{margin: 10px 0;display: flex;}
.artical ul.image li{border: 1px solid #CCCCCC;border-radius: 3px;margin: 0 5px;padding: 3px;text-align: center;width: 200px;height: 160px;display: flex;align-items: center;}
.artical ul.image img{display: block;margin: 0 auto;max-height: 100%;max-width: 100%;}
@media screen and (max-width: 768px)
{
	/* news */
	 .news .top .text{width: 80%;}
	.news .news-list{width: 100%;justify-content: center;padding: 0 8px;}
	.news .news-list li{width: 100%;}
	.news .news-list li a{box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);padding-bottom: 8px;}
	.news .news-list li a .image-box::before{width: 100%;height: 100%;}
	.news .news-list li a .image-box img{width: 100%;}
	.news .news-list li a h1{padding-left: 8px;padding-right: 20px;}
	.news .news-list li a b{margin-left: 8px;}
	/* artical */
	 .artical.limit{width: 100%;padding: 0 8px;}
	.artical .article-img{height: auto;}
	.artical h2{font-size: 20px;}
}