/*news*/
.news-list {
  float: left;
  width: calc(100%/4.13);
  margin: 0 10px 20px 0;
  font-size: 14px;
  box-sizing: border-box;
  padding: 15px;
  overflow: hidden;
  border: 1px solid #CCC;
  min-height: 400px;
}

.news-list > div:first-child {
  position: relative;
  overflow: hidden;
  line-height: 0;
  height: 200px;
  justify-content: center;
  margin-bottom:15px;
  background: rgba(0,0,0,.6);
  display: flex;
  align-items: center;

    }

.news-list > div:first-child img {
    width: 100%;
    transition: all 0.4s ease-out 0s;
    padding: 0px 40px;
}

.news-list > div:first-child:hover img {
    transform: scale(1.1);
}

.news-list > div:first-child:hover .news-date {
    background: #f5d20e;
}

.news-list > div:last-child {
  width: 100%;
  padding: 0px 15px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
  min-height: 148px;
}

.news-date {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    text-align: center;
    background: #000000;
    padding: 9px 7px 0 7px;
    color: #ffffff;
    font-size: 18px;
    line-height: 100%;
    transition: all 0.4s ease-out 0s;
    display: none;
}

.news-date span {
    display: block;
    font-size: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    line-height: 100%;
    padding-bottom: 7px;
    margin-bottom: 7px;
}

.news-title {
    font-size: 16px;
    line-height: 100%;
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 10px;

}

.news-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 128px;
    height: 1px;
    background: #f5d20e;
    display: block;
}

.news-btn {
    text-align: right;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.news-btn a {
    display: inline-block;
    width: 132px;
    line-height: 37px;
    text-align: center;
    background: #535353;
    color: #ffffff;
    font-size: 15px;
    border-radius: 20px;
}

.news-btn a:hover {
    background: #f5d20e;
}

/*news-detail*/
.news-detail-top {
  padding-bottom: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  padding-top: 30px;
}

.news-detail-top > div:first-child {
  width: 100%;
  position: relative;
  text-align: -webkit-center;
}

.news-detail-top > div:last-child {
  display: none;
    width: calc(100% - 80px - 38px);
    margin-left: 38px;
    position: relative;
    font-size: 30px;
    line-height: 100%;
    color: #000;
    padding-bottom: 22px;
}

.news-detail-top > div:last-child:after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: #f5d20e;
    position: absolute;
}

.news-date2 {
    position: relative;
    top: auto;
    left: auto;
}
.back-btn {  text-align: right;max-width: 150px;  margin: auto;}
.back-btn a {

  display: block;
  line-height: 30px;
  background: #fff;
  text-align: center;
  color: #9f9f9f;
  font-size: 18px;
  margin: 0 0 0 auto;
  cursor: pointer;
  padding: 5px 20px;
  margin: 10px 0;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  color: rgba(255,255,255,0.9);
  background: -webkit-linear-gradient(#29323c , #485563);
  background: linear-gradient(#29323c , #485563);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66);


}
.back-btn a:hover { background: #9f9f9f; color: #fff; width: 100%;}
#newContent p { margin-bottom: 25px;text-align: center;}

#newContent a {color: yellow;border-bottom: 1px solid;}
.othernew li a{color: yellow;}
#newContent a:hover{color: white;border-bottom: 1px solid;}
.othernew li a:hover{color: white;}
#newContent {position: relative; z-index: 1;}
.prevBtn {position: absolute; top: calc(50% - 25px); left: -15px; z-index: 100;}
.nextBtn {position: absolute; top: calc(50% - 25px); right: -15px; z-index: 100;}
.prevBtn a, .nextBtn a {position: relative; z-index: 1; border: 0px!important; font-size: 0px; width: 50px; height: 50px; border-radius: 50%; background-color: rgba(232, 52, 12, 0.5); display: block;}
.prevBtn a::before {content: ''; height: 0; width: 0; border-color: transparent rgba(255, 255, 255, 1) transparent transparent; border-style: solid solid solid solid; border-width: 10px 16px; position: absolute; top: calc(50% - 10px); left: calc(50% - 26px); z-index: 10;}
.nextBtn a::before {content: ''; height: 0; width: 0; border-color: transparent transparent transparent rgba(255, 255, 255, 1); border-style: solid solid solid solid; border-width: 10px 16px; position: absolute; top: calc(50% - 10px); right: calc(50% - 26px); z-index: 10;}
.prevBtn a:hover, .nextBtn a:hover {background-color: rgba(232, 52, 12, 1);}
@media only screen and (max-width: 980px){
    .prevBtn {top: -55px; left: 0;}
    .nextBtn {top: -55px; right: 0;}
}

.othernew{text-align: center;max-width: 320px;margin: auto;
  margin-bottom: 60px; }
ul.othernew > li:nth-child(odd) {
  /* background-color: #6c6f71;*/
  padding: 5px 0px; 
  border-bottom: 1px white solid;
}
ul.othernew > li:nth-child(even) {
  /*background-color: #a2a2a2;*/
  padding: 5px 0px;
  border-bottom: 1px white solid;
}
ul.othernew > li:nth-child(1){margin-top: 5px;}

@media only screen and (max-width: 980px){
  .news-list {width: calc(100%/3); margin: 0 0px 20px 0;}
 
}

@media only screen and (max-width: 480px){
  .news-list {width: calc(100%/1); margin: 0 0px 20px 0;}
 
}