.newsbanner-container{width: 100%;overflow: hidden;position: relative;}
.newsbanner-container img{width: 100%;object-fit: cover;min-height: 260px;}
.newsbanner-words{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.newsbanner-words h4{font-size: 68px;color: #fff;font-family: 'METROMEDIUMLT';text-transform: uppercase;}

.news-navbar{width: 100%;height: 58px;background-color: #333;font-size: 0;text-align: center;}
.news-navbar a{display: inline-block;width: 122px;height: 58px;position: relative;font-size: 16px;color: #fff;text-align: center;line-height: 58px;}
.news-navbar a span{position: relative;z-index: 3;}
.news-navbar a:before{
    content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
    background: url('../images/news/navBg.jpg') no-repeat;z-index: 1;opacity: 0;transition: all .4s;
}
.news-navbar a.ontrue:before{opacity: 1;}
.news-navbar a:hover:before{opacity: 1;}

.news-container{width: 100%;overflow: hidden;padding: 0 0 54px 0;}
.news-message{width: 94%;margin-left: 3%;}
.news-list{width: 100%;overflow: hidden;margin-top: 54px;}
.news-pic{float: left;overflow: hidden;width: 46%;height: 397px;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.news-list:hover .news-pic img{transform: scale(1.1);}
.news-words{float: right;overflow: hidden;height: 397px;width: 54%;background-color: #f0f0f0;padding: 80px 80px 0 80px;}

.news-words h4{font-size: 24px;color: #000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news-words h4:hover{color: #d70808;}
.news-words p{font-size: 14px;color: #888;line-height: 24px;margin-top: 20px;height: 48px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words h6{font-size: 13px;color: #888;margin-top: 20px;}
.news-words h5{display: inline-block;margin-top: 66px;font-size: 14px;color: #d70808;padding: 10px 6px;border-bottom: 2px solid #d70808;transition: all .6s;}
.news-words h5:hover{padding: 10px 12px;}

.newsxq-container{width: 100%;background-color: #e8e8e8;padding: 0 0 80px 0;}
.newsxq-message{
    position: relative;width: 1420px;margin: 0 auto;background-color: #fff;
    padding: 76px 78px 60px 78px;overflow: hidden;margin-top: -90px;z-index: 3;
}
.newxq-title{width: 100%;overflow: hidden;padding-bottom: 34px;border-bottom: 1px solid #e8e8e8;text-align: center;}
.newxq-title h4{font-size: 30px;color: #000;}
.newxq-title p{font-size: 16px;color: #888;margin-top: 24px;}
.xqnews-words{width: 100%;overflow: hidden;padding: 40px 0 66px 0;}
.xqnews-words p{font-size: 14px;color: #888;line-height: 24px;margin-top: 16px;}
.xqnews-words img{width: 100%;object-fit: cover;margin-top: 16px;}
.xqnews-back{width: 100%;overflow: hidden;text-align: center;}
.xqnews-back a{
    display: inline-block;width: 170px;height: 48px;background-color: #333;transition: all .4s;
    text-align: center;line-height: 48px;font-size: 14px;color: #d5d5d5;border-radius: 32px;
}
.xqnews-back a:hover{background-color: #d70808;color: #fff;}
.xqnews-updown{width: 100%;overflow: hidden;margin-top: 60px;}
.xqnews-updown ul li{width: 50%;float: left;overflow: hidden;}
.xqnews-updown ul li p{font-size: 22px;color: #333;}
.xqnews-updown ul li a{display: block;font-size: 16px;color: #555;margin-top: 14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.xqnews-updown ul li a:hover{color: #d70808;}
.xqnews-updown ul li:nth-child(1){text-align: left;padding-right: 20px;}
.xqnews-updown ul li:nth-child(2){text-align: right;padding-left: 20px;}

/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .news-pic{height: 310px;}
    .news-words {height: 310px;padding: 36px 60px 0 60px;}
    .news-words h5{margin-top: 44px;}
    .news-list{margin-top: 44px;}
    .newsxq-message{width: 96%;}
}

@media all and (max-width:1460px) {.newsxq-message{width: 94%;}}

@media all and (max-width:1380px) {
    .newsbanner-words h4{font-size: 50px;}
    .news-pic{height: 274px;}
    .news-words {height: 274px;padding: 30px 50px 0 50px;}
    .news-words h5{margin-top: 36px;}
    .news-list{margin-top: 38px;}
    .news-container {padding: 0 0 40px 0;}
}

@media all and (max-width:1300px) {
    .news-pic{height: 250px;}
    .news-words {height: 250px;padding: 30px 40px 0 40px;}
    .news-words h5{margin-top: 30px;}
    .news-list{margin-top: 30px;}
    .news-container {padding: 0 0 36px 0;}
    .news-words h6 {margin-top: 10px;}
    .news-words p{margin-top: 12px;}
    .newsxq-message{padding: 58px 60px 50px 60px;}
    .newsxq-message{margin-top: -76px;}
}

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

@media all and (max-width:1200px) {
    .newsbanner-words h4 {font-size: 44px;}
    .news-pic{height: 214px;}
    .news-words {height: 214px;padding: 22px 30px 0 30px;}
    .news-words h5 {margin-top: 12px;}
    .news-words h4{font-size: 20px;}
    .news-list {margin-top: 24px;}
    .news-container {padding: 0 0 28px 0;}
    .newsxq-message{margin-top: -60px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .news-navbar{height: 44px;}
    .news-navbar a {width: 33.3333333333333%;height: 44px;line-height: 44px;}
    .news-pic{width: 100%;height: auto;}
    .news-words {width: 100%;height: auto;padding: 20px 16px;}
    .news-words h4 {font-size: 18px;}
    .news-list {margin-top: 18px;}
    .newsxq-message {margin-top: -48px;padding:30px 16px;}
    .newxq-title h4{font-size: 22px;line-height: 32px;}
    .newxq-title p {margin-top: 14px;}
    .newxq-title { padding-bottom: 20px;}
    .xqnews-words {padding: 18px 0 40px 0;}
    .xqnews-updown ul li{width: 100%;margin-top: 20px;}
    .xqnews-updown ul li:nth-child(1) {text-align: left;padding-right: 0;}
    .xqnews-updown ul li:nth-child(2) {text-align: left;padding-left: 0;}
    .xqnews-updown ul li p {font-size: 18px;}
    .xqnews-updown ul li a{margin-top: 8px;}
    .xqnews-updown {margin-top: 32px;}
    .newsxq-container {padding: 0px 0 44px 0;}
}