@media screen and (min-width:1200px) {
    .banner {
      position: relative;
    }
  
    .banner .swiper-container {
      width: 100%;
      height: auto !important;
    }
  
    .banner .swiper-container .swiper-slide {
      height: auto !important;
    }
  
    .banner .swiper-container .swiper-slide img {
      display: block;
      width: 100%;
      object-fit: contain;
    }
  
    .banner .swiper-container .swiper-pagination {
      position: absolute;
      bottom: 90px;
      left: 50%;
      margin-left: -600px;
      width: 1200px;
      text-align: left;
    }
  
    .banner .swiper-container .swiper-pagination span {
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background: #fff;
      opacity: .5;
    }
  
    .banner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
      opacity: 1;
    }
  
    .banner .btnbox {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 70px;
      margin: -80px 0 0 530px;
      z-index: 2;
    }
  
    .banner .btnbox .iconfont {
      display: block;
      outline: none;
      padding: 15px;
      width: 38px;
      line-height: 38px;
      font-size: 24px;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      border: 1px solid #fff;
      margin-bottom: 20px;
    }
  
    .banner .btnbox .iconfont:hover {
      background: #8D2226;
      border: 1px solid #8D2226;
    }
  
    .banner .num {
      position: absolute;
      bottom: 70px;
      left: 50%;
      width: 600px;
      z-index: 2;
    }
  
    .banner .num .all {
      float: right;
      padding-top: 12px;
      line-height: 40px;
      font-size: 22px;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .banner .num i {
      float: right;
      padding-top: 16px;
      line-height: 36px;
      font-size: 18px;
      color: #fff;
      margin: 0 6px 0 4px;
    }
  
    .banner .num .now {
      float: right;
      line-height: 52px;
      font-size: 40px;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .banner .icon {
      position: absolute;
      left: 50%;
      bottom: 70px;
      margin-left: -14px;
      width: 28px;
      height: 42px;
      border: 4px solid #fff;
      border-radius: 18px;
      z-index: 2;
    }
  
    .banner .icon span {
      position: absolute;
      top: 5px;
      left: 50%;
      width: 2px;
      height: 5px;
      border: 4px solid #84bcff;
      border-radius: 5px;
      margin-left: -5px;
      animation: move 1.5s linear infinite;
      -webkit-animation: move 1.5s linear infinite;
    }@  keyframes move {
      50%{top: 10px;
    }
  
    100% {
      top: 5px;
    }
  }
  
  @-webkit-keyframes move {
    50% {
      top: 10px;
    }
  
    100% {
      top: 5px;
    }
  }
  
  .mbanner {
    display: none;
  }
  
  .box1 {
    padding-top: 82px;
    width: 100%;
    max-width: 1920px;
    height: 548px;
    margin: 0 auto;
    background: url(../image/img01.jpg) no-repeat top center;
  }
  
  .box1 .fl {
    float: left;
    width: 550px;
  }
  
  .box1 .fl .en {
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box1 .fl .cn {
    line-height: 60px;
    font-size: 46px;
    color: #fff;
  }
  
  .box1 .fl .about {
    margin-top: 25px;
    line-height: 24px;
    font-size: 14px;
    color: #fff;
    height: 190px;
    overflow: hidden;
  }
  
  .box1 .fl .more {
    display: inline-block;
    margin-top: 14px;
    height: 22px;
  }
  
  .box1 .fl .more .wz {
    float: left;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
  }
  
  .box1 .fl .more .iconfont {
    float: left;
    margin-left: 8px;
    width: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #1977e6;
    text-align: center;
    background: #fff;
    border-radius: 50%;
  }
  
  .box1 .fl .numbox {
    margin-top: 24px;
  }
  
  .box1 .fl .numbox .item {
    float: left;
    padding: 20px;
    width: 140px;
    height: 110px;
    background: #fff;
    margin-right: 2px;
  }
  
  .box1 .fl .numbox .item .iconfont {
    display: block;
    line-height: 28px;
    font-size: 20px;
    color: #1977e6;
  }
  
  .box1 .fl .numbox .item .num {
    height: 48px;
  }
  
  .box1 .fl .numbox .item .num .wz {
    float: left;
    line-height: 48px;
    font-size: 40px;
    color: #0A58B4;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box1 .fl .numbox .item .num .dw {
    float: left;
    line-height: 36px;
    font-size: 20px;
    color: #1F1F1F;
    margin-left: 4px;
  }
  
  .box1 .fl .numbox .item p {
    line-height: 20px;
    font-size: 14px;
    color: #606060;
  }
  
  .box1 .fr {
    float: right;
    width: 600px;
  }
  
  .box1 .fr .pic1 {
    height: 148px;
  }
  
  .box1 .fr .pic1 img {
    float: right;
    max-height: 100%;
  }
  
  .box1 .fr .pic2 {
    border: 10px solid #fff;
    width: 580px;
    height: 380px;
  }
  
  .box1 .fr .pic2 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .box2 {
    padding-top: 52px;
    width: 100%;
    max-width: 1920px;
    height: 683px;
    margin: 0 auto;
    background: url(../image/img02.png) no-repeat top center;
  }
  
  .box2 .titbox {
    height: 88px;
    margin-bottom: 26px;
  }
  
  .box2 .titbox .fl {
    float: left;
  }
  
  .box2 .titbox .fl .en {
    line-height: 28px;
    font-size: 20px;
    color: #1977e6;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box2 .titbox .fl .cn {
    line-height: 60px;
    font-size: 46px;
    color: #1F1F1F;
  }
  
  .box2 .titbox .fr {
    float: right;
    padding-top: 9px;
  }
  
  .box2 .titbox .fr .iconfont {
    float: left;
    padding: 15px;
    width: 40px;
    line-height: 40px;
    font-size: 24px;
    color: #0A58B4;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    margin-left: 20px;
  }
  
  .box2 .titbox .fr .iconfont:hover {
    background: #8D2226;
    color: #fff;
  }
  
  .box2 .swiper-container {
    height: auto !important;
  }
  
  .box2 .swiper-container .swiper-slide {
    width: 590px;
    background: #fff;
  }
  
  .box2 .swiper-container .swiper-slide:hover {
    background: #0A58B4;
  }
  
  .box2 .swiper-container .swiper-slide .pic {
    width: 100%;
    height: 350px;
    overflow: hidden;
  }
  
  .box2 .swiper-container .swiper-slide .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .box2 .swiper-container .swiper-slide .info {
    padding: 25px;
    height: 50px;
  }
  
  .box2 .swiper-container .swiper-slide .info p {
    float: left;
    width: 460px;
    margin-top: 10px;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #1F1F1F;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  
  .box2 .swiper-container .swiper-slide .info .iconfont {
    float: right;
    padding: 8px;
    width: 34px;
    line-height: 34px;
    font-size: 20px;
    color: #1977e6;
    text-align: center;
    background: #F4F9FF;
    border-radius: 50%;
  }
  
  .box2 .swiper-container .swiper-slide:hover .info p {
    color: #fff;
  }
  
  .box2 .num {
    float: left;
    margin-top: 20px;
  }
  
  .box2 .num .now {
    float: left;
    line-height: 50px;
    font-size: 40px;
    color: #1977e6;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box2 .num i {
    padding-top: 16px;
    float: left;
    line-height: 30px;
    font-size: 20px;
    color: #606060;
    margin: 0 6px 0 4px;
  }
  
  .box2 .num .all {
    padding-top: 16px;
    float: left;
    line-height: 30px;
    font-size: 22px;
    color: #606060;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box2 .swiperpage {
    float: left;
    margin: 35px 0 0 20px;
  }
  
  .box2 .swiperpage span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    opacity: 1;
    margin: 0 8px;
    background: #A0A0A0;
  }
  
  .box2 .swiperpage span.swiper-pagination-bullet-active {
    background: #1977e6;
  }
  
  .box3 {
    padding-top: 74px;
    height: 462px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: url(../image/img03.png) no-repeat top center;
  }
  
  .box3 .en {
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    font-family: "shuzi1";
    font-weight: bold;
  }
  
  .box3 .cn {
    line-height: 60px;
    font-size: 46px;
    color: #fff;
  }
  
  .box3 .list {
    margin-top: 50px;
  }
  
  .box3 .list li {
    float: left;
    width: 222px;
    padding-top: 40px;
    height: 190px;
    background: #fff;
    border-radius: 20px;
    margin-right: 22.5px;
  }
  
  .box3 .list li:hover {
    background: #1977e6;
  }
  
  .box3 .list li:last-child {
    margin: 0;
  }
  
  .box3 .list li .iconfont {
    line-height: 86px;
    font-size: 66px;
    color: #1977E6;
    text-align: center;
  }
  
  .box3 .list li:hover .iconfont {
    color: #fff;
  }
  
  .box3 .list li p {
    margin-top: 20px;
    line-height: 44px;
    font-size: 24px;
    font-weight: bold;
    color: #1F1F1F;
    text-align: center;
  }
  
  .box3 .list li:hover p {
    color: #fff;
  }
  
  .box4 {
    padding-top: 88px;
    height: 448px;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: url(../image/img04.png) no-repeat top center;
  }
  
  .box4 .list {
    width: 1230px;
    margin: 0 auto;
  }
  
  .box4 .list a {
    float: left;
    width: 380px;
    height: 360px;
    margin: 0 15px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  
  .box4 .list a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1.2s;
  }
  
  .box4 .list a:hover img {
    transform: scale(1.2);
  }
  
  .box4 .list a .apop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(78,78,78,0.4);
    padding: 50px;
  }
  
  .box4 .list a .bpop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 4px;
    background: rgba(78,78,78,0.4);
    padding: 50px;
  }
  
  .box4 .list a .en {
    height: 36px;
    line-height: 36px;
    font-size: 24px;
    color: #fff;
    font-family: "shuzi1";
  }
  
  .box4 .list a .men {
    display: none;
  }
  
  .box4 .list a .cn {
    height: 66px;
    line-height: 66px;
    font-size: 50px;
    color: #fff;
  }
  
  .box4 .list a .iconfont {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 28px;
    color: #1977e6;
    text-align: center;
    background: #fff;
    border-radius: 20px;
    margin-top: 105px;
  }}
  
  @media screen and (max-width:1200px) {
    .banner {
      display: none;
    }
  
    .mbanner {
      position: relative;
    }
  
    .mbanner .swiper-container {
      width: 100%;
      height: auto !important;
    }
  
    .mbanner .swiper-container .swiper-slide {
      height: auto !important;
    }
  
    .mbanner .swiper-container .swiper-slide img {
      display: block;
      width: 100%;
      object-fit: contain;
    }
  
    .mbanner .swiper-container .swiper-pagination {
      position: absolute;
      bottom: .3rem;
      left: .3rem;
      right: .3rem;
      text-align: left;
    }
  
    .mbanner .swiper-container .swiper-pagination span {
      width: .2rem;
      height: .2rem;
      border-radius: 50%;
      background: #fff;
      opacity: .5;
    }
  
    .mbanner .swiper-container .swiper-pagination span.swiper-pagination-bullet-active {
      opacity: 1;
    }
  
    .mbanner .num {
      position: absolute;
      bottom: .3rem;
      right: .3rem;
      z-index: 2;
    }
  
    .mbanner .num .all {
      float: right;
      padding-top: .14rem;
      line-height: .4rem;
      font-size: .28rem;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .mbanner .num i {
      float: right;
      padding-top: .16rem;
      line-height: .34rem;
      font-size: .26rem;
      color: #fff;
      margin: 0 .06rem 0 .04rem;
    }
  
    .mbanner .num .now {
      float: right;
      line-height: .6rem;
      font-size: .4rem;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box1 {
      padding: .4rem .3rem;
      background: #1977e6;
      position: relative;
    }
  
    .box1 .fl .en {
      line-height: .4rem;
      font-size: .3rem;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box1 .fl .cn {
      line-height: .6rem;
      font-size: .5rem;
      color: #fff;
    }
  
    .box1 .fl .about {
      margin-top: .3rem;
      line-height: .5rem;
      font-size: .28rem;
      color: #fff;
    }
  
    .box1 .fl .more {
      margin-top: .2rem;
      height: .6rem;
      display: inline-flex;
      align-items: center;
    }
  
    .box1 .fl .more .wz {
      font-size: .28rem;
      color: #fff;
    }
  
    .box1 .fl .more .iconfont {
      margin-left: .1rem;
      width: .34rem;
      line-height: .34rem;
      font-size: .22rem;
      color: #1977e6;
      text-align: center;
      background: #fff;
      border-radius: 50%;
    }
  
    .box1 .fl .numbox {
      margin-top: .2rem;
      display: flex;
      justify-content: space-between;
    }
  
    .box1 .fl .numbox .item {
      padding: .2rem;
      width: 32%;
      box-sizing: border-box;
      background: #fff;
    }
  
    .box1 .fl .numbox .item .iconfont {
      display: block;
      line-height: .4rem;
      font-size: .28rem;
      color: #1977e6;
    }
  
    .box1 .fl .numbox .item .num {
      height: .6rem;
      display: flex;
    }
  
    .box1 .fl .numbox .item .num .wz {
      line-height: .6rem;
      font-size: .5rem;
      color: #0A58B4;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box1 .fl .numbox .item .num .dw {
      line-height: .4rem;
      font-size: .3rem;
      color: #1F1F1F;
      margin-left: .06rem;
    }
  
    .box1 .fl .numbox .item p {
      margin-top: .1rem;
      line-height: .4rem;
      font-size: .26rem;
      color: #606060;
    }
  
    .box1 .fl .numbox .item:nth-child(1) .iconfont {
      font-size: .36rem;
    }
  
    .box1 .fl .numbox .item:nth-child(3) .iconfont {
      font-size: .42rem;
    }
  
    .box1 .fr {
      margin-top: .2rem;
    }
  
    .box1 .fr .pic1 {
      position: absolute;
      height: .6rem;
      top: .6rem;
      right: .3rem;
    }
  
    .box1 .fr .pic1 img {
      display: block;
      height: 100%;
    }
  
    .box1 .fr .pic2 {
      border: .1rem solid #fff;
    }
  
    .box1 .fr .pic2 img {
      display: block;
      width: 100%;
    }
  
    .box2 {
      padding: .4rem .3rem;
    }
  
    .box2 .titbox {
      display: flex;
      height: 1rem;
      justify-content: space-between;
      align-items: center;
      margin-bottom: .3rem;
    }
  
    .box2 .titbox .fl .en {
      line-height: .4rem;
      font-size: .3rem;
      color: #1977e6;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box2 .titbox .fl .cn {
      line-height: .6rem;
      font-size: .5rem;
      color: #1F1F1F;
    }
  
    .box2 .titbox .fr {
      height: .8rem;
      display: inline-flex;
      align-items: center;
    }
  
    .box2 .titbox .fr .iconfont {
      margin-left: .15rem;
      width: .7rem;
      line-height: .7rem;
      font-size: .32rem;
      color: #fff;
      text-align: center;
      background: #8D2226;
      border-radius: 50%;
    }
  
    .box2 .swiper-container {
      height: auto !important;
    }
  
    .box2 .swiper-container .swiper-slide {
      width: 49%;
      background: #fff;
    }
  
    .box2 .swiper-container .swiper-slide .pic {
      width: 100%;
      height: 2.7rem;
      overflow: hidden;
    }
  
    .box2 .swiper-container .swiper-slide .pic img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .box2 .swiper-container .swiper-slide .info {
      padding: .1rem;
      height: .5rem;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
  
    .box2 .swiper-container .swiper-slide .info p {
      width: 80%;
      line-height: .5rem;
      font-size: .3rem;
      font-weight: bold;
      color: #1F1F1F;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  
    .box2 .swiper-container .swiper-slide .info .iconfont {
      width: .5rem;
      line-height: .5rem;
      font-size: .2rem;
      color: #1977e6;
      text-align: center;
      background: #F4F9FF;
      border-radius: 50%;
    }
  
    .box2 .num {
      float: left;
      margin-top: .1rem;
    }
  
    .box2 .num .now {
      float: left;
      line-height: .6rem;
      font-size: .4rem;
      color: #1977e6;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box2 .num i {
      float: left;
      padding-top: .16rem;
      line-height: .34rem;
      font-size: .26rem;
      color: #606060;
      margin: 0 .06rem 0 .04rem;
    }
  
    .box2 .num .all {
      float: left;
      padding-top: .14rem;
      line-height: .4rem;
      font-size: .28rem;
      color: #606060;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box2 .swiperpage {
      float: left;
      margin: .2rem 0 0 .2rem;
    }
  
    .box2 .swiperpage span {
      width: .14rem;
      height: .14rem;
      border-radius: 50%;
      opacity: 1;
      margin: 0 .06rem;
      background: #A0A0A0;
    }
  
    .box2 .swiperpage span.swiper-pagination-bullet-active {
      background: #1977e6;
    }
  
    .box3 {
      padding: .4rem .3rem .2rem;
      background: url(../image/img07.png) no-repeat center center;
      background-size: 100% 100%;
    }
  
    .box3 .en {
      line-height: .4rem;
      font-size: .3rem;
      color: #fff;
      font-family: "shuzi1";
      font-weight: bold;
    }
  
    .box3 .cn {
      line-height: .6rem;
      font-size: .5rem;
      color: #fff;
    }
  
    .box3 .list {
      margin-top: .3rem;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
    }
  
    .box3 .list li {
      width: 30%;
      margin: 0 1.65% .2rem;
      padding-top: .3rem;
      height: 1.6rem;
      border-radius: .14rem;
      background: #fff;
    }
  
    .box3 .list li .iconfont {
      line-height: .8rem;
      font-size: .7rem;
      color: #1977E6;
      text-align: center;
    }
  
    .box3 .list li p {
      margin-top: .1rem;
      line-height: .5rem;
      font-size: .32rem;
      font-weight: bold;
      color: #1F1F1F;
      text-align: center;
    }
  
    .box3 .list li:nth-child(4) {
      width: 40%;
    }
  
    .box3 .list li:nth-child(5) {
      width: 40%;
    }
  
    .box4 {
      padding: .4rem .3rem;
    }
  
    .box4 .list {
      display: flex;
      justify-content: space-between;
    }
  
    .box4 .list a {
      float: left;
      width: 32%;
      height: 2.6rem;
      border-radius: .06rem;
      overflow: hidden;
      position: relative;
    }
  
    .box4 .list a img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .box4 .list a .apop {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      padding: .2rem;
      border-radius: .06rem;
      background: rgba(25,119,230,0.86);
    }
  
    .box4 .list a .bpop {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      padding: .2rem;
      border-radius: .06rem;
      background: rgba(10,88,180,0.86);
    }
  
    .box4 .list a .en {
      display: none;
    }
  
    .box4 .list a .men {
      line-height: .5rem;
      font-size: .28rem;
      color: #fff;
      font-family: "shuzi1";
    }
  
    .box4 .list a .cn {
      line-height: .6rem;
      font-size: .4rem;
      color: #fff;
    }
  
    .box4 .list a .iconfont {
      display: block;
      width: .4rem;
      line-height: .4rem;
      font-size: .22rem;
      color: #1977e6;
      text-align: center;
      border-radius: 50%;
      background: #fff;
      margin-top: .6rem;
    }
  }
  
  @media screen and (max-width:1200px) and (min-width:768px) {
    .box2 .swiperpage {
      margin-top: .3rem;
    }
  }

  @media screen and (min-width:1200px) {
    .box5 {
      width: 100%;
      max-width: 1920px;
      margin: 0 auto;
      padding-top: 74px;
      height: 872px;
      background: url(../image/img03.png) no-repeat top center;
      background-size: cover;
    }

    .box5 .en {
        line-height: 28px;
        font-size: 20px;
        color: #fff;
        font-family: "shuzi1";
        font-weight: bold;
    }

    .box5 .cn {
        line-height: 60px;
        font-size: 46px;
        color: #fff;
    }
  
    .box5 .olist {
      position: relative;
      margin-top: 30px;
    }
  
    .box5 .olist .swiper-container {
      height: auto !important;
    }
  
    .box5 .olist .swiper-container .swiper-slide {
      height: 460px;
      background: #fff;
    }
  
    .box5 .olist .swiper-container .swiper-slide .pic {
      float: left;
      width: 637px;
      height: 460px;
      overflow: hidden;
    }
  
    .box5 .olist .swiper-container .swiper-slide .pic img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info {
      float: left;
      padding: 58px 54px 0 39px;
      width: 470px;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info h2 {
      width: 300px;
      height: 64px;
      line-height: 32px;
      font-size: 24px;
      color: #1F1F1F;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info p {
      margin-top: 26px;
      line-height: 34px;
      font-size: 16px;
      color: #333;
    }
  
    .box5 .olist .btnbox {
      position: absolute;
      top: 45px;
      right: 53px;
      z-index: 2;
    }
  
    .box5 .olist .btnbox .iconfont {
      float: left;
      padding: 10px;
      width: 40px;
      line-height: 40px;
      font-size: 30px;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      background: #818181;
      outline: none;
      margin-left: 30px;
    }
  
    .box5 .olist .btnbox .iconfont:hover {
      background: #0A58B4;
    }
  
    .box5 .tlist {
      margin-top: 40px;
    }
  
    .box5 .tlist .swiper-container {
      height: auto !important;
    }
  
    .box5 .tlist .swiper-container .swiper-slide {
      width: 234px;
      height: auto !important;
    }
  
    .box5 .tlist .swiper-container .swiper-slide .pic {
      border: 5px solid rgba(255,255,255,0);
      height: 152px;
      overflow: hidden;
    }
  
    .box5 .tlist .swiper-container .swiper-slide .pic img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .box5 .tlist .swiper-container .swiper-slide:hover .pic,.box5 .tlist .swiper-container .swiper-slide.on .pic {
        border: 5px solid #c1ebff;
        border-radius: 5px;
    }
  
    .box5 .tlist .swiper-container .swiper-slide p {
      margin-top: 14px;
      line-height: 20px;
      font-size: 15px;
      color: #fff;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
  }
  
  @media screen and (max-width:1200px) {
    .box5 {
      padding: .3rem;
    }
  
    .box5 .olist {
      position: relative;
    }
  
    .box5 .olist .swiper-container {
      height: auto !important;
    }
  
    .box5 .olist .swiper-container .swiper-slide {
      height: auto !important;
      background: #fff;
    }
  
    .box5 .olist .swiper-container .swiper-slide .pic {
      height: 3.5rem;
      overflow: hidden;
    }
  
    .box5 .olist .swiper-container .swiper-slide .pic img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info {
      padding: .2rem .3rem;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info h2 {
      line-height: .6rem;
      font-size: .34rem;
      color: #1F1F1F;
    }
  
    .box5 .olist .swiper-container .swiper-slide .info p {
      margin-top: .2rem;
      line-height: .44rem;
      font-size: .26rem;
      color: #333;
    }
  
    .box5 .olist .btnbox .prev {
      position: absolute;
      top: 1.2rem;
      left: .1rem;
      width: .7rem;
      height: .7rem;
      line-height: .7rem;
      font-size: .3rem;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      background: #1977e6;
      z-index: 2;
    }
  
    .box5 .olist .btnbox .next {
      position: absolute;
      top: 1.2rem;
      right: .1rem;
      width: .7rem;
      height: .7rem;
      line-height: .7rem;
      font-size: .3rem;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      background: #1977e6;
      z-index: 2;
    }
  
    .box5 .tlist {
      display: none;
    }
  }