.banner {
  position: relative; }
  .banner .text {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 60px;
    width: 1075px;
    text-align: center; }
    .banner .text h2 {
      font-size: 32px;
      color: #fff;
      font-weight: 200;
      line-height: 49px;
      font-family: SourceHanSansCN-Regular; }
    .banner .text p {
      color: #fff;
      font-size: 16px;
      line-height: 20px;
      margin-top: 14px;
      font-weight: 100;
      font-family: SourceHanSansCN-Light; }

.se2 {
  background: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 120px; }
  .se2 section {
    position: relative;
    margin-bottom: 28px; }
    .se2 section .left {
      width: 53.3%;
      float: left; }
    .se2 section .right {
      width: 46.6%;
      float: right;
      height: 480px;
      position: relative;
      background: #fff;
      box-shadow: 0px 26px 29px 0px rgba(0, 0, 0, 0.07); }
      .se2 section .right .text {
        position: absolute;
        top: 50%;
        left: 40%;
        transform: translate(-50%, -50%); }
        .se2 section .right .text h5 {
          font-size: 14px;
          color: #424242; }
        .se2 section .right .text h3 {
          font-size: 24px;
          color: #424242;
          margin-top: 13px;
          margin-bottom: 26px;
          font-family: SourceHanSansCN-Normal; }
        .se2 section .right .text p {
          color: #424242;
          font-size: 14px;
          line-height: 24px;
          font-family: SourceHanSansCN-Light; }
    .se2 section .swiper-pagination {
      width: auto;
      left: 58%;
      bottom: 60px; }
    .se2 section .swiper-pagination-bullet {
      background: #007aff;
      opacity: 1;
      vertical-align: middle;
      margin: 0 10px;
      outline: none; }
    .se2 section .swiper-pagination-bullet-active {
      background: url(/assets/yx/img/active-j.jpg);
      width: 33px;
      height: 33px;
      margin: 0; }
  .se2 .more {
    background: linear-gradient(-23deg, #5485bf 0%, #00bcd4 100%);
    padding: 13px 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    width: 280px;
    margin: 0 auto;
    margin-top: 80px;
    cursor: pointer; }

@media screen and (max-width: 1539px) {
  .se2 section .right {
    height: 440px; } }
@media screen and (max-width: 1400px) {
  .se2 section .right {
    height: 375px; } }
@media screen and (max-width: 1200px) {
  .se2 section .right {
    height: 312px; } }
@media screen and (max-width: 999px) {
  .se2 section .left, .se2 section .right {
    width: 100%; } }
@media screen and (max-width: 767px) {
  .se2 {
    padding-top: 30px;
    padding-bottom: 30px; }
    .se2 .more {
      margin-top: 0; }

  .se2 section .right .text h5, .se2 section .right .text p {
    font-size: 14px; }

  .se2 section .right .text h3 {
    font-size: 16px; }

  .se2 section .right .text {
    left: 50%;
    width: 90%; }

  .brand-box {
    top: 20px; }

  .banner img {
    object-fit: cover;
    height: 300px; }
  .banner .text {
    left: 50%;
    bottom: unset;
    top: 50%;
    width: 90%; }
    .banner .text h2 {
      font-size: 20px; }
    .banner .text p {
      font-size: 14px; } }