.main-container {
  min-height: calc(100vh - 543px);
  overflow-x: hidden; }
  .main-container ._btn-hover:hover {
    -webkit-box-shadow: 0px 10px 13px 0px rgba(3, 0, 0, 0.14);
    box-shadow: 0px 10px 13px 0px rgba(3, 0, 0, 0.14); }
  .main-container .top-banner {
    position: relative;
    display: block;
    height: 31.25vw;
    width: 100vw; }
    .main-container .top-banner .b_img{
      width: 100%;
      height: 100%; }
    
    .main-container .top-banner .tb_content{
      top: 62px;
      color: #ffffff;
      position: absolute;
      bottom: 0;
      z-index: 9;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 10vw;
    }
    .main-container .top-banner .tb_title{
      font-size: 60px;
      margin-bottom: 10px;
      font-weight: bold; }
    .main-container .top-banner .tb_sub_title{
      font-size: 36px; 
      margin-bottom: 20px;
    }
    .main-container .top-banner .tb_btn{
      display: block;
      width: 245px;
      height: 50px;
      line-height: 50px;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
      margin-bottom: 10px;
      background: linear-gradient(90deg, #0ecdb0, #007dd1);
      border-radius: 4px;
      font-size: 16px;
      cursor: pointer;
    }
    .main-container .top-banner .tb_tip{
      display: block;
      font-size: 18px;
      color: #16CFEA;
      font-weight: bold;
    }
    .main-container .top-banner .middle-box {
      display: none;
      width: 1200px;
      margin: 0 auto; }
      .main-container .top-banner .middle-box h2 {
        font-size: 66px;
        color: #FFF;
        padding: 155px 0 20px; }
        .main-container .top-banner .middle-box h2 span {
          color: #38cdba; }
      .main-container .top-banner .middle-box .slogan {
        font-size: 24px;
        color: #FFF;
        width: 510px;
        line-height: 45px;
        height: 90px;
        overflow: hidden; }
      .main-container .top-banner .middle-box .more-btn {
        display: block;
        margin: 25px 0 20px;
        height: 66px;
        border: 1px solid #38cdba;
        color: #38cdba;
        text-align: center;
        line-height: 66px;
        width: 268px;
        cursor: pointer;
        font-size: 24px;
        border-radius: 5px; }
      .main-container .top-banner .middle-box .tip {
        font-size: 20px;
        color: #FFF; }
  .main-container .pro-core {
    width: 100%;
    background: #FFF; }
    .main-container .pro-core .pro-title {
      margin: 60px 0 40px;
      text-align: center;
      font-size: 24px;
       
      font-weight: 500;
      color: #333333; }
      .main-container .pro-core .pro-core-info {
        width: 1210px;
        margin: 0 auto; }
        .main-container .pro-core .pro-core-info .pro-core-cell:first-child {
          margin-right: 17px; 
          padding: 52px 0 0 9px;
        }
        .main-container .pro-core .pro-core-info .pro-core-cell:nth-child(2) {
          padding: 52px 0 0 4px;
          margin-right: 17px; 
        }
        .main-container .pro-core .pro-core-info .pro-core-cell:nth-child(3) {
          padding: 52px 0 0 4px;
        }
        .main-container .pro-core .pro-core-info .pro-core-cell {
          position: relative;
          display: inline-block;
          width: 386px;
          height: 360px;
          padding: 0px 0px;
          border: 1px solid #ebebeb;
          border-radius: 5px; }
          .main-container .pro-core .pro-core-info .pro-core-cell .active-icon {
            background-repeat: no-repeat;
            background-size: 100% auto;
            width: 86px;
            height: 86px;
            margin-right: 5px;
            margin-top: 0;
            float: left; }
          .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail {
            width: 270px;
            float: left; }
            .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail .slogan-info {
              height: 200px;
              overflow: hidden; }
            .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail h4 {
              font-size: 18px;
              
              font-weight: 500;
              text-align: left;
              color: #333333; }
            .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail .slogan {
              margin: 10px 0 4px;
              font-size: 14px;
              
              font-weight: 400;
              text-align: left;
              color: #333333;
              overflow: hidden; }
            .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail .slogan-cell {
              padding-top: 5px;
              padding-left: 1px;
              overflow: hidden;
              font-size: 13px;
              
              font-weight: 400;
              text-align: left;
              color: #666666; }
              .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail .slogan-cell i {
                color: #38cdba;
                font-size: 14px; }
            .main-container .pro-core .pro-core-info .pro-core-cell .pro-core-cell-detail .more-btn {
              width: 200px;
              display: block;
              height: 38px;
              line-height: 38px;
              background: -webkit-gradient(linear, left bottom, left top, from(#00bcd5), to(#38cdba));
              background: linear-gradient(0deg, #00bcd5 0%, #38cdba 100%);
              border-radius: 5px;
              font-size: 14px;
              position: absolute;
              bottom: 30px;
              font-weight: 400;
              text-align: center;
              color: #ffffff;
              cursor: pointer; }
  .main-container .recomm {
    width: 100%;
    background: #FFF;
    padding-bottom: 60px; }
    .main-container .recomm .recomm-title {
      margin: 60px 0 40px;
      text-align: center;
      font-size: 24px;
       
      font-weight: 500;
      color: #333333; }
    .main-container .recomm .recomm-list {
      width: 1200px;
      margin: 0 auto;
      height: 262px; }
      .main-container .recomm .recomm-list .recomm-cell:last-child {
        border-right: unset; }
      .main-container .recomm .recomm-list .recomm-cell {
        width: 399px;
        border-right: 1px solid #ebebeb;
        padding: 30px 50px;
        height: 100%;
        float: left; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title:nth-child(2) {
          margin-top: 100px; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .active-icon {
          display: block;
          background-repeat: no-repeat;
          background-size: 100% auto;
          width: 39px;
          height: 39px;
          margin-right: 32px;
          float: left; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-titles {
          float: left; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-title:hover {
          color: #16c3ca; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-title {
          display: block;
          max-width: 125px;
          overflow: hidden;
          font-size: 18px;
           
          font-weight: 500;
          text-align: left;
          color: #333333; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-subtitle {
          margin-top: 8px;
          color: #333;
          font-size: 14px;
           
          font-weight: 400;
          white-space: nowrap; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-infos {
          padding-left: 70px;
          margin-top: 30px; }
          .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-infos .cell-infos-items:hover {
            color: #16c3ca; }
          .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-infos .cell-infos-items:nth-child(2) {
            margin-right: 0; }
          .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-infos .cell-infos-items {
            width: 60px;
            white-space: nowrap;
            float: left;
            margin-right: 80px;
            display: block;
            cursor: pointer;
            text-decoration: underline !important;
            font-size: 14px;
             
            font-weight: 400;
            text-align: left;
            color: #999999; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-detail {
          font-size: 14px;
           
          font-weight: 400;
          text-align: left;
          color: #666;
          line-height: 32px;
          padding-left: 70px;
          overflow: hidden; }
        .main-container .recomm .recomm-list .recomm-cell .recomm-cell-title .cell-detail:hover {
          color: #16c3ca; }
  .main-container .case {
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 60px; }
    .main-container .case .case-title {
      padding: 60px 0 30px;
      text-align: center;
      font-size: 24px;
       
      font-weight: 500;
      color: #000; }
    .main-container .case .case-tip a:hover {
      color: #16c3ca; }
    .main-container .case .case-tip {
      display: block;
      font-size: 18px;
      padding-bottom: 40px;
       
      font-weight: 400;
      text-align: center;
      color: #666666; }
      .main-container .case .case-tip a {
        cursor: pointer; }
    .main-container .case .more-btn {
      display: block;
      margin: 10px auto 0;
      width: 200px;
      height: 38px;
      opacity: 1;
      background: -webkit-gradient(linear, left bottom, left top, from(#00bcd5), to(#38cdba));
      background: linear-gradient(0deg, #00bcd5 0%, #38cdba 100%);
      border-radius: 5px;
      line-height: 38px;
      font-size: 14px;
       
      font-weight: 400;
      text-align: center;
      color: #ffffff;
      line-height: 38px;
      cursor: pointer; }
    .main-container .case .case-list {
      width: 1200px;
      margin: 0 auto; }
      .main-container .case .case-list .case-cell:last-child {
        margin-right: 0; }
      .main-container .case .case-list .case-cell {
        position: relative;
        cursor: pointer;
        float: left;
        margin: 0 30px 30px 0;
        padding: 20px;
        width: 378px;
        height: 516px;
        opacity: 1;
        background: #ffffff;
        border: 1px solid #ebebeb;
        border-radius: 6px; }
        .main-container .case .case-list .case-cell .case-cell-img {
          height: 270px;
          width: 100%;
          font-size: 18px;
          border-radius: 5px; }
        .main-container .case .case-list .case-cell .maker {
          position: absolute;
          right: 20px;
          top: 185px;
          width: 153px;
          height: 105px;
          border-radius: 0 0 5px 0; }
        .main-container .case .case-list .case-cell .case-cell-title {
          margin: 25px 0 15px;
          height: 25px;
          opacity: 1;
          font-size: 18px;
           
          font-weight: 500;
          text-align: left;
          color: #000000;
          overflow: hidden; }
        .main-container .case .case-list .case-cell .case-cell-title:hover {
          color: #16c3ca; }
        .main-container .case .case-list .case-cell .case-cell-info {
          height: 48px;
          font-size: 14px;
           
          font-weight: 400;
          text-align: left;
          color: #333333;
          line-height: 24px;
          overflow: hidden; }
        .main-container .case .case-list .case-cell .case-hr {
          margin: 18px 0;
          width: 58px;
          border-bottom: 1px solid #ebebeb; }
        .main-container .case .case-list .case-cell .case-detail {
          font-size: 14px;
           
          font-weight: 400;
          text-align: left;
          color: #666666;
          height: 30px;
          line-height: 2;
          text-overflow:ellipsis;
          overflow: hidden; }
          .main-container .case .case-list .case-cell .case-detail span:last-child {
            margin-right: 0; }
          .main-container .case .case-list .case-cell .case-detail span {
            display: inline-block;
            text-align: center;
            line-height: 20px;
            height: 20px;
            line-height: 1.4;
            border: 1px solid #ebebeb;
            border-radius: 4px;
            padding: 0 5px;
            margin-right: 5px; }
  .main-container .news {
    width: 100%;
    padding: 60px 0;
    background: #FFF; }
    .main-container .news .news-info {
      width: 1200px;
      margin: 0 auto; }
      .main-container .news .news-info .articles {
        width: 380px;
        float: right; }
        .main-container .news .news-info .articles ._hot-articles h3 {
          color: #333333;
          font-weight: 500;
          font-size: 24px;
          margin-bottom: 39px; }
        .main-container .news .news-info .articles ._hot-articles-list {
          padding: 30px;
          width: 378px;
          height: 398px;
          border: 1px solid #ebebeb;
          border-radius: 7px; }
          .main-container .news .news-info .articles ._hot-articles-list ._hot-articles-titile {
            margin-bottom: 15px; }
      .main-container .news .news-info .infos {
        width: 790px;
        float: left; }
        .main-container .news .news-info .infos h3 {
          color: #333333;
          font-weight: 500;
          font-size: 24px;
          margin-bottom: 39px; }
        .main-container .news .news-info .infos .info-detail {
          padding: 30px;
          width: 788px;
          height: 398px;
          border: 1px solid #ebebeb;
          border-radius: 7px; }
          .main-container .news .news-info .infos .info-detail .info-cell {
            width: 100%;
            height: 150px; }
            .main-container .news .news-info .infos .info-detail .info-cell .info-cell-img {
              position: relative;
              width: 150px;
              height: 150px;
              float: left;
              margin-right: 22px;
            }
            .main-container .news .news-info .infos .info-detail .info-cell .info-cell-img img {
              position: absolute;
              max-width: 100%;
              max-height: 100%;
              top: 0;
              left: 0;
              bottom: 0;
              margin: 0 auto;
              right: 0;
            }
            .main-container .news .news-info .infos .info-detail .info-cell img:hover {
              cursor: pointer; }
            .main-container .news .news-info .infos .info-detail .info-cell .info-contennt {
              float: left;
              width: 550px; }
              .main-container .news .news-info .infos .info-detail .info-cell .info-contennt .info-title:hover {
                color: #16c3ca; }
              .main-container .news .news-info .infos .info-detail .info-cell .info-contennt .info-title {
                cursor: pointer;
                height: 22px;
                opacity: 1;
                font-size: 18px;
                 
                font-weight: 500;
                text-align: left;
                color: #333333;
                line-height: 22px;
                overflow: hidden; }
              .main-container .news .news-info .infos .info-detail .info-cell .info-contennt .info-des:hover {
                cursor: pointer;
                color: #16c3ca; }
              .main-container .news .news-info .infos .info-detail .info-cell .info-contennt .info-des {
                margin-top: 20px;
                overflow: hidden;
                height: 96px;
                font-size: 14px;
                 
                font-weight: 400;
                text-align: left;
                color: #666666;
                line-height: 32px; }
          .main-container .news .news-info .infos .info-detail .info-hr {
            margin: 17px 0;
            border-bottom: 1px solid #ebebeb; }
  .main-container .adverts {
    width: 1200px;
    padding-bottom: 60px;
    margin: auto; }
    .main-container .adverts .adverts-cell:nth-child(2) {
      margin-right: 0; }
    .main-container .adverts .adverts-cell {
      position: relative;
      float: left;
      margin-right: 30px;
      width: 583px;
      height: 218px;
      cursor: pointer;
      background: #ffffff;
      border: 1px solid #ebebeb;
      border-radius: 7px; }
      .main-container .adverts .adverts-cell .adverts-cell-info {
        position: absolute;
        top: 0;
        left: 0;
        padding: 50px 0 0 50px;
        height: 100%;
        z-index: 2; }
        .main-container .adverts .adverts-cell .adverts-cell-info h3 {
          font-size: 32px;
           
          font-weight: 500;
          text-align: left;
          color: #333333;
          letter-spacing: 2px; }
        .main-container .adverts .adverts-cell .adverts-cell-info .dverts-cell-hr {
          margin: 20px 0 30px;
          width: 60px;
          border-bottom: 2px solid #38cdba; }
        .main-container .adverts .adverts-cell .adverts-cell-info p {
          font-size: 24px;
           
          font-weight: 400;
          color: #999999; }
      .main-container .adverts .adverts-cell img {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
        border-radius: 0 7px 7px 0;
        width: 100%;
        height: 216px; }
  .main-container a {
    text-decoration: none !important;
    color: inherit; }
  .main-container a,
  .main-container button,
  .main-container input,
  .main-container textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }

.m-main-container {
  width: 100%; }
  .m-main-container .m-top-banner{
    position: relative;
    display: block;
    height: 31.25vw;
    width: 100vw; 
    background: none; }
    .m-main-container .m-top-banner .m-b_img{
      width: 100%;
      height: 100%; }
    
    .m-main-container .m-top-banner .m-tb_content{
      top: 0.2vw;
      color: #ffffff;
      position: absolute;
      bottom: 0;
      z-index: 9;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 10vw;
    }
    .m-main-container .m-top-banner .m-tb_title{
      font-size: 18px;
      margin-bottom: 5px;
      font-weight: bold; }
    .m-main-container .m-top-banner .m-tb_sub_title{
      font-size: 12px; 
      margin-bottom: 12px;
    }
    .m-main-container .m-top-banner .m-tb_btn{
      display: block;
      /* width: 190px; */
      height: 25px;
      line-height: 25px;
      color: #FFFFFF;
      font-weight: bold;
      text-align: center;
      margin-bottom: 6.5px;
      background: linear-gradient(90deg, #0ecdb0, #007dd1);
      border-radius: 4px;
      font-size: 10px;
      padding: 0 5px;
    }
    .m-main-container .m-top-banner .m-tb_tip{
      display: block;
      font-size: 10px;
      color: #16CFEA;
      font-weight: 700;
    }
  .m-main-container .m-bg-f6 {
    background: #f6f6f6; }
  .m-main-container .m-recomm-btn {
    display: block;
    margin: 5.467vw  auto 0;
    width: 38.667vw;
    height: 7.2vw;
    line-height: 7.2vw;
    background: -webkit-gradient(linear, left top, right top, from(#00bcd5), to(#38cdba)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
    background: linear-gradient(90deg, #00bcd5 0%, #38cdba 100%), linear-gradient(#000000, #000000);
    border-radius: 0.667vw;
    color: #FFF;
    font-size: 3.2vw;
    text-align: center; }
  .m-main-container .components-recommended-buy.m {
    width: 9.213rem;
    margin: auto;
    background: transparent;
    padding: 0; }
    .m-main-container .components-recommended-buy.m h2 {
      text-align: center;
       
      font-size: 0.48rem;
      font-weight: normal;
      font-stretch: normal;
      line-height: 1;
      font-weight: bold;
      letter-spacing: 0rem;
      color: #333333;
      margin-bottom: 0.4rem; }
    .m-main-container .components-recommended-buy.m .itemList {
      width: 100%;
      font-size: 0;
      height: auto !important;
      display: flex;
      margin-bottom: 0.4rem; }
      .m-main-container .components-recommended-buy.m .itemList > .item {
        width: 4.4rem;
        padding-bottom: 0.2rem;
        flex-grow: 1;
        vertical-align: top;
        margin-right: 0.413rem;
        font-size: 0;
        background: #fff;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .m-main-container .components-recommended-buy.m .itemList > .item > img {
          width: 0.533rem;
          height: 0.56rem;
          vertical-align: top;
          margin: 0.413rem 0.28rem 0 0.387rem; }
        .m-main-container .components-recommended-buy.m .itemList > .item .info {
          vertical-align: top;
          display: inline-block;
          margin-top: 0.467rem;
          text-align: left; }
          .m-main-container .components-recommended-buy.m .itemList > .item .info h3 {
            font-size: 0.32rem;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1;
            color: #333333;
            margin-bottom: 0.2rem; }
          .m-main-container .components-recommended-buy.m .itemList > .item .info .item-tip {
            font-size: 0.3rem;
            white-space: nowrap;
            font-weight: normal;
            font-stretch: normal;
            line-height: 1;
            display: inline-block;
            margin-bottom: .3rem;
            color: #666666; }
          .m-main-container .components-recommended-buy.m .itemList > .item .info .item-infos {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 26vw;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between; }
            .m-main-container .components-recommended-buy.m .itemList > .item .info .item-infos .item-info {
              margin-top: 3vw; }
              .m-main-container .components-recommended-buy.m .itemList > .item .info .item-infos .item-info a {
                display: block;
                font-size: 2.8vw;
                font-weight: normal;
                font-stretch: normal;
                line-height: 1.5;
                color: #666666; }
          .m-main-container .components-recommended-buy.m .itemList > .item .info .goodsList {
            overflow: hidden; }
            .m-main-container .components-recommended-buy.m .itemList > .item .info .goodsList > .goods {
              width: 100%;
              font-size: 0.28rem;
              white-space: nowrap;
              font-weight: normal;
              font-stretch: normal;
              line-height: 1.2;
              display: inline-block;
              color: #666666;
              margin-right: 0.5rem;
              margin-bottom: 0.24rem; }
      .m-main-container .components-recommended-buy.m .itemList > .item:nth-last-child(1) {
        margin-right: 0; }
    .m-main-container .components-recommended-buy.m .itemList:nth-of-type(1) {
      height: 2.5rem; }
    .m-main-container .components-recommended-buy.m .itemList:nth-of-type(2) {
      height: 3.2rem; }
  .m-main-container .m-new {
    padding: 4vw 0 6.533vw; }
    .m-main-container .m-new h2 {
      font-size: .427rem;
      color: #333333;
      font-weight: 700;
      padding-bottom: 4vw;
      text-align: center; }
    .m-main-container .m-new .m-new-img {
      margin: auto;
      position: relative;
      width: 92vw;
      height: 49.6vw; }
      .m-main-container .m-new .m-new-img img {
        margin: auto;
        display: block;
        width: 100%;
        height: 100%; }
      .m-main-container .m-new .m-new-img .m-new-mask {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width: 100%;
        height: 12vw;
        background: rgba(0, 0, 0, 0.5);
        color: #FFF;
        font-size: 3.2vw;
        line-height: 12vw;
        padding-left: 2.8vw; }
  .m-main-container .m-case-body {
    background: #FFF; }
    .m-main-container .m-case-body h2 {
      font-size: .48rem;
      color: #333333;
      font-weight: 700;
      padding-top: 5.867vw;
      text-align: center; }
    .m-main-container .m-case-body .m-case-btn {
      display: block;
      margin: 0 auto 7vw;
      width: 38.667vw;
      height: 7.2vw;
      line-height: 7.2vw;
      background: -webkit-gradient(linear, left top, right top, from(#00bcd5), to(#38cdba)), -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000));
      background: linear-gradient(90deg, #00bcd5 0%, #38cdba 100%), linear-gradient(#000000, #000000);
      border-radius: 0.667vw;
      color: #FFF;
      font-size: 3.2vw;
      text-align: center; }
    .m-main-container .m-case-body .m-case-list {
      margin-top: 1vw;
      padding: 4vw;
      background: #FFF; }
      .m-main-container .m-case-body .m-case-list .m-case-cell {
        margin-top: 2.6vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item {
          width: 44vw; }
          .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-imgs {
            display: block;
            position: relative;
            -webkit-box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.4);
            box-shadow: 0 1vw 2vw rgba(0, 0, 0, 0.4); }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-imgs .m-case-img {
              width: 44vw;
              height: 26vw;
              border-radius: 0.667vw; }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-imgs .m-case-img-mask {
              width: 20vw;
              border-radius: 0 0 0.667vw 0;
              position: absolute;
              bottom: 0;
              right: 0;
              width: 1.91rem;
              height: 1.33rem; }
          .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content {
            display: block;
            margin-top: 1vw; }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-title {
                font-size: 0.36rem;
                line-height: 0.72rem;
                margin-top: 0.2rem;
                font-weight: bold;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                word-break: break-all;
              color: #000; }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-des {
              margin-top: 1vw;
              min-height: 5vw;
              font-size: 2.8vw;
              line-height: 1.5;
              overflow: hidden;
              display: -webkit-box;
              text-overflow: ellipsis;
              -webkit-box-orient: vertical;
              -webkit-line-clamp: 3;
              height: 12.67vw;
              overflow: hidden;
              color: #666; }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-line {
              margin: 2.4vw 0;
              width: 7.733vw;
              border-bottom: 0.267vw solid rgba(0, 0, 0, 0.1); }
            .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-info {
              padding-bottom: 1.2vw;
              font-size: 2.133vw;
              letter-spacing: 0vw;
              color: #666666; }
              .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-info a:last-child {
                margin-right: 0; }
              .m-main-container .m-case-body .m-case-list .m-case-cell .m-case-item .m-case-content .m-case-info a {
                margin-right: 1.5vw;
                color: #666;
                display: inline-block;
                padding: 1px .8vw;
                border-radius: 0.4vw;
                border: solid 0.133vw #e1e1e1; }
  .m-main-container .m-adverts {
    width: 100%;
    padding-bottom: 6.667vw; }
    .m-main-container .m-adverts .m-adverts-cell {
      margin: 4vw auto 0;
      position: relative;
      border: solid 1px #ebebeb;
      border-radius: 0.8vw;
      display: block;
      width: 92vw;
      height: 29.333vw; }
      .m-main-container .m-adverts .m-adverts-cell img {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        border-radius: 0.8vw; }
      .m-main-container .m-adverts .m-adverts-cell .m-adverts-info {
        position: absolute;
        left: 0;
        right: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        padding-left: 6.667vw; }
        .m-main-container .m-adverts .m-adverts-cell .m-adverts-info h3 {
          padding-top: 5.4vw;
          font-size: 4.8vw;
          letter-spacing: 0.24vw;
          color: #333333; }
        .m-main-container .m-adverts .m-adverts-cell .m-adverts-info .m-advert-line {
          margin: 3vw 0 5vw;
          width: 8vw;
          border-bottom: 2px solid #38cdba; }
        .m-main-container .m-adverts .m-adverts-cell .m-adverts-info .m-advert-en {
          font-size: 3.2vw;
          color: #999999; }
  .m-main-container .m-core {
    width: 100%; }
    .m-main-container .m-core h2 {
      padding: 4vw 0;
      font-size: .48rem;
      color: #333333;
      font-weight: 700;
      text-align: center; }
    .m-main-container .m-core .m-core-body {
      width: 100%; }
      .m-main-container .m-core .m-core-body .m-core-cell {
        width: 92vw;
        height: auto;
        margin: 0 auto 4vw;
        background: #FFF;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .m-main-container .m-core .m-core-body .m-core-cell .m-core-cell-img {
          margin: 3.4vw 3vw 0 1vw;
          width: 16vw;
          display: flex;
          justify-content: center;
          align-items: center;
          height: 18.267vw; }
        .m-main-container .m-core .m-core-body .m-core-cell .m-core-c {
          padding: 3vw 0;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          width: 69vw;
          height: auto; }
          .m-main-container .m-core .m-core-body .m-core-cell .m-core-c .m-core-t {
            display: block;
            font-size: 4vw;
            font-weight: 500;
            color: #333; }
          .m-main-container .m-core .m-core-body .m-core-cell .m-core-c .m-core-st {
            color: #666;
            padding: 1vw 0 1vw;
            font-size: 3.2vw; }
          .m-main-container .m-core .m-core-body .m-core-cell .m-core-c .m-core-c-i {
            display: block;
            font-size: 3.2vw;
            line-height: 1.5;
            color: #666; }
            .m-main-container .m-core .m-core-body .m-core-cell .m-core-c .m-core-c-i i {
              font-size: 2.54vw;
              vertical-align: middle;
              color: #2ec6ad; }
              .m-main-container .m-core .m-core-body .m-core-cell .m-core-cell-img .img100{
                width: 90%;
              }
              .m-main-container .m-core .m-core-body .m-core-cell .m-core-cell-img .img_mini{
                text-align: center;
              }