.index{
  overflow: hidden;
}
.index .swiper-banner  .swiper-slide{
  margin-right:0 !important;
}
.index .swiper-banner .go-next {
  position: absolute;
  right: calc(170 * var(--basePC));
  transform: translateY(-50%);
  z-index: 99;
  cursor: pointer;
}

.index .iconjiaodiantujiantouzuo:before{
  content: "";
  display:inline-block;
  width: calc(7.5 * var(--basePC));
  height: calc(13.5 * var(--basePC));
  background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-w.png) no-repeat center;
  background-size:cover;
}
.index .swiper-button-disabled   .iconjiaodiantujiantouzuo:before{
    background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-b.png) no-repeat center;
    background-size:cover;
}

.index .iconjiaodiantujiantou:before {
  content: "";
  display:inline-block;
  width: calc(7.5 * var(--basePC));
  height: calc(13.5 * var(--basePC));
  background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-w.png) no-repeat center;
  background-size:cover;
  transform:rotate(180deg);
}
.index  .customer-cases .iconjiaodiantujiantou:before {
  background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-wg.png) no-repeat center;
  background-size:cover;

}
.index .swiper-button-disabled  .iconjiaodiantujiantou:before{
    background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-b.png) no-repeat center;
    background-size:cover;
}
 .index .customer-cases .swiper-button-disabled   .iconjiaodiantujiantouzuo:before{
    background: url(https://www.harmonytsc.com/r/cms/www/default/images/harmony/iconImages/l-g.png) no-repeat center;
    background-size:cover;
}
.index .swiper-banner .go-next svg {
  width: calc(237.01 * var(--basePC));
  height: calc(200 * var(--basePC));
}

.index .about-us .text-carousel {
  background-color: var(--background-color);
  padding: calc(35 * var(--basePC)) 0 calc(180 * var(--basePC));
  margin-bottom: 0;
}
.more a {
    width: calc(190* var(--basePC));
    border: 1px solid var(--border-color2);
    background: #fff;
    border-radius: calc(20* var(--basePC)) 0px calc(20* var(--basePC)) 0px;
    letter-spacing: calc(1.6* var(--basePC));
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(53* var(--basePC));
}

.more a span {
  background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.more a:hover {
  color: #fff;
  background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
  border-color: transparent;
}
.more a:hover span {
  color: #fff;
  background: none;
  -webkit-text-fill-color: inherit;
  border-color: transparent;
}
.index .swiper-banner {
  position: relative;
}
.index .swiper-banner a {
  width: 100%;
}

.index .about-us {
  padding: 0;
}

.index .about-us .about-colum {
  background-color: #ffffff;
}
.index .about-us .colum-dis {
  margin-top: calc(40 * var(--basePC));
  line-height: calc(35 / 18);
  text-indent: 2em;
}
.index .about-us .about-colum {
  background-color: #ffffff;
}
.index .about-us .about-colum .about-logo {
  margin-top: calc(-130 * var(--basePC));
}

.index .about-us .colum-image {
  width: 100%;
  border-radius: calc(20 * var(--basePC));
}

.index .about-us .colum-image a {
  width: 100%;
}
.index .about-us .colum-image img {
  width: 100%;
  height: calc(605 * var(--basePC));
  object-fit: cover;
  border-radius: calc(20 * var(--basePC));
}
.index .colum-logo {
  width: 14vw;
  height: 10.5rem;
  position: relative;
}
@media (max-width: 1600px) {
  .index .colum-logo {
    width: 15vw;
  }
}
@media (max-width: 1200px) {
  .index .colum-logo {
    width: 17vw;
  }
}
@media (max-width: 768px) {
  .index .colum-logo {
    width: 19vw;
  }
}
.index .colum-logo .colum-enTitle {
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 50%;
  top: 3%;
  transform: translateX(-50%);
}
.index .colum-logo .events-title {
  left: 50%;
  top: 80%;
}
.index .colum-logo .news-title {
  left: 46%;
  top: 68%;
}
.index .colum-logo .policy-title {
  top: 71%;
  left: 46%;
}
is .index .colum-dis {
  line-height: 2.5;
}
.index .policy-colum {
  background-color: #fff;
  padding-top: calc(258* var(--basePC));
}
.index .policy {
  height: calc(921 * var(--basePC));
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  transition: background-image 0.5s ease;
}
.index .policy .container .colum-logo-box {
  position: absolute;
  top: 0;
  z-index: 99;
}
.index .policy .nav {
  cursor: pointer;
  /* margin-top: 20px; */
}
.index .policy .container .policy-content {
  display: flex;
  justify-content: space-between;
  padding-top: calc(401 * var(--basePC));
}
.index .policy .nav li {
  position: relative;
  z-index: 99;
  color: #fff;
  font-weight: 500;
  border-radius: calc(20 * var(--basePC)) 0px calc(20 * var(--basePC)) 0px;
  background: transparent;
  padding: calc(6 * var(--basePC)) calc(26 * var(--basePC));
  letter-spacing: calc(4 * var(--basePC));
  margin-bottom: calc(18 * var(--basePC));
  line-height: calc(36 / 27);
  font-weight: bold!important;
}
.index .policy .policy-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.index .policy .policy-bg-img.active {
  opacity: 1;
}
.index .policy .policy-bg-img img {
  width: 100%;
  height: 100%;
}
.index .policy .nav li.active {
  background: #fff;
  font-weight: 600;
}
.index .policy .nav li.active span {
  font-variation-settings: "opsz" auto;
  background: linear-gradient(270deg, #00b578 0%, #5acde8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
}
.index .policy .colum-content-box {
  width: calc(904 * var(--basePC));
  min-height: calc(520 * var(--basePC));
  background: linear-gradient(90deg, #10b6e2 0%, #00a771 100%);
  border-radius: calc(20 * var(--basePC)) calc(20 * var(--basePC)) 0px 0px;
  margin: 0;
  overflow: hidden;
  padding: calc(97* var(--basePC)) calc(52 * var(--basePC)) calc(80* var(--basePC));
  color: #fff;
  position: relative;
  z-index: 99;
}
.index .policy .colum-content-box .swiper-policy {
  opacity: 0;
  position: relative;
  display: none;
}
.index .policy .colum-content-box .swiper-policy .swiper-slide {
  margin-right: calc(64 * var(--basePC)) !important;
}
.index .policy .colum-content-box .swiper-policy .policy-dis {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  line-height: 1.4;
}
.index .policy .colum-content-box .swiper-policy .policy-dis p {
  opacity: 0.8;
  margin-bottom: calc(38 * var(--basePC));
  line-height: calc(35 / 18);
}

.index .policy .colum-content-box .swiper-policy h2 {
  font-weight: bold;
  line-height: calc(24 / 18);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  margin-bottom: calc(40 * var(--basePC));
}
.index .policy .colum-content-box .swiper-policy h2::after {
  content: "";
  width: calc(30 * var(--basePC));
  height: calc(2 * var(--basePC));
  /* display: inline-block; */
  /* line-height: 2; */
  background: #ffffff;
  /* margin: 0 auto; */
  border-radius: calc(20 * var(--basePC));
  opacity: 0.8;
  text-align: left;
  margin-top: calc(8 * var(--basePC));
}
.index .policy .colum-content-box .swiper-policy a {
  color: var(--link-color);
  background: #ffffff;
  border-radius: calc(20 * var(--basePC)) 0px calc(20 * var(--basePC)) 0px;
  width: calc(168 * var(--basePC));
  text-align: center;
  /* padding: calc(10 * var(--basePC)) 0; */
  height: calc(46 * var(--basePC));
  line-height: calc(46 * var(--basePC));
}
.index .policy .colum-content-box .swiper-policy a span {
  letter-spacing: calc(1.6 * var(--basePC));
  background: linear-gradient(270deg, #00b578 0%, #10b6e1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.index .policy .colum-content-box .swiper-policy.active {
  opacity: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* flex-wrap: wrap; */
  /* white-space: break-spaces; */
  /* word-wrap: break-word; */
}
.index .policy .colum-content-box .switch-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  min-width: calc(120 * var(--basePC));
}
.index .policy .colum-content-box .switch-btn .policy-prev,
.index .policy .colum-content-box .switch-btn .policy-next {
  position: static;
  width: calc(46 * var(--basePC));
  height: calc(46 * var(--basePC));
  border-radius: calc(2 * var(--basePC));
  border: none;
  box-sizing: border-box;
}
.index .policy .colum-content-box .switch-btn .policy-prev i,
.index .policy .colum-content-box .switch-btn .policy-next i {
  font-size: calc(16 * var(--basePC));
}
.index .policy .colum-content-box .switch-btn .policy-prev {
  margin-right: 10%;
}
.index .events-colum {
  padding-top: calc(120 * var(--basePC));
  padding-bottom: calc(60 * var(--basePC));
  background-color: #fff;
}
.index .events-colum .events{
    position: relative;
}
.index .events-colum .more{
 position:absolute;
 right:0;
 z-index:99;
 bottom: calc(40* var(--basePC));
}
.index .events .events-item {
  margin-left: calc(205 * var(--basePC));
  justify-content: space-between;
  margin-top: calc(-43 * var(--basePC));
  position: relative;
}
.index .events .events-item .item-link {
  -webkit-flex: 0 0 36.75rem;
  -ms-flex: 0 0 36.75rem;
  flex: 0 0 48.8%;
  max-width: 48.8%;
  margin-bottom: calc(40* var(--basePC));
  transform: translate3d(0px, 0px, 0px);
  text-decoration: none;
}
.index .events .events-item .item-link .events-detail {
  display: flex;
  justify-content: space-between;
  /* margin-top: calc(40 * var(--basePC)); */
  align-items: center;
}
.index .events .events-item .item-link .events-detail i {
  font-size: calc(16 * var(--basePC));
}

.index .events .events-item .item-link .events-detail .time-addr > div {
  /* letter-spacing: calc( 1.5*var(--basePC)); */
  align-items: center;
}
.index .events .events-item .item-link .events-wrap {
  cursor: pointer;
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.index .events .events-item .item-link:hover .events-wrap {
  transform: translateY(-10px);
  box-shadow: 0px 8px 16px 0px rgba(51, 51, 51, 0.32);
}
.index
  .events
  .events-item
  .item-link
  .events-detail
  .time-addr
  > div:not(:last-child) {
  margin-right: calc(30 * var(--basePC));
}
.index .events .events-item .item-link .events-detail .time-addr i {
  margin-right: calc(10 * var(--basePC));
}
.index .events .events-item .item-link .events-detail .event-btn {
  background: rgba(51, 51, 51, 0.24);
  height: calc(48 * var(--basePC));
  line-height: calc(48 * var(--basePC));
  padding: 0 calc(20 * var(--basePC));
}
.index .events .events-item .item-link .events-detail .event-btn a {
  color: #fff;
}
.index .events .events-item .item-link .events-wrap {
  position: relative;
  z-index: 2;
  color: #ffff;
  padding: calc(22 * var(--basePC)) calc(35 * var(--basePC))
    calc(30 * var(--basePC)) calc(45 * var(--basePC));
  -webkit-box-shadow: 0px 24px 43px 0px rgba(173, 179, 192, 0.15);
  -moz-box-shadow: 0px 24px 43px 0px rgba(173, 179, 192, 0.15);
  box-shadow: 0px 24px 43px 0px rgba(173, 179, 192, 0.15);
  display: flex;
  flex-direction: column;
}
.index .events .events-item .item-link .events-wrap div.ellipsis3 {
  margin: calc(20 * var(--basePC)) 0;
  line-height: calc(35 / 18);
  font-weight: normal;
}
.index .events .events-item .item-link .events-wrap .events-item-title {
  font-weight: 700;
  line-height: calc(30 / 18);
}
.index .events .events-item .item-link .events-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: -webkit-transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  z-index: -1;
}
.index .events .events-item .item-link .events-wrap::after {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.index .events .events-item .item-link:nth-child(odd) .events-wrap {
  background-color: #10b6e2;
}
.index .events .events-item .item-link:nth-child(odd) .events-wrap .dis {
  margin-top: calc(8 * var(--basePC));
  font-weight: normal;
}
.index .events .events-item .item-link:nth-child(odd) .events-wrap::before {
  background-color: #00a771;
}
.index .events .events-item .item-link:nth-child(odd) .events-wrap::after {
  background-color: #00a771;
}

.index .events .events-item .item-link:nth-child(even) .events-wrap {
  background-color: #00a771;
}
.index .events .events-item .item-link:nth-child(even) .events-wrap::before {
  background-color: #10b6e2;
}
.index .events .events-item .item-link:nth-child(even) .events-wrap::after {
  background-color: #10b6e2;
}
.index .events .events-item .item-link:nth-child(even) {
  margin-top: calc(-147 * var(--basePC));
  /* margin-bottom: 0; */
}
.index .events .events-item .item-link:last-child{
   margin-top: calc(-177 * var(--basePC));
}
.index .news .news-item {
  margin-left: calc(104 * var(--basePC));
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(74 * var(--basePC));
  justify-content: space-between;
}
.index .news .news-item .news-wrap {
  position: relative;
  border-radius: 0px 0px 0px calc(40 * var(--basePC));
  height: calc(400 * var(--basePC));
  flex: 0 0 49.5%;
  margin-bottom: calc(7 * var(--basePC));
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
}
.index .news .news-item .news-wrap:hover img {
  transform: scale(1.2);
}
.index .news .news-item .news-wrap div.new-dis {
  width: 72.785%;
  position: absolute;
  bottom: 0;
  left: calc(40 * var(--basePC));
  background-color: #fff;
  color: var(--primary-text-color);
  padding: calc(36 * var(--basePC));
  transform: translateY(calc(78 * var(--basePC)));
  box-sizing: border-box;
  border-radius: 0px 0px 0px 20px;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);
  line-height: calc(24 / 18);
}
.index .news .news-item .news-wrap div.new-dis > span:last-child {
  color: var(--minor-text-color);
  margin-top: calc(20 * var(--basePC));
}
.index .news .news-item .news-wrap .bg-img {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 0px calc(40 * var(--basePC));
  overflow: hidden;
}
.index .news .news-item .news-wrap .bg-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0px 0px 0px calc(40 * var(--basePC));
  transition: all 0.5s linear;
}
.index .news .news-item .news-wrap:nth-child(even) {
  /* margin-top: -calc(170 * var(--basePC)); */
  transform: translateY(-50%);
}
.index .case {
  position: relative;
  min-height: calc(852 * var(--basePC));
  margin-top: 0;
}
.index .case .customer-cases {
  position: absolute;
  top: calc(-60 * var(--basePC));
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  overflow: hidden;
  box-sizing: content-box;
}
.index .case .customer-cases .customer-item {
  overflow: hidden;
  margin-top: calc(106 * var(--basePC));
  position: relative;
  padding: 0 calc(64 * var(--basePC)) 0 calc(72 * var(--basePC));
  padding-bottom: calc(42 * var(--basePC));
}
.index .case .customer-cases .customer-item .swiper-wrapper {
  position: static;
  width: auto;
}
.index .case .customer-cases .customer-item .customer-wrap {
  flex-direction: column;
  color: #000000;
  font-weight: bold;
  align-items: center;
  width: 100%;
  transition: all 0.2s 0s cubic-bezier(0.19, 1, 0.22, 1);
}

.index .case .customer-cases .customer-item .customer-wrap .customer-dis {
  font-weight: 400;
  letter-spacing:calc(4 * var(--basePC));
  line-height: calc(40 / 27);
  opacity: 1;
  margin-top: calc(53 * var(--basePC));
  position: relative;
}
.index .case .customer-cases .customer-item .customer-wrap .customer-dis .en_name{
  position:absolute;
  top: -110%;
  left: 50%;
  letter-spacing: calc(2* var(--basePC));
  transform: translateX(-50%);
  opacity: 0.05;
  line-height: 1;
}
.index .case .customer-cases .customer-item .customer-wrap .img {
  width: calc(390 * var(--basePC));
  position: relative;
}
.index .case .customer-cases .customer-item .customer-wrap .img .active-img {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 0;
  transform: translateX(-50%);
}
.index .case .customer-cases .customer-item .customer-wrap .img .default-img {
  opacity: 1;
  position: relative;
  z-index: 1;
}
.index .case .customer-cases .customer-item .customer-wrap:hover .default-img {
  opacity: 0;
  z-index: 0;
}
.index .case .customer-cases .customer-item .customer-wrap:hover .active-img {
  opacity: 1;
  z-index: 1;
}
.index .case .customer-cases .customer-item .customer-wrap .img img {
  width: 100%;
  object-fit: fill;
  transition: opacity 1s 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.index .case .customer-cases .customer-item .customer-prev,
.index .case .customer-cases .customer-item .customer-next {
  border-radius: 50%;
  width: calc(60 * var(--basePC));
  height: calc(60 * var(--basePC));
  background: var(--main-background-color);
  color: #fff;
  border: 1px solid var(--border-color2);
  top: 50%;
  transform: translateY(calc(-60 * var(--basePC)));
}
.index .case .customer-cases .customer-item .customer-prev {
  left: calc(18 * var(--basePC));
}
.index .case .customer-cases .customer-item .customer-next {
  right: calc(18 * var(--basePC));
}
.index .case .customer-cases .customer-item .customer-prev i,
.index .case .customer-cases .customer-item .customer-next i {
  font-size: calc(16 * var(--basePC));
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
  left: 0;
  width: 100%;
  /* transform: translateY(-533%); */
}