﻿.newsList-page .page-container{width: 100%;}
.newsList-page .page-container .wrapper{margin: 0 auto;padding: 80px 0;}
.newsList-page .background{padding: 84px 0 ;}
.newsList-page .background .title{height:80px; margin: 0;padding: 0}
.newsList-page .background .title h1{font-family:fangzheng-unionpay-sc;font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 80px;margin: 0}
.newsList-page .background .word{height: 32px;margin: 0;padding: 0}
.newsList-page .background .word p{font-size: 16px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 32px;margin: 0}
.newsList-page .head-title{background: #F2F2F2;width:100%;padding:15px 0}
.newsList-page .head-title .title-content{width:1180px;height:40px;margin:auto;padding: 0;}
.newsList-page .head-title .title-content ul{margin: 0 0 0 0;overflow: hidden;display: -moz-box;display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-box-pack: center;-moz-box-pack:center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;}
.newsList-page .head-title .title-content ul li{width: 84px;height:40px;overflow: hidden;margin:0 40px;text-align: center;}
.newsList-page .head-title .title-content ul li a{ font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 40px;margin: 0;}
.newsList-page .head-title .title-content ul li a.current{color: #DD2C34}
.newsList-page .news-con-list .date{float: left;width: 80px;height: 57px;text-align: center;margin: 5px 20px 0px 0px;color: #222222;}
.newsList-page .news-con-list .date .date-strong{font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 36px;}
.newsList-page .news-con-list .date .date-small{font-size: 14px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 16px;margin-top:5px}
.newsList-page .news-con-list .date-mobile{display: none;}
.newsList-page .news-con-list{border-top:4px solid #F2F2F2}
.newsList-page .news-con-list .news-list-item{max-width: 100%;overflow: hidden; padding: 40px 0; border-bottom: 1px solid #e3e3e3;position: relative;}
.newsList-page .news-con-list .news-list-item a{display:block}
.newsList-page .news-con-list .news-list-item .news-list-title{overflow: hidden;margin-bottom: 20px}
.newsList-page .news-con-list h3{max-width: 80%;font-size: 24px;color: #222222;letter-spacing: 1px;line-height: 30px;float: left;margin:0;font-weight: 500;}
.newsList-page .news-con-list .label{float: left;margin-top: 3px;}
.newsList-page .news-con-list .news-list-text{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;word-break: break-word;}
.newsList-page .news-con-list .news-images {padding:0px 0px 0px 100px;margin-top: 30px;}
.newsList-page .news-con-list .news-images ul{overflow: hidden;}
.newsList-page .news-con-list .news-images li{float: left;margin-right: 20px;}
.newsList-page .news-con-list .news-images li img{width: 200px;height: 112px;max-width: 100%;max-height: 100%;}
.newsList-page .label-control{display:block}
.label{ padding: 4px 10px;margin-left: 20px;}
.label.label-hot{font-size: 14px;color: #FFFFFF;letter-spacing: 0.5px;text-align: center;line-height: 16px;background: #DD2C34;border-radius: 16px;}
@media (max-width: 1220px) {
    .newsList-page .background .title h1 {font-size: 32px}
    .newsList-page .head-title .title-content {width: 100%}
    .newsList-page .head-title .title-content ul li {width: calc(25% - 40px);width: -moz-calc(25% - 40px);width: -webkit-calc(25% - 40px);margin: 0 20px}
    .newsList-page .head-title .title-content ul li a {font-size: 18px;}
    .newsList-page .page-container .wrapper {padding: 80px 5.4%;}
    .newsList-page .content_left {width: 75%}
    .newsList-page .content_right {width: 20%;}
    .newsList-page .news-con-list .date {height: 55px;margin: 0px 15px 0px 0px}
    .newsList-page .news-con-list .date .date-strong {font-size: 36px;line-height: 36px;}
    .newsList-page .news-con-list .date .date-small {font-size: 12px;line-height: 14px;margin-top: 5px}
    .newsList-page .news-con-list .news-images li {float: left;margin-right: 15px;}
    .newsList-page .news-con-list .news-images li img {width: 150px;height: 85px;}
    .label.label-hot {font-size: 12px;line-height: 14px;border-radius: 14px;}
    .label {padding: 4px 8px;margin-left: 10px;}
    .newsList-page .news-con-list .label {margin-top: 4px;}
}
@media (max-width: 980px){
    .newsList-page .content_left {width: 100%}
    .newsList-page .content_right{display:none}
    .newsList-page .news-con-list h3{font-size: 20px;line-height: 24px}
    .newsList-page .news-con-list .news-list-text {font-size: 12px;line-height: 28px;}
    .label.label-hot {font-size: 12px;line-height: 14px;border-radius: 14px;}
    .label {padding: 4px 8px;margin-left: 10px;}
    .newsList-page .news-con-list .label {margin-top: 0;}

}
@media (max-width: 760px){
    .newsList-page .background {padding: 43px 0;}
    .newsList-page .background .title{height:52px; margin: 0;padding: 0}
    .newsList-page .background .title h1{font-size: 28px;color: #FFFFFF;letter-spacing: 2px;line-height: 52px;text-align: center;margin: 0}
    .newsList-page .background .word{height: 22px;margin: 0;padding: 0}
    .newsList-page .background .word p{font-size: 13px;color: #FFFFFF;letter-spacing: 0.5px;line-height: 22px;text-align: center;margin: 0}
    .newsList-page .head-title {padding: 12px 0;}
    .newsList-page .head-title .title-content{width:100%;height: 22px;}
    .newsList-page .head-title .title-content ul li{width:25%;height:22px;margin:0}
    .newsList-page .head-title .title-content ul li a {font-size: 13px;letter-spacing: 0.5px;line-height: 22px;}
    .newsList-page .news-con-list .date{display: none}
    .newsList-page .news-con-list .date-mobile{display: inline-block;;font-size: 13px;color: #DD2C34;letter-spacing: 0.5px;line-height: 22px;margin-bottom: 5px;}
    .newsList-page .news-con-list {border-top: none;}
    .newsList-page .page-container .wrapper {padding: 0 5.4% 60px 5.4%;}
    .newsList-page .news-con-list .news-list-item {padding: 20px 0;}
    .newsList-page .news-con-list .news-list-item:last-child {padding: 40px 0 0 0;border-bottom:none;}
    .newsList-page .news-con-list .news-list-item a{position: relative}
    .newsList-page .news-con-list h3 {max-width:100%;font-size: 16px;letter-spacing: 1px;line-height: 28px;}
    .newsList-page .news-con-list .news-list-item .news-list-title {margin-bottom: 5px;}
    .newsList-page .news-con-list .news-list-text {font-size: 13px;letter-spacing: 0.5px;line-height: 22px;}
    .newsList-page .news-con-list .news-images {padding: 0;margin-top: 15px;}
    .newsList-page .news-con-list .news-images li{width: calc(33.33% - 6.67px);width: -moz-calc(33.33% - 6.67px);width: -webkit-calc(33.33% - 6.67px);margin: 0}
    .newsList-page .news-con-list .news-images li + li {margin-left: 10px}
    .newsList-page .news-con-list .news-images li img { width:100%;height: auto;margin: 0}
    .label {width:40px;height:16px;margin-left: 15px;padding:0}
    .label.label-hot {font-weight:normal;font-size: 11px;line-height: 16px;border-radius: 14px;}
    .newsList-page .label-control {display: block;position: absolute;top: 2px;left: 72px;}
    .newsList-page .ell-one{  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: pre-wrap;}

}