.nav_box {
      display: flex;
      justify-content: space-between;
      margin-bottom: 30px;
      width: 100%;
    }

    .nav_box .nav_right {
      cursor: pointer;
    }

    .nav_box .nav_right img {
      cursor: pointer;
      width: 25px;
      height: 25px;
    }

    .mix_cont {
      width: 100%;
      padding: 68px 0;
      background-color: #fff;
      margin-top: 0px;
    }

    .mix_cont.hui {
      background: #F6F6F6;
    }
    
    .class_box.hui {
      background: #F6F6F6;
    }

    .libox_cont {
      width: 1200px;
      margin: 0 auto;
      overflow: hidden;
    }

    .libox_cont .li {
      width: 360px;
      float: left;
      margin-right: 60px;
      padding-bottom: 20px;
      border-bottom: 1px solid rgba(227, 227, 227, 1);
      cursor: pointer;
    }

    .libox_cont .li:nth-child(3n) {
      margin-right: 0;
    }

    .libox_cont .li_img {
      width: 350px;
      height: 200px;
      overflow: hidden;
    }

    .libox_cont .li_img img {
      width: 100%;
    }

    .libox_cont .li .li_text {
      display: flex;
      justify-content: space-between;
    }

    .libox_cont .li .tip {
      display: flex;
      justify-content: space-between;
    }

    .libox_cont .li_text {
      display: flex;
      align-items: center;
    }

    .libox_cont .li_text .text {
      color: rgba(16, 16, 16, 1);
      font-size: 16px;
      margin-top: 10px;
      word-break: break-all;
      width: 320px;
      text-overflow: ellipsis;

      display: -webkit-box;

      -webkit-box-orient: vertical;

      -webkit-line-clamp: 2;
      /* 这里是超出几行省略 */

      overflow: hidden;
    }

    .libox_cont .li_text .tip {
      margin-top: 8px;
      color: rgba(174, 174, 174, 1);
      font-size: 12px;
    }

    .libox_cont .li_text_right {
      cursor: pointer;
      background: url(./new_image/arrowright.png) no-repeat center;
      width: 28px;
      height: 32px;
    }


    .page_top_box {
      width: 100%;
      /* height: 80px; */
      box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
      margin-bottom: 3px;
    }

    .page_top_cont {
      width: 1200px;
      height: 100%;
      margin: 0 auto;
      display: flex;
      justify-content: space-between;
    }

    .page_top_cont .left_img {
      display: flex;
      align-items: center;
    }

    .page_top_cont .left_img img {
      width: 300px;
    }

    .page_top_cont .right_text {
      display: flex;
      align-items: center;
    }

    .page_top_cont .li {
      font-size: 14px;
      text-align: center;
      padding: 30px 20px;
      cursor: pointer;
    }

    .page_top_cont .li.active {
      font-size: 14px;
      text-align: center;
      background-color: rgba(71, 116, 182, 1);
      color: #fff;
    }

    .page_top_cont .li .toptext {}

    .page_top_cont .li .bottomtext {}


    .new_message_cont {
      width: 1200px;
      margin: 0 auto;
    }
    
    .new_message_cont .new_message_box{
      display: flex;
      justify-content: space-between;
    }

    .new_message_cont .new_message_left{
      width: 600px;
	  display: flex;
 flex-direction: column;

    }

    .new_message_cont .new_message_left .title{
      display: inline-block;
      border-bottom: 1px solid  #E3E3E3;
      padding: 10px 0;
    }


    .new_message_cont .new_message_left .title .title_big1{
      color:#101010 ;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
      
    .new_message_cont .new_message_left .title .title_big2{
      color:#101010 ;
      display: -webkit-box;
      -webkit-line-clamp: 1;
      -webkit-box-orient: vertical;
      overflow: hidden;
    } 

    .new_message_cont .new_message_right {
      width: 600px;

    }
    .new_message_cont .new_message_right img{
      margin-left: 100px;
      width: 500px;
    }

    .message_cont {
      width: 1200px;
      margin: 0 auto;
    }

    .message_right_li {
      display: flex;
      justify-content: space-between;
      padding: 10px;
      border-bottom: 1px solid rgba(227, 227, 227, 1);
      cursor: pointer;
    }

    .message_right_li .left {
      width: 100px;
    }

    .message_right_li .left .time_year {
      font-size: 28px;
      color: rgba(16, 16, 16, 1);
    }

    .message_right_li .left .time_date {
      color: rgba(174, 174, 174, 1);
      font-size: 18px;
      margin-top: 14px;
    }

    .message_right_li .right {
      flex: 1;
      width: 400px;
    }

    .message_right_li .right .right_title {
      color: rgba(16, 16, 16, 1);
      font-size: 18px;
      word-break: break-all;
      width: 320px;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      /* 这里是超出几行省略 */
      overflow: hidden;
    }

    .message_right_li .right .right_des {
      margin-top: 14px;
      color: rgba(174, 174, 174, 1);
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .message_box {
      display: flex;
      justify-content: space-between;
    }

    .message_box .message_left {
      width: 600px;

    }

    .message_box .message_left .topimg {
      width: 600px;
      height: 196px;
      overflow: hidden;
      cursor: pointer;
    }

    .message_box .message_left .topimg img {
      width: 100%;
    }

    .message_box .message_left .tipmes {
      margin-top: 20px;
      display: flex;
      justify-content: space-between;
      cursor: pointer;
    }

    .message_box .message_left .tipmes .title {
      color: rgba(16, 16, 16, 1);
      font-size: 18px;
      width: 600px;
    }

    .message_box .message_left .tipmes .more {
      color: rgba(16, 16, 16, 1);
      font-size: 18px;
      cursor: pointer;
    }

    .message_tz {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
    }

    .message_tz_left {
      padding-right: 10px;
    }

    .message_tz_left .time_year {
      font-size: 28px;
      color: rgba(16, 16, 16, 1);
    }

    .message_tz_left .time_date {
      color: rgba(174, 174, 174, 1);
      font-size: 18px;
    }

    .message_tz_right {
      border-left: 1px solid rgba(174, 174, 174, 1);
      width: 560px;

      padding: 10px 0;
      padding-left: 10px;
    }

    .message_tz_right .li {
      color: rgba(174, 174, 174, 1);
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding: 5px 0;
      cursor: pointer;
    }


    .class_box {
      width: 1200px;
      margin: 0 auto;
      background: #fff;
    }

    .nav_top_title {
      color: rgba(16, 16, 16, 1);
      font-size: 20px;
      text-align: left;

    }

    .nav_top_title1 {
      color: rgba(174, 174, 174, 1);
      font-size: 16px;
      margin-top: 5px;

    }


    .life_cont .life_left {
      width: 600px;
      background-color: rgba(71, 116, 182, 1);
      padding: 71px 74px 30px;
      /* overflow: hidden; */
      position: relative;
    }

    .life_cont {
      width: 1200px;
      margin: 0 auto;
    }

    .life_cont .life_left {
      width: 600px;
      background-color: rgba(71, 116, 182, 1);
      padding: 71px 74px 30px;
      /* overflow: hidden; */
      position: relative;
    }

    .life_cont .nav_title_tip {
      color: rgba(255, 255, 255, 1);
      font-size: 16px;
    }

    .life_cont .nav_title_tip1 {
      color: rgba(255, 255, 255, 1);
      font-size: 12px;
    }

    .life_cont .nav_des {
      margin-top: 50px;
    }

    .life_cont .nav_des p {
      color: rgba(255, 255, 255, 1);
      font-size: 12px;
      line-height: 20px;
      padding-right: 100px;
    }

    .life_cont .more {
      width: 74px;
      height: 25px;
      color: rgba(16, 16, 16, 1);
      font-size: 14px;
      text-align: center;
      line-height: 25px;
      background-color: rgba(255, 255, 255, 1);
      float: right;
      margin-top: 20px;
      cursor: pointer;
      margin-right: 100px;
    }

    .life_cont_img {
      position: absolute;
      right: -330px;
      top: 50px;
      width: 460px;
    }

    .swiper_cont {
      width: 100%;
      margin: 0 auto;
    }

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      font-size: 18px;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;

    }

    .parallax-bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 130%;
      height: 100%;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
    }

    .swiper-slide .title {
      font-size: 41px;
      font-weight: 300;
    }

    .swiper-slide .subtitle {
      font-size: 21px;
    }

    .swiper-slide .text {
      font-size: 14px;
      max-width: 400px;
      line-height: 1.3;
    }

    /* .swiper-button-prev,.swiper-button-next{
      background: rgba(0,0,0,0.2);
    } */


    .swiper-button-next.swiper-button-white,
    .swiper-container-rtl .swiper-button-prev.swiper-button-white {
      background-image: url(https://p1.ssl.qhimg.com/t019e4bd0942c44bb17.png);
    }

    .swiper-button-next,
    .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 30px;
      height: 30px;
      margin-top: -22px;
      z-index: 10;
      cursor: pointer;
      -moz-background-size: 30px 30px;
      -webkit-background-size: 30px 30px;
      background-size: 30px 30px;
      background-position: center;
      background-repeat: no-repeat;
    }

    .swiper-button-prev {
      left: 71px;
      right: auto;
      transform: rotate(180deg);
    }

    .swiper-button-next {
      left: 71px;
      left: auto;
    }

    .swiper-button-prev.swiper-button-white,
    .swiper-container-rtl .swiper-button-next.swiper-button-white {
      background-image: url(https://p1.ssl.qhimg.com/t019e4bd0942c44bb17.png);
    }

    .swiper-slide img {
      width: 100%;
    }