.content{width: 1200px;margin: auto;position: relative;z-index: 9;margin-bottom: 100px;}
.news{width: 1200px;padding-top: 30px;position: relative;}
.news h1{font: 24px "微软雅黑";color: #000000;text-align: center;margin: auto;}
.news-span{display: block;width: 44px;height: 3px;background: #FF0000;text-align: center;margin: auto;margin-top: 15px;}
.news ul{margin-top: 30px;}
.news ul li{background: #f0f0f0;padding: 20px;display: flex;position: relative;margin-bottom: 20px;}
.news ul li img{display: block;width: 270px;}
.news-list{margin-left: 30px;}
.news-list h2{font: 24px "微软雅黑";color: #000000;}
.news-list p{font: 14px "微软雅黑";color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 15px 0;line-height: 24px;}
.news-list span{font: 12px "微软雅黑";position: absolute;bottom: 20px;}
.news-list a.news-a{font: 12px "微软雅黑";display: block;border: 1px solid #000000;width: 180px;height: 32px;line-height: 32px;text-align: center;position: absolute;bottom: 20px;right: 20px;color: #000000;}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
.content{width: 792px;margin: auto;position: relative;z-index: 9;margin-bottom: 100px;}
.news{width: 792px;padding-top: 30px;position: relative;}
.news h1{font: 20px "微软雅黑";color: #000000;}
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
.content{width: 96%;margin: auto;position: relative;z-index: 9;margin-bottom: 100px;padding: 0 2%;}
.news{width: 100%;margin-left: 0px;padding-top: 30px;position: relative;}
.news h1{font: 20px "微软雅黑";color: #000000;text-align: center;}
.news-span{display: block;width: 44px;height: 3px;background: #FF0000;text-align: center;margin: auto;margin-top: 15px;}
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
.content{width: 96%;margin: auto;position: relative;z-index: 9;margin-bottom: 100px;padding: 0 2%;}
.news{width: 100%;margin-left: 0px;padding-top: 30px;position: relative;}
.news h1{font: 20px "微软雅黑";color: #000000;text-align: center;}
.news-span{display: block;width: 44px;height: 3px;background: #FF0000;text-align: center;margin: auto;margin-top: 15px;}
.news ul{margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.news ul li{width: 46%;display: block;position: relative;padding: 1%;}
.news ul li img{display: block;width: 100%;}
.news-list{margin-left: 0;}
.news-list h2{font: 16px "微软雅黑";color: #000000;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0 0;}
.news-list p{font: 12px "微软雅黑";color: #000000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 0;line-height: 20px;}
.news-list span{font: 12px "微软雅黑";position: relative;display: inline-block;margin-top: 15px;bottom: 0;}
.news-list a.news-a{display: inline-block;border: 1px solid #000000;width: 60px;height: 20px;line-height: 20px;text-align: center;position: relative;color: #000000;float: right;margin-top: 10px;bottom: 0;right: 0;}

}