@charset "UTF-8";
#banner {
  height: 34.11rem; }

.swiper-container {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .swiper-container .wrap {
    position: absolute;
    height: 0;
    z-index: 12;
    top: 0;
    left: 50%;
    padding: 0.82rem 0;
    /*overflow: hidden;*/ }

.banner .swiper-slide {
  background: #1a71d8;
  text-align: center; }
.banner .swiper-slide {
  font-size: 18px;
  display: inline-block;
  position: relative;
  overflow: hidden; }
  .banner .swiper-slide img {
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%); }

.swiper-pagination-bullet {
  border-radius: 0 !important;
  width: 50px;
  height: 3px;
  background: #c7c7c7; }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 56px;
    background: #1a71d8; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px; }

.sub {
  width: 16.4rem;
  background: rgba(7, 35, 68, 0.8);
  /*height: 100%;*/
  height: 37.7rem;
  color: #fff;
  font-size: 0.94rem;
  position: relative; }
  .sub i {
    font-size: 1.35rem;
    font-weight: 200;
    margin-right: 0.8rem;
    color: #e5eaef;
    float: left; }
  .sub .icon {
    float: right; }
    .sub .icon i {
      font-size: 1.1rem;
      color: #8ba1b3; }
  .sub a {
    color: #fff;
    display: block;
    margin-left: -1rem;
  }
  .sub h3 {
    font-weight: 400;
    font-size: 1.05rem;
    height: 2.94rem;
    line-height: 2.94rem;
    background: #05172d;
    padding-left: 1.2rem; }
  .sub ul {
    padding-top: -0.5rem; }
  .sub li > a {
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
    margin: 0;
    padding-left: 1.6rem; }
  .sub li:hover {
    background: #072344; }
  .sub .level a {
    display: block;
    padding: 0.2rem 0.4rem 0.5rem 4rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.9rem;
    margin: 0.4rem 0.3rem;
    margin-left: 0;
    color: #e5eaef; }

.title {
  overflow: hidden; }
  .title h2 {
    font-weight: normal;
    font-size: 1.64rem;
    display: inline-block; }
  .title small {
    color: #999;
    font-size: 0.9rem;
    margin-left: 0.5rem; }

.pt47 {
  padding-top: 4.7rem; }

.pb30 {
  padding-bottom: 3rem; }

.ulO::after {
  display: block;
  clear: both;
  content: ''; }
.ulO li {
  float: left;
  width: 25%;
  padding-right: 1.88rem;
  padding-top: 4rem;
  padding-bottom: 1rem; }
  .ulO li:nth-of-type(1) .item {
    border-top: 3px solid #38aafa; }
  .ulO li:nth-of-type(1) .price {
    color: #1a71d8; }
  .ulO li:nth-of-type(2) .item {
    border-top: 3px solid #00cebf; }
  .ulO li:nth-of-type(2) .price {
    color: #00c0a7; }
  .ulO li:nth-of-type(3) .item {
    border-top: 3px solid #ff812a; }
  .ulO li:nth-of-type(3) .price {
    color: #ff7210; }
  .ulO li:nth-of-type(4) .item {
    border-top: 3px solid #ff3a2b; }
  .ulO li:nth-of-type(4) .price {
    color: #ff3a2b; }
.ulO .item {
  box-shadow: 0 0.1rem 0.7rem rgba(0, 0, 0, 0.1);
  text-align: center;
  padding: 2.4rem 1rem 1.5rem; }
.ulO h3 {
  font-size: 1.17rem;
  font-weight: 400; }
.ulO .price {
  font-size: 2.58rem; }
  .ulO .price small {
    color: #999;
    font-size: 0.88rem;
    margin-left: 0.3rem; }

.new {
  width: 16.4rem;
  float: right; }

#tabs-container {
  height: auto; }

.exponent {
  height: 12rem;
  background: rgba(255, 255, 255, 0.9); }

.notice {
  height: 19.6rem;
  background: rgba(255, 255, 255, 0.9);
  margin-top: 0.82rem; }

.tabs,
.tabs2 {
  border-bottom: 2px solid #d1e0eb;
  padding-left: 0.2rem; }
  .tabs::after,
  .tabs2::after {
    display: block;
    clear: both;
    content: ''; }
  .tabs a,
  .tabs2 a {
    font-weight: normal;
    text-align: center;
    float: left;
    color: #222;
    text-decoration: none;
    font-size: 0.94rem;
    margin: 0 0.6rem;
    padding: 0 0.4rem; }
    .tabs a.active,
    .tabs2 a.active {
      color: #1a71d8;
      position: relative; }
      .tabs a.active:after,
      .tabs2 a.active:after {
        position: absolute;
        content: '';
        width: 5rem;
        height: 2px;
        background: #1a71d8;
        left: 50%;
        margin-left: -2.5rem;
        bottom: -2px; }

.ul {
  height: 2.8rem;
  line-height: 2.8rem; }
  .ul::after {
    display: block;
    clear: both;
    content: ''; }
  .ul .more {
    float: right;
    font-size: 12px;
    color: #999;
    margin-right: 0.6rem; }

.dataItem {
  text-align: center;
  padding-top: 0.8rem; }
  .dataItem .price {
    color: #fe5000; }
  .dataItem h3 {
    font-size: 0.94rem;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .dataItem h3 span {
      color: #999c9e;
      margin-left: 0.2rem; }
  .dataItem .price {
    font-size: 2.58rem;
    padding: 0.6rem 0 0.35rem; }
    .dataItem .price small {
      color: #999;
      font-size: 0.88rem;
      margin-left: 0.3rem; }
  .dataItem .date {
    font-size: 0.94rem;
    color: #666; }
    .dataItem .date span {
      display: inline-block;
      padding: 0 0.6rem; }
    .dataItem .date small {
      margin-left: 0.2rem;
      color: #fe5000;
      font-size: 1rem; }
    .dataItem .date.down small {
      color: #1a71d8; }

.newList {
  overflow: hidden;
  padding: 0.7rem 1rem;
  line-height: 1.8; }
  .newList li {
    margin: 0.6rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 0.82rem;
    overflow: hidden; }

.globeTit {
  overflow: hidden; }
  .globeTit .tabs3,
  .globeTit .tabs4 {
    float: right;
    display: inline-block;
    font-size: 0.94rem;
    line-height: 2rem; }
    .globeTit .tabs3 a,
    .globeTit .tabs4 a {
      margin-left: 1.5rem;
      color: #666; }
      .globeTit .tabs3 a.active,
      .globeTit .tabs4 a.active {
        color: #1a71d8; }
  .globeTit h2 {
    font-weight: normal;
    font-size: 1.64rem; }
    .globeTit h2 small {
      margin-left: 0.5rem;
      color: #999;
      font-size: 1.05rem;
      font-weight: 400; }

.p5 {
  padding: 5rem 0; }

.wordList {
  width: 50%; }
  .wordList li {
    overflow: hidden;
    padding: 1rem 1rem 1rem 9rem;
    margin-bottom: 1.6rem;
    line-height: 1.6;
    height: 8rem;
    width: 100%;
    font-size: 0.94rem;
    transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -wenkit-transition: transform 400ms ease;
    background: #fff; }
    .wordList li .day {
      width: 6rem;
      height: 6rem;
      float: left;
      margin-left: -8rem;
      background: #eaf1f6;
      text-align: center;
      padding-top: 0.8rem; }
    .wordList li dt {
      font-size: 1.45rem;
      padding-bottom: 0.4rem; }
    .wordList li dd {
      font-size: 0.82rem;
      color: #999; }
    .wordList li:hover {
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05); }
  .wordList .more {
    text-align: right;
    font-size: 0.94rem; }
    .wordList .more a {
      color: #1a71d8; }
  .wordList h3 {
    font-size: 1.17rem;
    font-weight: 400;
    padding-bottom: 0.8rem;
    padding-top: 0.3rem;
    padding-bottom: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .wordList .word {
    color: #999;
    font-size: 0.82rem;
    line-height: 2;
    height: 3rem;
    overflow: hidden; }

/*2020-8-13 新闻列表 add*/
.newsList {
  width: 50%; }
  .newsList .news_nav {
    position: relative;
    border-bottom: #eee 1px solid;
    padding-bottom: 1rem;
    padding-left: 1rem; }
    .newsList .news_nav:after {
      position: absolute;
      content: "|";
      left: 0;
      bottom: 1.1rem;
      color: #8a1f11;
      font-size: 1.4rem;
      font-weight: bold; }
    .newsList .news_nav h3 {
      display: inline-block;
      font-size: 1.41rem;
      font-weight: 400; }
    .newsList .news_nav .navName {
      display: inline-block; }
      .newsList .news_nav .navName a {
        position: relative;
        display: inline-block;
        color: #666;
        padding: 0 1rem 0 0.8rem; }
        .newsList .news_nav .navName a:after {
          position: absolute;
          content: "|";
          right: 0;
          color: #999;
          font-size: 12px; }
        .newsList .news_nav .navName a:last-child:after {
          content: ""; }
        .newsList .news_nav .navName a.cur {
          color: #1a71d8; }
  .newsList .news_content {
    padding-top: 0.5rem; }
    .newsList .news_content .con_item {
      display: none; }
      .newsList .news_content .con_item.cur {
        display: block; }
      .newsList .news_content .con_item ul li {
        position: relative;
        height: 3.2rem;
        line-height: 3.2rem;
        padding-right: 7rem;
        font-size: 1rem;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 1rem; }
        .newsList .news_content .con_item ul li:after {
          position: absolute;
          content: "•";
          left: 0;
          color: #999;
          font-size: 1rem; }
        .newsList .news_content .con_item ul li:hover {
          transform: scale(1.05);
          -o-transform: scale(1.05);
          -ms-transform: scale(1.05);
          -moz-transform: scale(1.05);
          -webkit-transform: scale(1.05);
          transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -webkit-transition: all 0.5s ease; }
          .newsList .news_content .con_item ul li:hover .time {
            transform: scale(1); }
        .newsList .news_content .con_item ul li .time {
          position: absolute;
          right: 0;
          top: 0.1rem;
          color: #999; }
  .newsList .more {
    text-align: right;
    font-size: 0.94rem; }
    .newsList .more a {
      color: #1a71d8; }
  .newsList .word {
    color: #999;
    font-size: 0.82rem;
    line-height: 2;
    height: 3rem;
    overflow: hidden; }

.fl {
  float: left; }

.fr {
  float: right; }

.box {
  overflow: hidden;
  padding-top: 4rem; }

.newImg {
  width: 50%; }
  .newImg .img {
    max-height: 22.8rem;
    overflow: hidden;
    display: block; }
    .newImg .img:hover img {
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05); }
  .newImg img {
    /*width: 100%;*/
    transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -wenkit-transition: transform 400ms ease; }
  .newImg .newWord {
    background: #fff;
    margin: -2rem 1.5rem 0;
    position: relative;
    padding: 2rem; }
    .newImg .newWord h3 {
      font-size: 1.17rem;
      font-weight: 400;
      padding-bottom: 0.8rem; }
      .newImg .newWord h3 span {
        color: #1a71d8; }
    .newImg .newWord p {
      color: #999;
      font-size: 0.82rem;
      line-height: 2;
      height: 3rem;
      overflow: hidden; }

.pr73 {
  padding-right: 7.3rem; }

.bg {
  background: #eaf1f6; }

#newsBox2 {
  height: 36rem; }

.newList02 {
  padding-top: 4rem; }
  .newList02 ul {
    overflow: hidden; }
  .newList02 li {
    height: 9.47rem;
    background: #fff;
    width: 48%;
    margin-right: 4%;
    padding-left: 14.88rem;
    padding-right: 2rem;
    overflow: hidden;
    float: left;
    margin-bottom: 1.76rem;
    transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -wenkit-transition: transform 400ms ease; }
    .newList02 li:nth-of-type(2), .newList02 li:nth-of-type(4), .newList02 li:nth-of-type(6), .newList02 li:nth-of-type(8) {
      margin-right: 0; }
    .newList02 li:hover {
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05); }
  .newList02 img {
    width: 12.58rem;
    height: 9.47rem;
    float: left;
    margin-left: -14.88rem; }
  .newList02 h3 {
    font-size: 1.17rem;
    font-weight: 400;
    padding-bottom: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 2.8rem; }
  .newList02 p {
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #999; }
  .newList02 .more {
    text-align: center;
    font-size: 0.94rem;
    padding-top: 1.5rem; }
    .newList02 .more a {
      color: #1a71d8; }

.business {
  /*.ulList{
    padding-top: 4rem;
    .img{
      display: block;
      width:100% ;
      max-height:12.17rem;
    }
  }
  li{
    width: 18.4%;
    float: left;
    height: 36rem;
    margin-right: 2%;
    line-height: 2;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 0 0.8rem rgba(125,125,125,0.1);
    transition:transform 400ms ease;
    -o-transition:transform 400ms ease;
    -ms-transition:transform 400ms ease;
    -moz-transition:transform 400ms ease;
    -wenkit-transition:transform 400ms ease;
    &:last-child{
      margin-right: 0;
    }
    &:hover{
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05);
      .more{
        a{
          background: $blue;
          color: #fff;
        }
      }
    }
  }*/ }
  .business .businessB {
    overflow: hidden; }
  .business .swiper-container {
    margin-top: 4rem;
    height: 38rem;
    margin-left: -0.3rem; }
  .business .swiper-slide {
    padding-right: 1rem;
    padding-left: 0.5rem; }
  .business .cum {
    text-align: center;
    background: #fff;
    display: inline-block;
    line-height: 2;
    box-shadow: 0 0 0.8rem rgba(125, 125, 125, 0.1);
    transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    -ms-transition: transform 400ms ease;
    -moz-transition: transform 400ms ease;
    -wenkit-transition: transform 400ms ease;
    padding-bottom: 1.8rem; }
    .business .cum:hover {
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05); }
      .business .cum:hover .more a {
        background: #1a71d8;
        color: #fff; }
  .business .img {
    display: block;
    width: 100%;
    max-height: 12.17rem; }
  .business .number {
    width: 7.52rem;
    height: 7.64rem;
    line-height: 7.64rem;
    background: url("../../img/number.png") 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin: -3.6rem auto 0;
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
    color: #1a71d8; }
  .business h3 {
    font-size: 1.41rem;
    font-weight: 400;
    text-align: center;
    padding-top: 1rem; }
  .business .word {
    color: #999;
    font-size: 0.82rem;
    padding: 1rem 1.5rem 0;
    height: 10.2rem;
    overflow: hidden; }
  .business .more {
    padding-top: 2rem;
    text-align: center;
    font-size: 0.92rem; }
    .business .more a {
      color: #1a71d8;
      padding: 0.6rem 1rem;
      transition: background 400ms ease;
      -o-transition: background 400ms ease;
      -ms-transition: background 400ms ease;
      -moz-transition: background 400ms ease;
      -wenkit-transition: background 400ms ease; }

.case .ulList {
  padding-top: 4rem;
  text-align: center; }
  .case .ulList img {
    max-height: 12rem;
    max-width: 75%; }
  .case .ulList::after {
    display: block;
    clear: both;
    content: ''; }
.case li {
  width: 23.5%;
  float: left;
  height: 29rem;
  margin-right: 2%;
  line-height: 2;
  background: #fff;
  overflow: hidden;
  padding: 1.5rem;
  transition: transform 400ms ease;
  -o-transition: transform 400ms ease;
  -ms-transition: transform 400ms ease;
  -moz-transition: transform 400ms ease;
  -wenkit-transition: transform 400ms ease; }
  .case li:last-child {
    margin-right: 0; }
  .case li:hover {
    transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -webkit-transform: scale(1.05); }
.case h3 {
  font-weight: 400; }
  .case h3.one {
    font-size: 1.17rem;
    padding: 1rem 0 2rem;
    font-weight: normal; }
  .case h3.two {
    font-size: 1.29rem; }
.case .img {
  display: block;
  height: 13.5rem;
  text-align: center; }
.case .word {
  color: #999;
  font-size: 0.94rem;
  height: 3.5rem;
  overflow: hidden; }
.case .more {
  padding-top: 3rem;
  text-align: center;
  font-size: 0.92rem; }
  .case .more a {
    color: #1a71d8;
    padding: 0.6rem 1rem; }

.tabs5 {
  width: 50%;
  float: left;
  overflow: hidden;
  padding-top: 4rem; }
  .tabs5 a {
    display: inline-block;
    width: 22%;
    margin-right: 3%;
    float: left;
    height: 6.6rem;
    border: 2px solid #ededed;
    margin-bottom: 1.4rem;
    overflow: hidden; }
    .tabs5 a span {
      padding: 0.8rem;
      display: block;
      height: 6.3rem;
      line-height: 6.3rem;
      text-align: center; }
    .tabs5 a img {
      max-height: 100%;
      max-width: 100%; }
    .tabs5 a.active {
      border-color: #1a71d8; }

#partner {
  width: 43%;
  float: right;
  padding-top: 4rem;
  line-height: 2; }

.partner h3 {
  font-weight: 400;
  font-size: 1.64rem;
  padding-bottom: 0.4rem;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  position: relative; }
  .partner h3:after {
    position: absolute;
    content: '';
    height: 3px;
    background: #1a71d8;
    width: 3rem;
    bottom: 0;
    left: 0; }
.partner .word {
  font-size: 0.94rem;
  color: #666; }
.partner a {
  color: #1a71d8;
  font-size: 0.94rem;
  margin-top: 3rem;
  display: inline-block; }

.subTwo {
  position: absolute;
  top: 2.9rem;
  background: #072344;
  left: 16.4rem;
  height: 29.55rem;
  font-size: 0.9rem;
  width: 0;
  transition: width 400ms ease;
  -o-transition: width 400ms ease;
  -ms-transition: width 400ms ease;
  -moz-transition: width 400ms ease;
  -wenkit-transition: width 400ms ease;
  overflow: hidden; }
  .subTwo a {
    color: #cddff5; }
    .subTwo a:hover {
      background: #083053;
      color: #1a71d8; }
  .subTwo dt {
    font-weight: bold;
    padding: 0 1rem 0.5rem; }
  .subTwo dd {
    padding-bottom: 1rem; }
    .subTwo dd a {
      padding: 0.6rem 1rem;
      margin: 0.4rem 0;
      line-height: 1.8;
      display: block;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden; }

.list li:hover .subTwo {
  width: 16.4rem; }

/*@media  screen and (min-width: 1500px) and (max-width: 1699.999px) {
  .subTwo{
    width: 47rem;
  }

}
@media  screen and (min-width: 1300px) and (max-width: 1499.9999px) {
  .subTwo{
    width: 46rem;
  }

}
@media  screen and (min-width:800px) and (max-width: 1299.999px) {
  .subTwo{
    width: 36rem;
  }
}*/
.partner-wrap {
  padding-top: 4rem; }
  .partner-wrap .partner-title {
    font-size: 20px;
    padding: 0 10px;
    border-left: 3px solid #1a71d8; }
  .partner-wrap .partner-list {
    margin: 15px 0 0 0;
    padding: 0 0 0 30px;
    list-style: disc; }
    .partner-wrap .partner-list li {
      list-style: disc;
      color: #1a71d8;
      float: left;
      width: 33%;
      padding-right: 20px;
      height: 50px;
      /*line-height: 50px;*/
      /*overflow: hidden;
      white-space: nowrap;
      word-wrap: normal;
      text-overflow: ellipsis;*/ }
      .partner-wrap .partner-list li span {
        color: #333;
        height: 100%; }

.clearfix {
  zoom: 1;
  clear: both; }
  .clearfix::after {
    display: block;
    content: '';
    height: 0;
    clear: both; }

/*2020-11-25 */
.slide_wrap {
  width: 100%;
  height: 28.5rem;
  background: #eee; }
  .slide_wrap .swiper-container {
    height: 100%; }
    .slide_wrap .swiper-container .txt {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2.4rem;
      line-height: 2.4rem;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      text-indent: 5px; }
      .slide_wrap .swiper-container .txt b {
        display: inline-block;
        width: 70%;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden; }
    .slide_wrap .swiper-container .swiper-pagination {
      left: inherit;
      bottom: 7px;
      right: 0;
      width: 30%;
      opacity: 1; }
      .slide_wrap .swiper-container .swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 50% !important;
        opacity: 1; }

.right_news .news_nav {
  position: relative;
  border-bottom: #eee 1px solid;
  padding-bottom: 1rem;
  padding-left: 1rem; }
  .right_news .news_nav:after {
    position: absolute;
    content: "|";
    left: 0;
    bottom: 1.5rem;
    color: #1a71d8;
    font-size: 1.4rem;
    font-weight: bold; }
  .right_news .news_nav h3 {
    display: inline-block;
    font-size: 1.41rem;
    font-weight: 400; }
.right_news ul {
  font-size: 0;
  margin-left:4rem; }
  .right_news ul li {
    position: relative;
    display: inline-block;
    width: 10rem;
    height: 13.5rem;
    font-size: 1rem;
    margin-top: 1rem;
    margin-right: 2rem;
    margin-bottom: 1rem; }
    .right_news ul li:nth-child(5n) {
      margin-right: 0; }
    .right_news ul li:hover {
      transition: all 0.5s;
      transform: scale(1.05);
      -o-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -webkit-transform: scale(1.05); }
    .right_news ul li .pic {
      width: 100%;
      height: 100%; }
      .right_news ul li .pic img {
        width: 100%;
        height: 100%; }
    .right_news ul li .txt {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 2.5rem;
      font-size: 0.94rem;
      background-color: rgba(0, 0, 0, 0.4);
      color: #fff;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      padding: 0 0.4rem; }
.right{
  margin-left: 16rem;
  height:37.7rem;
}