.indexbody { width: 100%; padding-bottom: 40px; }
.indexbody .media {width: 100%;padding-top: 40px;display: flex;justify-content: left;background: #fff;box-sizing: border-box;}

.indexbody .media .newsBox { width: 100%; height: 100%; }

.indexbody .media .newsBox .title .en { height: 24px; opacity: 1; font-family: DingTalk JinBuTi; font-size: 20px; font-weight: normal; line-height: normal; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #CCCCCC; }

.indexbody .media .newsBox .title .name { width: 100%; height: 45px; display: flex; align-items: center; justify-content: space-between; }

.indexbody .media .newsBox .title .name .left { height: 45px; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 32px; font-weight: 500; line-height: normal; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #000; }

.indexbody .media .newsBox .title .name .right { height: 40px; display: flex; align-items: center; }

.indexbody .media .newsBox .title .name .right div { box-sizing: border-box; border: 1px solid #D8D8D8; padding: 0 24px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 24px; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 24px; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #000; cursor: pointer; }

.indexbody .media .newsBox .infos {width: 100%;display: flex;justify-content: start;/* margin-top: 24px; */flex-wrap: wrap;}

.indexbody .media .newsBox .infos .info {width: 209px;height: 340px;position: relative;overflow: hidden;cursor: pointer;margin-right: 15px;}

.indexbody .media .newsBox .infos .info:hover .show2 { top: 0; transition: .5s linear; }

.indexbody .media .newsBox .infos .info:hover .show2 .joinUs { opacity: 1; transition: opacity 1.5s linear; }

.indexbody .media .newsBox .infos .info .show1 { width: 100%; height: 296px; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; align-items: center; border: 1px solid #D8D8D8; border-top: 4px solid #D3192B; }

.indexbody .media .newsBox .infos .info .show1 .img { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; }

.indexbody .media .newsBox .infos .info .show1 .img img { width: 109.45px; height: 109.45px; opacity: 1; margin-top: 40px; }

.indexbody .media .newsBox .infos .info .show1 .name { height: 24px; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #333333; margin: 24px 0 8px; }

.indexbody .media .newsBox .infos .info .show1 .en { height: 24px; opacity: 1; font-family: DingTalk JinBuTi; font-size: 18px; font-weight: normal; line-height: 24px; text-align: center; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #CCCCCC; }

.indexbody .media .newsBox .infos .info .show2 { width: 100%; height: 340px; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; align-items: center; border: 1px solid #D8D8D8; border-top: 4px solid #D3192B; position: absolute; left: 0; top: -620px; background-color: #D3192B; }

.indexbody .media .newsBox .infos .info .show2 .img { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; margin-top: 40px; margin-bottom: 36px; }

.indexbody .media .newsBox .infos .info .show2 .img img { width: 100%; height: 100%; opacity: 1; }

.indexbody .media .newsBox .infos .info .show2 .name { height: 24px; opacity: 1; font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: 500; line-height: 24px; text-align: center; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #fff; margin: 24px 0 8px; }

.indexbody .media .newsBox .infos .info .show2 .en { height: 24px; opacity: 1; font-family: DingTalk JinBuTi; font-size: 18px; font-weight: normal; line-height: 24px; text-align: center; text-transform: uppercase; letter-spacing: 0em; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: rgba(255, 255, 255, 0.4); }

.indexbody .media .newsBox .infos .info .show2 .joinUs { font-family: Alibaba PuHuiTi 2.0; font-size: 18px; font-weight: normal; line-height: 24px; text-align: center; letter-spacing: 0em; opacity: 0; font-variation-settings: "opsz" auto; font-feature-settings: "kern" on; color: #FFFFFF; }
@media (max-width: 750px) {
  .indexbody .media,
  .indexbody .media .newsBox .infos{padding-top: 0px}
  .indexbody .media .newsBox .infos .info {
        width: 46%;
        height: 4.3rem;
        margin: 5px;
    }

    .indexbody .media .newsBox .infos .info:hover {
        width: 46%;
        height: 5rem;
        margin: 5px;
    }

    .indexbody .media .newsBox .infos .info .show1 {
        height: 4rem
    }

    .indexbody .media .newsBox .infos .info .show1 .name {
        margin: .2rem 0 0;
        font-size: .36rem;
    }

    .indexbody .media .newsBox .infos .info .show1 .en {
        font-size: .25rem;
    }

    .indexbody .media .newsBox .infos .info .show1 .img img {
        margin-top: 0;
        width: 1.8rem;
        height: 1.8rem;
    }

    .indexbody .media .newsBox .infos .info .show2 {
        height: 5rem;
    }

    .indexbody .media .newsBox .infos .info .show2 .name {
        margin: .2rem 0 0;
        font-size: .36rem;
    }

    .indexbody .media .newsBox .infos .info .show2 .en {
        font-size: .25rem;
    }

    .indexbody .media .newsBox .infos .info .show2 .img {
        margin: .24rem 0;
        width: 2rem;
        height: 2rem;
    }
}
@media(max-width: 230px) {
    .media {
      width: 100%;
      height: auto;
      .newsBox {
        width: 100%;
        height: 100%;
        .infos {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          .info{
            width: 50%;
            height: auto;
          }
        }
      }
    }
        }