.news-titlesbox {
  height: 2rem; }

.news-titles {
  font-size: 0;
  border-bottom: 1px solid #e8e8e8;
  background: #fff; }
  .news-titles.fixed {
    position: fixed;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
    top: 0; }
  .news-titles .items {
    display: inline-block;
    height: 2rem;
    line-height: 2rem;
    vertical-align: top;
    padding: 0 .45rem;
    position: relative; }
    .news-titles .items:before {
      position: absolute;
      width: 1px;
      height: 1em;
      content: "";
      left: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      border-left: 1px dashed #acacac; }
    .news-titles .items:nth-child(1):before {
      display: none; }
    .news-titles .items.active .span {
      color: #ee7900; }
      .news-titles .items.active .span:after {
        opacity: 1; }
    .news-titles .items .span {
      line-height: 1;
      color: #999999;
      position: relative;
      display: inline-block;
      vertical-align: middle;
      padding-bottom: 2px;
      transition: .5s ease-in-out; }
      .news-titles .items .span:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        background: #ee7900;
        opacity: 0;
        transition: .5s ease-in-out; }
.news-body {
	  background:#f9f9f9
}
.news-box {
  padding-top: 2rem;
  padding-bottom: 3rem; 
}
  .news-box .list {
    padding-bottom: 1rem;
    font-size: 0; }
  .news-box .items {
    display: inline-block;
    vertical-align: top;
    width: 23%;
    margin-left: 2.66%;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e8e8e8; }
    .news-box .items:nth-child(4n+1) {
      margin-left: 0; }
    .news-box .items .words {
      padding-top: .75rem;
      padding-bottom: .6rem; }
    .news-box .items .wen {
      font-size: 0; }
      .news-box .items .wen .btns {
        display: inline-block;
        vertical-align: middle; }
      .news-box .items .wen .span {
        border-radius: .1rem;
        height: 2.14em;
        line-height: 2.14em;
        padding: 0 .4rem;
        border: 1px solid #ee7900;
        color: #ee7900; }
      .news-box .items .wen .time {
        color: #999999;
        margin-left: .4rem; }
    .news-box .items .tits {
      line-height: 1.5em;
      height: 3em;
	  font-weight:700;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      color: #333;
      margin-top: .375rem; }
    .news-box .items .imgs {
      overflow: hidden; }
      .news-box .items .imgs img {
        transition: .5s ease-in-out; }

.newsinfo-titles {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e8e8e8; }
  .newsinfo-titles .tits {
    padding-right: 1rem;
    line-height: 1.3; }
  .newsinfo-titles .timebox {
    margin-top: 1rem; }
    .newsinfo-titles .timebox .time, .newsinfo-titles .timebox .fx {
      height: 1.25rem;
      line-height: 1.25rem; }
    .newsinfo-titles .timebox .time {
      color: #333333; }
    .newsinfo-titles .timebox .fx {
      font-size: 0; }
      .newsinfo-titles .timebox .fx .li {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        padding: 0; }
        .newsinfo-titles .timebox .fx .li img {
          pointer-events: none; }
        .newsinfo-titles .timebox .fx .li:nth-child(n+2) {
          margin-left: .7rem; }
      .newsinfo-titles .timebox .fx div.li {
        padding-right: .2rem;
        line-height: 1.25rem;
        color: #666666; }
      .newsinfo-titles .timebox .fx a.li {
        width: 1.25rem;
        height: 1.25rem;
        padding: 0;
        background: transparent;
        float: none; }

.newsinfo {
  background: #fff;
  padding: 2.25rem 3rem; }

.newsinfo-box {
  padding-top: 2.5rem;
  padding-bottom: 3.5rem; }

.newsinfo-bots {
  border: 1px solid #e8e8e8;
  position: relative;
  line-height: 1.75rem;
  height: 1.75rem;
  margin-top: 2.125rem; }
  .newsinfo-bots .back {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 22px;
    background: url(../imgbox/btn.png) no-repeat center;
    background-size: 100%; }
  .newsinfo-bots .btn {
    line-height: 1.75rem;
    height: 1.75rem;
    max-width: 50%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #333333; }
  .newsinfo-bots .prev {
    padding-right: 15px;
    padding-left: .75rem; }
  .newsinfo-bots .next {
    padding-right: .75rem;
    padding-left: 15px; }

.newsinfo-words .contents {
  line-height: 2.25;
  padding-top: 1.2rem; }

@media (min-width: 1024px) {
  .newsinfo-bots .btn {
    transition: .5s ease-in-out; }
    .newsinfo-bots .btn:hover {
      transition: .5s ease-in-out;
      color: #ee7900; }

  .newsinfo-bots .back:hover {
    background: url(../imgbox/btn2.png) no-repeat center;
    background-size: 100%;
    transition: .5s ease-in-out; }

  .news-titles .items:hover .span {
    color: #ee7900;
    transition: .5s ease-in-out; }
    .news-titles .items:hover .span:after {
      opacity: 1;
      transition: .5s ease-in-out; }

  .news-box .items {
    transition: .5s ease-in-out; }
    .news-box .items:hover img {
      transition: .5s ease-in-out;
      transform: scale3d(1.05, 1.05, 1); } }
@media (max-width: 1023px) {
  .newsinfo {
    padding: 1.25rem 1.5rem; }

  .news-box .items {
    width: 49%;
    margin-left: 2%; }
    .news-box .items:nth-child(4n+1) {
      margin-left: 2%; }
    .news-box .items:nth-child(2n+1) {
      margin-left: 0; } }
@media (max-width: 767px) {
  .newsinfo-bots .next {
    padding-right: .5rem; }

  .newsinfo-bots .prev {
    padding-left: .5rem; }

  .newsinfo-words .contents {
    line-height: 1.8; }

  .newsinfo-titles .timebox .time {
    line-height: 1;
    height: auto; }

  .newsinfo-titles .timebox .time, .newsinfo-titles .timebox .fx {
    width: 100%;
    float: none; }

  .newsinfo-titles .timebox .fx {
    margin-top: .75rem; }

  .newsinfo-box {
    padding-top: 1.75rem;
    padding-bottom: 1.5rem; }

  .newsinfo {
    padding: 1.25rem 3%; }

  .news-box {
    padding-top: 1.75rem;
    padding-bottom: 1.5rem; }

  /*.news-box .items{
      width: 100%;
      margin-left: 0%;
      &:nth-child(4n+1){
          margin-left:0%;
      }
      &:nth-child(2n+1){
          margin-left: 0;
      }
  }*/
  .news-box .list {
    padding-bottom: .75rem; } }

/*# sourceMappingURL=news.css.map */