* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.index_m {
  display: block;
  width: 100vw;
  min-height: 100vh;
  background: #F7F7F7;
}
.index {
  display: none;
}
.header_m {
  width: 100%;
  background: #fff;
  height: 12.5vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 2.67vw;
  box-sizing: border-box;
}
.header_m img {
  width: 26.67vw;
  height: 7.467vw;
}
.header_m a {
  text-decoration: none;
  width: 22.4vw;
  height: 8.267vw;
  background: #47C08D;
  color: #fff;
  text-align: center;
  line-height: 8.267vw;
  font-size: 3.2vw;
}
.introduce_m {
  width: 100vw;
  height: 69.867vw;
  background: url('./img_m/top_bg_m.png');
  background-size: cover;
  padding: 18.667vw 10.4vw 0;
  display: flex;
  flex-direction: column;
}
.introduce_m div {
  font-weight: 600;
  color: #fff;
  font-size: 4.533vw;
  text-align: center;
}
.introduce_m p {
  font-size: 2.933vw;
  color: rgba(255,255,255,0.7);
  padding-top: 2.667vw;
}
.department_m {
  width: 100vw;
  overflow-x: scroll; 
  display: flex;
  flex-wrap: nowrap;
  padding:11.467vw 0 6.4vw;
}
.department_content_item {
  flex-shrink: 0;
  width: 73.067vw;
  height: 73.33vw;
  padding: 0 4.53vw;
}
.department_content_item_bg {
  width: 100%;
  height: 54.4vw;
  transform: translateY(-5.067vw);
}
.department_content_item_icon {
  width: 17.6vw;
  height: 17.6vw;
  transform: translateY(-13.867vw);
}
.department_content_item p{
  transform: translateY(-11.2vw);
  font-size: 3.73vw;
  color: #000000;
}
.department_content_item:nth-child(2n) {
  margin: 0 5.6vw;
}
.benefit_m {
  width: 100vw;
  height: 46.4vw;
  background: url('./img_m/bottom_bg_m.png');
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 8.533vw;
}
.benefit_title {
  font-size: 4.533vw;
  padding-bottom: 5.6vw;
}
.benefit_m_main {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 12.267vw;
}
.benefit_m_main_item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.benefit_m_main_item img {
  width: 11.2vw;
  height: 11.2vw;
  margin-bottom: 1.867vw;
}
.benefit_m_main_item p {
  color: #fff;
  font-size: 3.467vw;
}
.contact_m {
  width: 100vw;
  background: #0D1C16;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  padding: 4.533vw 0 2.667vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.contact_m p {
  font-weight: 600;
  font-size: 3.2vw;
  color: #fff;
}
.contact_m span {
  padding-top: 2vw;
  font-size: 2.667vw;
  color: #fff;
  text-align: center;
  word-break: break-all;
  white-space: wrap;
}
.contact_m a {
  padding-top: 0.8vw;
  font-size: 2.667vw;
  color: #fff;
  text-decoration: none;
}
.otc_m {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.otc_title {
  font-size: 4.533vw;
  padding-bottom: 5.6vw;
}
.otc_des {
  font-size: 3vw;
  padding: 0 24px 48px;
}
.otc_video {
  width: 100%;
  position: relative;
  margin-bottom: 42px;
  padding-bottom: 0;
}
.otc_video video {
  width: 100%;
}
#play_m {
  width: 36px;
  height: 36px;
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
.brand_title {
  font-size: 4.533vw;
  padding-bottom: 5.6vw;
}
.brand_inner {
  width: 100vw;
}
.mask_left {
  width:6.4vw;
  height: 61.867vw;
}
.brand_line {
  height: 13.867vw;
}
.brand_line img {
  width: 16vw;
}

.row_right_animation {
  animation: 20s rowup-right linear infinite alternate;
  transform: translateX(-320px);
}
@keyframes rowup-right {
  0% {
    transform: translate3d(-320px, 0, 0);
  }
  100% {
      transform: translate3d(0px, 0, 0);
  }
}
.row_left_animation {
  animation: 20s rowup-left linear infinite alternate;
}
@keyframes rowup-left {
  0% {
    transform: translate3d(0px, 0, 0);
  }
  100% {
      transform: translate3d(-320px, 0, 0);
  }
}