@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
.header.scoll .header-wrap {
  padding: 8px 5.21vw;
  background: #fff;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
}
.header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 5.21vw;
  transition: 0.3s;
}
.logo img {
  display: inline-block;
  width: auto;
  height: 36px;
}
.navs {
  display: flex;
}
.navs > li {
  margin-right: 3.44vw;
  padding: 1rem 0;
  position: relative;
}
.navs > li:last-child {
  margin-right: 0;
}
.navs > li:hover > a,
.navs > li.active > a {
  color: #0AA2B8;
}
.navs > li:hover .navs-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.navs > li > a {
  display: inline-block;
  color: #2C2D2F;
  font-size: 16px;
}
.navs-menu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 5;
  background: #fff;
  border-radius: 10px;
  padding: 2.4rem;
  transition: 0.3s all;
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.navs-menu p {
  margin-bottom: 1rem;
  line-height: 1.3;
}
.navs-menu p:last-child {
  margin-bottom: 0;
}
.navs-menu p a {
  display: inline-block;
  color: #2d2d2d;
  font-size: 14px;
  white-space: nowrap;
}
.navs-menu p a:hover {
  color: #0AA2B8;
}
.lang {
  position: relative;
}
.lang:hover .lang-defaul span:before {
  transform: rotate(180deg);
}
.lang:hover .lang-down {
  opacity: 1;
  visibility: visible;
  pointer-events: visible;
}
.lang-defaul {
  display: flex;
  align-items: center;
  padding: 12px 0;
}
.lang-defaul i {
  display: inline-block;
  color: #2C2D2F;
  font-size: 24px;
  font-style: normal;
}
.lang-defaul span {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  padding-right: 19px;
  color: #2C2D2F;
  font-size: 16px;
  font-family: "HarmonyOS_Sans_SC_Medium";
}
.lang-defaul span:before {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -2.5px;
  content: "";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #2C2D2F;
  transition: 0.25s;
}
.lang-down {
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 100%;
  padding: 16px 0;
  z-index: 3;
  width: 120px;
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.5s;
}
.lang-down p {
  margin-bottom: 10px;
  text-align: center;
}
.lang-down p:last-child {
  margin-bottom: 0;
}
.lang-down p.active a {
  color: #0AA2B8;
}
.lang-down p a {
  display: inline-block;
  color: #2C2D2F;
  font-size: 14px;
  font-family: "HarmonyOS_Sans_SC_Medium";
}
.lang-down p a:hover {
  color: #0AA2B8;
}
.banner {
  position: relative;
  overflow: hidden;
  z-index: 2;
  height: 100vh;
}
.banner .swiper-pagination {
  left: auto;
  width: auto;
  right: 5.21vw;
  top: 50%;
  transform: translateY(-50%);
}
.banner .swiper-pagination .swiper-pagination-bullet {
  display: block;
  margin: 0;
  margin-bottom: 29px;
  width: 21px;
  height: 21px;
  border: 1px solid #000000;
  position: relative;
  background: none;
  opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  transform: scale(1);
}
.banner .swiper-pagination .swiper-pagination-bullet:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -3.5px;
  margin-top: -3.5px;
  content: "";
  width: 7px;
  height: 7px;
  background: #000;
  border-radius: 50%;
  transform: scale(0);
  transition: 0.38s;
}
.banner .swiper-pagination .swiper-pagination-bullet:last-child {
  margin-bottom: 0;
}
.banner-slide {
  overflow: hidden;
}
.banner-slide.swiper-slide-active .btext {
  opacity: 1;
}
.banner-slide a {
  display: block;
}
.banner-slide figure {
  display: block;
  line-height: 1;
  height: 100vh;
  overflow: hidden;
}
.banner-slide figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btext {
  position: absolute;
  left: 50%;
  margin-left: -45%;
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  text-align: center;
  z-index: 3;
  opacity: 0;
  transition: 0.8s;
}
.btext img {
  max-width: 100%;
}
.btext.show {
  opacity: 1;
}
.btext small {
  display: block;
  margin-bottom: 2.86vw;
  line-height: 1;
  color: #2B2D42;
  font-size: 5.21vw;
  font-family: "PlayfairDisplay";
}
.binfo {
  color: #2B2D42;
  font-size: 1.88vw;
  font-family: "SourceHanSerifCN-Regular";
  line-height: 1.4;
}
.home-main {
  padding: 100px 0 0;
  position: relative;
  z-index: 2;
  background: #fff;
}
.home-about {
  padding: 3.96vw 5.21vw 4.06vw;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
}
.home-about-top {
  padding: 0 34px;
  text-align: center;
}
.home-about-top strong {
  display: block;
  line-height: 1;
  color: #2B2D42;
  font-size: 36px;
  font-weight: bold;
}
.home-about-info {
  margin-top: 2.92vw;
  margin-bottom: 2.19vw;
  color: #788282;
  font-size: 16px;
}
.about-apply {
  text-align: center;
}
.about-apply a {
  display: inline-block;
  color: #2B2D42;
  font-size: 16px;
  font-weight: bold;
}
.about-apply a:hover {
  color: #0AA2B8;
}
.home-about-list {
  margin-top: 4.48vw;
  padding-bottom: 44px;
  display: flex;
  flex-wrap: wrap;
}
.home-about-list li {
  position: relative;
  margin-right: 1.8666%;
  margin-bottom: 22px;
  width: 23.6%;
  perspective: 1000px;
}
.home-about-list li:hover a {
  transform: rotateY(180deg);
}
.home-about-list li:nth-child(4n+4) {
  margin-right: 0;
}
.home-about-list li a {
  display: block;
  transform-style: preserve-3d;
  transition: 0.6s;
}
.home-about-list li a:hover .front strong {
  color: #0AA2B8;
}
.home-about-list li a figure {
  margin: auto;
  width: 88px;
  height: 88px;
  line-height: 1;
}
.home-about-list li a figure img {
  display: block;
  width: 100%;
  height: auto;
}
.home-about-list li a strong {
  display: block;
  margin-top: 30px;
  line-height: 1.3;
  color: #2B2D42;
  font-weight: bold;
  font-size: 16px;
  transition: 0.4s;
}
.front {
  position: relative;
  padding: 2.81vw 0 2.81vw;
  text-align: center;
  transition: 1.2s;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
  background: #fff;
  backface-visibility: hidden;
  z-index: 2;
}
.back {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 2.5rem 0 1rem;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg);
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  background: #fff;
  text-align: left;
  overflow: hidden;
  overflow-y: auto;
}
.back h3 {
  display: inline-block;
  border-bottom: 2px solid #0AA2B8;
  margin-bottom: 2rem;
  text-align: left;
  margin-left: 3.4rem;
}
.back .advantage-default {
  height: auto;
  margin-bottom: 1.5rem;
}
.back .advantage-default strong {
  margin-top: 0 !important;
  display: flex;
  align-items: center;
}
.snow {
  position: absolute;
  z-index: 2;
  left: 50%;
  margin-left: -4.27%;
  top: 39%;
  line-height: 1;
  height: 30.16%;
  background: url(../img/snowbg.jpg) center no-repeat;
  background-size: 100% auto;
  mask-image: url('../img/Cool.png');
  -webkit-mask-image: url('../img/Cool.png');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
}
.snow:before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  content: "";
  width: 100%;
  height: 200%;
  background: url(../img/snow.png) center no-repeat;
  background-size: 200% auto;
  mask-repeat: no-repeat;
  animation: snowMove 8s infinite linear;
}
.snow img {
  display: inline-block;
  width: auto;
  max-height: 100%;
  opacity: 0;
}
@keyframes snowMove {
  0% {
    background-position: center -400px;
  }
  100% {
    background-position: center 0;
  }
}
.home-about-more {
  text-align: center;
  position: relative;
  z-index: 5;
}
.home-about-more.home-about-more1 a {
  width: 186px;
}
.home-about-more a {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 244px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
}
.home-about-more a:hover {
  letter-spacing: 1px;
}
.home-about-more a:hover:before {
  transform: scale(1.03);
}
.home-about-more a:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  border-radius: 24px;
  background: linear-gradient(90deg, #09A1B7 0%, #38D3BC 100%, #09A1B7 100%);
  transition: 0.3s;
}
.customized {
  position: relative;
  z-index: 1;
  padding: 7.4vw 0 6.61vw;
}
.customized-img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 43.65vw;
  line-height: 1;
}
.customized-img img {
  display: block;
  width: 100%;
  height: auto;
}
.customized-slide a {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  border-radius: 10px;
}
.customized-slide a:hover .customized-bg figure img {
  transform: scale(1.1);
}
.customized-bg {
  width: 50%;
}
.customized-bg figure {
  border-radius: 0 10px 10px 0;
  position: relative;
  display: block;
  padding-bottom: 97.18%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.customized-bg figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.customized-bg figure img {
  transition: 0.5s;
}
.customized-content {
  width: 50%;
  display: flex;
  align-items: center;
  background: #F9F9F9;
  border-radius: 10px 0 0 10px;
}
.customized-wrs {
  padding: 0 4.79vw 0 3.13vw;
}
.customized-wrs strong {
  display: block;
  margin-bottom: 3.75vw;
  color: #2B2D42;
  font-size: 1.88vw;
  line-height: 1.3;
  font-weight: bold;
}
.customized-wrs b {
  display: block;
  margin-bottom: 15px;
  line-height: 1;
  color: #2B2D42;
  font-size: 20px;
  font-weight: bold;
}
.customized-wrs p {
  color: #788282;
  font-size: 16px;
  height: 8.7vw;
  overflow: hidden;
}
.customized-wrs span {
  display: inline-block;
  position: relative;
  z-index: 2;
  width: 187px;
  height: 47px;
  text-align: center;
  line-height: 47px;
  border-radius: 24px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  transition: 0.2s;
}
.customized-wrs span:hover {
  letter-spacing: 1px;
}
.customized-wrs span:hover:before {
  transform: scale(1.03);
}
.customized-wrs span:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  content: "";
  border-radius: 24px;
  background: linear-gradient(90deg, #09A1B7 0%, #38D3BC 100%, #09A1B7 100%);
  transition: 0.3s;
}
.customized-btn {
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 5;
  display: flex;
  align-items: center;
}
.customized-btn span {
  display: inline-block;
  border-right: 1px solid #fff;
  width: 66px;
  height: 66px;
  text-align: center;
  line-height: 66px;
  background: #F9F9F9;
  color: #0AA2B8;
  font-size: 18px;
  cursor: pointer;
  transition: 0.2s;
}
.customized-btn span.swiper-button-disabled {
  cursor: not-allowed;
}
.customized-btn span:last-child {
  border-right: none;
}
.customized-btn span:hover {
  background: #0AA2B8;
  color: #fff;
}
.global {
  position: relative;
  z-index: 3;
}
.global-title {
  margin-bottom: 50px;
  text-align: center;
}
.global-title h3 {
  display: block;
  margin-bottom: 2.71vw;
  line-height: 1.2;
  color: #2B2D42;
  font-size: 36px;
  font-weight: bold;
}
.global-title p {
  color: #788282;
  font-size: 16px;
}
.global-data {
  margin-bottom: 52px;
  display: flex;
  justify-content: center;
}
.global-data-item {
  margin-right: 7.81vw;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.global-data-item:last-child {
  margin-right: 0;
}
.global-data-item.active b,
.global-data-item.active strong {
  color: #09a1b7;
}
.global-data-item.active strong:before {
  right: auto;
  left: 0;
  width: 100%;
}
.global-data-item:nth-child(2).active strong,
.global-data-item:nth-child(2).active b {
  color: #584CC4;
}
.global-data-item:nth-child(2) strong:before {
  background: #584CC4;
}
.global-data-item:nth-child(3).active strong,
.global-data-item:nth-child(3).active b {
  color: #ff5a5a;
}
.global-data-item:nth-child(3) strong:before {
  background: #ff5a5a;
}
.global-data-item b {
  display: block;
  margin-bottom: 20px;
  line-height: 1;
  font-weight: normal;
  color: #2B2D42;
  font-size: 48px;
  font-weight: bold;
  transition: 0.35s;
}
.global-data-item strong {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  color: #2B2D42;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  font-weight: bold;
  transition: 0.35s;
}
.global-data-item strong:before {
  position: absolute;
  right: 0;
  bottom: 0;
  content: "";
  width: 0;
  height: 2px;
  background: #09a1b7;
  transition: 0.5s all;
}
.global-tab {
  margin: auto;
  margin-bottom: 4rem;
  width: 718px;
  width: 1000px;
}
.global-item {
  float: left;
  line-height: 1;
}
.global-item img {
  display: block;
  width: 100%;
  height: auto;
}
.global-li {
  position: absolute;
  margin-left: -7px;
  margin-bottom: -7px;
}
.global-li i {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #09a1b7;
}
.global-li:hover {
  z-index: 3;
}
.global-li:hover .global-texts {
  opacity: 1;
  bottom: 100%;
  visibility: visible;
}
.global-texts {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 160%;
  padding-bottom: 8px;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  pointer-events: none;
}
.global-texts span {
  display: block;
  white-space: nowrap;
  width: 130px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.global-li1 {
  left: 53.76%;
  bottom: 50.17%;
}
.global-li2 {
  left: 78.68%;
  bottom: 53.98%;
}
.global-li3 {
  left: 82.72%;
  bottom: 49.94%;
}
.global-li4 {
  left: 82.31%;
  bottom: 43.99%;
}
.global-li5 {
  left: 74.65%;
  bottom: 36.147%;
}
.global-li6 {
  left: 73.11%;
  bottom: 38.52%;
}
.global-li7 {
  left: 77.01%;
  bottom: 48.98%;
}
.global-li8 {
  left: 77.29%;
  bottom: 44.11%;
}
.global-li9 {
  left: 78.55%;
  bottom: 64.68%;
}
.global-li10 {
  left: 78.133%;
  bottom: 73.24%;
}
.global-jd i {
  background: #ff5a5a;
}
.global-jd1 {
  left: 53.2%;
  bottom: 50.05%;
}
.global-jd2 {
  left: 57.93%;
  bottom: 47.68%;
}
.global-jd3 {
  left: 83.42%;
  bottom: 48.63%;
}
.global-sj i {
  background: #574cc6;
}
.global-sj1 {
  left: 7.799%;
  bottom: 74.17%;
}
.global-sj2 {
  left: 8.91%;
  bottom: 61.82%;
}
.global-sj3 {
  left: 20.33%;
  bottom: 36.299%;
}
.global-sj4 {
  left: 21.58%;
  bottom: 30.44%;
}
.global-sj5 {
  left: 22.144%;
  bottom: 21.077%;
}
.global-sj6 {
  left: 24.233%;
  bottom: 15.92%;
}
.global-sj7 {
  left: 30.08%;
  bottom: 35.128%;
}
.global-sj8 {
  left: 43.45%;
  bottom: 69.32%;
}
.global-sj9 {
  left: 47.77%;
  bottom: 62.87%;
}
.global-sj10 {
  left: 50%;
  bottom: 70.72%;
}
.global-sj11 {
  left: 49.44%;
  bottom: 76.24%;
}
.global-sj12 {
  left: 51.25%;
  bottom: 74.47%;
}
.global-sj13 {
  left: 52.5%;
  bottom: 72.599%;
}
.global-sj14 {
  left: 53.34%;
  bottom: 78.45%;
}
.global-sj15 {
  left: 56.54%;
  bottom: 68.61%;
}
.global-sj16 {
  left: 71.866%;
  bottom: 61.82%;
}
.global-sj17 {
  left: 73.53%;
  bottom: 56.2%;
}
.global-sj18 {
  left: 73.53%;
  bottom: 46.838%;
}
.global-sj19 {
  left: 74.79%;
  bottom: 61.35%;
}
.global-sj20 {
  left: 76.04%;
  bottom: 58.313%;
}
.global-sj21 {
  left: 78.41%;
  bottom: 81.96%;
}
.global-sj151 {
  left: 59.19%;
  bottom: 62.76%;
}
.global-sj131 {
  left: 57.93%;
  bottom: 77.28%;
}
.contact-us {
  padding: 8.23vw 0 9.11vw;
}
.contact-us .customized-img {
  z-index: -1;
  width: 36.35vw;
}
.contact-slide .customized-bg figure {
  padding-bottom: 77.93%;
}
.contact-slide .customized-wrs {
  padding: 0 5.52vw 0 3.13vw;
}
.contact-slide .customized-wrs strong {
  margin-bottom: 28px;
}
.contact-slide .customized-wrs p {
  margin-bottom: 3.02vw;
  height: auto;
}
.footer {
  padding: 4.43vw 5.21vw 2.5vw 5.21vw;
  background: #F9F9F9;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flogo {
  margin-bottom: 20px;
}
.flogo img {
  display: inline-block;
  width: auto;
  height: 36px;
}
.footer-fix {
  display: block;
}
.footer-fix dt {
  display: block;
  line-height: 41px;
  color: #2B2D42;
  font-size: 16px;
  font-weight: bold;
}
.footer-tel {
  margin-top: 8px;
}
.footer-tel p {
  margin-bottom: 5px;
  color: #788282;
  font-size: 16px;
}
.footer-address {
  margin-bottom: 8px;
}
.footer-address p {
  display: flex;
  color: #788282;
  font-size: 15px;
  line-height: 1.5;
}
.footer-address p span {
  display: inline-block;
  margin-right: 24px;
}
.footer-address p span:last-child {
  margin-right: 0;
}
.footer-navs {
  margin-top: 54px;
  display: flex;
}
.footer-navs li {
  margin-right: 2.19vw;
}
.footer-navs li a {
  display: inline-flex;
  color: #2B2D42;
  font-size: 16px;
  line-height: 1.5;
  font-family: "HarmonyOS_Sans_SC_Medium";
}
.footer-navs li a:hover {
  color: #0AA2B8;
}
.footer-right {
  padding-top: 54px;
  width: 400px;
}
.footer-dit {
  margin-bottom: 20px;
  color: #788282;
  font-size: 16px;
}
.footer-email {
  position: relative;
}
.footer-email .text {
  padding: 16px 0;
  line-height: 1;
  color: #788282;
  font-size: 16px;
  border: none;
  outline: none;
  background: none;
  font-family: "HarmonyOS_Sans_SC_Regular";
  height: auto;
  border-bottom: 1px solid #3E3E3E;
  width: 100%;
}
.footer-email .text::-webkit-input-placeholder {
  color: #788282;
}
.footer-email .text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.footer-email .sub {
  position: absolute;
  right: 0;
  top: 0;
  padding-right: 9px;
  line-height: 52px;
  color: #788282;
  font-size: 26px;
  border: none;
  background: none;
  cursor: pointer;
  transition: 0.38s;
}
.footer-email .sub:hover {
  color: #0AA2B8;
}
.footer-share {
  margin-top: 26px;
  display: flex;
}
.footer-share a {
  display: block;
  position: relative;
  margin-right: 9px;
  line-height: 1;
  width: 29px;
}
.footer-share a:hover {
  transform: translateY(-4px);
}
.footer-share a:hover .eq {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: visible;
}
.footer-share a > img {
  display: block;
  width: 100%;
  height: auto;
}
.eq {
  position: absolute;
  left: 50%;
  margin-left: -50px;
  bottom: 100%;
  width: 100px;
  line-height: 1;
  padding-bottom: 5px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-30px);
  transition: 0.4s;
}
.eq figure {
  display: block;
  padding: 8px;
  line-height: 1;
  border-radius: 5px;
  background: #fff;
}
.eq figure img {
  display: block;
  width: 100%;
  height: auto;
}
.footer-copy {
  display: flex;
  padding-top: 44px;
}
.footer-copy p,
.footer-copy a {
  margin-right: 20px;
  display: inline-block;
  color: #788282;
  font-size: 16px;
}
.pbanner {
  position: relative;
  overflow: hidden;
}
.pbanner figure {
  position: relative;
  display: block;
  padding-bottom: 41.15vw;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.pbanner figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ptexts {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  z-index: 3;
}
.ptexts small {
  display: block;
  margin-bottom: 2.13vw;
  line-height: 1;
  color: #2B2D42;
  font-size: 10rem;
  font-family: "PlayfairDisplay";
  overflow: hidden;
}
.ptexts strong {
  display: block;
  line-height: 1;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: normal;
  font-family: "SourceHanSerifCN-Regular";
}
.ptexts img {
  margin: auto;
  max-width: 100%;
}
.common-imgs {
  position: absolute;
  top: -13.02vw;
  right: 6.25vw;
  width: auto;
  height: 27.08vw;
}
.common-imgs img {
  width: auto;
  max-height: 100%;
  height: auto;
}
.about-box {
  position: relative;
}
.about-introduct {
  padding: 7.19vw 0 6.67vw;
}
.about-info {
  text-align: center;
}
.about-info h3 {
  display: block;
  line-height: 1.3;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: bold;
}
.about-info p {
  margin: auto;
  margin-top: 1.67vw;
  width: 648px;
  max-width: 100%;
  color: #788282;
  font-size: 16px;
  line-height: 2;
}
.introduct-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10.16vw;
}
.introduct-list li:nth-child(2n+2) {
  flex-direction: row-reverse;
}
.introduct-list li:nth-child(2n+2) .introbg {
  top: 8.75vw;
  right: auto;
  left: -0.68vw;
}
.introduct-list li:nth-child(2n+2) .introbg img {
  height: 29.48vw;
}
.introduct-list li:nth-child(2n+2) .introduct-info {
  text-align: right;
}
.introduct-imgs {
  position: relative;
  z-index: 2;
  width: 43.35%;
}
.introduct-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 10px;
}
.introduct-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.introbg {
  position: absolute;
  right: 1.56vw;
  top: 2.24vw;
  z-index: -1;
}
.introbg img {
  display: inline-block;
  width: auto;
  height: 24.32vw;
}
.introduct-info {
  width: 44.375%;
}
.introduct-info strong {
  display: block;
  margin-bottom: 1.98vw;
  line-height: 1.2;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: bold;
}
.introduct-info p {
  color: #788282;
  font-size: 16px;
}
.staff-style {
  padding: 6.25vw 0 0;
  position: relative;
  z-index: 5;
}
.staff-imgs {
  position: relative;
  margin-top: 4.43vw;
}
.staff-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 40.46%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 10px;
}
.staff-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.staff-imgs strong {
  display: block;
  position: absolute;
  left: 3.75vw;
  bottom: -3.2rem;
  line-height: 1;
  color: #09A1B7;
  font-size: 6.4rem;
  font-weight: bold;
  text-transform: uppercase;
}
.global-layout {
  padding: 10.42vw 0;
}
.global-layout .global-map {
  width: auto;
}
.global-layout .global-layout-info {
  display: block;
}
.about-info1 {
  text-align: left;
}
.about-info1 p {
  margin-top: 20px;
  width: auto;
}
.global-layout-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 0.63vw;
}
.global-map {
  margin-left: 2.08vw;
  margin-top: 4.58vw;
  position: relative;
  width: 0;
  flex: 1;
}
.global-map figure {
  display: block;
  line-height: 1;
}
.global-map figure img {
  display: block;
  width: 100%;
  height: auto;
}
.layout-list li.current span {
  width: 1.8rem;
  height: 2.4rem;
  background-size: 1.8rem;
  margin-left: -0.9rem;
  margin-top: -1.2rem;
}
.layout-list li span {
  margin-left: -0.35rem;
  margin-top: -0.35rem;
  width: 0.7rem;
  height: 0.7rem;
  border-radius: 50%;
  position: absolute;
  padding: 0;
  border: none;
  background-image: url(../images/location-icon.svg);
  background-size: 3.8rem;
  background-position: top center;
  transition: 0.3s all;
  z-index: 3;
  cursor: pointer;
}
.layout-swipers {
  position: relative;
  overflow: hidden;
  width: 32.34%;
  border-radius: 18px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.25);
  background: #F9F9F9;
}
.layout-swipers:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 10px;
  background: #0AA2B8;
}
.layout-swiper-list {
  position: relative;
  padding-bottom: 110px;
}
.layout-slide {
  padding: 5rem 3.3rem 0;
  box-sizing: border-box;
}
.layout-slide strong {
  display: block;
  margin-bottom: 3.4rem;
  line-height: 1.1;
  color: #0AA2B8;
  font-size: 20px;
  font-weight: bold;
}
.layout-slide figure {
  position: relative;
  display: block;
  padding-bottom: 45.97%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.layout-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.layout-fix {
  margin-top: 4rem;
}
.layout-fix p {
  margin-bottom: 13px;
  color: #788282;
  font-size: 16px;
}
.layout-fix p i {
  display: inline-block;
  margin-right: 10px;
  color: #0AA2B8;
  font-style: normal;
  font-size: 16px;
}
.layout-btn {
  position: absolute;
  right: 3.3rem;
  bottom: 3rem;
  z-index: 3;
  display: flex;
  align-items: center;
}
.layout-btn span {
  display: inline-block;
  margin-right: 7px;
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #0AA2B8;
  color: #0AA2B8;
  border-radius: 50%;
  font-size: 12px;
  cursor: pointer;
  transition: 0.3s;
}
.layout-btn span:hover {
  background: #0AA2B8;
  color: #fff;
}
.layout-btn span:last-child {
  margin-right: 0;
}
.history {
  padding: 0 0 10.68vw;
}
.history-slide {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.history-imgs {
  width: 50%;
  line-height: 1;
}
.history-imgs figure {
  border-radius: 0 10px 10px 0;
  position: relative;
  display: block;
  padding-bottom: 99.06%;
  height: 0;
  overflow: hidden;
  line-height: 1;
}
.history-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.history-info {
  padding: 4.48vw 3.13vw 20px;
  width: 50%;
  box-sizing: border-box;
  background: #F9F9F9;
  border-radius: 10px 0 0 10px;
}
.history-info strong {
  display: block;
  margin-bottom: 1.04vw;
  line-height: 1.3;
  color: #2B2D42;
  font-size: 2.6rem;
  font-weight: bold;
}
.history-info time {
  display: block;
  margin-bottom: 1.56vw;
  line-height: 1.5;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: bold;
}
.history-info p {
  color: #0AA2B8;
  font-size: 20px;
}
.history-btns {
  right: auto;
  left: 6rem;
  bottom: 3.7rem;
}
.cooperate-tab {
  margin-top: 5.73vw;
  overflow: hidden;
}
.cooperate-swiper {
  margin-bottom: 3.2rem;
  overflow: visible;
}
.cooperate-swiper .swiper-wrapper {
  transition-timing-function: linear !important;
}
.cooperate-slide {
  padding: 12px 0;
  margin-right: 7rem;
  width: 30.5rem;
}
.cooperate-slide figure {
  display: block;
  height: 12rem;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  background: #fff;
}
.cooperate-slide figure img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.flex {
  display: flex;
}
.y-cn {
  margin-top: 40px;
  width: 100%;
}
.year-all {
  margin-top: 5.4rem;
  padding-left: 2rem;
  color: #0AA2B8;
  display: flex;
  align-items: center;
  background: none;
  border: none;
  font-size: 2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding-top: 2.3rem;
  line-height: 1;
  cursor: pointer;
  font-weight: bold;
}
.year-all:after {
  border: solid #0AA2B8;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: block;
  content: '';
  height: 0.1rem;
  width: 0.1rem;
  margin-left: 0.24rem;
  transition: 0.3s all;
  position: relative;
  left: 0;
}
.years-nav {
  display: flex;
  flex: 1;
  justify-content: space-around;
  position: relative;
  margin-top: 4rem;
}
.years-nav:before {
  position: absolute;
  top: 1.4rem;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.3);
  display: block;
  content: '';
}
.years-img-con img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.year-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.year-btn {
  border: none;
  background: none;
  position: relative;
  cursor: pointer;
}
.year-btn .circ {
  display: block;
  background-color: white;
  width: 1.2rem;
  height: 1.2rem;
  border: 3px solid #B3B3B3;
  border-radius: 50%;
  transition: 0.3s all;
}
.flex-center-all {
  display: flex;
  align-items: center;
  justify-content: center;
}
.year-btn .year-title {
  display: block;
  margin-top: 2rem;
  font-size: 2rem;
  color: #788282;
  transition: 0.3s all;
}
.circ-con {
  width: 2.6rem;
  height: 2.6rem;
}
.btn-con.minor .circ {
  width: 0.8rem;
  height: 0.8rem;
  background-color: #b2b2b2;
  border-color: #b2b2b2;
  flex: 0 0 0.8rem;
}
.btn-con {
  transition: 0.3s all;
  display: flex;
  justify-content: center;
  align-items: baseline;
  cursor: pointer;
}
.btn-con.minor {
  /*display: none;*/
  flex-grow: 0;
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.years-nav.extended li {
  flex-grow: 1;
  width: auto;
  opacity: 1;
}
.years-nav li {
  flex-grow: 1;
}
.years-nav li.current .year-btn .circ {
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  background-color: #0AA2B8;
  border-color: #0AA2B8;
}
.years-nav li.current .year-btn .year-title {
  color: #0AA2B8;
  font-weight: 600;
}
.btn-con.minor .year-title {
  display: none;
}
.honor-banner {
  position: relative;
  display: flex;
  align-items: center;
  height: 55.6rem;
  overflow: hidden;
  background: #F8F8F8;
}
.honor-tt {
  display: block;
  position: relative;
  top: 3rem;
  line-height: 1;
  color: #2B2D42;
  font-size: 4.8rem;
  font-weight: bold;
}
.honor-box {
  position: relative;
  padding: 7.7rem 0 3rem;
}
.honor-infos {
  width: 61.7rem;
  color: #788282;
  font-size: 1.6rem;
}
.honor-wr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 4.3rem;
}
.honor-left {
  margin-right: 30px;
  width: 0;
  flex: 1;
}
.honor-min-tt {
  display: block;
  margin-bottom: 2.8rem;
  color: #2B2D42;
  font-size: 3.6rem;
  line-height: 8.4rem;
  font-weight: bold;
}
.honor-list {
  display: inline-block;
}
.honor-list li {
  margin-bottom: 3rem;
  cursor: pointer;
  color: #2B2D42;
  font-size: 16px;
  transition: 0.35s;
}
.honor-list li:hover,
.honor-list li.active {
  color: #0AA2B8;
}
.honor-vh {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  height: 100vh;
  width: 60rem;
}
.honor-swiper {
  width: 100%;
}
.honor-slide {
  display: block;
  line-height: 1;
  overflow: hidden;
}
.honor-slide img {
  display: block;
  width: 100%;
  height: auto;
}
.honor-btns {
  position: relative;
  right: 0;
  bottom: 0;
  margin-top: 8rem;
  display: flex;
  justify-content: space-between;
}
.honor-btns span {
  margin-right: 0;
}
.application-box {
  overflow: hidden;
}
.applicate-top {
  padding: 29.4rem 0 6.2rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.applicate-left {
  width: 42.18%;
}
.applicate-title strong {
  display: block;
  margin-bottom: 3.6rem;
  color: #2B2D42;
  font-size: 4.8rem;
  line-height: 1.2;
  font-weight: bold;
}
.applicate-title p {
  color: #788282;
  font-size: 1.6rem;
}
.applicate-search {
  margin-top: 13rem;
}
.applicate-class {
  display: flex;
}
.applicate-class a {
  display: block;
  margin-right: 3rem;
  margin-bottom: 3.6rem;
  line-height: 1;
  color: #000000;
  font-size: 2rem;
  font-weight: bold;
}
.applicate-class a.active,
.applicate-class a:hover {
  color: #0AA2B8;
}
.applicate-btn {
  margin-right: -5.3rem;
  display: flex;
  flex-wrap: wrap;
}
.applicate-btn li {
  margin-bottom: 3rem;
  margin-right: 3.4rem;
}
.applicate-btn li:Hover a,
.applicate-btn li.active a {
  border-color: #0AA2B8;
  background: #0AA2B8;
  color: #fff;
}
.applicate-btn li a {
  display: flex;
  align-items: center;
  padding: 0 2.1rem;
  height: 4.2rem;
  line-height: 4.4rem;
  color: #2B2D42;
  font-size: 1.6rem;
  border: 1px solid #2B2D42;
  border-radius: 2.2rem;
}
.applicate-imgs {
  position: relative;
  flex: 1;
  width: 0;
  z-index: 3;
}
.applicate-imgs figure {
  display: block;
  position: relative;
  z-index: 3;
  margin-left: 13.6rem;
  line-height: 1;
  width: 34.8rem;
  height: 45.7rem;
  text-align: center;
}
.applicate-imgs figure img {
  display: inline-block;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.applicate-bg {
  position: absolute;
  left: 0;
  bottom: -5.6rem;
  z-index: -1;
}
.applicate-bg img {
  display: inline-block;
  width: auto;
  height: 35.4rem;
}
.product-view {
  padding: 17.4rem 0 0;
}
.posites {
  display: flex;
  align-items: center;
}
.posites a {
  display: inline-block;
  color: #000000;
  font-size: 1.8rem;
}
.posites b {
  margin: 0 8px;
  display: inline-block;
  color: #0AA2B8;
  font-size: 1.8rem;
  font-weight: normal;
  font-family: "SourceHanSerifCN-Regular";
}
.posites span {
  display: inline-block;
  color: #0AA2B8;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: underline;
}
.product-view-info {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 7rem;
}
.product-v-left {
  width: 50%;
}
.product-v-title {
  display: flex;
  align-items: center;
  margin-bottom: 4.8rem;
}
.product-v-title img {
  display: inline-block;
  width: auto;
  max-height: 7rem;
}
.product-v-title strong {
  display: inline-block;
  margin-left: 0.5rem;
  color: #2B2D42;
  font-size: 4.8rem;
  font-weight: bold;
}
.product-v-text {
  color: #788282;
  font-size: 1.6rem;
}
.product-v-text img {
  width: auto;
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}
.product-advantage {
  padding-top: 8.6rem;
  width: 44.14%;
}
.advantage-tt {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 2rem;
  font-weight: bold;
}
.advantage-list {
  margin-top: 3.4rem;
}
.advantage-list li {
  margin-bottom: 1rem;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
}
.advantage-default {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 3.4rem;
  padding-right: 3.4rem;
  height: 7rem;
  cursor: pointer;
}
.advantage-default strong {
  display: inline-flex;
  align-items: center;
  color: #788282;
  font-size: 1.6rem;
  font-weight: normal;
}
.advantage-default strong img {
  display: inline-block;
  margin-right: 2.4rem;
  width: 2.3rem;
}
.advantage-default i {
  display: inline-flex;
  color: #0AA2B8;
  font-size: 14px;
  font-style: normal;
  transform: rotate(90deg);
}
.advantage-infos {
  padding: 0 3.4rem 3rem;
  color: #788282;
  font-size: 1.6rem;
  display: none;
}
.product-more1 {
  padding-top: 6.7rem;
  text-align: left;
}
.product-more1 a {
  width: 18.6rem;
}
.specificate {
  padding: 10.6rem 0 10rem;
}
.specificate-table {
  margin-top: 6rem;
  padding: 6.6rem 10.7rem 8.7rem;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}
.specificate-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.specificate-table table thead tr th {
  background: #0AA2B8;
  height: 44px;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
}
.specificate-table table tbody tr:nth-child(2n+2) td {
  background: #C8E1E5;
}
.specificate-table table tbody tr td {
  color: #2B2D42;
  font-size: 14px;
  height: 44px;
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
  background: #fff;
  text-align: center;
}
.all-product {
  padding: 6.7rem 10rem 6.2rem;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
}
.all-product .home-about-list {
  margin-top: 0;
  padding-bottom: 0;
}
.all-product .home-about-list li {
  margin: 1.2rem 0;
}
.home-about-list1 .advantage-default strong {
  margin-top: 0;
}
.home-about-list1 .face {
  position: relative;
  transform: rotate(0deg) !important;
}
.home-about-list1 li:hover a {
  transform: rotate(0deg);
}
.all-product-tab {
  position: relative;
  margin-bottom: 8rem;
}
.product-btns {
  position: static;
  bottom: auto;
  right: 0;
}
.product-btns span {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  z-index: 10;
}
.product-btns span.prev {
  left: -7.5rem;
}
.product-btns span.next {
  right: -7.5rem;
}
.device {
  position: relative;
  z-index: 2;
  padding: 6.2rem 0 0;
}
.device .common-imgs {
  top: -18rem;
  right: auto;
  left: 10rem;
  height: 45rem;
}
.device-hide {
  overflow: hidden;
}
.device-top {
  position: relative;
  z-index: 4;
  padding: 10rem 30px 8rem;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
  background: #fff;
}
.device-list {
  padding: 12.2rem 0 15rem;
}
.devicep-item {
  margin-bottom: 17rem;
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.devicep-item:nth-child(2n+2) {
  flex-direction: row;
}
.devicep-item:nth-child(2n+2) .customized-bg {
  width: 100%;
}
.devicep-item:nth-child(2n+2) .customized-bg figure {
  border-radius: 10px 0 0 10px;
}
.devicep-item:nth-child(2n+2) .customized-content {
  border-radius: 0 10px 10px 0;
}
.devicep-item:nth-child(2n+2) .customized-btn {
  left: auto;
  right: 0;
}
.devicep-item:last-child {
  margin-bottom: 0;
}
.device-swiper {
  width: 50%;
}
.device-swiper .customized-btn {
  left: 0;
}
.device-swiper .customized-slide .customized-bg {
  width: 100%;
}
.device-swiper .customized-slide .customized-bg figure {
  padding-bottom: 82.5%;
}
.device-fix {
  position: relative;
  z-index: 3;
}
.device-fix .customized-img {
  left: auto;
  right: -42rem;
}
.news-box {
  padding: 17.4rem 0 4rem;
}
.news-wr {
  padding: 4.8rem 0 0;
}
.news-tt {
  display: block;
  line-height: 1;
  text-align: center;
  color: #2B2D42;
  font-size: 4.8rem;
  font-weight: bold;
}
.news-list {
  margin-top: 17rem;
  margin-bottom: -7.8rem;
  display: flex;
  flex-wrap: wrap;
}
.news-list li {
  margin-right: 2.6%;
  margin-bottom: 7.8rem;
  width: 31.6%;
  border-radius: 10px;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
}
.news-list li:nth-child(3n+3) {
  margin-right: 0;
}
.news-list li:hover figure img {
  transform: scale(1.08);
}
.news-list li figure {
  position: relative;
  display: block;
  padding-bottom: 81.97%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 10px 10px 0 0;
}
.news-list li figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news-list li figure img {
  transition: 0.65s;
}
.news-text {
  padding: 3rem 2.7rem 3rem;
  background: #fff;
}
.news-text strong {
  display: block;
  line-height: 1.2;
  color: #000000;
  font-size: 20px;
  height: 13rem;
  font-weight: bold;
}
.news-text time {
  display: block;
  margin-bottom: 1.2rem;
  line-height: 1.2;
  color: #788282;
  font-size: 16px;
}
.news-text span {
  display: inline-block;
  line-height: 1.2;
  color: #0AA2B8;
  font-size: 16px;
  text-decoration: underline;
  font-weight: bold;
}
.news-view {
  padding: 17.4rem 0 0;
}
.news-back {
  margin-bottom: 6.6rem;
}
.news-back a {
  display: inline-block;
  color: #000000;
  font-size: 18px;
}
.news-back a:hover {
  color: #0AA2B8;
}
.news-view-top {
  margin-bottom: 6rem;
}
.news-view-top h3 {
  display: block;
  margin-bottom: 5.2rem;
  line-height: 1.2;
  color: #2B2D42;
  font-size: 4.8rem;
  font-weight: bold;
}
.news-view-top time {
  display: block;
  line-height: 1.2;
  color: #788282;
  font-size: 16px;
}
.news-v-infos {
  color: #788282;
  font-size: 1.6rem;
}
.news-v-infos img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.news-v-more {
  margin-top: 15rem;
}
.news-v-more .news-list {
  margin-top: 0;
}
.news-tts {
  display: block;
  margin-bottom: 6rem;
  line-height: 1;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center;
}
.contact-tops {
  padding: 7.8rem 4rem 6.4rem;
}
.contact-tops .about-info p {
  width: auto;
}
.messages-box {
  padding: 8.3rem 0 7.8rem;
  background: #0AA2B8;
}
.message-fix {
  display: flex;
  justify-content: space-between;
  background: #0AA2B8;
}
.message-title {
  padding-top: 4.6rem;
  width: 41.25%;
}
.message-title strong {
  display: block;
  margin-bottom: 4rem;
  line-height: 1.2;
  color: #fff;
  font-size: 3.6rem;
  font-weight: bold;
}
.message-title p {
  color: #fff;
  font-size: 16px;
}
.message-from {
  width: 34.14%;
}
.message-row {
  margin-bottom: 2.7rem;
}
.message-row .text {
  box-sizing: border-box;
  border: none;
  padding: 0;
  width: 100%;
  height: 5rem;
  line-height: 5rem;
  color: #fff;
  font-size: 16px;
  border-bottom: 1px solid #fff;
  outline: none;
  background: none;
}
.message-row .text::-webkit-input-placeholder {
  color: #fff;
}
.message-sub {
  padding-top: 3rem;
}
.message-sub .sug {
  box-sizing: border-box;
  width: 100%;
  border: none;
  outline: none;
  height: 6rem;
  line-height: 6rem;
  background: #fff;
  border-radius: 3rem;
  color: #0AA2B8;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
.message-sub .sug:hover {
  transform: scale(1.03);
}
.contact-us-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  background: #F9F9F9;
  border-radius: 10px;
}
.contact-us-info {
  box-sizing: border-box;
  padding: 7.8rem 10.8rem 2rem 6rem;
  width: 50%;
}
.contact-tts {
  display: block;
  margin-bottom: 3rem;
  line-height: 1.2;
  color: #2B2D42;
  font-size: 3.6rem;
  font-weight: bold;
}
.contact-btns {
  display: flex;
  align-items: center;
  margin-bottom: 2.2rem;
}
.contact-btns span {
  display: inline-block;
  margin-right: 6.9rem;
  color: #2B2D42;
  font-size: 2rem;
  cursor: pointer;
  line-height: 1.3;
  font-weight: bold;
}
.contact-btns span:hover,
.contact-btns span.active {
  color: #0AA2B8;
}
.contact-btns span:last-child {
  margin-right: 0%;
}
.contact-items {
  display: none;
}
.contact-items:first-child {
  display: block;
}
.contact-text {
  margin-bottom: 4.2rem;
  position: relative;
}
.contact-text:last-child:before {
  display: none;
}
.contact-text:before {
  position: absolute;
  left: 0;
  bottom: -2.1rem;
  content: "";
  width: 100%;
  height: 1px;
  background: #D2D2D2;
}
.contact-text p {
  color: #788282;
  font-size: 16px;
}
.contact-text p span {
  display: inline-block;
  width: 45px;
  color: #2B2D42;
  font-weight: bold;
}
.contact-us-info .home-about-more {
  text-align: left;
}
.contact-imgs {
  line-height: 1;
  width: 50%;
}
.contact-imgs figure {
  position: relative;
  display: block;
  padding-bottom: 103.125%;
  height: 0;
  overflow: hidden;
  line-height: 1;
  border-radius: 0 10px 10px 0;
}
.contact-imgs figure img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reponsibilitys {
  padding: 17.4rem 0 0;
  overflow: hidden;
}
.reponsibilitys-top {
  position: relative;
  padding: 8.5rem 0 10.5rem;
}
.reponsibilitys-top-text {
  width: 50.8%;
}
.reponsibilitys-top-text strong {
  display: block;
  margin-bottom: 9.6rem;
  line-height: 1.2;
  color: #2B2D42;
  font-size: 4.8rem;
  font-weight: bold;
}
.reponsibilitys-top-text p {
  color: #414345;
  font-size: 18px;
  line-height: 2;
}
.reponsibilitys-imgs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -24.6rem;
}
.reponsibilitys-imgs img {
  height: 15.36vw;
}
.reponsibilitys-list li {
  margin-bottom: 5.8rem;
  box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
  border-radius: 10px 10px 10px 10px;
}
.reponsibilitys-list li a {
  display: block;
  position: relative;
  padding: 7rem 6.6rem 6.2rem;
}
.reponsibilitys-list li a:hover .reponsibilitys-arrow {
  background: #0AA2B8;
  color: #fff;
}
.reponsibilitys-title {
  display: block;
  line-height: 1;
  color: #000000;
  font-size: 3.2rem;
  font-weight: bold;
}
.reponsibilitys-in {
  margin-top: 4.8rem;
  color: #788282;
  font-size: 16px;
  line-height: 2;
}
.reponsibilitys-in strong {
  display: block;
  margin-bottom: 1rem;
  line-height: 2;
  color: #0AA2B8;
  font-size: 16px;
  font-weight: bold;
}
.reponsibilitys-in span {
  color: #0AA2B8;
}
.reponsibilitys-arrow {
  position: absolute;
  right: 4.5rem;
  top: 7.6rem;
  width: 34px;
  height: 34px;
  border: 1px solid #0AA2B8;
  border-radius: 50%;
  line-height: 34px;
  text-align: center;
  color: #0AA2B8;
  font-size: 14px;
  transition: 0.4s;
}
.responsibility-boxs .common-imgs {
  left: auto;
  right: 8.7rem;
}
.responsibility-boxs .device-top {
  padding: 10rem 8.3rem 8rem;
}
.responsibility-boxs .device-top .about-info p {
  width: auto;
}
.history-fixs {
  padding-top: 200px;
}