.overflow-text {
  display: block;
  overflow: hidden;
  padding-left: 1px;
  padding-bottom: 1px; }

@media screen and (min-width: 768px) and (max-width: 1180px) {
  .main .banner p {
    width: 440px; } }

.main .banner .swiper-slide {
  height: 36.458vw; }

.content {
  padding: 30px 180px;
  font-size: 16px; }
  .content img {
    width: 100%; }
  .content video {
    width: 100%; }
  @media screen and (min-width: 320px) and (max-width: 767px) {
    .content {
      padding: 0.41rem;
      font-size: 0.36rem; } }
  @media screen and (min-width: 768px) and (max-width: 1180px) {
    .content {
      padding: 32px;
      font-size: 22px; } }