.newsList-page .page-container{width: 100%;}
.newsList-page .page-container .wrapper{margin: 0 auto;padding: 40px 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;}

.content-list{}
.content-list .box-list-left{height: 300px;background: #F2F2F2;margin-bottom: 60px;font-size: 0;}
.content-list .box-list-left .img{width: 480px;position: relative;height: 100%;display: inline-block;vertical-align: middle;text-align: center;}
.content-list .box-list-left .img:after{content: "";display: inline-block;height: 100%;vertical-align: middle;}
.content-list .box-list-left .img img{width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}
.content-list .box-list-left .img p{font-family:fangzheng-unionpay-sc;font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 60px;display: inline-block;vertical-align: middle;position: relative;}

.content-list .box-list-left .list-content{padding: 30px 50px;background: #ffffff;display: inline-block;vertical-align: middle;width: 740px;margin-left: -60px;position: relative;z-index: 10;height: 260px;}
.content-list .box-list-left.box-list-right{text-align: right;}
.content-list .box-list-left.box-list-right .list-content{margin-right: -60px;text-align: left;height: 260px;}
.content-list .box-list-left .list-content .list-content-left{float: left;width: 540px;}
.content-list .box-list-left .list-content .list-content-left p{font-size: 24px;color: #DD2C34;letter-spacing: 1px;line-height: 30px;margin-bottom: 22px;font-weight: bold;}
.content-list .box-list-left .list-content .list-content-left span{display: block;font-size: 20px;color: #222222;letter-spacing: 0.5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.content-list .box-list-left .list-content .list-content-left a{margin-top: 12px;display: block;}
.content-list .box-list-left .list-content .list-content-left a:first-child{margin-top: 0;font-size: 50px;}
.content-list .box-list-left .list-content .list-content-right{float: right;}
.content-list .box-list-left .list-content .list-content-right a{font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;text-align: right;line-height: 24px;vertical-align: middle;display: inline-block;margin-right: 10px;}
.content-list .box-list-left .list-content .list-content-right img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;}







@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: 40px 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;}

    .content-list{}
    .content-list .box-list-left .img{width: 40.6%;}
    .content-list .box-list-left .img p{font-family:fangzheng-unionpay-sc;font-size: 40px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 60px;}

    .content-list .box-list-left .list-content{padding: 30px 6.7%;width: 62.7%;}
    .content-list .box-list-left .list-content .list-content-left{float: left;width: 76%;}
    .content-list .box-list-left .list-content .list-content-left p{font-size: 22px;margin-bottom: 20px;}
    .content-list .box-list-left .list-content .list-content-left span{font-size: 18px;}
    .content-list .box-list-left .list-content .list-content-right a{font-size: 16px;color: #DD2C34;letter-spacing: 0.5px;text-align: right;line-height: 24px;vertical-align: middle;display: inline-block;margin-right: 10px;}
    .content-list .box-list-left .list-content .list-content-right img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;}

}
@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;}


    .content-list .box-list-left .img p{font-size: 34px;}
    .content-list .box-list-left .list-content{padding: 20px 6%;}
    .content-list .box-list-left .list-content .list-content-left{float: left;}
    .content-list .box-list-left .list-content .list-content-left p{font-size: 20px;margin-bottom: 10px;}
    .content-list .box-list-left .list-content .list-content-left span{font-size: 14px;}
    .content-list .box-list-left .list-content .list-content-left a{margin-top: 8px;}
    .content-list .box-list-left .list-content .list-content-left a:first-child{margin-top: 0;}
    .content-list .box-list-left .list-content .list-content-right a{font-size: 14px;margin-right: 7px;}
    .content-list .box-list-left .list-content .list-content-right img{width: 16px;height: 16px;display: inline-block;vertical-align: middle;}

}
@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 {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;}

    .content-list .wrapper{padding: 0 !important;}

    .content-list{}
    .content-list .box-list-left{height: auto;background: #ffffff;margin: 0 0 50px;}
    .content-list .box-list-left .img{width: 100%;position: relative;height: auto;display: block;}
    .content-list .box-list-left .img img{width: 100%;height: 100%;position: relative;}
    .content-list .box-list-left .img p{font-family:fangzheng-unionpay-sc;font-size: 28px;color: #FFFFFF;letter-spacing: 2px;text-align: center;line-height: 48px;position: absolute;z-index: 2;top: 50%;right: 0;left: 0;margin: auto;transform: translateY(-50%);}

    .content-list .box-list-left .list-content{padding: 30px 5.3%;width: 89.4%;background: #F2F2F2;display: block;margin: -50px auto 0;position: relative;z-index: 10;text-align: center;height: auto;}
    .content-list .box-list-left.box-list-right{display: flex;flex-direction: column-reverse;}
    .content-list .box-list-left.box-list-right .list-content{margin: -50px auto 0;text-align: center;height: auto;}
    .content-list .box-list-left .list-content .list-content-left{float: none;width: 100%;}
    .content-list .box-list-left .list-content .list-content-left p{font-size: 18px;color: #DD2C34;letter-spacing: 0.5px;text-align: center;line-height: 36px;}
    .content-list .box-list-left .list-content .list-content-left a{margin-top: 20px;display: flex;justify-content: space-between;align-items: center;}
    .content-list .box-list-left .list-content .list-content-left a span{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 24px;margin-right: 19px;flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;}
    .content-list .box-list-left .list-content .list-content-left a img{width: 16px;height: 16px;}
    .content-list .box-list-left .list-content .list-content-right{float: none;margin-top: 30px;}
    .content-list .box-list-left .list-content .list-content-right a{font-size: 13px;color: #DD2C34;letter-spacing: 0.5px;line-height: 24px;vertical-align: middle;display: inline-block;margin-right: 6px;}
    .content-list .box-list-left .list-content .list-content-right img{width: 12px;height: 12px;display: inline-block;vertical-align: middle;}



}