html {
  font-size: 100px; }

.transformImg {
  transition: all 2s; }
  .transformImg:hover {
    transform: scale(1.2); }

.common-title {
  text-align: center;
  line-height: 1;
  margin-top: 0.8rem; }
  .common-title h1 {
    font-size: 0.36rem;
    color: #262626;
    font-weight: normal; }
  .common-title h6 {
    font-size: 0.18rem;
    color: #4a4a4a;
    font-weight: normal;
    margin-top: 0.3rem; }

@media screen and (max-width: 1400px) {
  .common-title {
    padding: 0 0.4rem;
    box-sizing: border-box; }
  .common-title-bg {
    padding: 0.6rem 0.4rem !important;
    box-sizing: border-box; } }

img {
  object-fit: cover; }

.wow_common {
  overflow: hidden; }

.banner {
  position: relative; }
  .banner img {
    width: 100%;
    height: 4.86rem; }
  .banner .banner-content {
    position: absolute;
    z-index: 2;
    top: 30%;
    left: 13.4%;
    line-height: 1; }
    .banner .banner-content h6 {
      font-weight: normal;
      font-size: 0.72rem;
      color: #ffffff;
      text-shadow: 4px 4px rgba(0, 153, 250, 0.38); }
    .banner .banner-content p {
      width: 6rem;
      font-size: 0.18rem;
      color: #ffffff;
      margin-top: 0.6rem;
      line-height: 0.4rem; }

@media screen and (max-width: 1100px) {
  html {
    font-size: 50px !important; }
  .banner .banner-content {
    top: 20% !important;
    left: 6% !important;
    right: 6%; }
    .banner .banner-content p {
      width: auto !important; } }

.menu-banner {
  font-size: 0.14rem;
  border-bottom: 1px solid #ececec; }
  .menu-banner ul {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    line-height: 1;
    height: 42px;
    line-height: 42px; }
    .menu-banner ul li {
      color: #717171;
      margin-left: 0.06rem; }
      .menu-banner ul li:last-child {
        color: #1683e9; }

@media screen and (max-width: 1100px) {
  .menu-banner {
    padding: 0 0.2rem;
    box-sizing: border-box; } }

.gBtn {
  width: 1.12rem;
  height: 0.36rem;
  line-height: 0.36rem;
  font-size: 0.14rem;
  text-align: center;
  color: #ffffff;
  background: #008ae2;
  border-radius: 0.04rem;
  margin-top: 0.12rem;
  cursor: pointer; }

@media screen and (max-width: 1100px) {
  .gBtn {
    width: auto !important;
    height: 0.6rem !important;
    line-height: 0.6rem !important; } }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal .sweeper {
    width: 1000px; }
  .modal .videoClose {
    position: fixed;
    right: 6%;
    top: 6%;
    color: #fff; }

@media screen and (max-width: 1100px) {
  .modal .sweeper {
    width: 90%; } }

@media screen and (max-width: 1100px) {
  .common-12 {
    font-size: 0.24rem !important; }
  .common-16 {
    font-size: 0.32rem !important; }
  .common-14 {
    font-size: 0.28rem !important; }
  .Index-wrapper .Index-banner ul li:nth-child(2) {
    font-size: 0.8rem !important; } }