img.crisp-edges {
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

.flex-wrapper,
.flex {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-wrapper {
  justify-content: space-between;
}

.just-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

.just-between {
  justify-content: space-between;
}

.flexpart-1 {
  width: 57%;
  position: relative;
}

.flexpart-2 {
  width: 48%;
  position: relative;
}

.flexpart-3 {
  width: 45%;
  position: relative;
}

.flexpart-4 {
  width: 40%;
  position: relative;
}

.flexpart-5 {
  width: 50%;
  position: relative;
}

.flexpart-6 {
  width: 32%;
  position: relative;
}

.flexpart-7 {
  width: 70%;
  position: relative;
}

.flexpart-8 {
  width: 60%;
  position: relative;
}

.bg-img {
  width: 100%;
  position: relative;
}

.bg-img img {
  width: 100%;
  vertical-align: bottom;
}

.flex-align-center {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.text-center {
  text-align: center;
}

.clearfix::after,
.clearfix::before {
  content: "";
  clear: both;
  display: table;
}

.innovation-artical .wrap p {
  line-height: 1.63636;
  margin-bottom: 1.5vw;
  font-size: 1.14583vw;
}

.innovation-artical .wrap {
  padding: 0 6.875vw;
}

.innovation-artical .wrap h4 {
  font-size: 1.6675vw;
  line-height: 1.25;
  font-weight: 400;
  margin-bottom: 2vw;
}

.innovation-artical .wrap h5 {
  font-size: 1.45833vw;
  line-height: 1.42857;
  font-weight: 700;
  margin-bottom: 1.5625vw;
}

.innovation-artical .wrap h6 {
  font-size: 1.14583vw;
  line-height: 1.63636;
  font-weight: 700;
}

.innovation-artical .wrap a {
  font-size: 1.14583vw;
}

.innovation-artical .wrap a:hover {
  text-decoration: underline;
}

.innovation-artical .wrap ol,
.innovation-artical .wrap ol > li {
  color: #727171;
  font-size: 0.9375vw;
  line-height: 1.6;
  list-style: decimal;
  padding-left: 1vw;
  margin-bottom: 0.8vw;
}

.innovation-artical .wrap .text-red {
  color: #c7000b;
  font-weight: 700;
}

.video-wrapper {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video-container {
  width: 100%;
  vertical-align: bottom;
}

.video-cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: #000;
  cursor: pointer;
}

.video-cover img {
  opacity: 0.6;
  height: 100%;
  width: 100%;
  vertical-align: bottom;
}

.play-icon {
  width: 4.6875vw;
  height: 4.6875vw;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNSIgaGVpZ2h0PSIzNSI+PGRlZnM+PGNsaXBQYXRoIGlkPSJhIj48cGF0aCBkPSJNMC0yaDM1di0zNUgweiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAzNykiIGZpbGw9Im5vbmUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iYiI+PHBhdGggZD0iTTMyLjctMjQuNTU5YTE1LjQxNyAxNS40MTcgMCAwMC0zLjMxMi00LjkxMyAxNS40IDE1LjQgMCAwMC00LjkxMy0zLjMxMkExNS4zNjcgMTUuMzY3IDAgMDAxOC40NTktMzRhMTUuMzE1IDE1LjMxNSAwIDAwLTYuMDE5IDEuMjE2IDE1LjQxNyAxNS40MTcgMCAwMC00LjkxMyAzLjMxMiAxNS40IDE1LjQgMCAwMC0zLjMxMiA0LjkxM0ExNS4zNjcgMTUuMzY3IDAgMDAzLTE4LjU0MWExNS4zOCAxNS4zOCAwIDAwMS4yMTYgNi4wMTkgMTUuNDE2IDE1LjQxNiAwIDAwMy4zMTIgNC45MTNBMTUuNCAxNS40IDAgMDAxMi40NC00LjNhMTUuMzY3IDE1LjM2NyAwIDAwNi4wMTkgMS4yMTZBMTUuMzggMTUuMzggMCAwMDI0LjQ3OC00LjNhMTUuNDE3IDE1LjQxNyAwIDAwNC45MTMtMy4zMTIgMTUuNCAxNS40IDAgMDAzLjMwOS00LjkxIDE1LjM2NyAxNS4zNjcgMCAwMDEuMjE2LTYuMDE5IDE1LjMxNSAxNS4zMTUgMCAwMC0xLjIxNi02LjAxOHpNMTguNDU5LTQuNjkzQTEzLjg2NSAxMy44NjUgMCAwMTQuNjEyLTE4LjU0MWExMy44NjUgMTMuODY1IDAgMDExMy44NDctMTMuODQ3IDEzLjg2NSAxMy44NjUgMCAwMTEzLjg0OCAxMy44NDdBMTMuODY1IDEzLjg2NSAwIDAxMTguNDU5LTQuNjkzem00LjYzLTEzLjk3OWwtNi41MzktNC42YS40NDYuNDQ2IDAgMDAtLjcuMzd2OS4yYS40NDYuNDQ2IDAgMDAuNy4zN2w2LjU0My00LjZhLjQ1Mi40NTIgMCAwMC0uMDAzLS43NHoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zIDM0KSIgZmlsbD0iI2ZmZiIvPjwvY2xpcFBhdGg+PGNsaXBQYXRoIGlkPSJjIj48cGF0aCBkPSJNLTU1NyA3MTQ1LjhoMTkxNC45NzRWLTkzMkgtNTU3eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTU3IDkzMikiIGZpbGw9IiNmZmYiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBzdHlsZT0iaXNvbGF0aW9uOmlzb2xhdGUiPjxnIGNsaXAtcGF0aD0idXJsKCNhKSIgc3R5bGU9Imlzb2xhdGlvbjppc29sYXRlIj48cGF0aCBkPSJNLTQuNzMtNC43M2g0NC40NTl2NDQuNDU5SC00LjczeiIgZmlsbD0icmdiYSgwLDAsMCwwKSIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDIpIiBjbGlwLXBhdGg9InVybCgjYikiIHN0eWxlPSJpc29sYXRpb246aXNvbGF0ZSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1OC41MzQgLTg5NS42NDkpIiBjbGlwLXBhdGg9InVybCgjYykiPjxwYXRoIGQ9Ik01NTMuNTQ3IDg5MC42NjJoNDAuODkzdjQwLjg5M2gtNDAuODkzeiIgZmlsbD0iI2ZmZiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==)
    no-repeat 50%;
  background-size: 4.6875vw 4.6875vw;
  z-index: 9;
}

.pc-none {
  display: none;
}

.mt-1vw {
  margin-top: 1vw !important;
}

.mt-2vw {
  margin-top: 2vw !important;
}

.mt-3vw {
  margin-top: 3vw !important;
}

.mt-5vw {
  margin-top: 5vw !important;
}

.mt-8vw {
  margin-top: 8vw !important;
}

.mt-65vw {
  margin-top: 6.5vw !important;
}

.mt-10vw {
  margin-top: 10vw !important;
}

.mt-15vw {
  margin-top: 15vw !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1vw {
  margin-bottom: 1vw !important;
}
.mb-2vw {
  margin-bottom: 2vw !important;
}

.pt-3vw {
  padding-top: 3vw !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1vw {
  padding-bottom: 1vw !important;
}

.pb-2vw {
  padding-bottom: 2vw !important;
}

.pb-5vw {
  padding-bottom: 5vw !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pr-1vw {
  padding-right: 1vw !important;
}

.pr-2vw {
  padding-right: 2vw !important;
}

.pr-5vw {
  padding-right: 5vw !important;
}

.pd-1vw {
  padding: 1vw !important;
}

.pd-2vw {
  padding: 2vw !important;
}
.pd-3vw {
  padding: 3vw !important;
}
.pd-4vw {
  padding: 4vw !important;
}

.pd-5vw {
  padding: 5vw !important;
}

.close-modal {
  cursor: pointer;
}

section.innovation-artical {
  padding-top: 8vw;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.po-ab {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.column-flex {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

section.innovation-artical p.lead {
  font-size: 0.9375vw;
  line-height: 1.5;
}

.red-line {
  width: 3.48958vw;
  height: 0.26042vw;
  background-color: #9b0000;
  margin-bottom: 0.5625vw;
}

.cite-one {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.cite-one-pic {
  width: 30%;
  position: relative;
}

.cite-one-pic > img {
  width: 100%;
  vertical-align: bottom;
}

.cite-one-content {
  width: 69%;
  position: relative;
  display: grid;
  grid-template-columns: 8vw auto;
  grid-template-rows: 8vw auto;
}

.cite-icon {
  width: 7vw;
  position: absolute;
  top: -3vw;
  right: 1vw;
  z-index: 9;
}

.cite-icon > img {
  width: 100%;
}

.cite-one-content-grid {
  position: relative;
}

.cite-one-content-grid-1 {
  background-color: #8a1d22;
  grid-area: 1/1/2/2;
}

.cite-one-content-grid-1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #c7000b;
  opacity: 0.9;
  border-top-right-radius: 100%;
}

.cite-one-content-grid-2 {
  background-color: #eee;
  grid-area: 1/2/2/3;
  padding: 0 2vw;
  display: flex;
  align-items: center;
}

.cite-one-content-grid-3 {
  background-color: #eee;
  grid-area: 2/1/3/2;
}

.cite-one-content-grid-4 {
  background-color: #f9f9f9;
  grid-area: 2/2/3/3;
  padding: 0 2vw;
  display: flex;
  align-items: center;
}

.innovation-artical .wrap p.cite {
  font-style: italic;
}

.cite-one-content .cite-one-content-grid p,
.cite-two .cite-two-grid p,
.cite-two .cite-two-grid h5,
.cite-three .cite-three-grid p,
.cite-three .cite-three-grid h5 {
  margin-bottom: 0;
}
.cite-two {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 8vw 8vw auto;
  grid-template-rows: 8vw 8vw 8vw;
}

.cite-two-grid,
.cite-three-grid {
  position: relative;
}

.cite-two-grid-1 {
  background-image: linear-gradient(to right, #991017, #800e0d, #990b13);
  grid-area: 1/1/2/3;
}

.cite-two-grid-1::before {
  content: "";
  background-color: #9a1a14;
  width: 8vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 8vw;
}

.cite-two-grid-2 {
  background-color: #f6f6f6;
  grid-area: 2/1/3/3;
  padding: 0 2vw;
  display: flex;
  align-items: center;
}

.cite-two-grid-3 {
  grid-area: 1/3/3/4;
  padding: 0 5vw;
  display: flex;
  align-items: center;
}

.cite-two-grid-4 {
  grid-area: 3/3/4/4;
  background-color: #f6f6f6;
  border-bottom-left-radius: 5vw;
}

.cite-four-grid-1{
  background-color: #f6f6f6;
  grid-area: 1/1/3/3;
  padding: 0 2vw;
  display: flex;
  align-items: center;
}

.cite-three {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 8vw auto;
  grid-template-rows: 8vw auto;
}

.cite-three-grid-1 {
  background-image: linear-gradient(to right, #991017, #800e0d, #990b13);
  grid-area: 1/1/2/2;
}

.cite-three-grid-1::before {
  content: "";
  background-color: #9a1a14;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 8vw;
}

.cite-three-grid-2 {
  background-color: #eee;
  grid-area: 1/2/2/3;
  padding: 0 2vw;
  display: flex;
  align-items: center;
}

.cite-three-grid-3 {
  grid-area: 2/1/3/2;
  background-color: #eee;
}

.cite-three-grid-4 {
  grid-area: 2/2/3/3;
  background-color: #f6f6f6;
  padding: 0 2vw;
  display: flex;
  align-items: center;
  min-height: 15vw;
}

.cite-three h5 > span {
  font-weight: 400;
  font-size: 1.14583vw;
  line-height: inherit;
  color: #727171;
}

.bg-dark {
  width: 100%;
  position: relative;
  background-color: #e8e7e8;
}

.bg-gray {
  width: 100%;
  position: relative;
  background-color: #f6f6f6;
}

.swiper-container {
  padding-bottom: 3vw;
  --swiper-theme-color: #c7000b;
  --swiper-pagination-color: #c7000b;
}

.swiper-pagination-bullet {
  width: 0.8vw;
  height: 0.8vw;
}

.swiper-button-next,
.swiper-button-prev {
  width: 2.60417vw;
  height: 2.60417vw;
}

.swiper-button-next:after,
.swiper-button-prev:after {
  display: none;
}

.clip-circle {
  clip-path: circle(50%);
}

.underline {
  width: 100%;
  border-bottom: 1px solid #727171;
  opacity: 0.3;
}

.innovation-artical .wrap ul {
  list-style: disc;
  padding-left: 1vw;
}

.innovation-artical .wrap ul li {
  font-size: 1.14583vw;
  list-style: disc;
  line-height: 1.63636;
  margin-bottom: 1vw;
  color: #727171;
}

.curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background-color: #eee;
}

.curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: "";
  height: 2.5vw;
  width: 2.5vw;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}

@media screen and (max-aspect-ratio: 1 / 1) and (max-width: 1200px),
  screen and (max-width: 639px) {
  .mob-none {
    display: none;
  }

  .pc-none {
    display: block;
  }

  .flex-wrapper,
  .flex {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flexpart-1,
  .flexpart-2,
  .flexpart-3,
  .flexpart-4,
  .flexpart-5,
  .flexpart-6,
  .flexpart-7,
  .flexpart-8,
  .flexpart-9,
  .flexpart-10,
  .flexpart-11 {
    width: 100%;
  }

  .mob-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
  }

  .mob-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2;
  }

  .mob-mt-6vw {
    margin-top: 6vw !important;
  }

  .mob-mt-8vw {
    margin-top: 8vw !important;
  }

  .mob-mt-5vw {
    margin-top: 5vw !important;
  }

  .mob-mt-10vw {
    margin-top: 10vw !important;
  }

  .mob-mt-15vw {
    margin-top: 15vw !important;
  }

  .mob-mt-0 {
    margin-top: 0 !important;
  }

  .mob-mt-2vw {
    margin-top: 2vw !important;
  }

  .mob-mt-20vw {
    margin-top: 20vw !important;
  }

  .mob-mb-2vw {
    margin-bottom: 2vw !important;
  }
  .mob-mb-5vw {
    margin-bottom: 5vw !important;
  }

  .mob-pd-2vw {
    padding: 2vw !important;
  }

  .mob-pd-4vw {
    padding: 4vw !important;
  }

  .mob-pd-5vw {
    padding: 5vw !important;
  }
  .mob-pd-6vw {
    padding: 6vw !important;
  }
  .mob-pd-8vw {
    padding: 8vw !important;
  }
  .mob-pd-0 {
    padding: 0 !important;
  }
  .mob-pr-0 {
    padding-right: 0 !important;
  }

  .play-icon {
    width: 16vw;
    height: 16vw;
    background-size: 16vw 16vw;
  }

  .innovation-artical .wrap p {
    margin-bottom: 3vw;
    font-size: 4.26667vw;
  }

  .innovation-artical .wrap h4 {
    font-size: 6.4vw;
    margin-bottom: 5vw;
    font-weight: 500;
  }

  .innovation-artical .wrap h5 {
    font-size: 5.333vw;
    margin-bottom: 1.5vw;
    font-weight: 700;
  }

  .innovation-artical .wrap h6 {
    font-size: 4.266667vw;
    font-weight: 700;
  }

  .innovation-artical .wrap a {
    font-size: 4.26667vw;
  }

  .innovation-artical .wrap ol,
  .innovation-artical .wrap ol > li {
    font-size: 3.8vw;
    padding-left: 4vw;
    margin-bottom: 3vw;
  }

  section.innovation-artical {
    padding-top: 15vw;
  }

  .innovation-artical .wrap {
    padding: 0;
  }

  section.innovation-artical p.lead {
    font-size: 3.8vw;
  }

  .red-line {
    width: 8vw;
    height: 1.06667vw;
    margin-bottom: 1.5vw;
  }

  .cite-one {
    flex-wrap: wrap;
  }

  .cite-one-pic {
    width: 100%;
  }

  .cite-one-content {
    display: block;
    width: 100%;
  }

  .cite-one-content-grid-2 {
    padding: 6vw;
  }

  .cite-one-content-grid-4 {
    padding: 6vw;
  }

  .cite-one-content .cite-one-content-grid p {
    margin-bottom: 0;
  }

  .cite-icon {
    display: none;
  }

  .cite-two,
  .cite-three {
    display: block;
  }

  .cite-two-grid-2,
  .cite-three-grid-2 {
    padding: 8vw 6vw;
    background-color: #eee;
  }

  
  .cite-two-grid-3,
  .cite-three-grid-4 {
    padding: 8vw 6vw;
    background-color: #f9f9f9;
  }

  .cite-four-grid-1{
    padding: 8vw 6vw;
    background-color: #eee;
  }

  .cite-three h5 > span {
    font-size: 4.26667vw;
  }

  .swiper-pagination-bullet {
    width: 3vw;
    height: 3vw;
  }

  .swiper-container {
    padding-bottom: 12vw;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }

  .innovation-artical .wrap ul li {
    font-size: 4.266667vw;
    margin-bottom: 3vw;
  }

  .innovation-artical .wrap ul {
    padding-left: 5vw;
  }

  .curl-bottom-right:before {
    width: 7vw;
    height: 7vw;
  }
}
<!--ºÄʱ1766016907.0321Ãë-->