.banner-news{ background: url(../images/banner-news.jpg) no-repeat center center / cover;}
/* newslist */

.newslist{ width: 100%;}
.newslist .title h2{ display: block; font-size: 42px; color: #000; line-height: 62px; font-weight: bold; text-transform: uppercase; padding: 40px 0 20px; margin-bottom: 40px; position: relative; text-align: center;}
.newslist .title h2::after {
    content: ""; left: 50%; transform: translateX(-50%); bottom: 0; position: absolute; background: #000; width: 80px; height: 3px;
}

.newslist ul{ display: block; font-size: 0; margin-top: 40px;}
.newslist ul li{ display: inline-block; width: 100%; margin: 0 0 5%;}
.newslist ul li .img{ display: block;}
.newslist ul li .img img{ display: block; width: 100%; max-width: 100%}
.newslist ul li dl{ display: block;}
.newslist ul li dl dt{ display: block; font-size: 18px; color: #535353; text-align: center; font-weight: bold; overflow: hidden; margin-top: 14px; line-height: 36px; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s ease-in-out;}
.newslist ul li dl dd{ display: block; font-size: 16px; color: #8e8e8e; line-height: 24px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; height: 48px;}
.newslist ul li:hover dl dt{ opacity: .5;}


.newslist > center{ width: 100%; font-size: 24px; margin: 100px 0; }

.newsview img { max-width: 100%; }
.newsview{ width: 100%; max-width: 1280px; margin: 0 auto; display: block; min-height: 80vh; position: relative; box-sizing: border-box; padding: 50px 0;}
.newsview .tit{ width: 100%; text-align: center; font-size: 24px; line-height: 36px; margin-bottom: 20px; color: #000; text-transform: uppercase;}
.newsview .xinxi{width: 100%; text-align: center; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 14px; letter-spacing: 1px; line-height: 30px; padding: 10px 0; color: #888;}
.newsview .xinxi span{ padding: 0 10px;}
.newsview .ms{ font-size: 15px; line-height: 1.5; color: #666; padding:10px 0;}
.xx_more{ color: #fff; padding: 0 38px; background: #000; line-height: 48px; display: inline-block; z-index: 2; overflow: hidden; position: relative; font-size: 14px; text-transform: uppercase;}
.xx_more:hover::before{ background: #000;}
.newsview center{ margin: 0;}

.about-common .back{ display: block; width: 100%; background: url(../images/background.jpg); height: 160px;}
.about-common .back h2{ display: block; font-size: 42px; color: #ff0; line-height: 62px; font-weight: bold; text-transform: uppercase; padding: 40px 0 20px; margin-bottom: 40px; position: relative; text-align: center;}
.about-common .back h2::after{ content: ""; left: 47%; bottom: 0; position: absolute; background: #ff0; width: 80px; height: 3px; }

@media screen and (max-width: 1600px){
    header .main{ width: 1200px; margin: 0 auto; padding: 0;}
	.i-quality .pagination span{ margin-right: 66px}
    .banner{ width: 1200px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 1200px;}
    .main{ width: 1200px;}
    .i-pr .main{ width: 1240px;}
    .company{  width: 1200px;}
    .Content .back h2::after,
    .about-common .back h2::after{
        left: 46%; bottom: 0; position: absolute;
    }
}


@media screen and (max-width: 1440px){
	header .main{ width: 1100px; margin: 0 auto; padding: 0;}
    .banner{ width: 1100px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 1100px;}
    .main{ width: 1100px;}
    .i-pr .main{ width: 1140px;}
    .company{  width: 1100px;}
}

@media screen and (max-width: 1280px){
	header .main{ width: 960px; margin: 0 auto; padding: 0;}
    .banner{ width: 960px;}
    .i-about .main, .i-quality .main, .i-contact .main{ width: 960px;}
    .main{ width: 960px;}
    .i-pr .main{ width: 1000px;}
    .company{  width: 960px;}
}