@charset "utf-8";

/* 杩欎釜css鏄垵濮嬪寲鐨刢ss锛屽湪浠讳綍椤圭洰閲岄潰閮藉彲浠ヤ娇鐢 */
/* 绂佺敤iPhone涓璖afari鐨勫瓧鍙疯嚜鍔ㄨ皟鏁 */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  /* 瑙ｅ喅IOS榛樿婊戝姩寰堝崱鐨勬儏鍐 */
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: scroll;
}

.bgl {
  background: -moz-linear-gradient(50% 101.78% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 101.78%, 50% -0.23%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
}

.bg {
  background: #00A0AD;
}

.c {
  color: #00A0AD;
}

.bg2 {
  background: #00A0AD;
}

.c2 {
  color: #00A0AD;
}

.pc_show_990 {
  display: block;
}

.pc_show_767 {
  display: block;
}

.phone_show_990 {
  display: none;
}

.phone_show_767 {
  display: none;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}

.pagination>li>a,
.pagination>li>span {
  border-radius: 0 !important;
}

.pagination>li {
  margin: 0 5px;
}

.pagination>li>a,
.pagination>li>span {
  color: #333;
}

.pagination>li:last-child .iconfont,
.pagination>li:nth-child(1) .iconfont {
  font-size: 30px;
  line-height: 30px;
}

.pagination>li {
  margin: 0 5px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination>li {
  margin: 0 3px;
}

.pagination .active span {
  background-color: #fff;
  border-color: #00A0AD !important;
  color: #00A0AD;
}

.pagination .active span:hover {
  background-color: #fff;
  color: #00A0AD !important;
}

.pagination li a:hover {
  background-color: #fff;
  border-color: #00A0AD !important;
  color: #00A0AD !important;
}

.pagination>li>a,
.pagination>li>span {
  position: relative;
  float: left;
  padding: 9px 12px;
  color: #333 !important;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  line-height: 1;
}

.pagination>li.active a,
.pagination>li.active span {
  color: #00A0AD !important;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination>li>a,
.pagination>li>span {
  color: #333;
}

.foot-fot {
  background: #2D3333;
}

/* 绂佹缂╂斁琛ㄥ崟 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
  resize: none;
  border: none;
}

img {
  max-width: 100%;
  height: auto;
  width: auto;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*涓轰簡鐓ч【ie鍥剧墖缂╂斁澶辩湡*/
}

.line1 {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.line3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.line4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.trans {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.er-ul {
  position: absolute;
  width: 100%;
  left: -10rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  right: 0;
  top: 100%;
  z-index: 999;
  background: #fff;
  transition: 400ms ease-in-out;
  opacity: 1;
  transform: scaleY(0);
  transform-origin: top center;
  opacity: 0;
  border-radius: 0 0 8px 8px;
  width: 41.125rem;
  border-radius: 0.625rem;
  box-shadow: 0px 0.8125rem 1rem rgba(0, 0, 0, 0.199);
  padding: 1.875rem;
}

.er-ul>.clearfix {
  display: flex;
}

.er-ul .right1 {
  width: 57%;
  padding-left: 2.5rem;
  float: right;
}

.er-ul .right1 a {
  display: none;
  border-radius: 1.25rem;
  height: 100%;
}

.er-ul .right1 a img {
  min-height: 8rem;
  object-fit: cover;
  border-radius: 1.25rem;
  height: 10rem;
}

.er-ul .right1 a.active {
  display: block;
}

.er-ul .left1 {
  width: 43%;
  padding-right: 1.5rem;
  float: left;
}

.er-ul .left1 ul li:first-child a {
  padding-top: 0;
}

.er-ul .left1 ul li:hover a {
  color: #00A0AD;
}

.er-ul .left1 ul li a {
  padding: 0 1rem;
  font-size: 0.875rem;
  color: #4F4F4F;
  padding: 0;
  height: 2.875rem;
  display: flex;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid rgba(79, 79, 79, 0.2);
}

.er-ul .left1 ul li a span {
  width: 90%;
  display: block;
}

.er-ul .left1 ul li a span,
.er-ul .left1 ul li a i {
  line-height: 1;
}

.er-ul .left1 ul li a i {
  width: 10%;
  text-align: right;
  font-size: 1.25rem;
}

.er-ul>li {
  line-height: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
}

.er-ul>li:hover a {
  color: #00A0AD;
}

.er-ul>li:nth-child(1) {
  padding-top: 0.625rem;
}

.er-ul>li:last-child {
  padding-bottom: 0.625rem;
}

header .center>ul>li:hover .er-ul {
  transform: none;
  opacity: 1;
}

.logo_phone img {
  width: 7.5rem;
}

.cf {
  color: #fff !important;
}

.c0 {
  color: #000 !important;
}

.phone_weibu {
  background: #0A0A0A;
  display: none;
}

.phone_weibu .mobMenu>li>a {
  font-size: 14px;
  padding: 10px 0;
  color: #fff;
}

.phone_weibu .mobMenu>li {
  border-bottom: #424245 1px solid;
}

.phone_weibu .mobMenu>li>.subDepth>li>a {
  font-size: 1em;
  color: #9a9797;
  line-height: 28px;
}

.phone_weibu .mobMenu>li>a::before {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>a::after {
  background-color: #fff;
}

.phone_weibu .mobMenu>li>.subDepth {
  display: none;
}

.container {
  padding: 0 14.8125rem;
  width: 100%;
  max-width: 100%;
}

.container.con_l {
  padding-left: 0;
}

.container.con_r {
  padding-right: 0;
}

/* 鎼滅储 */
.search {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  /* background: #000; */
  background: rgba(0, 0, 0, 0.85);
  z-index: 9999;
  display: none;
}

.search-box {
  width: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 25%;
}

.inp {
  width: 100%;
  height: 6.25rem;
  background: none;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
  font-size: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
}

.inp::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

.bu {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  color: rgba(255, 255, 255, 0.7);
  background: none;
  border: none;
  z-index: 9999;
}

.bu .iconfont {
  font-size: 3.125rem;
}

.search-con {
  position: absolute;
  right: 7%;
  top: 7%;
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

.search-con .iconfont {
  font-size: 2.125rem;
  font-weight: 100;
}

.ds {
  cursor: pointer;
}

.fenxiang .flex {
  justify-content: flex-start;
}

.fenxiang .social-share li {
  float: left;
  margin-right: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  line-height: 2.375rem;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
}

.fenxiang .social-share li a {
  margin: 0 !important;
  width: 100%;
  height: 100%;
  line-height: 2.375rem;
  color: #ffffff !important;
  border: none !important;
  font-size: 1rem;
}

.serbtn {
  background: #00A0AD;
}

.searchbox {
  border-color: #00A0AD;
}

@media (max-width: 990px) {
  body {
    padding-bottom: 0;
    overflow: hidden;
  }
}

@media (max-width: 990px) {
  .pc-hidden {
    display: none;
  }
}

.m-hidden {
  display: none;
}

@media (max-width: 990px) {
  .m-hidden {
    display: block;
  }
}

.foot1-m {
  display: none;
  width: 100%;
  position: relative;
  z-index: 1;
}

/*鎵嬫満搴曢儴*/
@media (max-width: 991px) {
  .foot1-m {
    display: block;
  }
}

/*鎵嬫満绔ご閮?/
.m-bm-head {
  position: fixed;
  top: 0;
  z-index: 999;
  left: 0;
  right: 0;
  background: #000;
}

.m-bm-head .m-bm-head-box {
  position: relative;
  height: 60px;
}

.m-bm-head .phone_lanu {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 65px;
}

.m-bm-head .m-bm-head-box .m-bm-logo {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto 4%;
  max-width: 100%;
  height: 34px;
}

.m-bm-nav .aniut.aniut_son {
  height: 35px;
  line-height: 35px;
}

.m-bm-head .m-bm-head-box .m-bm-logo h1,
.m-bm-head .m-bm-head-box .m-bm-logo a {
  display: inline;
  font-size: 0;
}

.m-bm-head .m-bm-head-box .m-bm-logo img {
  height: 40px;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn {
  position: absolute;
  z-index: 9;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 4% auto 0;
  width: 20px;
  height: 15px;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn span,
.m-bm-head .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  display: block;
  height: 1.5px;
  width: 100%;
  background: #fff;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn span {
  margin: 4.5px 0;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head .m-bm-head-box .m-bm-navbtn:before {
  content: '';
  -webkit-transform-origin: 7.5%;
  -moz-transform-origin: 7.5%;
  -ms-transform-origin: 7.5%;
  -o-transform-origin: 7.5%;
  transform-origin: 7.5%;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked span {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.m-bm-head .m-bm-menu {
  display: none;
  position: absolute;
  z-index: 9999;
  left: 0;
  right: 0;
  height: 100vh;
  background: #050505;
}

.m-bm-head .m-bm-menu .m-bm-menu-box {
  height: -webkit-calc(40vh);
  height: -moz-calc(40vh);
  height: calc(100vh - 60px);
  overflow: auto;
  padding-bottom: 80px;
}

.m-bm-head .mrhgxt {
  color: #fff;
  font: 500 1.125rem/60px "helvetica";
  margin-left: 63%;
  position: relative;
  z-index: 9;
}

.m-bm-head .mrhgxt i {
  font-size: 1.125rem;
  margin-right: 0.25em;
}

.m-bm-nav>li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

.m-bm-nav>li>a {
  display: block;
  line-height: 50px;
  font-size: 14px;
  color: #fff;
  font-family: "sourcehansans";
  padding: 0 4%;
  font-weight: 600;
}

.m-bm-nav>li>a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
  font-family: "sourcehansans";
  font-weight: 500;
}

.m-bm-nav>li .sec {
  display: none;
  padding: 10px 15px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.m-bm-nav>li .sec a {
  display: block;
  font-size: 12px;
  color: #fff;
  line-height: 35px;
}

.m-bm-nav>li .sec a span {
  display: inline-block;
  min-width: 40%;
  max-width: 50%;
}

.m-bm-nav .aniut {
  position: absolute;
  width: 40px;
  height: 50px;
  line-height: 50px;
  right: 2%;
  top: 0;
  text-align: center;
  z-index: 9;
}

.m-bm-nav .aniut i {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #fff;
}

.m-bm-head.white {
  background: #fff;
}

.m-bm-head.white .m-bm-head-box .m-bm-navbtn span,
.m-bm-head.white .m-bm-head-box .m-bm-navbtn:after,
.m-bm-head.white .m-bm-head-box .m-bm-navbtn:before {
  background: #000;
}

.m-bm-head.white .m-bm-menu {
  background: #fff;
}

.m-bm-head.white .m-bm-nav>li,
.m-bm-head.white .m-bm-nav>li .sec {
  border-color: rgba(51, 51, 51, 0.1);
}

.m-bm-head.white .m-bm-nav>li>a,
.m-bm-head.white .m-bm-nav .aniut i,
.m-bm-head.white .m-bm-nav>li .sec a,
.m-bm-head.white .mrhgxt {
  color: #000;
}

.ajhhsd {
  color: #777;
  font: 500 1rem/1.5em "sourcehansans";
  padding: 1em 0;
}

.ajhhsd a {
  color: #777;
}

.ajhhsd a:hover {
  color: #00A0AD;
}

.ajhhsd span {
  padding: 0 0.3em;
}

.ajhhsd span:last-child {
  display: none;
}

.xw_ny_banner {
  background: #333;
  -o-background-size: cover;
  background-size: cover;
  padding: 13.5rem 0 7.25rem;
}

@media (max-width: 990px) {
  .xw_ny_banner {
    padding: 7.25rem 0;
  }
}

@media (max-width: 768px) {
  .xw_ny_banner {
    padding: 4rem 0;
  }
}

.xw_ny_banner h2 {
  color: #FFFFFF;
  font: 600 3.125rem/1.2em "montserrat";
}

@media (max-width: 768px) {
  .xw_ny_banner h2 {
    font-size: 1.8rem;
  }
}

.ssy-sskaa {
  margin-bottom: 2rem;
}

@media (max-width: 768px) {
  .ssy-sskaa {
    margin-bottom: 1.5rem;
  }
}

.ssy-sskaa .searchsa form {
  width: 50%;
  border: 1px solid #999;
  padding: 0 1.5em;
  border-radius: 2rem;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form {
    width: 90%;
  }
}

.ssy-sskaa .searchsa form input {
  width: 70%;
  font: 500 1.25rem/4rem "sourcehansans";
  background: transparent;
  color: #999;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form input {
    font-size: 1.125rem;
    line-height: 3rem;
  }
}

.ssy-sskaa .searchsa form button {
  width: auto;
  outline: none;
  border: none;
  background: transparent;
}

.ssy-sskaa .searchsa form button i {
  font: 500 1.6rem/4rem "sourcehansans";
  color: #333;
}

@media (max-width: 768px) {
  .ssy-sskaa .searchsa form button i {
    font-size: 1.35rem;
    line-height: 3rem;
  }
}

.sssjga {
  color: #333;
  font: 600 1.25rem/1.5em "sourcehansans";
  margin-bottom: 1em;
}

.ss-list li+li {
  margin-top: 2rem;
}

.ss-list>li:hover img {
  transform: scale(1.1);
}

.ss-list>li:hover .xw-nycont h2 a {
  color: #00A0AD;
}

@media (max-width: 768px) {
  .ss-list li+li {
    margin-top: 1rem;
  }
}

.ss-list li div.img {
  width: 25%;
}

@media (max-width: 768px) {
  .ss-list li div.img {
    width: 100%;
  }
}

.ss-list li div.img a.img {
  display: block;
  border: 1px solid #f2f2f2;
}

.ss-list li .xw-nycont {
  width: 72%;
}

.ss-list li .xw-nycont.w100 {
  width: 100%;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont {
    width: 100%;
    margin-top: 1.2em;
  }
}

.ss-list li .xw-nycont h2 a {
  display: block;
  color: #656363;
  font: 500 1.25rem/1.35em "sourcehansans";
  overflow: hidden;
  margin-bottom: 0.2em;
}

@media (max-width: 768px) {
  .ss-list li .xw-nycont h2 a {
    font-size: 1.125rem;
  }
}

.ss-list li .xw-nycont span {
  color: #00A0AD;
  font: 500 1rem/1.5em "montserrat";
}

.ss-list li .xw-nycont .datea {
  color: #999999;
  font: 500 0.95rem/1.5em "montserrat";
}

.ss-list li .xw-nycont .p {
  color: #999999;
  font: 500 1rem/1.5em "sourcehansans";
  margin-top: 0.5em;
}

.ss-list li .xw-nycont a.more-msl {
  margin-top: 1em;
}

@media (max-width: 990px) {
  body {
    padding: 60px 0 0 !important;
  }
}

/* end */
.list_website ul li {
  padding: 1.875rem 0;
  border-bottom: 1px solid #ddd;
}

.list_website ul li:first-child {
  padding-top: 0;
}

.list_website ul li .top {
  font-size: 1.375rem;
  line-height: 1.875rem;
  margin-bottom: 0.625rem;
  font-weight: 600;
}

.list_website ul li .bot {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #717171;
  margin-right: 1.25rem;
}

@media (max-width: 1600px) {

  body,
  html {
    font-size: calc(100vw / 110);
  }

  .container {
    padding: 0 10rem;
  }
}

@media (max-width: 1440px) {

  body,
  html {
    font-size: calc(100vw / 100);
  }

  .container {
    padding: 0 8rem;
  }
}

@media (max-width: 1366px) {

  body,
  html {
    font-size: calc(100vw / 95);
  }
}

@media (max-width: 1280px) {

  body,
  html {
    font-size: calc(100vw / 90);
  }
}

@media (max-width: 990px) {

  body,
  html {
    font-size: 14px;
  }

  .container {
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}

@font-face {}

@font-face {
  font-family: 'Montserrat';
  font-display: swap;
  src: url(../font/Montserrat-Regular-8.otf);
}

@font-face {
  font-family: 'impact';
}

body {
  font-family: 'Montserrat' !important;
}

.iconfont {
  font-size: 1rem;
}

header:hover {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

header.active {
  animation: sticky 0.65s;
}

header.active,
header:hover {
  position: fixed;
  top: 0;
  background: #fff;
  --cf: #000;
}

header.active::before,
header:hover::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #f5f5f5;
}

header.active .logo img:nth-child(1),
header:hover .logo img:nth-child(1) {
  display: none;
}

header.active .logo img:nth-child(2),
header:hover .logo img:nth-child(2) {
  display: inline-block;
}

header.active .center>ul>li>a::before,
header:hover .center>ul>li>a::before,
header .center>ul>li.active>a::before {
  background: url(../img/iconn.svg) no-repeat;
  background-size: contain;
}

@-webkit-keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-moz-keyframes sticky {
  0% {
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -moz-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@-o-keyframes sticky {
  0% {
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}

@keyframes sticky {
  0% {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  100% {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
  }
}

header {
  line-height: 6.25rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  --cf: #fff;
}

header .container {
  padding: 0 6.25rem;
}

header .logo img {
  height: 4.375rem;
}

header .logo img:nth-child(2) {
  display: none;
}

header .right {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: var(--cf);
  justify-content: center;
}

header .right .iconfont {
  font-size: 1.125rem;
  margin-right: 0.375rem;
  display: block;
}

header .right .lanuage a {
  display: flex;
  align-items: center;
}

header .right .lanuage a:hover {
  color: #00A0AD;
}

header .right a {
  color: var(--cf);
}

header .right .ds1 {
  margin-right: 1.875rem;
  cursor: pointer;
}

header .right>div {
  display: flex;
  align-items: center;
}

header .left {
  width: 12%;
}

header .right {
  width: 15%;
}

header .center {
  width: 73%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}

header .center>ul>li {
  font-size: 1.25rem;
  color: #FFFFFF;
  float: left;
  position: relative;
}

header .center>ul>li>a {
  color: var(--cf);
  padding: 0 1.25rem;
  position: relative;
}
header .center>ul>li.active>a,
header .center>ul>li:hover>a {
  color: #0096A9;
}
header .center>ul>li>a::before {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.875rem;
  height: 1.125rem;
  background: url(../img/icon.svg) no-repeat;
  background-size: contain;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s; 
}

header .center>ul>li:hover>a::before,
header .center>ul>li.active>a::before {
  opacity: 1;
  bottom: 10%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

body::-webkit-scrollbar-track {
  /*婊氬姩鏉￠噷闈㈣建閬?/
  background-color: #9e9e9e;
  width: 0.375rem;
  position: absolute;
}

body::-webkit-scrollbar {
  /*婊氬姩鏉℃暣浣撴牱寮?/
  width: 0.375rem;
  border-radius: 1.25rem;
  /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
}

body::-webkit-scrollbar-thumb {
  /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
  display: block;
  width: 0.375rem;
  border-radius: 1.25rem;
  background: #00A0AD;
}

.banner .hover {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}

.banner .hover .p1 {
  font-size: 3.25rem;
  line-height: 6rem;
  color: #FFFFFF;
  font-weight: 600;
}

.banner .hover .p2 {
  font-size: 1.25rem;
  line-height: 2.1875rem;
  width: 60%;
  color: #FFFFFF;
}

.banner .swiper-button-white {
  background-size: 2.5rem 2.5rem;
}

.banner .swiper-button-prev {
  left: 6.25rem;
}

.banner .swiper-button-next {
  right: 6.25rem;
}

.banner .swiper-slide {
  overflow: hidden;
}

.banner .swiper-slide img {
  height: 100vh;
  object-fit: cover;
}

.banner .swiper-slide .img img {
  animation: banner 20s linear infinite;
  object-fit: cover;
  overflow: hidden;
}

@keyframes banner {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

.scrool {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9;
  overflow: hidden;
  cursor: pointer;
}

.scrool p {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin-bottom: 0.875rem;
}

.scrool:hover>div div {
  background: #00A0AD;
}

.scrool>div {
  width: 1px;
  height: 5rem;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  margin: 0 auto;
}

.scrool>div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1.25rem;
  background: #fff;
  animation: shangxia 1s infinite linear;
}

@keyframes shangxia {
  0% {
    top: 0;
  }

  50% {
    top: 50%;
  }

  100% {
    top: 100%;
  }
}

.index_one {
  padding-top: 4rem;
}

.index_one .left {
  width: 48.1875rem;
  height: auto;
  position: relative;
  top: -4rem;
}

.index_one .left li:nth-child(1) {
  position: relative;
  left: -2.3125rem;
  width: 23.6875rem;
  height: 23.6875rem;
}

.index_one .left li:nth-child(2) {
  position: absolute;
  top: 3.4375rem;
  right: 6.25rem;
  width: 16.75rem;
  height: 16.75rem;
}

.index_one .left li:nth-child(3) {
  position: absolute;
  top: 13.25rem;
  left: 8.125rem;
  width: 30.3125rem;
  height: 30.3125rem;
}

.index_one .left li:nth-child(4) {
  position: absolute;
  top: 16.5rem;
  right: 2.875rem;
  width: 10.375rem;
  height: 10.4375rem;
}

.index_one .left li:nth-child(5) {
  position: absolute;
  right: 0;
  bottom: -22.35rem;
  width: 16.125rem;
  height: 16.0625rem;
}

.index_one .left li:nth-child(6) {
  position: absolute;
  left: 1.25rem;
  bottom: -16.7rem;
  width: 10.375rem;
  height: 10.4375rem;
}

.index_one .right {
  width: calc(100% - 48.1875rem);
  padding-left: 6.875rem;
}

.index_one .right .img {
  margin: 1.5625rem 0 1.375rem;
}

.index_one .right .img img {
  height: 4.625rem;
}

.index_one .right .text {
  margin: 1.375rem 0 2.75rem;
}

.index_one .right ul {
  margin: 5.3125rem -2.125rem 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.index_one .right ul li {
  width: 33.3%;
  position: relative;
  padding: 0 2.125rem;
}

.index_one .right ul li:hover .icon img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_one .right ul li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.5rem;
  background: rgba(0, 0, 0, 0.2);
  width: 1px;
  height: 2.1875rem;
}

.index_one .right ul li .icon img {
  height: 4.125rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: block;
}

.index_one .right ul li .number {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #4F4F4F;
  margin-top: 0.9375rem;
}

.index_one .right ul li .number sub {
  font-size: 1.375rem;
  color: #00A0AD;
  bottom: 0;
  top: 0;
}

.index_one .right ul li .number span:nth-child(2) {
  font-size: 1.375rem;
  color: #00A0AD;
  margin: 0 0.3125rem;
}

.index_one .right ul li:last-child::before {
  display: none;
}

.index_one .circle {
  position: absolute;
  top: -3rem;
  left: -4rem;
  width: 25.3125rem;
  height: 25.3125rem;
}

.title {
  font-size: 3.125rem;
  line-height: 4.0625rem;
  color: #0F0F0F;
}

.text {
  font-size: 1rem;
  line-height: 1.65rem;
  color: #4F4F4F;
}

.text18 {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #4F4F4F;
}

.text22 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #141414;
}

.pbmore {
  width: 10.6875rem;
  padding-right: 1rem;
  font-size: 1rem;
  border-radius: 0 0.625rem 0 0.625rem;
  border: 1px solid #00A0AD;
  background: #00A0AD;
  color: #fff;
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: background-color padding 0s cubic-bezier(0.52, 0.08, 0.18, 1) 0s;
  height: 3.4375rem;
  line-height: 3.3125rem;
  text-align: center;
  vertical-align: top;
}

.pbmore span {
  padding-right: 1rem;
}

.pbmore.border_c {
  background: transparent;
  border: 1px solid #00A0AD;
  color: #00A0AD;
}

.pbmore.border_c .iconfont {
  color: #00A0AD;
}

.pbmore.border_c:hover {
  background: #00A0AD;
  --cf: #fff;
}

.pbmore.border_c:hover span,
.pbmore.border_c:hover .iconfont {
  color: var(--cf);
}

.pbmore.border_bgf {
  border: 1px solid #fff;
  background: transparent;
}

.pbmore.border_bgf::after {
  background: #fff;
}

.pbmore.border_bgf:hover span,
.pbmore.border_bgf:hover .iconfont {
  color: #00A0AD;
}

.pbmore.bor {
  border-radius: 3.125rem;
}

.pbmore .iconfont {
  color: #fff;
  font-size: 0.75rem;
}

.pbmore .ir20p {
  color: #fff;
  right: 2.5rem;
}

.pbmore .il20p {
  left: -1.25rem;
}

.pbmore span {
  transition: all 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
  position: relative;
  z-index: 5;
}

.pbmore:after {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 110%;
  content: '';
  height: 100%;
  transition: -webkit-transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
  transition: transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1), -webkit-transform 0.55s cubic-bezier(0.52, 0.08, 0.18, 1);
  -webkit-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pbmore i {
  position: absolute;
  height: 100%;
  top: 0;
  transition: all 0.4s ease;
  z-index: 8;
  width: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.pbmore:hover {
  background-color: #fff;
  padding-right: 0;
  padding-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.pbmore:hover span {
  padding-right: 0;
}

.pbmore1:hover {
  background: #f6f9fa;
}

.pbmore:hover span {
  color: #00A0AD;
}

.pbmore:hover .iconfont {
  color: #00A0AD;
}

.pbmore:hover:after {
  -webkit-transform: translateX(0) skewX(-17.62deg);
  transform: translateX(0) skewX(-17.62deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
}

.pbmore:hover .ir20p {
  right: -1.25rem;
}

.pbmore:hover .il20p {
  left: 1.25rem;
}

.pbmore.border_white {
  border: 1px solid #fff;
  background: transparent;
}

.pbmore.border_white::after {
  background: #fff;
}

.pbmore.border_white:hover span,
.pbmore.border_white:hover .iconfont {
  color: #00A0AD;
}

.circle {
  background: -moz-linear-gradient(11.14% 17.39% -40deg, rgba(0, 206, 124, 0.4) 0.37%, rgba(0, 206, 124, 0) 99.52%);
  background: -webkit-linear-gradient(-40deg, rgba(0, 206, 124, 0.4) 0.37%, rgba(0, 206, 124, 0) 99.52%);
  background: -webkit-gradient(linear, 11.14% 17.39%, 88.29% 82.13%, color-stop(0.0037, rgba(0, 206, 124, 0.4)), color-stop(0.9952, rgba(0, 206, 124, 0)));
  background: -o-linear-gradient(-40deg, rgba(0, 206, 124, 0.4) 0.37%, rgba(0, 206, 124, 0) 99.52%);
  background: -ms-linear-gradient(-40deg, rgba(0, 206, 124, 0.4) 0.37%, rgba(0, 206, 124, 0) 99.52%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0AD', endColorstr='#00A0AD' ,GradientType=0)";
  background: linear-gradient(130deg, rgba(0, 206, 124, 0.4) 0.37%, rgba(0, 206, 124, 0) 99.52%);
  opacity: 0.3;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0AD', endColorstr='#00A0AD', GradientType=1);
  animation: circle 3s infinite;
  border-radius: 50%;
  z-index: -1;
}

@keyframes circle {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }

  100% {
    transform: scale(1);
  }
}

footer {
  background: -moz-linear-gradient(50% 102.25% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 102.25%, 50% 3.74%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
  padding: 2rem 0 0;
}

footer .align_end {
  align-items: flex-end;
}

footer .top {
  padding-bottom: 1.5rem;
}

footer .top1 {
  margin-bottom: 2rem;
}

footer .top1 ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

footer .top1 ul li {
  padding-right: 1.5rem;
}

footer .top1 ul li .name {
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}

footer .top1 ul li span {
  display: inline-block;
}

footer .top1 ul li span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 1px;
  background: #fff;
}

footer .top1 ul li a.name:hover span::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

footer .center1 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}

footer .center1 .name {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  width: 20rem;
}

footer .center1 ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: calc(100% - 22rem);
}

footer .center1 ul li {
  display: flex;
  align-items: flex-start;
  margin-right: 2rem;
  min-width: 12.5rem;
}

footer .center1 ul li span {
  width: 1.625rem;
  color: #fff;
  font-size: 1.125rem;
  padding-top: 0.125rem;
}

footer .center1 ul li div {
  width: calc(100% - 1.625rem);
}

footer>img {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  height: calc(100% - 8rem);
}

footer .left {
  width: 21%;
}

footer .left .logo img {
  height: 4.375rem;
}

footer .left .name {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  margin-bottom: 0.75rem;
}

footer .left ul li {
  display: flex;
  align-items: flex-start;
}

footer .left ul li span {
  width: 1.625rem;
  color: #fff;
  font-size: 1.125rem;
  padding-top: 0.125rem;
}

footer .left ul li div {
  width: calc(100% - 1.625rem);
}

footer .left .left_name2 {
  margin-top: 0.9375rem;
  border-top: none;
  font-weight: 600;
}

footer .text {
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}

footer .right {
  width: 40%;
  padding-left: 10rem;
}

footer .right ul li .name {
  margin-bottom: 0.9375rem;
  color: #fff;
  font-size: 1rem;
  line-height: 1.875rem;
}

footer .right ul li span {
  display: inline-block;
}

footer .right ul li span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  height: 1px;
  background: #fff;
}

footer .right ul li a.name:hover span::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

footer .beian {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding: 1rem 0;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.875rem;
}

footer .beian .ta,
footer .beian .ta .flex {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

footer .beian a {
  color: #fff;
}

footer .beian .shu {
  display: inline-block;
  width: 1px;
  height: 0.875rem;
  background: rgba(255, 255, 255, 0.6);
  margin: 0 0.375rem;
}

footer .fenxiang .social-share li {
  margin-right: 0.875rem;
}

footer .fenxiangsum {
  display: flex;
  align-items: center;
  color: #fff;
}

footer .fenxiangsum .fenxiang {
  margin-left: 1rem;
}

footer .share_footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

footer .share_footer .ewm {
  display: flex;
  align-items: center;
}

footer .share_footer .ewm img {
  width: 5.5rem;
}

footer .share_footer .ewm p {
  font-size: 0.75rem;
  color: #fff;
  margin-top: 0.625rem;
  line-height: 1rem;
  height: 2rem;
}

footer .share_footer .ewm>div {
  margin-left: 1rem;
  text-align: center;
  width: 6.25rem;
}

footer .share_footer .ewm div>div {
  padding: 0.25rem;
  background: #fff;
}

.rightfix {
  z-index: 99;
  right: 0.625rem;
  top: auto;
  transform: translateY(0);
  bottom: 1.875rem;
}

.fix_ul li:nth-child(1) .right_div.right_div_wechat {
  width: 7.25rem;
  border: 1px solid #00A0AD;
  border-radius: 0.625rem;
  background: #fff;
  height: 8.8125rem;
}

.fix_ul li:nth-child(1) .right_div.right_div_wechat p:nth-child(1) {
  padding: 0.625rem 0.625rem 0.3125rem;
}

.fix_ul li:nth-child(1) .right_div.right_div_wechat p {
  font-size: 0.75rem;
  line-height: 1.375rem;
  color: #474747;
}

.right_div {
  min-width: 11.875rem;
}

.fix_ul li .text {
  font-size: 0.75rem;
  color: #fff;
  line-height: 1.25rem;
}

.fix_ul li:hover {
  background: #00A0AD;
}

.fix_ul li {
  padding: 0;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  margin-bottom: 0.3125rem;
  border: none;
  background: #0096A9;
  border-radius: 0.625rem;
}

.fix_ul li i {
  font-size: 1.25rem;
}

.right_div {
  min-height: 4rem;
  height: 4rem;
  line-height: 4rem;
}

.fix_ul li:nth-child(1) .right_div {
  width: 6.25rem;
  height: 6.25rem;
  min-width: 6.25rem;
  padding: 0;
}

.fix_ul li.fixright_li_last {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.section03 .gallery-top .swiper-slide img {
  height: 60vh;
  object-fit: cover;
}

.index_two {
  padding-top: 6.25rem;
}

.index_two .circle {
  width: 17.625rem;
  top: -4rem;
  left: -8.8125rem;
  height: 17.625rem;
  position: absolute;
}

.index_two .swiper_top1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 8.4375rem;
  background: rgba(255, 255, 255, 0.6);
  z-index: 9;
  width: 26.25rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  border-radius: 0.625rem;
}

.index_two .swiper_top1 .img {
  display: none;
}

.index_two .content {
  padding: 4.0625rem 3.75rem;
  border-radius: 0.625rem;
}

.index_two .content .icon img {
  height: 4.25rem;
}

.index_two .content .icon {
  margin: 0 auto;
  text-align: center;
}

.index_two .content .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #00A0AD;
  margin: 1rem 0 0.625rem;
}

.index_two .container {
  padding-right: 0;
}

.index_two .padding {
  padding-right: 30rem;
}

.index_two .swiper_bot1 {
  overflow: visible;
}

.index_two .swiper_bot1 .content {
  display: none;
}

.index_two .swiper_bot1 .swiper-slide .over,
.index_two .swiper_bot1 .swiper-slide .over img {
  border-radius: 1.25rem;
}

.index_two .swiper-button-next1 {
  left: calc(6.55rem + 26.25rem);
  right: auto;
}

.index_two .swiper-button-prev1 {
  left: 6.55rem;
}

.jiantou {
  width: 3.375rem;
  height: 3.375rem;
  line-height: 3.375rem;
  border-radius: 50%;
  text-align: center;
  background-image: none !important;
  background: #00A0AD;
  margin-top: 0;
  transform: translateY(-50%);
}

.jiantou .iconfont {
  font-size: 1.25rem;
  color: #fff;
}

.section04 {
  background: #F3F8F6;
}

.index_three {
  padding-top: 6.25rem;
}

.index_three .svg-gong {
  position: absolute;
  top: 50%;
  right: -11rem;
  width: 25rem;
  transform: translateY(-50%);
}

.index_three .xtzs-svg path {
  stroke-dasharray: 2300;
  stroke-dashoffset: 2300;
  -webkit-transition: all 1.5s linear;
  -o-transition: all 1.5s linear;
  -moz-transition: all 1.5s linear;
  transition: all 1.5s linear;
}

.index_three.active .xtzs-svg path {
  stroke-dashoffset: 0;
  -webkit-transition: all 4s;
  -o-transition: all 4s;
  -moz-transition: all 4s;
  transition: all 4s;
}

.index_three .w60 {
  margin: 0.625rem auto 1.5rem;
}

.index_three .qiehuan {
  display: flex;
  align-items: center;
  justify-content: center;
}

.index_three .qiehuan li {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #4F4F4F;
  padding: 0 1.5625rem;
}

.index_three .qiehuan li a {
  padding: 0 0.5rem 1rem;
  position: relative;
}

.index_three .qiehuan li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.1875rem;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .qiehuan li:hover a,
.index_three .qiehuan li.active a {
  color: #4F4F4F;
}

.index_three .qiehuan li:hover a::before,
.index_three .qiehuan li.active a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.index_three .sum>.pr {
  padding: 0 9.375rem;
  display: none;
}

.index_three .sum>.pr.active {
  display: block;
}

.index_three .swiper-button-next {
  right: 0;
}

.index_three .swiper-button-prev {
  left: 0;
}

.index_three .swiper-slide>.clearfix {
  display: flex;
  align-items: flex-start;
  margin-top: 2.5rem;
}

.index_three .swiper-slide .left,
.index_three .swiper-slide .right {
  width: 50%;
}

.index_three .swiper-slide .right {
  padding-bottom: 3rem;
}

.index_three .swiper-slide .right .circle {
  width: 30rem;
  height: 30rem;
  position: absolute;
  top: 1rem;
  left: 0%;
}

.index_three .swiper-slide ul {
  padding: 2.5rem 0 3.125rem;
}

.index_three .swiper-slide .name {
  font-size: 1.375rem;
  line-height: 2.1875rem;
  color: #4F4F4F;
}

.index_three .swiper-slide .pa {
  top: calc(50% - 1rem);
  width: 100%;
}

.index_three .swiper-slide .pa .text {
  margin-top: 2.5rem;
}

.index_three .swiper-slide .text {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #4F4F4F;
}

.index_three .swiper-slide .number {
  font-weight: bold;
  font-size: 12.5rem;
  line-height: 1;
  color: #E6F5EF;
}

.index_three .swiper-slide ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.index_three .swiper-slide ul li {
  line-height: 2.3125rem;
  border-radius: 1.875rem;
  margin-bottom: 1rem;
  background: #fff;
  margin-right: 1.25rem;
}

.index_three .swiper-slide ul li a {
  font-size: 1rem;
  color: #00A0AD;
  padding: 0 1rem;
}

.index_four {
  padding-top: 6.25rem;
}

.index_four .swiper-slide {
  border: 1px solid #DFEFE8;
  border-radius: 1.25rem;
}

.index_four .swiper-slide .content {
  padding: 1.875rem 1.875rem 2.1875rem;
  border-radius: 0 0 1.25rem 1.25rem;
  border-top: none;
}

.index_four .swiper-slide .content .text18 {
  height: 3.75rem;
}

.index_four .swiper-slide:hover {
  border-color: #00A0AD;
}

.index_four .swiper-slide:hover img {
  transform: scale(1.1);
}

.index_four .swiper-slide:hover .name {
  color: #00A0AD;
}

.index_four .swiper-slide .over,
.index_four .swiper-slide .over img {
  border-radius: 1.25rem 1.25rem 0 0;
}

.index_four .swiper-slide .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #1E1E1E;
}

.index_four .swiper-slide .text18 {
  margin: 0.5rem 0 1.875rem;
  color: #4F4F4F;
}

.index_four .swiper-slide .data {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #686868;
}

.index_four .circle {
  width: 9.125rem;
  height: 9.125rem;
  top: -2.25rem;
  left: 13.375rem;
  position: absolute;
}

.index_four .hover_pag {
  position: relative;
  width: 100%;
  height: 3.375rem;
  margin-top: 2.8125rem;
}

.index_four .hover_pag .pr {
  height: 100%;
  display: flex;
  align-items: center;
}

.index_four .hover_pag .swiper-scrollbar {
  width: calc(100% - 14.375rem);
  height: 0.125rem;
  background: #D8E5E0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}

.index_four .hover_pag .swiper-scrollbar-drag {
  background: #00A0AD;
  height: 0.25rem;
  top: -0.0625rem;
}

.index_four .hover_pag .swiper-pagination-current {
  color: #00A0AD;
}

.index_four .hover_pag .swiper-pagination {
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  font-size: 1rem;
  line-height: 1;
  color: #686868;
  right: 5.25rem;
  left: auto;
}

.index_four .hover_pag .swiper-button-next {
  right: 0;
}

.index_four .hover_pag .swiper-button-prev {
  right: 9rem;
  left: auto;
}

.section06 {
  background: #F3F8F6;
}

.index_five {
  padding-top: 7.5rem;
}

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

.index_five .row .text18 {
  margin: 1rem 0 3.125rem;
}

.index_five .left {
  padding-right: 6.875rem;
}

.index_five .circle {
  width: 27.0625rem;
  height: 27.0625rem;
  position: absolute;
  top: -2.5rem;
  left: 1.25rem;
  z-index: 1;
  background: -moz-linear-gradient(11.14% 17.39% -40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-gradient(linear, 11.14% 17.39%, 88.29% 82.13%, color-stop(0.0048, rgba(0, 206, 124, 0)), color-stop(0.9963, rgba(0, 206, 124, 0.4)));
  background: -o-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -ms-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0AD', endColorstr='#00A0AD' ,GradientType=0)";
  background: linear-gradient(130deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  opacity: 0.3;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0AD', endColorstr='#00A0AD', GradientType=1);
}

.list_news .ul {
  position: relative;
}

.list_news .ul>li {
  padding-bottom: 2.1875rem;
  --contai: 14.8125rem;
}

.list_news .ul>li .container>.clearfix {
  display: flex;
}

.list_news .ul>li:hover .right>div::before {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: calc(100% + 4.625rem + var(--contai));
  border-radius: 0;
  left: -4.625rem;
}

.list_news .ul>li:hover .right .over img {
  transform: scale(1.1);
}

.list_news .ul>li:hover .right::before {
  background: #00A0AD;
}

.list_news .ul>li:hover .right>div .name {
  color: #00A0AD;
}

.list_news .ul>li:hover .left::before {
  width: calc(var(--contai) + 100%);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_news .ul>li:hover .left::after {
  border-left-color: #00A0AD;
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition-delay: 0.2s;
}

.list_news .ul>li:hover .left p,
.list_news .ul>li:hover .left div {
  color: #fff;
}

.list_news .ul>li .left {
  width: 12.5rem;
  position: relative;
  height: auto;
  display: flex;
  align-items: center;
  text-align: center;
}

.list_news .ul>li .left>div {
  width: 100%;
}

.list_news .ul>li .left::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1.25rem;
  border-top: 0.625rem solid transparent;
  border-bottom: 0.625rem solid transparent;
  border-left: 0.625rem solid #fff;
  width: 0;
  height: 0;
  border-right: 0.625rem solid transparent;
  opacity: 0;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 3;
}

.list_news .ul>li .left::before {
  content: "";
  position: absolute;
  top: 0;
  left: -14.8125rem;
  height: 100%;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 0;
  z-index: -1;
}

.list_news .ul>li .left div {
  font-size: 1.875rem;
  line-height: 1.875rem;
  color: #686868;
}

.list_news .ul>li .left p {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #686868;
  margin-top: 0.375rem;
}

.list_news .ul>li .right {
  position: relative;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: calc(100% - 12.5rem);
  padding-left: 4.625rem;
}

.list_news .ul>li .right::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.625rem;
  height: 1px;
  background: #E5E5E5;
  z-index: 1;
}

.list_news .ul>li .right .right1 {
  padding-left: 2.25rem;
}

.list_news .ul>li .right>div {
  position: relative;
  padding: 1.875rem 1.875rem 1.875rem 3.4375rem;
}

.list_news .ul>li .right>div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1.25rem;
  background: #F3F8F6;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_news .ul>li .right>div .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #141414;
  padding-top: 1.125rem;
}

.list_news .ul>li .right>div .text {
  font-size: 1rem;
  line-height: 1.65rem;
  color: #4F4F4F;
}

.list_news .ul>li .right>div .data {
  margin: 1.25rem 0;
}

.list_news .ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(14.8125rem + 12.5rem);
  width: 1px;
  height: 100%;
  background: #E5E5E5;
}

.show_news.bqzc {
  padding-top: 4rem;
}

.show_news.bqzc .title {
  font-size: 2.125rem;
  line-height: 2.5rem;
  color: #141414;
  text-align: center;
}

.show_news.bqzc .text {
  border: none;
  padding: 1.875rem 0 0;
  font-size: 1rem;
  line-height: 1.875rem;
}

.list_news .data,
.show_news .data {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #848484;
}

.list_news .data .iconfont,
.show_news .data .iconfont {
  font-size: 1.125rem;
  margin-right: 0.3125rem;
}

.list_news .data>div,
.show_news .data>div {
  margin-left: 1.25rem;
  display: flex;
  align-items: center;
  position: relative;
}

.list_news .data>div:hover .fenxiang,
.show_news .data>div:hover .fenxiang {
  display: block;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_news .data .fenxiang,
.show_news .data .fenxiang {
  display: none;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  position: absolute;
  top: 0;
  right: -10rem;
  width: 10rem;
  padding-left: 0.625rem;
}

.list_news .data .fenxiang .social-share li a:hover,
.show_news .data .fenxiang .social-share li a:hover {
  color: #fff !important;
}

.list_news .data .fenxiang .social-share li a,
.show_news .data .fenxiang .social-share li a {
  color: #848484 !important;
  line-height: 1.875rem !important;
  display: block;
}

.list_news .data .fenxiang .social-share li,
.show_news .data .fenxiang .social-share li {
  width: 1.875rem;
  height: 1.875rem;
  line-height: 2.375rem;
  border: 1px solid #848484;
}

.show_news .help p:nth-child(2) {
  margin: 0 !important;
}

.show_news .top {
  position: relative;
  border-bottom: 1px solid #DAEDE5;
  z-index: 6;
  padding: 2.8125rem 3.25rem;
}

.show_news .top::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(50% 111.66% 90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-gradient(linear, 50% 111.66%, 50% -22.9%, color-stop(0.0048, rgba(0, 206, 124, 0)), color-stop(0.9963, rgba(0, 206, 124, 0.4)));
  background: -o-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -ms-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  opacity: 0.3;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C', GradientType=0);
  z-index: -1;
}

.show_news .top .data {
  margin-top: 1.25rem;
  justify-content: center;
}

.show_news .top .data p:nth-child(2) {
  margin: 0 1.375rem;
}

.show_news .top .data>div {
  margin-left: 0;
}

.show_news .top .title {
  font-size: 2.125rem;
  line-height: 2.875rem;
  color: #141414;
  text-align: center;
}

.show_news .text {
  padding: 3.4375rem 0 6.875rem;
  border-bottom: 1px solid #E5E5E5;
}

.show_news .pbmore span {
  padding-right: 0;
  text-transform: uppercase;
}

.show_news .pbmore {
  padding-right: 0;
}

.show_news .pbmore:hover {
  padding-left: 0;
}

.show_news .shangxia .shang {
  border-bottom: 1px solid #E5E5E5;
}

.show_news .shangxia .fhlb {
  margin: 3.4375rem 0;
}

.show_news .shangxia .shang a,
.show_news .shangxia .xia a {
  width: calc(100% - 10rem);
}

.show_news .shangxia .shang,
.show_news .shangxia .xia {
  display: flex;
  align-items: center;
  padding: 1.125rem 0;
  font-size: 1.125rem;
  color: #4F4F4F;
}

.show_news .shangxia .shang:hover a,
.show_news .shangxia .xia:hover a {
  color: #00A0AD;
}

.show_news .shangxia .shang div,
.show_news .shangxia .xia div {
  width: 10rem;
  padding-left: 1rem;
  position: relative;
  margin-right: 1.5rem;
  line-height: 1.875rem;
  color: #4F4F4F;
}

.show_news .shangxia .shang div::before,
.show_news .shangxia .xia div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 1px;
  height: 1.0625rem;
  background: #E5E5E5;
}

.show_news .shangxia .shang div a,
.show_news .shangxia .xia div a {
  color: #4F4F4F;
}

@media (max-width: 1600px) {
  .list_news .ul::before {
    left: 22.5rem;
  }

  .list_news .ul>li .left::before {
    left: -10rem;
  }

  .list_news .ul>li {
    --contai: 10rem;
  }

  .list_news .ul>li .left::after {
    right: -1.125rem;
  }
}

@media (max-width: 1440px) {
  .list_news .ul::before {
    left: 20.5rem;
  }

  .list_news .ul>li .left::before {
    left: -8rem;
  }

  .list_news .ul>li {
    --contai: 8rem;
  }
}

@media (max-width: 1280px) {
  .list_news .ul::before {
    left: 17.5rem;
  }

  .list_news .ul>li .left::before {
    left: -5rem;
  }

  .list_news .ul>li {
    --contai: 5rem;
  }

  .list_news .ul>li .right>div .text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 990px) {

  .list_news .ul>li .left,
  .list_news .ul::before,
  .list_news .ul>li .right::before {
    display: none;
  }

  .list_news .ul>li:hover .right>div::before {
    width: 100%;
    padding-left: 0;
    left: 0;
    border-radius: 1.25rem;
  }

  .list_news .ul>li .right {
    width: 100%;
    padding-left: 0;
  }

  .list_news .ul>li .right>div .name {
    padding-top: 0;
  }

  .list_news .ul>li {
    --contai: 15px;
  }
}

@media (max-width: 767px) {
  .list_news .ul>li .right>div .name {
    font-size: 18px;
  }

  .list_news .ul>li .right>div .data {
    margin: 10px 0;
    font-size: 14px;
  }

  .list_news .ul>li .right>div .data .iconfont {
    font-size: 14px;
  }

  .list_news .ul>li .right .right1 {
    padding-left: 15px;
    margin-top: 15px;
  }

  .list_news .ul>li .right>div {
    padding: 20px 20px;
  }

  .list_news .ul>li {
    padding-bottom: 20px;
  }

  .list_news .ul {
    margin-top: 15px;
  }

  .show_news .top .title {
    font-size: 22px;
    line-height: 32px;
  }

  .show_news .top .data {
    font-size: 14px;
  }

  .show_news .top .data .iconfont {
    font-size: 14px;
  }

  .show_news .top .data p:nth-child(2) {
    margin: 0 10px;
  }

  .show_news .top {
    padding: 25px 15px;
  }

  .show_news .top .data {
    margin-top: 10px;
  }

  .show_news .text {
    padding: 25px 0;
  }

  .show_news .shangxia .fhlb {
    margin: 25px 0;
  }

  .show_news .shangxia .shang div,
  .show_news .shangxia .xia div {
    width: 100%;
    padding-left: 0;
  }

  .show_news .shangxia .shang,
  .show_news .shangxia .xia {
    flex-wrap: wrap;
  }

  .show_news .shangxia .shang div::before,
  .show_news .shangxia .xia div::before {
    display: none;
  }
}

.nyban .hover {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.nyban .hover .p1 {
  font-size: 3rem;
  line-height: 4.375rem;
  text-transform: capitalize;
  color: #FFFFFF;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  font-weight: 600;
}

.nyban .img img {
  object-fit: cover;
  display: block;
}

.scroll_height .scrool {
  bottom: 5rem;
}

.scroll_height.banner .scrool {
  bottom: 0;
}

.invo_height .scrool {
  bottom: 0;
}

.bread {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #FFFFFF;
}

.bread a {
  color: #FFFFFF;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
}

.bread .text {
  color: #FFFFFF;
}

.bread span:last-child {
  display: none;
}

.bread .iconfont {
  font-size: 1.25rem;
  text-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
}

.nyerji {
  line-height: 5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.nyerji::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  left: 50%;
  transform: translateX(-50%);
}

.nyerji.active::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.nyerji .content .bgf {
  box-shadow: 0 -0.5rem 0.75rem rgba(0, 0, 0, 0.12);
  background: #fff;
}

.nyerji .content ul {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nyerji .content ul li a {
  padding: 0 1rem;
  position: relative;
}

.nyerji .content ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.1875rem;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.nyerji .content ul li {
  font-size: 1.125rem;
  padding: 0 .4375rem;
}

.nyerji .content ul li:hover a::before,
.nyerji .content ul li.active a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.nyerji .content ul li a {
  color: #141414;
}

.ny_scroll .scrool {
  bottom: 5rem;
}

.flex_left_right.heightauto .over img {
  height: auto;
  object-fit: cover;
}

.flex_left_right .over img {
  height: 20rem;
  object-fit: cover;
}

.heightauto {
  height: auto !important;
}

.flex_left_right .right>div {
  overflow: hidden !important;
  flex-grow: 1 !important;
  width: 100% !important;
  position: relative;
}

.flex_left_right .right>div::before,
.flex_left_right .right>div::after {
  content: "";
  display: block;
  width: 101%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.flex_left_right .right>div::before {
  background-color: #f1f3f6;
  transition: 0.5s ease-in-out 0s;
  z-index: 2;
}

.flex_left_right .right>div::after {
  z-index: 1;
  background-color: #eff0f0;
  transition: 0.5s ease-in-out 0.1s;
  opacity: 0.8;
}

.flex_left_right .right.active>div::before,
.flex_left_right .right.active>div::after {
  left: 100%;
}

.p120 {
  padding: 7.5rem 0;
}

.p120.pt0 {
  padding-top: 0;
}

.p120.pb0 {
  padding-bottom: 0;
}

.channel_pro:nth-child(even) .left {
  order: 2;
}

.channel_pro:nth-child(even) .right {
  order: 1;
}

.channel_pro:last-child {
  margin-bottom: 0;
}

.channel_pro .over,
.channel_pro .over img {
  border-radius: 1.25rem;
}

.channel_pro .title {
  margin-bottom: 1.5625rem;
}

.channel_pro .flex_left_right {
  margin-left: -1.5625rem;
  margin-right: -1.5625rem;
  align-items: center;
}

.channel_pro .left,
.channel_pro .right {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
}

.channel_pro .left ul {
  margin-top: 1.5rem;
}

.channel_pro .left ul li:hover a {
  color: #00A0AD;
}

.channel_pro .left ul li:hover a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_pro .left ul li:hover span:nth-child(1) {
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  color: #fff;
}

.channel_pro .left ul li a {
  padding: 0.8125rem 0;
  border-bottom: 1px solid #DAEDE5;
  font-size: 1.125rem;
  color: #141414;
  display: flex;
  align-items: center;
  position: relative;
}

.channel_pro .left ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.channel_pro .left ul li a span:nth-child(1) {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  box-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.15);
  display: block;
  line-height: 3.25rem;
  text-align: center;
}

.channel_pro .left ul li a span:nth-child(2) {
  padding-left: 2.5rem;
  width: calc(100% - 3.25rem);
  display: block;
}

.channel_pro .left ul li:first-child a {
  border-top: 1px solid #DAEDE5;
}

.list_pro .name {
  height: 5.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: -moz-linear-gradient(50% 101.78% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 101.78%, 50% -0.23%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
  text-align: center;
  font-size: 1.375rem;
  color: #FFFFFF;
  padding: 0 0.9375rem;
  display: none;
}

.list_pro .title span {
  font-size: 2rem;
}

.list_pro .three .gallery-thumbs img {
  width: 60%;
}

.list_pro .three .gallery-top .swiper-slide {
  height: 5rem;
}

.list_pro .three .gallery-top .swiper-slide img {
  padding: 0.5rem;
}

.list_pro .text {
  margin: 1rem 0 1.25rem;
  font-size: 1.25rem;
  height: 5rem;
}

.list_pro .suqer_pro {
  margin-bottom: 1.875rem;
}

.list_pro .suqer_pro:hover>div {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  border-color: #00A0AD;
}

.list_pro .suqer_pro>div {
  border-radius: 1.25rem;
  border: 1px solid #DAEDE5;
  padding: 1.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  background: #fff;
  height: 100%;
}

.list_pro .gallery-top .swiper-slide {
  width: 8.5rem;
  height: 8.5rem;
  border: 1px solid #DAEDE5;
}

.list_pro .gallery-top .swiper-slide .over {
  height: 100%;
}

.list_pro .gallery-top .swiper-slide img {
  padding: 1rem;
  height: 100%;
  object-fit: contain;
}

.list_pro .gallery-top .swiper-slide-thumb-active {
  border-color: #00A0AD;
}

.show_pro .name {
  font-size: 1.875rem;
  line-height: 2.625rem;
  color: #141414;
  font-family: 'impact' !important;
}

.show_pro .text {
  margin: 1.5625rem 0 2.1875rem;
}

.show_pro p {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #00A0AD;
  margin-bottom: 1rem;
}

.show_pro ul {
  display: flex;
}

.show_pro ul li {
  width: 7.75rem;
  line-height: 3.75rem;
  border: 1px solid #DAEDE5;
  font-size: 1.125rem;
  text-align: center;
  color: #00A0AD;
  border-radius: 0.625rem;
  margin-right: 1.5625rem;
  margin-bottom: 1.375rem;
  cursor: pointer;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.show_pro .left {
  width: 54%;
  padding-right: 5.625rem;
  padding-top: 3.75rem;
}

.show_pro .right {
  width: 46%;
  position: relative;
}

.show_pro .right::before {
  content: "";
  position: absolute;
  bottom: -2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 33.4375rem;
  height: 33.4375rem;
  border-radius: 50%;
  background: -moz-linear-gradient(11.14% 17.39% -40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-gradient(linear, 11.14% 17.39%, 88.29% 82.13%, color-stop(0.0048, rgba(0, 206, 124, 0)), color-stop(0.9963, rgba(0, 206, 124, 0.4)));
  background: -o-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -ms-linear-gradient(-40deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C' ,GradientType=0)";
  background: linear-gradient(130deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  opacity: 0.3;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C', GradientType=1);
}

.show_pro .swiper-slide {
  opacity: 0 !important;
}

.show_pro .swiper-slide-active {
  opacity: 1 !important;
}

.show_pro>img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 18.4375rem;
}

.show_pro_two {
  background: #F3F8F6;
}

.show_pro_two .name {
  font-size: 1.375rem;
  position: relative;
  margin-bottom: 1rem;
  z-index: 4;
  line-height: 2.125rem;
  color: #141414;
}

.show_pro_two .name::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.8125rem;
  height: 0.8125rem;
  border: 0.125rem solid #00A0AD;
  border-radius: 50%;
}

.show_pro_two .name::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DAEDE5;
  z-index: -1;
}

.show_pro_two .name span {
  background: #F3F8F6;
  padding-right: 2.5rem;
  padding-left: 1.875rem;
}

.bor20 {
  border-radius: 1.25rem;
}

.rd_quality ul {
  margin: 1.25rem 0 2.8125rem;
}

.rd_quality ul li div {
  border-bottom: 1px solid #DAEDE5;
  font-size: 1.125rem;
  color: #161616;
  height: 6.25rem;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 2.1875rem;
}

.rd_quality ul li div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.8125rem;
  height: 0.8125rem;
  border: 0.125rem solid #00A0AD;
  border-radius: 50%;
}

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

.channel_rd .right {
  padding-left: 2.5rem;
}

.channel_rd .title {
  margin-bottom: 2.1875rem;
}

.flex_left_right .title {
  font-size: 2.125rem;
  line-height: 2.75rem;
}

.list_rd .flex_left_right>li,
.channel_rd_list .flex_left_right>li {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.list_rd .flex_left_right>li .left,
.channel_rd_list .flex_left_right>li .left,
.list_rd .flex_left_right>li .right,
.channel_rd_list .flex_left_right>li .right {
  padding: 0 1.5rem;
}

.list_rd .flex_left_right>li .title,
.channel_rd_list .flex_left_right>li .title {
  margin-bottom: 1.5rem;
}

.list_rd .flex_left_right>li:last-child,
.channel_rd_list .flex_left_right>li:last-child {
  margin-bottom: 0;
}

.list_rd .flex_left_right>li:nth-child(even) .left,
.channel_rd_list .flex_left_right>li:nth-child(even) .left {
  order: 2;
}

.list_rd .flex_left_right>li:nth-child(even) .right,
.channel_rd_list .flex_left_right>li:nth-child(even) .right {
  order: 1;
}

.list_rd .flex_left_right>li ul li,
.channel_rd_list .flex_left_right>li ul li {
  font-size: 1.125rem;
  color: #141414;
}

.list_rd .flex_left_right>li ul li:first-child a,
.channel_rd_list .flex_left_right>li ul li:first-child a {
  border-top: 1px solid #DAEDE5;
}

.list_rd .flex_left_right>li ul li:hover a::before,
.channel_rd_list .flex_left_right>li ul li:hover a::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd .flex_left_right>li ul li:hover a span:nth-child(1),
.channel_rd_list .flex_left_right>li ul li:hover a span:nth-child(1) {
  background: #00A0AD;
  color: #fff !important;
}

.list_rd .flex_left_right>li ul li a,
.channel_rd_list .flex_left_right>li ul li a {
  padding: 0.58rem 0;
  border-bottom: 1px solid #DAEDE5;
  display: flex;
  align-items: center;
  position: relative;
}

.list_rd .flex_left_right>li ul li a::before,
.channel_rd_list .flex_left_right>li ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_rd .flex_left_right>li ul li a span:nth-child(1),
.channel_rd_list .flex_left_right>li ul li a span:nth-child(1) {
  width: 3.25rem;
  height: 3.25rem;
  text-align: center;
  line-height: 3.25rem;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}

.list_rd .flex_left_right>li ul li a span:nth-child(2),
.channel_rd_list .flex_left_right>li ul li a span:nth-child(2) {
  width: calc(100% - 3.25rem);
  padding-left: 2.1875rem;
}

.list_rd .row {
  margin: 0 -1.5rem;
}

.list_rd .flex_left_right .title {
  font-size: 2.125rem;
  line-height: 2.75rem;
  color: #141414;
  display: flex;
  align-items: center;
}

.list_rd .flex_left_right .title .icon {
  width: 8.5625rem;
  height: 8.5625rem;
  line-height: 8.5625rem;
  border-radius: 50%;
  text-align: center;
  margin-right: 2.1875rem;
  position: relative;
}

.list_rd .flex_left_right .title .icon::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(50% 104.32% 90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-gradient(linear, 50% 104.32%, 50% 8.55%, color-stop(0.0048, rgba(0, 206, 124, 0)), color-stop(0.9963, rgba(0, 206, 124, 0.4)));
  background: -o-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -ms-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  opacity: 0.3;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C', GradientType=0);
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.list_rd .flex_left_right .title .icon img {
  width: 4.5625rem;
}

.list_rd .flex_left_right li {
  margin-bottom: 0;
}

.list_rd .flex_left_right li:nth-child(even) {
  background: #F3F8F6;
}

.list_company .title {
  font-size: 5rem;
  line-height: 1;
  color: #DAEDE5;
  display: flex;
  align-items: flex-start;
  font-family: 'Montserrat';
}

.list_company .title span {
  color: #00A0AD;
  margin-left: 1.25rem;
}

.list_company .title svg {
  width: 5.625rem;
  height: 4.625rem;
  margin-right: 1.25rem;
}

.list_company .title.active .CZpWOqfL_0 {
  stroke-dasharray: 197 199;
  stroke-dashoffset: 198;
  animation: CZpWOqfL_draw 1000ms linear 0ms forwards;
}

.list_company .title.active .CZpWOqfL_1 {
  stroke-dasharray: 195 197;
  stroke-dashoffset: 196;
  animation: CZpWOqfL_draw 1000ms linear 500ms forwards;
}

@keyframes CZpWOqfL_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes CZpWOqfL_fade {
  0% {
    stroke-opacity: 1;
  }

  92.98245614035088% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.list_company .p {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #141414;
  margin: 1.75rem 0 1.5625rem;
}

.list_company_two {
  background: url(../img/23.jpg) no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}

.list_company_two ul {
  display: flex;
}

.list_company_two ul li {
  width: 33.3%;
  text-align: center;
  padding: 10rem 2.5rem 10rem;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

.list_company_two ul li .name {
  font-size: 1.875rem;
  line-height: 2.5rem;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 1.5rem 0 0.8125rem;
}

.list_company_two ul li:last-child {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}

.list_company_two ul li:hover img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_company_two ul li .img img {
  height: 3.75rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_company_two ul li .text {
  color: #FFFFFF;
}

.list_company_two .row {
  justify-content: flex-end;
}

.list_company_two .text {
  margin-top: 1rem;
}

.list_company_three .left {
  padding-right: 0;
  display: flex;
  align-items: flex-end;
}

.list_company_three .left>div {
  width: 100%;
}

.list_company_three .left ul {
  margin-top: 2.1875rem;
}

.list_company_three .right {
  padding-left: 0;
}

.list_company_three ul li {
  font-size: 1.375rem;
  color: #4F4F4F;
  display: flex;
  align-items: center;
  padding: 1.875rem 0;
  position: relative;
}

.list_company_three ul li div {
  width: 3.875rem;
  height: 3.875rem;
}

.list_company_three ul li span {
  display: block;
  width: calc(100% - 3.875rem);
  padding-left: 1.875rem;
}

.list_company_three ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 104%;
  height: 1px;
  background: #D8E5E0;
}

.list_company_three ul li img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  display: block;
}

.list_company_three ul li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0.125rem;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_company_three ul li:hover {
  color: #00A0AD;
}

.list_company_three ul li:hover img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_company_three ul li:hover::after {
  width: 104%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_company_four {
  background: #F3F8F6;
}

.list_company_four .just {
  justify-content: center;
  margin-top: 1.875rem;
}

.list_company_four .left {
  padding-top: 3.4375rem;
  height: 100%;
  position: sticky;
  top: 6.5rem;
}

.list_company_four .left ul li {
  padding-bottom: 3.125rem;
  line-height: 1;
  font-size: 1.375rem;
  color: #141414;
  position: relative;
  cursor: pointer;
}

.list_company_four .left ul li:hover div::before,
.list_company_four .left ul li.active div::before {
  background: rgba(0, 158, 173, 0.3);
}

.list_company_four .left ul li:hover div::after,
.list_company_four .left ul li.active div::after {
  background: #00A0AD;
}

.list_company_four .left ul li:last-child {
  padding-bottom: 0;
}

.list_company_four .left ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0.875rem;
  width: 1px;
  height: calc(100% - 1.5rem);
  background: #D8E5E0;
}

.list_company_four .left ul li div {
  position: relative;
  padding-left: 3.4375rem;
}

.list_company_four .left ul li div::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #fff;
}

.list_company_four .left ul li div::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5625rem;
  transform: translateY(-50%);
  background: #D8E5E0;
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
}

.list_company_four .right ul {
  position: relative;
  z-index: 54;
}

.list_company_four .right ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 100%;
  background: #D8E5E0;
  z-index: -1;
}

.list_company_four .right .bor50 {
  border-radius: 50%;
}

.list_company_four .right #his_3 ul li:nth-child(odd) .left {
  order: 3;
}

.list_company_four .right #his_3 ul li:nth-child(odd) .right {
  order: 1;
}

.list_company_four .right #his_3 ul li:nth-child(odd) .center {
  order: 2;
}

.list_company_four .right #his_3 ul li:nth-child(even) .left {
  order: 1;
}

.list_company_four .right #his_3 ul li:nth-child(even) .right {
  order: 2;
}

.list_company_four .right #his_3 ul li:nth-child(even) .center {
  order: 2;
}

.list_company_four .right ul li {
  margin: 0 -2.8125rem;
}

.list_company_four .right ul li:nth-child(even) .left {
  order: 3;
}

.list_company_four .right ul li:nth-child(even) .right {
  order: 1;
}

.list_company_four .right ul li:nth-child(even) .center {
  order: 2;
}

.list_company_four .right ul li .center {
  background: -moz-linear-gradient(50% 101.12% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 101.12%, 50% 5.56%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 50%;
  line-height: 5.5rem;
  text-align: center;
  font-size: 1.65rem;
  color: #FFFFFF;
}

.list_company_four .right ul li .left,
.list_company_four .right ul li .right {
  width: calc(50% - 4.0625rem);
  padding: 0 2.8125rem;
}

.list_company_four .right ul li .left .over {
  width: 13rem;
  height: 13rem;
  margin: 0 auto;
}

.list_company_four .right ul li .left .over img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.list_company_four .right ul li>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.othersource {
  display: none;
}

.layui-btn {
  line-height: 45px !important;
  height: 45px !important;
  margin-bottom: 0 !important;
}

.phone_img {
  width: 100%;
  display: block;
  font-size: 0.75rem;
  word-wrap: break-word;
}

.phone_img2 {
  font-size: 0.75rem;
  word-wrap: break-word;
}

.phone_img2.input {
  width: calc(100% - 100px);
  float: right;
  border: none;
  height: 45px;
  background: #fff !important;
}

.input .layui-btn-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.layui-btn-container .layui-btn,
.layui-btn {
  margin-left: 0 !important;
  width: auto !important;
}

#demo2 img,
#demo3 img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin-right: 10px;
}

.layui-elem-quote {
  margin-top: 0.625rem;
  border: none;
  padding: 0 !important;
}

.list_partnership_zero>img {
  position: absolute;
  top: 70%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  max-height: 80%;
}

.list_partnership_zero ul li>div {
  background: #F3F8F6;
  padding: 3.125rem 2.5rem 3.125rem;
  height: 100%;
  position: relative;
}

.list_partnership_zero ul li>div .icon {
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  text-align: center;
  line-height: 6.25rem;
  background: #fff;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
  font-size: 2rem;
  color: #00A0AD;
  margin: 0 auto;
  position: absolute;
  top: -3.125rem;
  left: 50%;
  transform: translateX(-50%);
}

.list_partnership_zero ul li>div .content {
  margin-top: 1.25rem;
  text-align: center;
}

.list_partnership .right {
  padding-left: 1.875rem;
}

.list_partnership .row {
  padding-bottom: 5rem;
  padding-right: 3.4375rem;
  position: relative;
  z-index: 4;
}

.list_partnership .row .title {
  margin-bottom: 3.4375rem;
}

.list_partnership .row::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: calc(100% - 4.6875rem);
  border-radius: 1.25rem;
  background: #F3F8F6;
  height: calc(100% - 5.75rem);
  z-index: -1;
}

.p_top {
  position: absolute;
  top: -6.25rem;
}

.list_partnership_two .margin {
  margin: 1.25rem auto 1.875rem;
}

.list_partnership_two ul {
  margin: 0 -1rem;
}

.list_partnership_two ul li {
  padding: 0 1rem;
}

.list_partnership_two ul li:hover>div .over {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_partnership_two ul li:hover img {
  transform: scale(1.1);
}

.list_partnership_two ul li>div {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_partnership_two ul li .number {
  position: absolute;
  bottom: 0;
  left: 1.5625rem;
  font-size: 6.25rem;
  line-height: 0.8;
  color: #FFFFFF;
  font-family: 'impact' !important;
}

.list_partnership_two ul li .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #141414;
  margin: 1.875rem 0 1.5625rem;
  display: flex;
  align-items: center;
}

.list_partnership_two ul li .name svg {
  width: 2.1875rem;
  height: 1.75rem;
  margin-left: 0.625rem;
}

.list_partnership_two ul li .name.active .jABQaoVZ_0 {
  stroke-dasharray: 77 79;
  stroke-dashoffset: 78;
  animation: jABQaoVZ_draw 1000ms linear 0ms forwards;
}

.list_partnership_two ul li .name.active .jABQaoVZ_1 {
  stroke-dasharray: 76 78;
  stroke-dashoffset: 77;
  animation: jABQaoVZ_draw 1000ms linear 500ms forwards;
}

@keyframes jABQaoVZ_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes jABQaoVZ_fade {
  0% {
    stroke-opacity: 1;
  }

  92.98245614035088% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.list_partnership_two ul li .text {
  font-size: 1rem;
  line-height: 1.875rem;
}

.list_partnership_three {
  background: #F3F8F6;
}

.list_partnership_three .padding {
  padding: 2.5rem 10.625rem 0;
}

.list_partnership_three .ul1 li {
  text-align: center;
}

.list_partnership_three .ul1 li:nth-child(2) .icon {
  position: relative;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #00C1DE;
}

.list_partnership_three .ul1 li:nth-child(3) .icon {
  position: relative;
  top: 0;
  left: calc(50% - 1.4063rem);
  transform: translateX(-50%);
  background: #00CE7C;
}

.list_partnership_three .icon {
  width: 24.375rem;
  height: 24.375rem;
  background: #00A0AD;
  border-radius: 50%;
  line-height: 11.875rem;
  text-align: center;
  margin: 0 auto;
  z-index: 34;
  position: relative;
  left: -0.1875rem;
}

.list_partnership_three .ul2 {
  position: relative;
  margin-top: -13.1875rem;
  z-index: 88;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
}

.list_partnership_three .ul2 li:nth-child(1) {
  position: relative;
  left: 1.75rem;
}

.list_partnership_three .ul2 li:nth-child(3) {
  position: relative;
  right: 1.75rem;
}

.list_partnership_three .ul2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F3F8F6;
}

.list_partnership_three .ul2 .iconimg {
  width: 11.9375rem;
  height: 11.9375rem;
  line-height: 11.9375rem;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  margin: auto;
  position: relative;
  margin-top: -5.96875rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
}

.list_partnership_three .ul2 .iconimg img {
  height: 3.875rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_partnership_three .ul2 .name {
  font-size: 1.125rem;
  line-height: 2.125rem;
  color: #141414;
  padding: 1.25rem 0;
}

.list_partnership_three .ul2 li {
  padding: 0 1.875rem;
}

.list_partnership_three .ul2 li:hover img {
  transform: rotateY(180deg);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_partnership_three .ul2 .text {
  font-size: 1rem;
  line-height: 1.875rem;
  color: #4F4F4F;
}

.list_partnership_three .ul2 .text p {
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #DAEDE5;
}

.bgf7 {
  background: #F3F8F6;
}

.list_careers {
  background: #F3F8F6;
}

.list_careers .margin {
  margin: 1.5625rem 0 1.875rem;
}

.list_careers .content {
  height: calc(50% - 1rem);
  background: -moz-linear-gradient(50% 101.78% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 101.78%, 50% -0.23%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
  padding: 1.875rem 3.125rem 0 2.6875rem;
  margin-top: 1.875rem;
}

.list_careers .content .text {
  color: #fff;
  height: 100%;
  font-size: 0.875rem;
  line-height: 1.5rem;
}

.list_careers .content svg {
  position: absolute;
  bottom: 0.875rem;
  right: 0;
  width: 2.625rem;
  height: 2.625rem;
}

.list_careers .content.active svg .duEprQZy_0 {
  stroke-dasharray: 197 199;
  stroke-dashoffset: 198;
  animation: duEprQZy_draw 1000ms linear 0ms forwards;
}

.list_careers .content.active svg .duEprQZy_1 {
  stroke-dasharray: 195 197;
  stroke-dashoffset: 196;
  animation: duEprQZy_draw 1000ms linear 500ms forwards;
}

@keyframes duEprQZy_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes duEprQZy_fade {
  0% {
    stroke-opacity: 1;
  }

  92.98245614035088% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.list_careers_two .name {
  font-size: 1.375rem;
  position: relative;
  display: inline-block;
  margin-top: 1.25rem;
  line-height: 2.5rem;
  color: #000000;
}

.list_careers_two .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 0.125rem;
  background: #00A0AD;
}

.list_careers_two .icon img {
  width: 9.6875rem;
  height: 9.6875rem;
  border-radius: 50%;
  margin: 0 auto;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_careers_two .text {
  margin-top: 0.3125rem;
}

.list_careers_two .swiper-slide:hover img {
  filter: drop-shadow(0 0 1rem rgba(0, 0, 0, 0.2));
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_careers_two .swiper-slide:hover .name::before {
  width: 100%;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_careers_two .swiper-slide>div {
  position: relative;
  z-index: 4;
  padding: 2.8125rem 0.9375rem;
  cursor: pointer;
}

.list_careers_two .swiper-slide>div::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: -moz-linear-gradient(50% 101.33% 90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -webkit-gradient(linear, 50% 101.33%, 50% 0.69%, color-stop(0.0048, rgba(0, 206, 124, 0)), color-stop(0.9963, rgba(0, 206, 124, 0.4)));
  background: -o-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  background: -ms-linear-gradient(90deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C' ,GradientType=0)";
  background: linear-gradient(0deg, rgba(0, 206, 124, 0) 0.48%, rgba(0, 206, 124, 0.4) 99.63%);
  opacity: 0.3;
  -moz-border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  filter: alpha(opacity=30) progid:DXImageTransform.Microsoft.Alpha(opacity=30) progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CE7C', endColorstr='#00CE7C', GradientType=0);
  border-radius: 1.25rem;
  z-index: -1;
}

.list_careers_three .card1:hover .face {
  transform: rotateY(-180deg);
}

.list_careers_three .face {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  backface-visibility: hidden;
}

.list_careers_three .card1 {
  perspective: 500px;
  position: relative;
  z-index: 9;
}

.list_careers_three .back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: -moz-linear-gradient(50% 101.78% 90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -webkit-gradient(linear, 50% 101.78%, 50% -0.23%, color-stop(0.0048, #2cc9c1), color-stop(0.9963, #00a1b2));
  background: -o-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  background: -ms-linear-gradient(90deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2CC9C1', endColorstr='#00A1B2' ,GradientType=0)";
  background: linear-gradient(0deg, #2cc9c1 0.48%, #00a1b2 99.63%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A1B2', endColorstr='#2CC9C1', GradientType=0);
  height: 100%;
  transform: rotateY(180deg);
  backface-visibility: hidden;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  padding: 0 .9375rem 0 2.1875rem;
  border-radius: 1.25rem;
}

.list_careers_three .swiper-container {
  border-radius: 1.25rem;
}

.list_careers_three .swiper-container::before {
  content: "";
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  height: calc(100% - 2rem);
  border: 1px solid #DAEDE5;
  border-radius: 1.25rem;
}

.list_careers_three .swiper-slide {
  padding: 1rem 0;
}

.list_careers_three .swiper-slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  background: #DAEDE5;
  height: calc(100% - 2rem);
  top: 1rem;
}

.list_careers_three .swiper-slide .face {
  padding: 7.5rem 0 8rem;
}

.list_careers_three .swiper-slide.swiper-slide-active::before {
  display: none;
}

.list_careers_three .swiper-slide .back {
  display: flex;
  align-items: center;
}

.list_careers_three .swiper-slide .back .text {
  font-size: 0.875rem;
  line-height: 1.5rem;
  margin-top: 0.25rem;
  height: 18.75rem;
  overflow-y: scroll;
  padding-right: 1.25rem;
}

.list_careers_three .swiper-slide .back .text::-webkit-scrollbar-track {
  /*婊氬姩鏉￠噷闈㈣建閬?/
  background-color: transparent;
  width: 4px;
  height: 164px;
  position: absolute;
}

.list_careers_three .swiper-slide .back .text::-webkit-scrollbar {
  /*婊氬姩鏉℃暣浣撴牱寮?/
  width: 4px;
  /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/
}

.list_careers_three .swiper-slide .back .text::-webkit-scrollbar-thumb {
  /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
  display: block;
  width: 10px;
  height: 35px;
  background: #fff;
}

.list_careers_three .back span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
  width: 100%;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #FFFFFF;
  text-align: center;
}

.list_careers_three .card1:hover .back {
  transform: rotateY(0);
}

.list_careers_three .name {
  font-size: 1.375rem;
  position: relative;
  display: inline-block;
  padding-bottom: 0.625rem;
}

.list_careers_three .face .name {
  margin-top: 1.25rem;
  line-height: 2.5rem;
  color: #000000;
}

.list_careers_three .face .name::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.5rem;
  height: 0.125rem;
  background: #00A0AD;
}

.list_careers_three .icon img {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_careers_three .text {
  margin-top: 1.25rem;
  color: #fff;
}

.list_careers_three .icon img {
  height: 3.875rem;
}

.list_careers_three .back .name {
  color: #fff;
  padding-right: 1.25rem
}

.list_careers_three .swiper-button-next {
  right: -6.875rem;
}

.list_careers_three .swiper-button-prev {
  left: -6.875rem;
}

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

.list_careers_four .left {
  padding-right: 1.875rem;
}

.list_careers_four .left .over,
.list_careers_four .left .over img {
  border-radius: 1.25rem;
}

.list_careers_four .right {
  padding-left: 1.875rem;
}

.list_careers_four .text {
  margin: 1rem 0 2.5rem;
}

.list_careers_four .text a {
  color: #00A0AD;
  font-size: 1.375rem;
}

.list_careers_four .pbmore .ir20p {
  right: 1.5rem;
}

.list_careers_four .pbmore:hover .ir20p {
  right: -1.25rem;
}

.pop_up_carr .left {
  width: 18.75rem;
}

.pop_up_carr .over,
.pop_up_carr .over img {
  border-radius: 50%;
  height: 18.75rem;
  object-fit: cover;
}

.pop_up_carr .right {
  width: calc(100% - 18.75rem);
  padding-left: 2.5rem;
}

.pop_up_carr .name {
  font-size: 1.5rem;
  font-weight: 600;
  position: absolute;
  top: 18.75rem;
  left: 0;
  margin-top: 1.25rem;
  width: 18.75rem;
  text-align: center;
}

.pop_up_carr .text {
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: #4F4F4F;
}

.pop_up_carr .text p {
  font-weight: 600;
  color: #000;
  font-size: 1rem;
}

.pop_up_carr .text div {
  margin-bottom: 1.25rem;
}

.pop_up_carr .modal-body {
  padding: 3rem;
}

.pop_up_carr .modal-header {
  padding: 0;
  border: none;
}

.pop_up_carr .modal-header .close {
  width: 3.125rem;
  height: 3.125rem;
  border: 1px solid #ddd;
  border-radius: 50%;
  line-height: 3rem;
  text-align: center;
  padding: 0;
  background: #fff;
  opacity: 1 !important;
}

.list_contact .w-accor,
.list_contact .img_ar {
  position: relative;
}

.list_contact .w-accor {
  overflow: hidden;
  position: relative;
}

.list_contact .w-accor .swiper-wrapper,
.list_contact .w-accor .swiper-slide {
  padding: 0;
  margin: 0;
  list-style: none;
}

.list_contact .w-accor .swiper-wrapper {
  width: 101%;
}

.list_contact .w-accor .swiper-slide {
  position: relative;
  overflow: hidden;
  float: left;
}

.list_contact .w-accor {
  border-radius: 1.25rem;
}

.list_contact .accorClick .swiper-slide {
  cursor: pointer;
}

.list_contact>img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 60%;
}

.list_contact svg {
  width: 5.25rem;
  height: 6.75rem;
}

.list_contact .left_name2 {
  font-size: 1.25em;
  margin: 1rem 0 0.625rem;
  color: #141414;
}

.list_contact .list>div {
  display: flex;
  align-items: flex-start;
  color: #141414;
}

.list_contact .list>div span {
  width: 1.625rem;
  font-size: 1.25rem;
  padding-top: 0.125rem;
  color: #141414;
}

.list_contact ul {
  display: flex;
  align-items: center;
  margin-top: 1.25rem;
}

.list_contact .text a {
  color: #00A0AD;
}

.list_contact ul li {
  padding: 4.6875rem 2.75rem 2rem;
  z-index: 3;
}

.list_contact ul li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% + 3.4375rem);
  background: #00A0AD;
  z-index: -1;
  border-radius: 1.25rem;
}

.list_contact ul li:nth-child(2) {
  border-radius: 1.25rem;
  background: #00C1DE;
}

.list_contact ul li:nth-child(2)::before {
  background: #00C1DE;
  border-radius: 1.25rem;
}

.list_contact ul li:nth-child(3) {
  border-radius: 1.25rem;
  background: #00CE7C;
}

.list_contact ul li:nth-child(3)::before {
  background: #00CE7C;
  border-radius: 1.25rem;
}

.list_contact ul li:nth-child(1) {
  border-radius: 1.25rem;
  background: #2ba3d6;
}

.list_contact ul li:nth-child(1)::before {
  background: #2ba3d6;
  border-radius: 1.25rem;
}

.list_contact .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  padding-bottom: 1.375rem;
}

.list_contact .list>div {
  display: flex;
  align-items: center;
  margin-bottom: 0.75rem;
}

.list_contact .list>div .icon {
  width: 2.1875rem;
}

.list_contact .list>div .icon .iconfont {
  font-size: 1.25rem;
  display: block;
  color: #fff;
}

.list_contact .list>div p {
  width: calc(100% - 2.1875rem);
  color: #FFFFFF;
}

.list_contact .swiper-slide {
  height: 27.375rem;
  overflow: visible !important;
}

.list_contact .swiper-slide .item {
  height: 100%;
}

.list_contact .swiper-slide.cur .name {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.list_contact .swiper-slide.cur .list {
  display: block;
}

.list_contact .swiper-slide.cur .img {
  display: none;
}

.list_contact .swiper-slide.cur .map_a {
  display: flex !important;
}

.list_contact .swiper-slide.cur .map_a .qtJdZUFn_0 {
  stroke-dasharray: 387 389;
  stroke-dashoffset: 388;
  animation: qtJdZUFn_draw 2000ms linear 0ms forwards;
}

@keyframes qtJdZUFn_draw {
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes qtJdZUFn_fade {
  0% {
    stroke-opacity: 1;
  }

  94.44444444444444% {
    stroke-opacity: 1;
  }

  100% {
    stroke-opacity: 0;
  }
}

.list_contact .swiper-slide .list {
  margin: 1.25rem 0 1.5625rem;
  display: none;
}

.list_contact .swiper-slide .img {
  position: absolute;
  bottom: 2.375rem;
  left: 2.1875rem;
}

.list_contact .swiper-slide .hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4.6875rem 2.1875rem;
}

.list_contact .swiper-slide .hover .map_a {
  display: flex;
  align-content: center;
  font-size: 1.125rem;
  line-height: 2.1875rem;
  color: #FFFFFF;
  display: none;
}

.list_contact .swiper-slide .hover .map_a span {
  margin: 0 1.125rem;
}

.list_contact .swiper-slide .hover .map_a .iconfont {
  font-size: 1.25rem;
}

.list_contact .swiper-slide .hover .map_a span,
.list_contact .swiper-slide .hover .map_a i {
  display: flex;
  align-items: center;
}

.list_message .left {
  display: flex;
  align-items: center;
}

.list_message input {
  width: 100%;
  line-height: 3rem;
  font-size: 1rem;
  font-size: 1.125rem;
  padding: 0 1.25rem;
  color: #4F4F4F;
  border: 1px solid #D8E5E0;
  border-radius: 0.3125rem;
}

.list_message textarea {
  width: 100%;
  display: block;
  height: 7.5rem;
  line-height: 1.875rem;
  padding: 0.625rem 1.25rem;
  border: 1px solid #D8E5E0;
  border-radius: 0.3125rem;
}

.list_message .name {
  font-size: 1rem;
  margin-bottom: 0.375rem;
  line-height: 1.875rem;
  color: #3A3A3A;
}

.list_message .name span {
  color: #D30000;
}

.list_message button span {
  text-transform: uppercase;
}

.list_responsibiity .gallery-top .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #141414;
  text-align: center;
}

.list_responsibiity .gallery-thumbs .name {
  font-size: 1.375rem;
  line-height: 1.875rem;
  color: #141414;
}

.list_responsibiity .gallery-thumbs .data {
  font-size: 1.125rem;
  line-height: 1.875rem;
  color: #4F4F4F;
  margin: 0.875rem 0;
  display: flex;
  align-items: center;
}

.list_responsibiity .gallery-thumbs .data .iconfont {
  color: #AECCBF;
  margin-right: 0.625rem;
  font-size: 1.25rem;
}

.list_responsibiity .gallery-thumbs .left {
  padding-right: 2rem;
}

.list_responsibiity .gallery-thumbs .right {
  padding-left: 2rem;
}

.list_responsibiity .gallery-top {
  margin-top: 4.6875rem;
  padding-top: 1.375rem;
}

.list_responsibiity .gallery-top .swiper-slide div {
  padding-top: 1.25rem;
}

.list_responsibiity .gallery-top .swiper-slide div p {
  padding: 0 2.5rem;
}

.list_responsibiity .gallery-top .swiper-slide div::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  right: 25%;
  width: 1px;
  height: 0.625rem;
  background: #D3D3D3;
}

.list_responsibiity .gallery-top .swiper-slide div::after {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: 25%;
  width: 1px;
  height: 0.625rem;
  background: #D3D3D3;
}

.list_responsibiity .gallery-top .swiper-slide::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  right: 0;
  width: 1px;
  height: 0.625rem;
  background: #D3D3D3;
}

.list_responsibiity .gallery-top .swiper-slide::after {
  content: "";
  position: absolute;
  top: -1.375rem;
  left: 50%;
  width: 1px;
  height: 1.375rem;
  background: #D3D3D3;
}

.list_responsibiity .gallery-top::before {
  content: "";
  position: absolute;
  top: 1.375rem;
  left: 00;
  width: 100%;
  height: 1px;
  background: #D3D3D3;
}

.list_responsibiity .swiper-button-next {
  right: -6.25rem;
}

.list_responsibiity .jiantou {
  top: auto;
  transform: translateY(0);
  margin-top: 0;
  bottom: 3.5rem;
}

.list_responsibiity .swiper-button-prev {
  left: -6.25rem;
}

.list_responsibiity .before_a {
  position: relative;
}

.list_responsibiity .before_a::before {
  content: "";
  position: absolute;
  top: 0.75rem;
  right: 0;
  width: 1px;
  height: 0.625rem;
  background: #D3D3D3;
}

.list_responsibiity .before_a::after {
  content: "";
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 1px;
  height: 0.625rem;
  background: #D3D3D3;
}

.list_responsibiity .gallery-top .swiper-slide-thumb-active .name {
  color: #00A0AD;
}

.list_responsibiity .gallery-top .swiper-slide-thumb-active::after {
  background: #00A0AD;
}

.list_responsibiity_three {
  padding: 5.625rem 0;
}

.list_responsibiity_three .hover {
  position: absolute;
  bottom: 1.5625rem;
  left: 0;
  width: 100%;
  padding: 0 2.1875rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  color: #FFFFFF;
  opacity: 0;
}

.list_responsibiity_three .swiper-slide-active .hover {
  opacity: 1;
}

.list_responsibiity_three .swiper-slide-active a::before {
  background: transparent !important;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_responsibiity_three .swiper-slide {
  width: 26rem;
  padding: 1rem 0;
}

.list_responsibiity_three .swiper-slide:hover img {
  transform: scale(1.1);
}

.list_responsibiity_three .swiper-slide a {
  position: relative;
  z-index: 5;
}

.list_responsibiity_three .swiper-slide a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: 1;
  border-radius: 1.25rem;
}

.list_responsibiity_three .swiper-container-3d .swiper-slide-shadow-right,
.list_responsibiity_three .swiper-container-3d .swiper-slide-shadow-left {
  background: transparent;
}

.list_responsibiity_three .jiantou {
  bottom: 1rem;
  top: auto;
  transform: translateY(0);
  margin-top: 0;
}

.list_responsibiity_three .swiper-button-next {
  right: calc(50% - 5rem);
}

.list_responsibiity_three .swiper-button-prev {
  left: calc(50% - 5rem);
}

.list_responsibiity_four .left {
  padding-right: 1.5625rem;
}

.list_responsibiity_four .right {
  padding-left: 1.5625rem;
}

.list_responsibiity_four .right ul {
  margin-top: 2rem;
}

.list_responsibiity_four .right ul li {
  padding: 1.5rem 0;
  border-bottom: 1px solid #D8E5E0;
}

.list_responsibiity_four .right ul li .name {
  font-size: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
  line-height: 1.875rem;
  color: #141414;
}

.list_responsibiity_four .right ul li .name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #00A0AD;
}

.list_responsibiity_four .right ul li .text {
  margin-top: 0.625rem;
  display: none;
}

.list_responsibiity_four .right ul li.active .text {
  display: -webkit-box;
}

.page_form button {
  width: 6.25rem;
  height: 2.8125rem;
  line-height: 2.6875rem;
  border-radius: 0.3125rem;
  border: 1px solid #10AFB9;
  text-align: center;
  font-size: 14px;
  margin: 0 5px;
  color: #fff;
  background: #00A0AD;
}

.page_form button.bg {
  color: #00A0AD;
  background: transparent;
}

.page_form .tips {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.0625rem;
  color: #999999;
  margin-top: 17px;
}

.page_form .tips p {
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.page_form .name_title {
  background: #10AFB9;
  line-height: 45px;
  padding: 0 12px;
  font-weight: 700;
  font-size: 16px;
  color: #FFFFFF;
  margin-bottom: 14px;
}

.page_form .name {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 0.625rem;
}

.page_form .name span {
  color: #E80000;
}

.page_form .input {
  margin-bottom: 1rem;
}

.page_form .input p {
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  color: #727272;
  margin-top: 5px;
}

.page_form .col-6,
.page_form .col-4,
.page_form .col-8 {
  padding: 0 7px;
}

.page_form .row {
  margin: 0 -7px 1rem;
}

.page_form input,
.page_form select {
  line-height: 43px;
  background: #FFFFFF;
  border: 1px solid #EDEDED;
  border-radius: 5px;
  font-weight: 400;
  font-size: 14px;
  height: 45px;
  color: #727272;
  width: 100%;
  padding: 0 10px;
}

.page_form textarea {
  width: 100%;
  height: 100px;
  line-height: 22px;
  padding: 5px 10px;
  border: 1px solid #EDEDED;
  border-radius: 5px;
  color: #727272;
}

.page_form .font16 {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

.hear_about label {
  margin-bottom: 0;
  margin-right: 0.5rem;
  margin: 0 20px 10px 0;
}

.hear_about label input[type=radio] {
  display: none;
}

.hear_about>div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.hear_about label input[type=radio]:checked~.button span {
  position: relative;
  background: linear-gradient(180deg, #0CACB7 0%, #2BC8C1 100%);
  border-color: #0CACB7;
}

.hear_about label input[type=radio]:checked~.button span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(../img/dg.png) no-repeat;
  background-size: contain;
  width: 9px;
  height: 5px;
  transform: translate(-50%, -50%);
}

.hear_about label .button {
  cursor: pointer;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  color: #848383;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hear_about label .button span {
  width: 20px;
  height: 20px;
  border: 1px solid #A8A8A8;
  background-color: #fff;
  border-radius: 100%;
  margin-right: 0.5em;
}

.lx-cont2 form .msg-a3 textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #D0D0D0;
  font: 100 1rem/1.5rem "pingfang SC";
  background: transparent;
}

.more_pdf {
  width: 3.375rem;
  height: 3.375rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #00A0AD;
  font-size: 0.75rem;
  line-height: 0.9375rem;
  color: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  text-align: center;
}

.more_pdf .iconfont {
  display: block;
  font-size: 1.125rem;
  margin-bottom: 0.3125rem;
}

.more_pdf:hover {
  background: #00A0AD;
  color: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_invo_li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 0;
}

.list_invo .bgf7 {
  padding: 3.4375rem;
  display: flex;
  align-items: center;
}

.list_invo .bgf7 .left {
  width: 35%;
  float: left;
  position: relative;
}

.list_invo .bgf7 .left::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.2);
  height: 8.375rem;
}

.list_invo .bgf7 .left .name {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2.375rem;
  color: #000000;
}

.list_invo .bgf7 .left .number {
  margin: 0.5rem 0 1.5625rem;
  display: flex;
  align-items: flex-end;
}

.list_invo .bgf7 .left .number .fl1 span:nth-child(1) {
  font-size: 3.6rem;
  line-height: 4.625rem;
  color: #C4000F;
}

.list_invo .bgf7 .left .number .fl1 span:nth-child(2) {
  font-size: 1.125rem;
  text-align: justify;
  margin: 0 0.875rem 0 0.4375rem;
  color: #ABABAB;
}

.list_invo .bgf7 .left .number .color {
  padding-bottom: 0.375rem;
}

.list_invo .bgf7 .left .number .color span {
  font-size: 1.125rem;
  text-align: justify;
  display: inline-block;
}

.list_invo .bgf7 .left .tips {
  font-size: 1rem;
  line-height: 1.4375rem;
  text-align: justify;
  color: #777777;
}

.list_invo .bgf7 .right {
  width: 65%;
  float: right;
  padding-left: 3.125rem;
}

.list_invo .bgf7 .right ul {
  display: flex;
  align-items: center;
}

.list_invo .bgf7 .right ul li {
  width: 25%;
  flex: 1 0 0;
}

.list_invo .bgf7 .right ul li .name {
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: justify;
  color: #000000;
}

.list_invo .bgf7 .right ul li .text {
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: justify;
  color: #00A0AD;
  margin-top: 0.3125rem;
}

.list_invo_two .list_invo_li {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_invo_two .list_invo_li:hover {
  box-shadow: 0 0 0.625rem rgba(57, 95, 142, 0.2);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_invo_two .list_invo_li .name {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.875rem;
  text-align: justify;
  color: rgba(0, 0, 0, 0.8);
}

.list_invo_three ul li:nth-child(1) .list_invo_li,
.list_invo_three ul li:nth-child(2) .list_invo_li {
  border-top: 1px solid #E4E4E4;
}

.list_invo_three ul {
  margin-left: -3.125rem;
  margin-right: -3.125rem;
}

.list_invo_three ul li {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.list_invo_three .list_invo_li {
  border-bottom: 1px solid #E4E4E4;
  position: relative;
}

.list_invo_three .list_invo_li:hover .name {
  color: #00A0AD;
}

.list_invo_three .list_invo_li:hover::before {
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  width: 100%;
}

.list_invo_three .list_invo_li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #00A0AD;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.list_invo_three .list_invo_li .name {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.875rem;
  height: 1.875rem;
  text-transform: uppercase;
  color: #534E4E;
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

.list_invo_three .list_invo_li .center {
  width: calc(100% - 3.375rem);
  padding: 0 1.875rem;
  position: relative;
}

.list_invo_three .list_invo_li .center::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background: #00A0AD;
  border-radius: 50%;
}

.list_invo_three .list_invo_li .data {
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: justify;
  color: #999999;
}

.list_invo_three .more {
  border: 1px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
}

.list_invo_four .right ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.125rem;
  margin-bottom: 1rem;
  color: #4F4F4F;
}

.list_invo_four .right ul li div:nth-child(1) {
  width: 2.5rem;
  font-size: 1.25rem;
  color: #00A0AD;
}

.list_invo_four .right ul li div:nth-child(2) {
  width: calc(100% - 2.5rem);
}

.list_invo_four .right .text {
  margin: 1.25rem 0;
}

.page_promanual .left {
  width: 35%;
  border: 1px solid #f5f5f5;
}

.page_promanual li a {
  display: flex;
  align-items: flex-start;
}

.page_promanual li {
  margin-bottom: 10px;
}

.page_promanual .right {
  width: 65%;
  padding-left: 20px;
}

.page_promanual .right .name {
  font-weight: 400;
  font-size: 1rem;
  line-height: 20px;
  color: #000000;
  padding-top: 10px;
}

.show_promanual .top {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  padding: 13px 0 17px;
  border-top: 1px solid #E1E1E1;
}

.show_promanual .top .name {
  margin-bottom: 6px;
  color: #000000;
  font-weight: 600;
}

.show_promanual .text {
  color: #727272;
}

.show_promanual .center .text {
  color: #727272;
}

.show_promanual .center .name {
  position: relative;
  margin-bottom: 14px;
  font-weight: 600;
}

.show_promanual .center .name::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 1px;
  background: #E1E1E1;
  z-index: -1;
}

.show_promanual .center .name::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 6px;
  height: 20px;
  background: #00A0AD;
}

.show_promanual .center .name span {
  padding: 0 8px 0 16px;
  background: #fff;
}

.page_suggestion .title {
  margin-bottom: 5px;
}

.page_suggestion ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.page_suggestion ul li .left {
  width: 45px;
}

.page_suggestion ul li .left .iconfont {
  font-size: 2rem;
  color: #00A0AD;
}

.page_suggestion ul li .right {
  width: calc(100% - 45px);
  font-size: 14px;
  line-height: 20px;
  color: #000000;
}

.renshenshow,
.hebingshow {
  display: none;
}

.page_safe {
  padding: 15px 0 25px !important;
}

.page_safe ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  color: #000000;
  margin-bottom: 10px;
}

.page_safe ul li a {
  color: #000000;
}

.show_safe .name {
  font-weight: 700;
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  color: #000000;
}

.show_safe .data {
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  color: #999999;
  padding: 12px 0 20px;
  border-bottom: 4px solid #00A0AD;
}

.show_safe .text {
  font-size: 14px;
  line-height: 24px;
  padding: 16px 0 20px;
  text-align: justify;
  color: #727272;
}

.show_safe .text strong {
  color: #000;
}

.flex_left_right .right ul {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex_left_right .right ul.active {
  background: rgba(0, 0, 0, 0.5);
}

.flex_left_right .right ul li {
  display: none;
  padding: 0 3rem;
}

.flex_left_right .right ul li .text {
  color: #fff;
}

.flex_left_right .right ul li.active {
  display: block;
}

.two_bor .flex_left_right>li ul li:nth-child(2)>a {
  border-top: 1px solid #DAEDE5;
}

.height_img_100 .pr {
  height: 100%;
}

.height_img_100 .pr img {
  height: 100% !important;
  object-fit: cover;
}


@media (max-width: 1480px) {
  .list_careers .content{
    height: calc(60% - 1rem);
  }
}

@media (max-width: 1200px) {
  .list_careers .content{
    height: calc(70% - 1rem);
  }
}