.BlockA { margin: 120px 0; margin-bottom: 80px; }

.BlockA .pongetitle { margin-bottom: 70px; position: relative; padding-bottom: 25px; font-size: 46px; color: #11151d; text-align: center; }

.BlockA .pongetitle::after { position: absolute; left: 0; bottom: 0; right: 0; content: ''; margin: auto; width: 38px; height: 4px; background: #ff7373; }

.BlockA .content .video1 { position: relative; margin-bottom: 90px; }

.BlockA .content .video1 video { width: 100%; object-fit: cover; }

.BlockA .content .video1 .write { position: absolute; left: 0; right: 0; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; top: 0; bottom: 0; margin: auto; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.BlockA .content .listimg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; }

.BlockA .content .video2 { padding: 0 120px; height: 190px; position: relative; }

.BlockA .content .video2 video { object-fit: cover; width: 100%; height: 100%; }

.BlockA .content .video2 .write { position: absolute; left: 0; right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; top: 0; bottom: 0; margin: auto; }

.BlockA .content .bottomtitlte { position: relative; padding-bottom: 30px; font-size: 20px; color: #b3b3b3; text-align: center; margin-top: 50px; }

.BlockA .content .bottomtitlte::after { position: absolute; bottom: 0; content: ''; margin: auto; left: 0; right: 0; background: #fd1849; width: 43px; height: 8px; }

.BlockB .swiper-slide a { position: relative; overflow: hidden; display: block; }

.BlockB .swiper-slide a img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockB .swiper-slide a:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.BlockB .swiper-slide a:hover .title .en { color: #fd1849; }

.BlockB .swiper-slide a:hover .title .cn { color: #fd1849; }

.BlockB .swiper-slide a .title { position: absolute; top: 0; text-align: center; left: 0; width: 100%; right: 0; margin: auto; padding: 0 10px; padding-top: 40px; }

.BlockB .swiper-slide a .title .en { font-size: 20px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockB .swiper-slide a .title .cn { font-size: 18px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.BlockB .butonlist { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 25px; margin-bottom: 60px; }

.BlockB .butonlist .swiper-button-prev { background-image: url(../images/a8616d9435c5415cac3032d2a01b4508.png); }

.BlockB .butonlist .swiper-button-next { background-image: url(../images/c7910457ce79a9e17900fb54e6ff6f6c.png); }

.BlockB .butonlist .swiper-button-prev, .BlockB .butonlist .swiper-button-next { width: 34px; height: 34px; background-color: #fd1849; background-repeat: no-repeat; background-position: center center; background-size: auto auto; margin: 0 1px; }

.BlockB .swiper-button-prev, .BlockB .swiper-button-next { position: static; }

.BlockB .other { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 120px; margin-top: 30px; }

.BlockB .other .block1 { width: 340px; padding-right: 40px; border-right: 3px solid #eaeaea; }

.BlockB .other .block1 .title { font-size: 18px; color: #444444; font-weight: bold; }

.BlockB .other .block1 .desc { font-size: 16px; margin-top: 20px; color: #999999; }

.BlockB .other .block2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 50px; padding-right: 40px; }

.BlockB .other .block2 .title2 a { font-size: 16px; color: #444444; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; display: block; }

.BlockB .other .block2 .title2 a:hover { color: #fd1849; }

.BlockB .other .block2 .title2 a:nth-of-type(1) { margin-bottom: 0px; }

.BlockB .other .block2 .title1 { margin-bottom: 30px; }

.BlockB .other .block2 .title1 span { display: block; font-size: 16px; color: #000000; }

.BlockB .other .block2 .title1 span:nth-of-type(1) { font-weight: 600; }

.BlockB .other .block2 .title1 span.b { font-weight: bold; font-size: 18px; }

.BlockB .other .block3 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.BlockB .other .block3 .title { font-size: 20px; color: #6c6c6c; padding-bottom: 10px; position: relative; }

.BlockB .other .block3 .title::after { position: absolute; left: 0; content: ''; width: 35px; height: 2px; background: #cccccc; bottom: 0; }

.BlockB .other .block3 .con { margin-top: 20px; }

.BlockB .other .block3 .con a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.BlockB .other .block3 .con a:hover .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.BlockB .other .block3 .con a .img { overflow: hidden; }

.BlockB .other .block3 .con a .img img { -webkit-transition: 0.5s ease all; transition: 0.5s ease all; }

.BlockB .other .block3 .con a:hover .text .tit { color: #fd1849; }

.BlockB .other .block3 .con a:hover .text .tit span { color: #fd1849; }

.BlockB .other .block3 .con a .img { margin-right: 20px; }

.BlockB .other .block3 .con a .text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }

.BlockB .other .block3 .con a .text .tit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 16px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; color: #b8b8b8; }

.BlockB .other .block3 .con a .text .tit span { font-size: 18px; -webkit-transition: 0.5s ease all; transition: 0.5s ease all; font-weight: 400; margin-right: 3px; color: #333333; }

.BlockB .other .block3 .con a .text .desc { font-size: 16px; color: #999999; }

@media (max-width: 1199px) { .BlockA .content .listimg img:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; margin-right: 30px; }
  .BlockB .other .block1 { width: 220px; } }

@media (max-width: 991px) { .BlockA .content .listimg { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .BlockA .content .listimg img:nth-of-type(1) { margin-right: 0; margin-bottom: 20px; }
  .BlockB .other { -webkit-flex-flow: wrap; -ms-flex-flow: wrap; flex-flow: wrap; }
  .BlockB .other .block3 { -webkit-box-flex: inherit; -webkit-flex: inherit; -ms-flex: inherit; flex: inherit; width: 100%; }
  .BlockB .other .block1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; }
  .BlockB .other .block3 { margin-top: 20px; } }

@media (max-width: 767px) { .BlockA .content .video2 .write img { width: 50px; }
  .BlockA .content .video2 { padding: 0; } }

@media (max-width: 575px) { .BlockA { margin: 30px 0; }
  .BlockA .pongetitle { margin-bottom: 20px; font-size: 18px; padding-bottom: 10px; }
  .BlockA .pongetitle::after { height: 2px; }
  .BlockA .content .video1 .write img { width: 30px; }
  .BlockA .content .video1 { margin-bottom: 30px; }
  .BlockA .content .listimg { margin-bottom: 30px; }
  .BlockA .content .bottomtitlte { margin-top: 30px; padding-bottom: 10px; font-size: 16px; }
  .BlockA .content .bottomtitlte::after { height: 2px; }
  .BlockB .swiper-slide a .title { padding-top: 20px; }
  .BlockB .swiper-slide a .title .en { font-size: 16px; }
  .BlockB .swiper-slide a .title .cn { font-size: 16px; }
  .BlockB .butonlist { margin-bottom: 30px; }
  .BlockB .other .block1 { padding-right: 20px; border-right: 1px solid #eaeaea; }
  .BlockB .other .block1 .desc { font-size: 14px; margin-top: 10px; }
  .BlockB .other .block2 .title1 span { font-size: 14px; }
  .BlockB .other .block2 .title2 a { font-size: 14px; }
  .BlockB .other .block2 .title1 { margin-bottom: 20px; }
  .BlockB .other .block3 .title { font-size: 16px; }
  .BlockB .other .block3 .con a .text .tit span { font-size: 16px; }
  .BlockB .other .block3 .con a .text .tit { font-size: 14px; }
  .BlockB .other .block3 .con a .text .desc { font-size: 14px; }
  .BlockB .other { margin-bottom: 30px; }
  .BlockB .other .block2 { padding-left: 30px; padding-right: 20px; }
  .BlockA .content .listimg img:nth-of-type(1) { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }
  .BlockA .content .video2 .write img { width: 30px; }
  .BlockB .other .block3 .con a { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  .BlockB .other .block3 .con a .img { margin-right: 0; margin-bottom: 10px; }
  .BlockB .other .block1 { padding-right: 10px; }
  .BlockB .other .block2 { padding-left: 10px; } }