.branchNewInfo{}
.branchNewInfo .wrapper{margin: 0 auto;}

.branchNewInfo .branchNewInfo-banner{height: 380px;width: 100%;padding-top: 250px;}
.branchNewInfo .branchNewInfo-banner h3{font-size: 54px;color: #FFFFFF;letter-spacing: 10px;text-align: center;line-height: 70px;font-family: fangzheng-unionpay-sc;}

.branchNewInfo .nav{background: #F2F2F2;height: 70px;width: 100%;text-align: center;}
.branchNewInfo .nav a{display: inline-block;font-size: 20px;color: #222222;letter-spacing: 1px;line-height: 70px;margin-left: 80px;}
.branchNewInfo .nav a.active{color: #DD2C34;}
.branchNewInfo .nav a:first-child{margin-left: 0;}

.branchNewInfo .content{padding: 80px 0 100px;}
.branchNewInfo .news-con-list .date{float: left;width: 80px;height: 57px;text-align: center;margin: 5px 20px 0px 0px;color: #222222;}
.branchNewInfo .news-con-list .date .date-strong{font-size: 40px;color: #222222;letter-spacing: 2px;text-align: center;line-height: 36px;}
.branchNewInfo .news-con-list .date .date-small{font-size: 14px;color: #222222;letter-spacing: 0.5px;text-align: center;line-height: 16px;margin-top:5px}
.branchNewInfo .news-con-list .date-mobile{display: none;}
.branchNewInfo .news-con-list{border-top:4px solid #F2F2F2}
.branchNewInfo .news-con-list .news-list-item{max-width: 100%;overflow: hidden; padding: 40px 0; border-bottom: 1px solid #e3e3e3;position: relative;}
.branchNewInfo .news-con-list .news-list-item a{display:block}
.branchNewInfo .news-con-list .news-list-item .news-list-title{overflow: hidden;margin-bottom: 20px}
.branchNewInfo .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;}
.branchNewInfo .news-con-list .label{float: left;margin-top: 3px;}
.branchNewInfo .news-con-list .news-list-text{font-size: 16px;color: #222222;letter-spacing: 0.5px;line-height: 32px;word-break: break-word;}
.branchNewInfo .news-con-list .news-images {padding:0px 0px 0px 100px;margin-top: 30px;}
.branchNewInfo .news-con-list .news-images ul{overflow: hidden;}
.branchNewInfo .news-con-list .news-images li{float: left;margin-right: 20px;}
.branchNewInfo .news-con-list .news-images li img{width: 200px;height: 112px;max-width: 100%;max-height: 100%;}

@media (max-width: 1220px) {
  .branchNewInfo .wrapper{width: 89.4%;}

  .branchNewInfo .news-con-list .date {height: 55px;margin: 0px 15px 0px 0px}
  .branchNewInfo .news-con-list .date .date-strong {font-size: 36px;line-height: 36px;}
  .branchNewInfo .news-con-list .date .date-small {font-size: 12px;line-height: 14px;margin-top: 5px}
  .branchNewInfo .news-con-list .news-images li {float: left;margin-right: 15px;}
  .branchNewInfo .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;}
  .branchNewInfo .news-con-list .label {margin-top: 4px;}
}

@media (max-width: 980px) {
  .branchNewInfo .branchNewInfo-banner{padding-top: 230px;}

  .branchNewInfo .news-con-list h3{font-size: 20px;line-height: 24px}
  .branchNewInfo .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;}
  .branchNewInfo .news-con-list .label {margin-top: 0;}
}

@media (max-width: 760px) {
  .branchNewInfo .branchNewInfo-banner{height: 160px;width: 100%;padding-top: 64px;}
  .branchNewInfo .branchNewInfo-banner h3{font-size: 28px;color: #FFFFFF;letter-spacing: 2px;line-height: 36px;}

  .branchNewInfo .nav{background: #F2F2F2;height: 46px;width: 100%;text-align: center;}
  .branchNewInfo .nav a{display: inline-block;font-size: 13px;color: #222222;letter-spacing: 0.5px;line-height: 46px;margin-left: 30px;}

  .branchNewInfo .content{padding: 0px 0 60px;}
  .branchNewInfo .news-con-list .date{display: none}
  .branchNewInfo .news-con-list .date-mobile{display: inline-block;;font-size: 13px;color: #DD2C34;letter-spacing: 0.5px;line-height: 22px;margin-bottom: 5px;}
  .branchNewInfo .news-con-list {border-top: none;}
  .branchNewInfo .page-container .wrapper {padding: 0 5.4% 60px 5.4%;}
  .branchNewInfo .news-con-list .news-list-item {padding: 20px 0;}
  .branchNewInfo .news-con-list .news-list-item:last-child {border-bottom:none;}
  .branchNewInfo .news-con-list .news-list-item a{position: relative}
  .branchNewInfo .news-con-list h3 {max-width:100%;font-size: 16px;letter-spacing: 1px;line-height: 28px;}
  .branchNewInfo .news-con-list .news-list-item .news-list-title {margin-bottom: 5px;}
  .branchNewInfo .news-con-list .news-list-text {font-size: 13px;letter-spacing: 0.5px;line-height: 22px;}
  .branchNewInfo .news-con-list .news-images {padding: 0;margin-top: 15px;}
  .branchNewInfo .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}
  .branchNewInfo .news-con-list .news-images li + li {margin-left: 10px}
  .branchNewInfo .news-con-list .news-images li img { width:100%;height: auto;margin: 0}
}