@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.eot');
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.eot');
  src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular.woff2') format('woff2'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.eot');
  src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), url('../fonts/Montserrat-SemiBold.woff') format('woff'), url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Light.eot');
  src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins.eot');
  src: url('../fonts/Poppins.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins.woff2') format('woff2'), url('../fonts/Poppins.woff') format('woff'), url('../fonts/Poppins.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins-Regular.eot');
  src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
body {
  font-family: 'Poppins';
  --index-main-color: #222579;
  --index-header-color: #35a0e9;
  --index-color1: #00a58d;
  --index-color2: #989898;
  --inner-color1: #14b0a3;
  --inner-color2: #03ab8f;
  max-width: 1920px;
  margin: 0 auto;
}
.ui.container {
  padding: 0 15px;
  position: relative;
  max-width: 1530px;
  margin: auto;
  width: 100%;
}



.public-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 240px;
  height: 65px;
  padding-left: 30px;
  padding-right: 7px;
  background: var(--index-color1);
  border-radius: 33px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 2px solid var(--index-color1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: -2px 3px 16px 0px rgba(23, 118, 104, 0.22);
  box-shadow: -2px 3px 16px 0px rgba(23, 118, 104, 0.22);
}
.public-btn span {
  color: #fff;
  padding-right: 12px;
}
.public-btn:hover {
  background: transparent;
}
.public-btn:hover span {
  color: var(--index-color1);
}
.public-btn:hover .circle {
  background: var(--index-color1);
  color: #fff;
}
.public-btn .circle {
  width: 52px;
  height: 52px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: var(--index-color1);
}
.public-btn .circle i {
  font-size: 17px;
}
.public-title {
  color: #222;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 0.9;
  font-size: 67px;
}
.public-title .span2 {
  color: var(--index-color1);
}
@-webkit-keyframes change-size1 {
  to {
    -webkit-transform: translate(-50%, -50%)  rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes change-size1 {
  to {
    -moz-transform: translate(-50%, -50%)  rotate(360deg);
    transform: translate(-50%, -50%)  rotate(360deg);
  }
}
@keyframes change-size1 {
  to {
    -webkit-transform: translate(-50%, -50%)  rotate(360deg);
    -moz-transform: translate(-50%, -50%)  rotate(360deg);
    transform: translate(-50%, -50%)  rotate(360deg);
  }
}
@-webkit-keyframes change-big {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
@-moz-keyframes change-big {
  to {
    -moz-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
@keyframes change-big {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.3);
    -moz-transform: translate(-50%, -50%) scale(1.3);
    transform: translate(-50%, -50%) scale(1.3);
  }
}
@-webkit-keyframes change-big1 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.575757);
    transform: translate(-50%, -50%) scale(1.575757);
  }
}
@-moz-keyframes change-big1 {
  to {
    -moz-transform: translate(-50%, -50%) scale(1.575757);
    transform: translate(-50%, -50%) scale(1.575757);
  }
}
@keyframes change-big1 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.575757);
    -moz-transform: translate(-50%, -50%) scale(1.575757);
    transform: translate(-50%, -50%) scale(1.575757);
  }
}
@-webkit-keyframes change-big2 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@-moz-keyframes change-big2 {
  to {
    -moz-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@keyframes change-big2 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.5);
    -moz-transform: translate(-50%, -50%) scale(1.5);
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@-webkit-keyframes change-big21 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.95833333);
    transform: translate(-50%, -50%) scale(1.95833333);
  }
}
@-moz-keyframes change-big21 {
  to {
    -moz-transform: translate(-50%, -50%) scale(1.95833333);
    transform: translate(-50%, -50%) scale(1.95833333);
  }
}
@keyframes change-big21 {
  to {
    -webkit-transform: translate(-50%, -50%) scale(1.95833333);
    -moz-transform: translate(-50%, -50%) scale(1.95833333);
    transform: translate(-50%, -50%) scale(1.95833333);
  }
}
@-webkit-keyframes change-big3 {
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.20714286);
    transform: translate(-50%, -50%) scale(1.20714286);
  }
}
@-moz-keyframes change-big3 {
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.20714286);
    transform: translate(-50%, -50%) scale(1.20714286);
  }
}
@keyframes change-big3 {
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.20714286);
    -moz-transform: translate(-50%, -50%) scale(1.20714286);
    transform: translate(-50%, -50%) scale(1.20714286);
  }
}
@-webkit-keyframes change-big31 {
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.40714286);
    transform: translate(-50%, -50%) scale(1.40714286);
  }
}
@-moz-keyframes change-big31 {
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.40714286);
    transform: translate(-50%, -50%) scale(1.40714286);
  }
}
@keyframes change-big31 {
  100% {
    -webkit-transform: translate(-50%, -50%) scale(1.40714286);
    -moz-transform: translate(-50%, -50%) scale(1.40714286);
    transform: translate(-50%, -50%) scale(1.40714286);
  }
}
@-webkit-keyframes change-position-opacity {
  0% {
    opacity: 1;
    -webkit-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
  }
  60% {
    opacity: .5;
  }
  80% {
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(1) translateY(-400px);
    transform: scale(1) translateY(-400px);
    opacity: 0;
  }
}
@-moz-keyframes change-position-opacity {
  0% {
    opacity: 1;
    -moz-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
  }
  60% {
    opacity: .5;
  }
  80% {
    opacity: .3;
  }
  100% {
    -moz-transform: scale(1) translateY(-400px);
    transform: scale(1) translateY(-400px);
    opacity: 0;
  }
}
@keyframes change-position-opacity {
  0% {
    opacity: 1;
    -webkit-transform: scale(0) translateY(0);
    -moz-transform: scale(0) translateY(0);
    transform: scale(0) translateY(0);
  }
  60% {
    opacity: .5;
  }
  80% {
    opacity: .3;
  }
  100% {
    -webkit-transform: scale(1) translateY(-400px);
    -moz-transform: scale(1) translateY(-400px);
    transform: scale(1) translateY(-400px);
    opacity: 0;
  }
}
@keyframes change-size {
  0% {
     transform: scale(.8);
  }
  100% {
    transform: scale(1.3);
  }
}


.font-72 {
  font-size: 72px;
}
.font-27 {
  font-size: 27px;
}
.font-type {
  font-family: 'Montserrat';
}
#header {
  background: transparent;
  z-index: 100;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#header.inner .nav .ui.menu .items .h-search img,
#header.inner .nav .ui.menu .items .h-language>img{
  filter: invert(1);
}
#header .ui.container {
  max-width: 100%;
  padding-left: 2.65625vw;
  padding-right: 3.02083333vw;
}
#header.active {
  background: #ffffff;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
#header.active .nav .ui.menu .items .h-search > img,
#header.active .nav .ui.menu .items .h-language > img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
#header::after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: var(--index-main-color);
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
}
#header .nav {
  position: relative;
}
#header .nav .ui.menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#header .nav .ui.menu .logo {
  vertical-align: middle;
  margin-bottom: 15px;
  margin-top: 15px;
}
#header .nav .ui.menu .logo img {
  display: inline-block;
  vertical-align: middle;
}
#header .nav .ui.menu .menu-box {
  margin: 5px 4.16666666vw 0 auto;
}
#header .nav .ui.menu .menu-box ul.menu > li {
  font-size: 18px;
  line-height: 1;
  margin-right: 4.375vw;
  color: #000000;
  font-weight: bold;
  font-family: 'Montserrat';
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  z-index: 100;
  float: left;
  position: relative;
  text-transform: capitalize;
}
#header .nav .ui.menu .menu-box ul.menu > li > a {
  display: block;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  position: relative;
  text-decoration: underline;
  -webkit-text-decoration-color: transparent;
  -moz-text-decoration-color: transparent;
  text-decoration-color: transparent;
  text-decoration-thickness: 2px;
}
#header .nav .ui.menu .menu-box ul.menu > li > a:hover,
#header .nav .ui.menu .menu-box ul.menu > li > a.active {
  color: var(--index-header-color);
  -webkit-text-decoration-color: var(--index-header-color);
  -moz-text-decoration-color: var(--index-header-color);
  text-decoration-color: var(--index-header-color);
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  top: 100%;
  left: 0;
  width: 220px;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid var(--index-header-color);
  display: none \9;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li {
  display: block;
  float: none;
  padding: 0 10px;
  line-height: 40px;
  color: black;
  -webkit-transition: .1s;
  -moz-transition: .1s;
  transition: .1s;
  text-transform: capitalize;
  position: relative;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a {
  display: block;
  background: none;
  height: auto;
  padding: 0;
}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover {
  background: #222;
  color: white;
}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#header .nav .ui.menu .menu-box ul.menu > li:last-child {
  margin-right: 0;
}
#header .nav .ui.menu .items {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 19px;
}
#header .nav .ui.menu .items .h-inquiry {
  cursor: pointer;
}
#header .nav .ui.menu .items .h-search {
  margin-right: 36px;
  cursor: pointer;
  width: 64px;
  height: 89px;
  background-color: var(--index-header-color);
  border-radius: 0 0 32px 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 16px;
}
#header .nav .ui.menu .items .h-search img {
  display: inline-block;
  vertical-align: middle;
}
#header .nav .ui.menu .items .h-language {
  position: relative;
  cursor: pointer;
  margin-bottom: 21px;
}
#header .nav .ui.menu .items .h-language img {
  display: inline-block;
  vertical-align: middle;
}
#header .nav .ui.menu .items .h-language ul.sub-menu {
  -webkit-perspective: 500px;
  -moz-perspective: 500px;
  perspective: 500px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: left;
  position: absolute;
  z-index: 1;
  font-size: 14px;
  font-weight: 400;
  background: #fff;
  top: 125%;
  right: 0;
  width: 130px;
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform-origin: 0 0 0;
  -moz-transform-origin: 0 0 0;
  -ms-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.5s;
  transition: opacity 0.3s, -webkit-transform 0.5s;
  -moz-transition: transform 0.5s, opacity 0.3s, -moz-transform 0.5s;
  transition: transform 0.5s, opacity 0.3s;
  transition: transform 0.5s, opacity 0.3s, -webkit-transform 0.5s, -moz-transform 0.5s;
  -webkit-box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.2);
  border-bottom: 3px solid var(--index-header-color);
  display: none \9;
}
#header .nav .ui.menu .items .h-language ul.sub-menu li {
  display: block;
  padding: 0 10px;
  line-height: 40px;
  text-transform: capitalize;
}
#header .nav .ui.menu .items .h-language ul.sub-menu li a {
  display: block;
}
#header .nav .ui.menu .items .h-language ul.sub-menu li a img {
  vertical-align: middle;
  width: auto;
  height: 20px;
  margin-right: 6px;
}
#header .nav .ui.menu .items .h-language ul.sub-menu li:hover {
  background: var(--index-header-color);
  color: white;
}
#header .nav .ui.menu .items .h-language:hover ul.sub-menu {
  opacity: 1;
  -webkit-transform: rotate3d(0, 0, 0, 0);
  -moz-transform: rotate3d(0, 0, 0, 0);
  transform: rotate3d(0, 0, 0, 0);
  display: block \9;
}
#banner {
  z-index: 2;
  overflow: hidden;
  position: relative;
  padding-bottom: 34px;
  background: #f9f9f9;
}
#banner .banner-slide-ul .slide-box {
  position: relative;
}
#banner .banner-slide-ul .slide-box .text {
  position: absolute;
  top: 37.5%;
  left: 11%;
  right: 15px;
}
#banner .banner-slide-ul .slide-box .text .title {
  color: var(--index-main-color);
  line-height: 1;
  max-width: 85%;
}
#banner .banner-slide-ul .slide-box .text .title i {
  display: block;
  font-weight: 600;
  padding-bottom: 6px;
}
#banner .banner-slide-ul .slide-box .text .title span {
  font-weight: bold;
}
#banner .banner-slide-ul .slide-box .text .intro {
  max-width: 641px;
  line-height: 1.2222;
  color: #222579;
  opacity: 0.72;
  margin-top: 2.0833333vw;
  margin-bottom: 7.5vw;
}
#banner .banner-scroll {
  position: absolute;
  bottom: 1.77083333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 132px;
  height: 48px;
  border-radius: 24px;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
#index-body .category {
  padding-top: 6.145833333vw;
  padding-bottom: 6.458333vw;
  background: #f9f9f9 url("../images/category-bg.png") no-repeat center 505px;
}
#index-body .category .top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#index-body .category .top .right-box{
  position: relative;
}
#index-body .category .top .right-box .category-prev,
#index-body .category .top .right-box .category-next{
  height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid var(--index-color1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--index-color1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
#index-body .category .top .right-box .category-prev{
  left: -40px;
}
#index-body .category .top .right-box .category-next{
  right: -40px;
}
#index-body .category .top .right-box .category-prev:hover,
#index-body .category .top .right-box .category-next:hover{
    background: var(--index-color1);
    color: #fff;
}
#index-body .category .top .intro {
  max-width: 645px;
  line-height: 1.2222;
  color: var(--index-color2);
  margin-top: 25px;
}
#index-body .category .top .category-list {
  margin-top: 34px;
  max-width: 663px;
}
#index-body .category .top .category-list .slick-current + div + div li .slide-box:after{
  display: none;
}
#index-body .category .top .category-list li {

}
#index-body .category .top .category-list li .slide-box{
    color: #585858;
  padding: 0 24px;
  position: relative;
}
#index-body .category .top .category-list li .slide-box:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 45px;
  background-color: #b3b3b3;
  top: 34px;
  right: 1px;
}
#index-body .category .top .category-list li .icon {
  text-align: center;
}
#index-body .category .top .category-list li .icon img {
  margin: 0 auto;
}
#index-body .category .top .category-list li .title {
  text-align: center;
  margin-top: 10px;
  transition: .3s;
}
#index-body .category .top .category-list li .title:hover{
  color: var(--index-color1);
}
#index-body .category .content {
  position: relative;
}
#index-body .category .content .category-names {
  position: absolute;
  z-index: 3;
  left: 0;
  top: 285px;
  max-width: 390px;
}
#index-body .category .content .category-names:before,
#index-body .category .content .category-names:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 55%;
  height: 15px;
  z-index: 2;
  display: none;
}
#index-body .category .content .category-names:before {
  top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#e6eff6), to(transparent));
  background: -webkit-linear-gradient(top, #e6eff6, transparent);
  background: -moz-linear-gradient(top, #e6eff6, transparent);
  background: linear-gradient(to bottom, #e6eff6, transparent);
}
#index-body .category .content .category-names:after {
  bottom: 17px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f4f6f8), to(transparent));
  background: -webkit-linear-gradient(bottom, #f4f6f8, transparent);
  background: -moz-linear-gradient(bottom, #f4f6f8, transparent);
  background: linear-gradient(to top, #f4f6f8, transparent);
}
#index-body .category .content .category-names .category-name-slide .slick-list {
  padding-top: 32px;
}
#index-body .category .content .category-names .category-name-slide .slick-current a.slide-box {
  padding-left: 23px;
  opacity: 1;
  -webkit-transform: scale(1.2222);
  -moz-transform: scale(1.2222);
  -ms-transform: scale(1.2222);
  transform: scale(1.2222);
  color: #000;
  font-weight: bold;
}
#index-body .category .content .category-names .category-name-slide .slick-current a.slide-box:after {
  opacity: 1;
  top: -5px;
}
#index-body .category .content .category-names .category-name-slide a.slide-box {
  color: #9d9d9d;
  opacity: 0.34;
  display: block;
  margin: 8px 0;
  padding-left: 19px;
  position: relative;
  font-weight: 600;
  font-family: Montserrat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
    /*overflow: hidden;
  text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  max-width: 370px;
}
#index-body .category .content .category-names .category-name-slide a.slide-box:after {
  position: absolute;
  content: "+";
  font-size: 24px;
  font-weight: bold;
  color: #000;
  left: 2px;
  top: -4px;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#index-body .category .content .category-slide-ul .slide-box {
  margin-top: 172px;
}
#index-body .category .content .category-slide-ul .slide-box a.img {
  max-width: 736px;
  margin: 1vw auto 0;
  position: relative;
  display: block;
}
#index-body .category .content .category-slide-ul .slide-box a.img .cover {
  position: relative;
  z-index: 2;
}
#index-body .category .content .category-slide-ul .slide-box a.img .cover-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: change-size1 3s ease-in-out infinite alternate;
  -moz-animation: change-size1 3s ease-in-out infinite alternate;
  animation: change-size1 3s ease-in-out infinite alternate;
}
#index-body .category .content .category-slide-ul .slide-box a.img .cover-bg img {
  max-width: unset;
  opacity: 0.85;
}
#index-body .category .content .category-slide-ul .slide-box a.category-title {
  margin-top: 26px;
  display: block;
  text-align: center;
  font-family: Montserrat;
  font-size: 4vw;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(40%, #ffffff), color-stop(70%, rgba(255, 255, 255, 0.4)), to(transparent));
  background: -webkit-linear-gradient(top, #fff 0%, #ffffff 40%, rgba(255, 255, 255, 0.4) 70%, transparent 100%);
  background: -moz-linear-gradient(top, #fff 0%, #ffffff 40%, rgba(255, 255, 255, 0.4) 70%, transparent 100%);
  background: linear-gradient(to bottom, #fff 0%, #ffffff 40%, rgba(255, 255, 255, 0.4) 70%, transparent 100%);
  /* 渐变方向和颜色 */
  -webkit-background-clip: text;
  /* 将背景裁剪为文字形状 */
  color: transparent;
  /* 将文字颜色设置为透明，让背景显示 */
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  /*line-height: 1;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#index-body .category .content .category-arrows {
  position: absolute;
  right: 0;
  top: 9.895833vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
#index-body .category .content .category-arrows .prev {
  margin-bottom: 21px;
}
#index-body .category .content .category-arrows .prev i{
  transform: rotate(90deg);
}
#index-body .category .content .category-arrows .next i{
  transform: rotate(90deg);
}
#index-body .category .content .category-arrows .prev,
#index-body .category .content .category-arrows .next {
  width: 87px;
  height: 88px;
  background-color: #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #00a58d;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  -webkit-box-shadow: 4px -2px 34px 1px rgba(231, 231, 231, 0.56);
  box-shadow: 4px -2px 34px 1px rgba(231, 231, 231, 0.56);
  cursor: pointer;
}
#index-body .category .content .category-arrows .prev:hover,
#index-body .category .content .category-arrows .next:hover {
  color: #3c3c3c;
}
#index-body .category .content .category-arrows .prev i,
#index-body .category .content .category-arrows .next i {
  font-size: 27px;
}
#index-body .customized {
  padding-top: 6.875vw;
  position: relative;
}
#index-body .customized .customized-bg1{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}
/*#index-body .customized .customized-bg2{
  position: absolute;
  left: 0;
  top: 78.3%;
  width: 100%
}*/
#index-body .customized .top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#index-body .customized .top .customized-list {
  margin-top: 6px;
  width: 51.5%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#index-body .customized .top .customized-list li{
  width: 20%;
}
#index-body .customized .top .customized-list li .icon {
  width: 88px;
  height: 88px;
  background-color: transparent;
  -webkit-box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0);
  box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 auto;
  position: relative;
}
#index-body .customized .top .customized-list li .icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  background-color: #afc9db;
  opacity: 0.57;
  top: 57%;
  right: -2.65vw;
}
#index-body .customized .top .customized-list li .icon img {
  -webkit-filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0));
  filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0));
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#index-body .customized .top .customized-list li:last-child .icon:after {
  display: none;
}
#index-body .customized .top .customized-list li:hover .icon {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
}
#index-body .customized .top .customized-list li:hover .icon img {
  -webkit-filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0.4));
  filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0.4));
}
#index-body .customized .top .customized-list li.active .icon {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
}
#index-body .customized .top .customized-list li.active .icon img {
  -webkit-filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0.4));
  filter: drop-shadow(1px 3px 10px rgba(76, 76, 76, 0.4));
}
#index-body .customized .top .customized-list li .title {
  display: block;
  text-align: center;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 5px;
}
#index-body .customized .top .public-title {
  text-align: right;
  max-width: 700px;
  margin-bottom: 14px;
}
#index-body .customized .top .intro {
  color: var(--index-color2);
  text-align: right;
}
#index-body .customized .content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /*-webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;*/
  margin-top: 5.4166666vw;
}
#index-body .customized .content .left {
  margin-bottom: 16px;
  margin-top: 2vw;
}
#index-body .customized .content .left .title {
  color: #060606;
  font-weight: bold;
}
#index-body .customized .content .left .intro {
  color: var(--index-color2);
  opacity: 0.8;
  margin-top: 24px;
  margin-bottom: 25px;
  max-width: 554px;
  line-height: 1.3333;
}
#index-body .customized .content .left .right-text-list li{
  display: none;
}
#index-body .customized .content .left .right-text-list li.active{
  display: block;
}
#index-body .customized .content .right .right-img-list{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#index-body .customized .content .right .right-img-list li{
  position: absolute;
  border-radius: 20px;
  overflow: hidden;
  left: 0;
  top: 0;
  transition: .3s;
}
#index-body .customized .content .right .right-img-list li.active0{
  z-index: 4;
  transform: translate(0,0);
  opacity: 1;
}
#index-body .customized .content .right .right-img-list li.active1{
  z-index: 3;
  transform: translate(-20px,20px);
  opacity: 0.66;
}
#index-body .customized .content .right .right-img-list li.active2{
  z-index: 2;
  transform: translate(-40px,40px);
  opacity: 0.42;
}
#index-body .customized .content .right .right-img-list li.active3{
  z-index: 1;
  transform: translate(-60px,60px);
  opacity: 0.18;
}
#index-body .customized .content .right .right-img-list li.active4{
  z-index: 1;
  transform: translate(-80px,80px);
  opacity: 0.1;
}
#index-body .customized .content .right .right-img-list li.active{
  z-index: 5;
}
#index-body .customized .content .right {
  margin-left: 25px;
  position: relative;
}
#index-body .customized .content .right > img {

  z-index: 0;
  opacity: 0;
}
/*#index-body .customized .content .right:before,
#index-body .customized .content .right:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
}*/
/*#index-body .customized .content .right:before {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  border-radius: 20px;
  opacity: 0.66;
  z-index: 2;
  left: -46px;
  top: 41px;
}
#index-body .customized .content .right:after {
  background-color: #ffffff;
  -webkit-box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  box-shadow: 1px 3px 29px 0px rgba(175, 201, 219, 0.18);
  border-radius: 20px;
  opacity: 0.42;
  z-index: 1;
  left: -81px;
  top: 102px;
}*/
#index-body .service {
  margin-top: 14.20833333vw;
  /*padding-top: 10.15625vw;*/
  position: relative;
}
#index-body .service .service-box{
  position: absolute;
  left: 10.9375vw;
  top: 10.15625vw;
}
#index-body .service .service-content {
  /*position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;*/
  position: relative;
}
#index-body .service .service-content .items-list{
  position: absolute;
  left: 0;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
#index-body .service .service-content .items-list li .slide-box>img{
  opacity: 0;
}
#index-body .service .service-content .items-list li .slide-box{
  position: relative;
}
/*#index-body .service .service-content .img-list .slick-slide:nth-child(1) .slide-box .item1{
  right: 26.04166666666667%;
  top:2%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(1) .slide-box .item2{
  right: 19.84375%;
  top: 27.17391304347826%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(2) .slide-box .item1{
  right: 22.8%;
  top:41.1%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(2) .slide-box .item2{
  right: 14.84375%;
  top: 27.17391304347826%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(3) .slide-box .item1{
  right: 23.8%;
  top:26.1%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(3) .slide-box .item2{
  right: 19.84375%;
  top: 39.17391304347826%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(4) .slide-box .item1{
  right: 12.8%;
  top: 3.1%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(4) .slide-box .item2{
  right: 12.84375%;
  top: 44.17391304347826%;
}
#index-body .service .service-content .img-list .slick-slide:nth-child(4) .slide-box .item3{
  right: 26.84375%;
  top: 70.17391304347826%;
}*/

#index-body .service .service-content .items-list .slick-slide:nth-child(1) .slide-box .item1{
  right: 26.04166666666667%;
  top:2%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(1) .slide-box .item2{
  right: 19.84375%;
  top: 27.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(2) .slide-box .item1{
  right: 22.8%;
  top:41.1%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(2) .slide-box .item2{
  right: 18.84375%;
  top: 21.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(2) .slide-box .item3{
  right: 14.84375%;
  top: 27.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(3) .slide-box .item1{
  right: 23.8%;
  top:26.1%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(3) .slide-box .item2{
  right: 19.84375%;
  top: 39.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(4) .slide-box .item1{
  right: 23.8%;
  top:26.1%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(4) .slide-box .item2{
  right: 19.84375%;
  top: 39.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(5) .slide-box .item1{
  right: 12.8%;
  top: 3.1%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(5) .slide-box .item2{
  right: 12.84375%;
  top: 44.17391304347826%;
}
#index-body .service .service-content .items-list .slick-slide:nth-child(5) .slide-box .item3{
  right: 26.84375%;
  top: 45.17391304347826%;
}


#index-body .service .service-content .item {
  position: absolute;
}
#index-body .service .service-content .item.active {
  z-index: 5;
}
#index-body .service .service-content .item.active:before {
  -webkit-animation: change-big 2s ease-in-out infinite;
  -moz-animation: change-big 2s ease-in-out infinite;
  animation: change-big 2s ease-in-out infinite;
}
#index-body .service .service-content .item.active:after {
  -webkit-animation: change-big1 2s ease-in-out infinite;
  -moz-animation: change-big1 2s ease-in-out infinite;
  animation: change-big1 2s ease-in-out infinite;
}
#index-body .service .service-content .item.active:before,
#index-body .service .service-content .item.active:after {
  width: 66px;
  height: 66px;
  background: var(--index-color1);
}
#index-body .service .service-content .item.active .circle {
  background: var(--index-color1);
}
#index-body .service .service-content .item:before,
#index-body .service .service-content .item:after {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  pointer-events: none;
}
#index-body .service .service-content .item:before {
  width: 86px;
  height: 86px;
  background-color: #ffffff;
  opacity: 0.49;
  z-index: 2;
}
#index-body .service .service-content .item:after {
  width: 104px;
  height: 104px;
  background-color: #ffffff;
  opacity: 0.27;
  z-index: 1;
}
/*#index-body .service .service-content .item.active:hover .text-window*/
#index-body .service .service-content .item.active .text-window {
  opacity: 1;
  z-index: 1;
}
#index-body .service .service-content .item .text-window {
  position: absolute;
  padding: 42px 46px 24px 29px;
  background-color: rgba(255, 255, 255, .5);
  border-radius: 20px;
  max-width: 350px;
  top: -8px;
  left: -525px;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  z-index: -2;
}
#index-body .service .service-content .item .text-window .title {
  font-weight: bold;
  font-family: Montserrat;
  margin-bottom: 30px;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/
  color: var(--index-main-color);
}
#index-body .service .service-content .item .text-window .item-intro {
  width: 280px;
  color: var(--index-main-color);
  opacity: 0.89;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#index-body .service .service-content .item .text-window .line {
  position: absolute;
  width: 126px;
  height: 1px;
  background-color: #ffffff;
  right: -126px;
  top: 15px;
}
#index-body .service .service-content .item .text-window .line:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 1px;
  width: 47px;
  background-color: #ffffff;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translateX(47px) rotate(45deg);
  -moz-transform: translateX(47px) rotate(45deg);
  -ms-transform: translateX(47px) rotate(45deg);
  transform: translateX(47px) rotate(45deg);
}
#index-body .service .service-content .item .circle {
  width: 66px;
  height: 66px;
  background-color: #ffffff;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
/*#index-body .service .service-content .item1 {
  right: 27.4583vw;
  top: 23.9583vw;
}
#index-body .service .service-content .item2 {
  right: 18.125vw;
  top: 30.9375vw;
}
#index-body .service .service-content .item3 {
  right: 17.0833vw;
  top: 26.25vw;
}
#index-body .service .service-content .item4 {
  right: 19.1667vw;
  top: 23.125vw;
}
#index-body .service .service-content .item5 {
  right: 20.2083vw;
  top: 20.0vw;
}*/
#index-body .service .public-title {
  max-width: 516px;
}
#index-body .service .public-title .span1 {
  color: #feffff;
}
#index-body .service .intro {
  max-width: 514px;
  color: #ffffff;
  margin-top: 21px;
  margin-bottom: 6.25vw;
  line-height: 1.222;
}
#index-body .service .service-text-slide {
  margin: 25px 15px 0;
  display: none;
}
#index-body .service .service-text-slide .slick-current .slide-box .title {
  color: var(--index-main-color);
}
#index-body .service .service-text-slide .slick-current .slide-box .intro {
  color: var(--index-main-color);
}
#index-body .service .service-text-slide .slide-box {
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.35);
  border-radius: 20px;
  margin: 0 15px;
}
#index-body .service .service-text-slide .slide-box .title {
  margin-bottom: 15px;
  font-family: Montserrat;
  font-weight: bold;
  color: #000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#index-body .service .service-text-slide .slide-box .intro {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#index-body .service .service-slide {
  max-width: 1092px;
  border-radius: 20px;
  position: absolute;
  margin-right: 15px;
  z-index: 3;
  left: 0;
  bottom: 0;
  /*padding-left: 8.9vw;*/
}
/*#index-body .service .service-slide:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 40%;
  background: #fff;
}*/
#index-body .service .service-slide .service-slide-ul {
  margin-left: auto;
  max-width: 922px;
  transform: translateX(-60px);
}
#index-body .service .service-slide .service-slide-ul .slick-list{
  padding-right: 8px;
}
#index-body .service .service-slide .service-slide-ul .slick-slide:nth-child(2) .slide-box {
  background-color: #00a58d;
  z-index: 4;
  -webkit-transform: translateX(45px);
  -moz-transform: translateX(45px);
  -ms-transform: translateX(45px);
  transform: translateX(45px);
}
#index-body .service .service-slide .service-slide-ul .slick-slide:nth-child(3) .slide-box {
  background-color: #2b5baf;
  z-index: 3;
  -webkit-transform: translateX(30px);
  -moz-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
}
#index-body .service .service-slide .service-slide-ul .slick-slide:nth-child(4) .slide-box {
  background-color: #0c2c63;
  z-index: 2;
  -webkit-transform: translateX(15px);
  -moz-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}

#index-body .service .service-slide .service-slide-ul .slick-slide:nth-child(5) .slide-box {
  background-color: #0c2c63;
  z-index: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#index-body .service .service-slide .service-slide-ul .slick-slide:nth-child(1) .slide-box {
  -webkit-transform: translateX(60px);
  -moz-transform: translateX(60px);
  -ms-transform: translateX(60px);
  transform: translateX(60px);
  z-index: 5;
}
#index-body .service .service-slide .service-slide-ul li.active .slide-box{
  background: #fff!important;
}

/*#index-body .service .service-slide .service-slide-ul .slick-current .slide-box .icon img {
  -webkit-filter: invert(1);
  filter: invert(1);
}*/
#index-body .service .service-slide .service-slide-ul li.active .slide-box .icon img {
  -webkit-filter: invert(1);
  filter: invert(1);
}
#index-body .service .service-slide .service-slide-ul .slick-current .slide-box .title {
  color: #000000;
}
#index-body .service .service-slide .service-slide-ul .slide-box {
  /*padding: 61px 52px 55px 41px;*/
  padding: 3.177083333333333vw 2.708333333333333vw 2.864583333333333vw 2.135416666666667vw;
 
  border-radius: 0 20px 20px 0;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background-color: #00a58d;
}
#index-body .service .service-slide .service-slide-ul .slide-box .icon{
  min-width: 85px;
  min-height: 86px;
}
#index-body .service .service-slide .service-slide-ul .slide-box .icon img {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 auto;
}
#index-body .service .service-slide .service-slide-ul .slide-box .title {
  color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin-top: 17px;
  font-family: Montserrat;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  min-width: 120px;
  display: none;
}
#index-body .about {
  margin-top: 11.25vw;
  padding-bottom: 24.16666vw;
}
#index-body .about .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#index-body .about .left .public-title {
  max-width: 387px;
}
#index-body .about .left .intro {
  color: var(--index-color2);
  max-width: 717px;
  margin-top: 32px;
  margin-bottom: 3.59375vw;
  line-height: 1.222;
}
#index-body .about .right {
  width: 523px;
  padding-right: 6.5625vw;
  margin-top: 18px;
  flex-shrink: 0;
}
#index-body .about .right ul.strength-data {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#index-body .about .right ul.strength-data li:nth-child(2) {
  margin-right: 3vw;
}
#index-body .about .right ul.strength-data li .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
#index-body .about .right ul.strength-data li .top em {
  line-height: 1;
  font-size: 70px;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#2bc1ab), to(#02a58e));
  background: -webkit-linear-gradient(top, #2bc1ab, #02a58e);
  background: -moz-linear-gradient(top, #2bc1ab, #02a58e);
  background: linear-gradient(to bottom, #2bc1ab, #02a58e);
  /* 渐变方向和颜色 */
  -webkit-background-clip: text;
  /* 将背景裁剪为文字形状 */
  color: transparent;
  /* 将文字颜色设置为透明，让背景显示 */
}
#index-body .about .right ul.strength-data li .top span {
  font-size: 24px;
  color: #27bda7;
}
#index-body .about .right ul.strength-data li:first-child {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 3.3854166666vw;
}
#index-body .about .right ul.strength-data li .title {
  text-align: center;
  color: var(--index-color2);
  opacity: 0.6;
  margin-top: -4px;
}
#index-body .news {
  padding-top: 11.88541666vw;
  padding-bottom: 10.88541666vw;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
#index-body .news .public-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
#index-body .news .news-bg {
  position: absolute;
  right: 0;
  top: -14px;
}
#index-body .news .news-bg1{
  position: absolute;
  left: 0;
  top: 0;
}

#index-body .news .news-slide-ul {
  margin: 5.3645833vw -2.8125vw 2.8125vw;
}
#index-body .news .news-slide-ul .slide-box {
  margin: 0 2.8125vw;
  border-top: 3px solid #000;
  color: #000000;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#index-body .news .news-slide-ul .slide-box:hover {
  border-color: var(--index-color1);
}
#index-body .news .news-slide-ul .slide-box .news-type {
  font-size: 15px;
  margin-top: 23px;
}
#index-body .news .news-slide-ul .slide-box .date {
  color: var(--index-color1);
  line-height: 1.25;
}
#index-body .news .news-slide-ul .slide-box a.title {
  max-width: 322px;
  line-height: 1.25;
  display: block;
  margin-top: 38px;
  font-weight: bold;
  margin-bottom: 20px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  font-family: Montserrat;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
#index-body .news .news-slide-ul .slide-box a.title:hover {
  color: var(--index-color1);
}
#index-body .news .news-slide-ul .slide-box .intro {
  max-width: 349px;
  color: #000000;
  opacity: 0.53;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.333;
}
#index-body .news .public-btn {
  margin: 0 auto;
}
#index-body .news .news-canvas {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  -webkit-transform: translateY(25vw);
  -moz-transform: translateY(25vw);
  -ms-transform: translateY(25vw);
  transform: translateY(25vw);
}
#footer .f-content {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footer .f-copy svg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 29px;
  fill: #ffffff;
}
#footer .f-copy svg text {
  fill: #ffffff;
}
#footer {
  position: relative;
  background: url("../images/f-bg.jpg") no-repeat center center;
  background-size: cover;
}
#footer .ui.container {
  max-width: 1600px;
}
#footer .f-contact-btn {
  cursor: pointer;
  width: 201px;
  height: 53px;
  background-color: var(--index-color1);
  font-size: 15px;
  font-weight: bold;
  line-height: 53px;
  color: #ffffff;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 3;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#footer .f-contact-btn:hover {
  background-color: var(--index-main-color);
}
#footer .f-contact-btn span {
  padding-left: 6px;
}
#footer .f-form {
  margin-bottom: 4.63541666vw;
  padding-top: 4.01041666vw;
}
#footer .f-form .title {
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 25px;
  color: #ffffff;
  font-weight: bold;
}
#footer .f-form form.df {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footer .f-form form.df input {
  border: none;
  height: 77px;
  background-color: rgba(166, 168, 172, 0.15);
  border-radius: 10px;
  font-size: 19px;
  line-height: 77px;
  padding-left: 18px;
  color: #ffffff;
}
#footer .f-form form.df input::-webkit-input-placeholder {
  font-size: 18px;
  line-height: 74px;
  color: #ffffff;
  opacity: 0.48;
}
#footer .f-form form.df input:-moz-placeholder {
  font-size: 18px;
  line-height: 74px;
  color: #ffffff;
  opacity: 0.48;
}
#footer .f-form form.df input::-moz-placeholder {
  font-size: 18px;
  line-height: 74px;
  color: #ffffff;
  opacity: 0.48;
}
#footer .f-form form.df input:-ms-input-placeholder {
  font-size: 18px;
  line-height: 74px;
  color: #ffffff;
  opacity: 0.48;
}
#footer .f-form form.df input::placeholder {
  font-size: 18px;
  line-height: 74px;
  color: #ffffff;
  opacity: 0.48;
}
#footer .f-form form.df .name,
#footer .f-form form.df .phone,
#footer .f-form form.df .mail {
  width: 13.8%;
}
#footer .f-form form.df .message {
  width: 41.4%;
}
#footer .f-form form.df .submit {
  width: 13.8%;
  padding-left: 0;
  background-color: var(--index-color1);
  border-radius: 20px;
  font-size: 28px;
  line-height: 70px;
  height: 70px;
  color: #e3e2de;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
#footer .f-form form.df .submit:hover {
  background-color: var(--index-main-color);
}
#footer .f-content {
  margin-bottom: 3.28125vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#footer .f-content dl dt {
  position: relative;
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  color: #ffffff;
  padding-bottom: 66px;
  display: inline-block;
}
#footer .f-content dl dt::after {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  width: 125%;
  height: 2px;
  background-color: #ffffff;
  opacity: 0.66;
  top: 52px;
}
#footer .f-content dl dt::before {
  position: absolute;
  content: '';
  display: block;
  left: 0;
  width: 29px;
  height: 4px;
  background-color: #ffffff;
  top: 51px;
}
#footer .f-content dl dd {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.55);
}
#footer .f-content dl dd a:hover {
  color: var(--index-color1);
}
#footer .f-content .items .address {
  max-width: 412px;
  margin-bottom: 2.8125vw;
}
#footer .f-content .items .phone {
  margin-bottom: 16px;
}
#footer .f-content .items dd {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  color: #ffffff;
  font-weight: 300;
}
#footer .f-content .items ul {
  margin-top: 2.34375vw;
}
#footer .f-content .items ul li {
  margin-right: 11px;
}
#footer .f-content .items ul li a {
  display: block;
  text-align: center;
  line-height: 47px;
  width: 47px;
  height: 47px;
  border: solid 1px #ffffff;
  opacity: 0.1;
  font-size: 18px;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: transparent;
}
#footer .f-content .items ul li a:hover {
  opacity: 1;
  background: var(--index-color1);
  color: #fff;
  border-color: var(--index-color1);
}
#footer .f-content .product dt,
#footer .f-content .link dt,
#footer .f-content .news-center dt {
  padding-bottom: 56px;
}
#footer .f-content .product {
  margin-left: 2.5vw;
}
#footer .f-content .product dd {
  line-height: 1.85;
  /*max-width: 240px;*/
}
#footer .f-content .link dd {
  line-height: 2.15;
}
#footer .f-content .news-center dd {
  line-height: 2.15;
}
#footer .f-content .qr {
  margin-right: 2.2vw;
}
#footer .f-content .qr #ewm {
  width: 171px;
  height: 171px;
  border: 5px solid #fff;
}
#footer .f-copy .links {
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 14px;
}
#footer .f-copy svg {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  max-height: 29px;
  fill: #ffffff;
  margin-bottom: 3px;
}
#footer .f-copy svg text {
  fill: #ffffff;
}
@media screen and (max-width: 1680px) {
  .public-title {
    line-height: 1;
  }
  #header .ui.container {
    padding-left: 15px;
    padding-right: 15px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    margin-right: 35px;
  }
  #index-body .category .content .category-names:before,
  #index-body .category .content .category-names:after {
    display: none;
  }
  .about-page .about-history .right .history-list li{
    align-items: center;
  }
  .about-page .about-history .right .history-list li .year-left{
    position: unset;
  }
  #index-body .category .top .right-box .category-prev{
  left: 0px;
  }
  #index-body .category .top .right-box .category-next{
    right: 0px;
  }
    #banner .banner-slide-ul .slide-box .text .intro{
    margin-bottom: 5vw;
  }
   #index-body .category .top .category-list{
     margin-left: 40px;
     margin-right: 40px;
   }
  #index-body .category .top .category-list li .slide-box{
    padding-left: 5px;
    padding-right: 5px;
  }
  #index-body .service .service-box{
    left: 15px;
    top:30px;
  }
  #index-body .service .intro{
    margin-bottom: 15px;
    max-width: 300px;
  }
  #footer .f-content{
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1440px) {
  .font-72 {
    font-size: 55px;
  }
  .public-title {
    font-size: 55px;
  }
  #header .nav .ui.menu .items .h-search {
    margin-right: 10px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    font-size: 14px;
  }
  #footer .ui.container {
    max-width: 100%;
    padding: 0 15px;
  }
  #footer .f-form {
    padding-left: 0;
    padding-right: 0;
  }
  #footer .f-content {
    padding-left: 0;
    padding-right: 0;
  }
  #index-body .service .service-content .item .text-window{
    padding: 15px;
  }
  #index-body .service .service-content .item .text-window .title{
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1280px) {
  .font-72 {
    font-size: 45px;
  }
  .public-title {
    font-size: 45px;
  }
  #header .nav .ui.menu .menu-box{
    margin-right: 10px;
  }

  #header .nav .ui.menu .logo {
    width: 110px;
  }
  #header .nav .ui.menu .menu-box ul.menu > li {
    margin-right: 15px;
  }
  #banner .banner-slide-ul .slide-box .text .intro {
    margin-bottom: 15px;
  }
  #index-body .customized .top .customized-list li .icon:after {
    display: none;
  }
  #index-body .service .service-content .item {
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  #index-body .service .service-content .item .text-window {
    -webkit-transform: scale(1.666);
    -moz-transform: scale(1.666);
    -ms-transform: scale(1.666);
    transform: scale(1.666);
  }
  #index-body .news .news-slide-ul {
    margin-left: -15px;
    margin-right: -15px;
  }
  #index-body .news .news-slide-ul .slide-box {
    margin-left: 15px;
    margin-right: 15px;
  }
  #footer .f-form form.df {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #footer .f-form form.df .mail,
  #footer .f-form form.df .message {
    margin: 15px 0;
  }
  #footer .f-form form.df .name,
  #footer .f-form form.df .phone,
  #footer .f-form form.df .mail,
  #footer .f-form form.df .message,
  #footer .f-form form.df .submit {
    width: 49%;
  }
  #footer .f-content .link {
    display: none;
  }
  #footer .f-content .news-center {
    display: none;
  }
  #footer .f-contact-btn {
    display: none;
  }
  #index-body .customized .content{
    align-items: flex-start;
  }
  #index-body .service .service-content .item .text-window .line{
    display: none;
  }
  #index-body .service .service-content .item .text-window{
    left: -444px;
  }
  #index-body .service .service-content .item .text-window .item-intro{
    font-size: 14px;
  }
  #index-body .service .service-content .item .text-window .title{
    font-size: 20px;
  }
    #index-body .service .service-slide{
    position: relative;
  }
}
@media screen and (max-width: 1000px) {
  .font-72 {
    font-size: 35px;
  }
  .public-title {
    font-size: 35px;
  }
  #header .nav .ui.menu .items {
    display: none;
  }
  #header .nav .ui.menu .logo {
    width: 190px;
  }
  #banner .banner-slide-ul .slide-box .text .title {
    margin-bottom: 15px;
  }
  #banner .banner-slide-ul .slide-box .text .intro {
    display: none;
  }
  #banner ul.slick-dots{
    display: none;
  }
  #index-body .category .top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index-body .customized .top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index-body .customized .top .customized-list {
    width: 100%;
  }
  #index-body .customized .top .public-title {
    margin-top: 15px;
  }
  #index-body .customized .top .public-title,
  #index-body .customized .top .intro {
    text-align: left;
  }
  #index-body .customized .content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  #index-body .customized .content .left .intro {
    max-width: 100%;
  }

  #index-body .customized .content .right {
    margin-left: 0;
  }
  #index-body .service .service-text-slide {
    display: block;
  }
  #index-body .service .service-slide .service-slide-ul .slide-box {
    padding: 20px 15px;
  }
  #index-body .service .service-slide .service-slide-ul .slide-box .title {
    text-align: center;
  }
  /*#index-body .service {
    background: url("../images/service-img.jpg") no-repeat center center;
    background-size: cover;
  }*/
  #index-body .about .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #index-body .about .right {
    padding-right: 0;
    width: 100%;
  }
  #index-body .about .right ul.strength-data li {
    margin: 0 15px;
  }
  #index-body .about .right ul.strength-data li:first-child {
    width: auto;
  }
  #index-body .about .right ul.strength-data li .title {
    color: #000;
  }
  #footer .f-content .product {
    display: none;
  }
  #index-body .customized .content .right .right-img-list li.active1,
  #index-body .customized .content .right .right-img-list li.active2,
  #index-body .customized .content .right .right-img-list li.active3,
  #index-body .customized .content .right .right-img-list li.active4{
    transform: translate(0,0);
  }
  #index-body .service .service-slide .service-slide-ul .slick-list{
    padding-right: 0;
  }
  #index-body .service .service-slide .service-slide-ul{
    transform: translateX(0);
  }
  #index-body .service .service-slide{
    padding-left: 0;
  }
  #index-body .service .service-slide:before{
    display: none;
  }
  #index-body .service .service-content .items-list{
    position: unset;
  }
  #index-body .service .service-content .item .circle{
    display: none;
  }
  #index-body .service .service-content .item{
    position: unset;
  }
  #index-body .service .service-content .item .text-window{
    opacity: 1;
    position: unset;
  }
  #index-body .service .service-content .item::before, #index-body .service .service-content .item::after{
    display: none;
  }
  #index-body .service .service-content .items-list li .slide-box>img{
    display: none;
  }
  #index-body .service .service-box{
    left: 15px;
  }
  #index-body .service .service-content .item .text-window,
  #index-body .service .service-content .item{
    transform: unset;
  }
  #index-body .service .service-content .items-list li .slide-box{
    display: flex;
    flex-wrap: wrap;
  }
  #index-body .service .service-slide .service-slide-ul .slick-slide .slide-box{
    transform: translateX(0)!important;
  }
  #index-body .category .top .category-list{
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .public-btn {
    height: 38px;
  }
  .public-btn .circle {
    width: 30px;
    height: 30px;
  }
  .font-72 {
    font-size: 25px;
  }
  .public-title {
    font-size: 25px;
  }
  #index-body .category .content .category-arrows .prev,
  #index-body .category .content .category-arrows .next {
    display: none;
  }
  #index-body .category .content .category-names {
    top: unset;
    bottom: 15px;
  }
  #index-body .customized {
    display: none;
  }
  #index-body .service {
    display: none;
  }
  #index-body .about .left .public-title {
    max-width: unset;
  }
  #footer .f-form form.df .phone {
    margin-top: 15px;
  }
  #footer .f-form form.df .message {
    margin-top: 0;
  }
  #footer .f-form form.df .name,
  #footer .f-form form.df .phone,
  #footer .f-form form.df .mail,
  #footer .f-form form.df .message,
  #footer .f-form form.df .submit {
    width: 100%;
  }
  #footer .f-form form.df input,
  #footer .f-form form.df .submit {
    height: 40px;
    line-height: 40px;
  }
  #footer .f-form form.df .submit::-webkit-input-placeholder {
    font-size: 20px;
  }
  #footer .f-form form.df .submit:-moz-placeholder {
    font-size: 20px;
  }
  #footer .f-form form.df .submit::-moz-placeholder {
    font-size: 20px;
  }
  #footer .f-form form.df .submit:-ms-input-placeholder {
    font-size: 20px;
  }
  #footer .f-form form.df .submit::placeholder {
    font-size: 20px;
  }
     #index-body .category .top .right-box .category-prev{
    display: none;
  }
  #index-body .category .top .right-box .category-next{
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .font-72 {
    font-size: 20px;
  }
  .font-27 {
    font-size: 18px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-20 {
    font-size: 18px;
  }
  .font-18 {
    font-size: 16px;
  }
  .font-16 {
    font-size: 14px;
  }
  .public-title {
    font-size: 20px;
  }
  .public-btn{
    padding-left: 0;
    padding-right: 0;
    width: 150px;
    justify-content: center;
  }
  .public-btn .circle{
    display: none;
  }
    #index-body .category .content .category-slide-ul .slide-box{
    margin-top: 60px;
  }
  #index-body .category .content .category-slide-ul .slide-box a.img .cover-bg{
    width: 100%;
  }
  #index-body .category .content .category-slide-ul .slide-box a.img .cover-bg img{
    width: 100%;
  }
  #index-body .category .top .category-list{
    margin-left: 0;
  }
  .public-btn{
    padding-left: 0!important;
    padding-right: 0!important;
  }
  .public-btn span{
    padding-right: 0;
  }
  #index-body .about{
    padding-bottom: 32.16666vw
  }
  #banner {
    margin-top: 60px;
  }
  #banner .banner-scroll{
    /*display: none;*/
    bottom: 54px;
    zoom: .5;
  }
  #banner .banner-slide-ul .slide-box .text {
    left: 15px;
    top: 15px;
  }
  /*#index-body .category .top .category-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }*/
  #index-body .category .top .category-list li:after {
    display: none;
  }
  #index-body .about .right ul.strength-data li .top em {
    font-size: 40px;
  }
  #index-body .about .right ul.strength-data li:first-child {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  #footer .f-form .title {
    font-size: 16px;
    line-height: 1.5;
  }
  #footer .f-content .qr {
    display: none;
  }
  #footer .f-form form.df .submit {
    font-size: 16px;
  }
  #footer .f-form form.df input {
    font-size: 16px;
  }
  #footer .f-form form.df input::-webkit-input-placeholder {
    font-size: 16px;
  }
  #footer .f-form form.df input:-moz-placeholder {
    font-size: 16px;
  }
  #footer .f-form form.df input::-moz-placeholder {
    font-size: 16px;
  }
  #footer .f-form form.df input:-ms-input-placeholder {
    font-size: 16px;
  }
  #footer .f-form form.df input::placeholder {
    font-size: 16px;
  }
  #footer .f-content .items dd.social {
    display: none;
  }
  #index-body .about .left .intro{
    color: #000;
  }

  /*新修改*/
  #index-body .category .top .category-list{
    max-width: 100%;
  }
  #index-body .category .top .right-box{
    width: 100%;
  }
  #index-body .category .content .category-slide-ul .slide-box a.category-title{
    display: none;
  }
  #index-body .category .content .category-slide-ul .slide-box{
    padding-bottom: 30px;
  }
  #index-body .about .right ul.strength-data{
    margin-top: 20px;
  }
  #index-body .about{
    background-size: 100% auto!important;
  }
  #index-body .news .news-canvas{
    transform: translateY(500px);
  }
  #footer .f-copy .links{
    text-align: left;
  }
  #index-body .customized .top .right-text {
    order: -1;
  }

}
.font-73 {
  font-size: 73px;
}
.font-60 {
  font-size: 60px;
}
.font-48 {
  font-size: 48px;
}
.font-43 {
  font-size: 43px;
}
.font-41 {
  font-size: 41px;
}
.font-19 {
  font-size: 19px;
}
.font-26 {
  font-size: 26px;
}
.font-21 {
  font-size: 21px;
}
.font-17 {
  font-size: 17px;
}
@media screen and (min-width: 1921px){
  #header{
    max-width: 1920px;
    margin: 0 auto;
  }
  #banner{
    max-width: 1920px;
    margin: 0 auto;
  }
  #footer{
    max-width: 1920px;
    margin: 0 auto;
  }
 /* 转换公式: px = (vw值 × 1920) / 100 */
/* 所有转换值基于1920px设计基准 */

#header .nav .ui.menu .menu-box ul.menu > li {
    margin-right: 84px; /* 原4.375vw → (4.375×1920)/100=84px */
}

#banner .banner-slide-ul .slide-box .text .intro {
    margin-top: 40px; /* 原2.0833333vw → 40px */
    margin-bottom: 144px; /* 原7.5vw → 144px */
}

#banner .banner-scroll {
    bottom: 34px; /* 原1.77083333vw → 34px */
}

#index-body .category {
    padding-top: 118px; /* 原6.145833333vw → 118px */
    padding-bottom: 124px; /* 原6.458333vw → 124px */
}

#index-body .category .content .category-slide-ul .slide-box a.img {
    margin: 19px auto 0; /* 原1vw → 19px */
}

#index-body .category .content .category-slide-ul .slide-box a.category-title {
    font-size: 142px; /* 原7.395833333333333vw → 142px */
}

#index-body .category .content .category-arrows {
    top: 190px; /* 原9.895833vw → 190px */
}

#index-body .customized {
    padding-top: 132px; /* 原6.875vw → 132px */
}

#index-body .customized .top .customized-list li .icon:after {
    right: -90px; /* 原4.6875vw → 90px */
}

#index-body .customized .content {
    margin-top: 104px; /* 原5.4166666vw → 104px */
}
#index-body .service .service-slide .service-slide-ul .slide-box{
  padding: 61px 52px 55px 41px;
}
#index-body .service {
    margin-top: 196px; /* 原10.20833333vw → 196px */
    padding-top: 195px; /* 原10.15625vw → 195px */
}

#index-body .service .service-content .item1 {
    right: 527px; /* 原27.4583vw → 527px */
    top: 460px; /* 原23.9583vw → 460px */
}

#index-body .service .service-content .item2 {
    right: 348px; /* 原18.125vw → 348px */
    top: 594px; /* 原30.9375vw → 594px */
}

#index-body .service .service-content .item3 {
    right: 328px; /* 原17.0833vw → 328px */
    top: 504px; /* 原26.25vw → 504px */
}

#index-body .service .service-content .item4 {
    right: 368px; /* 原19.1667vw → 368px */
    top: 444px; /* 原23.125vw → 444px */
}

#index-body .service .service-content .item5 {
    right: 388px; /* 原20.2083vw → 388px */
    top: 384px; /* 原20.0vw → 384px */
}

#index-body .service .intro {
    margin-bottom: 120px; /* 原6.25vw → 120px */
}

#index-body .service .service-slide {
    margin-top: 112px; /* 原5.833333333vw → 112px */
}

#index-body .about {
    margin-top: 216px; /* 原11.25vw → 216px */
    padding-bottom: 464px; /* 原24.16666vw → 464px */
}

#index-body .about .left .intro {
    margin-bottom: 69px; /* 原3.59375vw → 69px */
}

#index-body .about .right {
    padding-right: 126px; /* 原6.5625vw → 126px */
}

#index-body .about .right ul.strength-data li:nth-child(2) {
    margin-right: 63px; /* 原3.28125vw → 63px */
}

#index-body .about .right ul.strength-data li:first-child {
    margin-bottom: 65px; /* 原3.3854166666vw → 65px */
}

#index-body .news {
    padding-top: 209px; /* 原10.88541666vw → 209px */
    padding-bottom: 209px; /* 原10.88541666vw → 209px */
}

#index-body .news .news-slide-ul {
    margin: 103px -54px 54px; /* 原5.3645833vw→103px, -2.8125vw→-54px, 2.8125vw→54px */
}

#index-body .news .news-slide-ul .slide-box {
    margin: 0 54px; /* 原2.8125vw → 54px */
}

#index-body .news .news-canvas {
    transform: translateY(480px); /* 原25vw → 480px */
}

#footer .f-form {
    margin-bottom: 89px; /* 原4.63541666vw → 89px */
    padding-top: 77px; /* 原4.01041666vw → 77px */
}

#footer .f-content {
    margin-bottom: 63px; /* 原3.28125vw → 63px */
}

#footer .f-content .items .address {
    margin-bottom: 54px; /* 原2.8125vw → 54px */
}

#footer .f-content .items ul {
    margin-top: 45px; /* 原2.34375vw → 45px */
}

#footer .f-content .product {
    margin-left: 48px; /* 原2.5vw → 48px */
}

#footer .f-content .qr {
    margin-right: 42px; /* 原2.2vw → 42px */
}
}
/*内页*/
.inner-banner {
  position: relative;
  margin-bottom: -70px;
  overflow: hidden;
  z-index: 1;
}
.inner-banner video {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 101%;
  z-index: -1;
}
        .inner-banner .action-box {
          display: none;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 101%;
        z-index: -1;
        }
        .inner-banner .action-box:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        -webkit-backdrop-filter: blur(130px);
        backdrop-filter: blur(130px);
        z-index: 1;
        }
        .inner-banner .action-box .shape {
        position: absolute;
        width: 50%;
        height: 50%;
        }
        .inner-banner .action-box .shape1 {
        left: 1%;
        top: 5%;
        background-color: #4DCCCF;
        width: 36%;
          height: 65%;
          clip-path: polygon(30% 0, 70% 0%, 100% 11%, 100% 85%, 73% 100%, 21% 100%, 0 87%, 0 13%);
        }
        .inner-banner .action-box .shape2 {
        top: 5%;
        left: 45%;
        background-color: #4DCCCF;
          height: 60%;
        width: 35%;
          clip-path: polygon(30% 0, 70% 0%, 100% 11%, 100% 85%, 73% 100%, 21% 100%, 0 87%, 0 13%);
        }
        .inner-banner .action-box .shape3 {
        top: 82%;
        left: 24%;
        background-color: #2A60B8;
        width: 34%;
          height: 60%;
          clip-path: polygon(34% 29%, 70% 0%, 100% 0, 100% 100%, 70% 100%, 35% 61%, 0 100%, 0 0);

        }
        .inner-banner .action-box .shape4 {
        background-color: #4DCCCF;
        top: 96%;
        left: 68%;
        width: 20%;
          height: 80%;
          clip-path: polygon(50% 0%, 96% 9%, 100% 36%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 6% 8%);

        }
        .inner-banner .action-box .shape5 {
          background-color: #2A60B8;
          opacity: 1;
          top: 110%;
          left: 48%;
          width: 20%;
          height: 66%;
          clip-path: polygon(75% 0%, 100% 50%, 83% 88%, 12% 92%, 25% 50%, 22% 2%);;

        }
.inner-banner .inner-text {
  padding-top: 209px;
  padding-bottom: 162px;
}
.inner-banner .inner-banner-title {
  font-family: Montserrat;
  font-size: 67px;
  line-height: 1;
  font-weight: bold;
  color: var(--index-main-color);
}
.inner-banner .mbx {
  margin-top: 4px;
  color: var(--index-main-color);
}
.inner-page {
  background-color: #fff;
  border-radius: 80px 80px 0 0;
  position: relative;
  z-index: 2;
}
.inner-page .m-page {
  font-size: 24px;
  justify-content: center;
}
.inner-page .m-page span,
.inner-page .m-page a{
  display: block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  color: #000;
  border-radius: 10px;
	border: solid 1px #d4d4d4;
  text-align: center;
  margin: 0 8px;
}
.inner-page .m-page .current{
  display: block;
  width: 56px;
  height: 56px;
  line-height: 56px;
  background-color: var(--index-color1);
  color: #fff;
  border-radius: 10px;
  text-align: center;
  margin: 0 8px;
}
.inner-page .m-page .wp-pagenavi{
  display: flex;
}
.guide-product-page {
  padding-top: 8.28125vw;
}
.guide-product-page .guide-wrap1{
  margin-top: 3vw;
  padding-top: 8vw;
}
.guide-product-page .guide-wrap1 .intro {
  margin-top: 13px;
  color: var(--index-color2);
}
.guide-product-page .guide-wrap1 .all-category {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4.6875vw -2.2vw 2.65625vw;
}
.guide-product-page .guide-wrap1 .all-category li {
  margin-bottom: 2.65625vw;
  width: 14.285%;
}
.guide-product-page .guide-wrap1 .all-category li .img {
  display: block;
  position: relative;
  z-index: 1;
}
.guide-product-page .guide-wrap1 .all-category li .img .cover-box {
  width: 90px;
  height: 90px;
  background-color: #ffffff;
  border: 1px solid transparent;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 auto;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.guide-product-page .guide-wrap1 .all-category li .img .cover-box img {
  display: block;
}
.guide-product-page .guide-wrap1 .all-category li .img .icon-bg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: unset;
  z-index: -1;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  display: block;
}
.guide-product-page .guide-wrap1 .all-category li .title {
  display: block;
  font-family: Montserrat;
  font-weight: bold;
  margin: 18px auto 0;
  padding: 0 5px;
}
.guide-product-page .guide-wrap1 .all-category li:hover {
  border-color: #464646;
}
.guide-product-page .guide-wrap1 .all-category li .img .cover-box {
  border-color: #464646;
}
.guide-product-page .guide-wrap1 .all-category li:hover .img .cover-box {
  border-color: transparent;
}
.guide-product-page .guide-wrap1 .all-category li:hover .img .icon-bg {
  opacity: 1;
}
.guide-product-page .guide-wrap1 .all-category li:hover .title {
  color: var(--index-color1);
}
.guide-product-page .guide-wrap2 .public-title{
  justify-content: center;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.2;
}
/*.guide-product-page .guide-wrap2 {
  padding-top: 20.052083333vw;
  margin-top: 6.25vw;
}*/
.guide-product-page .guide-wrap2 .intro{
  color: var(--index-color2);
  margin-top: 18px;
}
.guide-product-page .guide-wrap2 .img {
  position: relative;
  margin-top: 5vw;
}
/*.guide-product-page .guide-wrap2 .img:hover .img1 {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}*/
.guide-product-page .guide-wrap2 .img .img1 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  /*-webkit-filter: brightness(0);
  filter: brightness(0);*/
  opacity: 0;
}
.guide-product-page .guide-wrap2 .img:hover .img1,
.guide-product-page .guide-wrap2 .img.active .img1{
  opacity: 1;
}
.guide-product-page .guide-wrap3 {
  margin-top: 9.21875vw;
  margin-bottom: 4.583333vw;
}
.guide-product-page .guide-wrap3 .guide-links {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.guide-product-page .guide-wrap3 .guide-links li {
  width: 48.2%;
  position: relative;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text {
  position: absolute;
  left: 23px;
  right: 29px;
  bottom: 44px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .title {
  font-weight: bold;
  font-family: Montserrat;
  color: #ffffff;
  max-width: 340px;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .intro {
  font-size: 12px;
  color: #ffffff;
  margin-bottom: 9px;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn {
  width: 176px;
  height: 59px;
  padding-left: 26px;
  padding-right: 8px;
  background: #fff;
  border-color: #fff;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn:hover {
  background: var(--index-main-color);
  border-color: var(--index-main-color);
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn:hover span {
  color: #fff;
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn:hover .circle {
  background: var(--index-main-color);
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn span {
  font-size: 14px;
  padding-right: 0;
  color: var(--index-color1);
}
.guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn .circle {
  width: 46px;
  height: 46px;
  background: var(--index-color1);
  color: #fff;
}
.guide-product-page .guide-wrap3 .guide-links li > img {
  border-radius: 10px;
}
.category-product-page {
  padding-top: 8.958333333333333vw;
  padding-bottom: 6vw;
}
.category-product-page .category-left .top {
  background-color: #ebf3f5;
  padding-top: 37px;
  padding-bottom: 23px;
}
.category-product-page .category-left .top .form {
  margin: 0 26px;
}
.category-product-page .category-left .top .form form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.category-product-page .category-left .top .form form input {
  border: none;
}
.category-product-page .category-left .top .form form .text {
  width: -webkit-calc(100% - 67px);
  width: -moz-calc(100% - 67px);
  width: calc(100% - 67px);
  height: 69px;
  background-color: #ffffff;
  color: #000;
  padding-left: 20px;
  font-size: 20px;
}
.category-product-page .category-left .top .form form .text::-webkit-input-placeholder {
  font-size: 14px;
  color: rgba(181, 181, 181, 0.65);
}
.category-product-page .category-left .top .form form .text:-moz-placeholder {
  font-size: 14px;
  color: rgba(181, 181, 181, 0.65);
}
.category-product-page .category-left .top .form form .text::-moz-placeholder {
  font-size: 14px;
  color: rgba(181, 181, 181, 0.65);
}
.category-product-page .category-left .top .form form .text:-ms-input-placeholder {
  font-size: 14px;
  color: rgba(181, 181, 181, 0.65);
}
.category-product-page .category-left .top .form form .text::placeholder {
  font-size: 14px;
  color: rgba(181, 181, 181, 0.65);
}
.category-product-page .category-left .top .form form .submit {
  width: 67px;
  height: 69px;
  background: var(--index-color1) url('../images/category-left-submit.png') no-repeat center center;
}
.category-product-page .category-left .top .side-category-title {
  padding: 0 26px;
  font-family: Montserrat;
  font-weight: bold;
  color: #000;
  margin-top: 36px;
  margin-bottom: 21px;
}
.category-product-page .category-left .top .side-category-list {
  font-family: Montserrat;
}
.category-product-page .category-left .top .side-category-list li a {
  display: block;
}
.category-product-page .category-left .top .side-category-list > li > a {
  font-weight: bold;
  color: #000;
  padding: 12px 30px;
  position: relative;
  z-index: 1;
}
.category-product-page .category-left .top .side-category-list > li > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url("../images/side-category-list-bg.png") no-repeat left center;
  opacity: 0;
  z-index: -1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.category-product-page .category-left .top .side-category-list > li > a:hover:before {
  opacity: 1;
}
.category-product-page .category-left .top .side-category-list > li > a.active:before {
  opacity: 1;
}
.category-product-page .category-left .top .side-category-list > li .side-category-list1 li:last-child a {
  border: none;
}
.category-product-page .category-left .top .side-category-list > li .side-category-list1 li a {
  font-weight: bold;
  color: #6b6b6b;
  opacity: 0.52;
  padding: 9px 45px;
  border-bottom: 1px solid rgba(198, 198, 198, 0.16);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.category-product-page .category-left .top .side-category-list > li .side-category-list1 li a.active {
  color: var(--index-color1);
  opacity: 1;
}
.category-product-page .category-left .top .side-category-list > li .side-category-list1 li a:hover {
  color: var(--index-color1);
  opacity: 1;
}
.category-product-page .category-left .bottom .side-category-title {
  margin: 2.760416666666667vw 34px 2.291666666666667vw;
  color: #000;
  font-family: Montserrat;
  font-weight: bold;
}
.category-product-page .category-left .bottom .category-list li {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 36px;
}
.category-product-page .category-left .bottom .category-list li .little-img {
  display: block;
  margin-right: 20px;
  max-width: 85px;
  border-radius: 50%;
}
.category-product-page .category-left .bottom .category-list li .right-text a.title {
  display: block;
  margin-bottom: 7px;
  font-weight: bold;
  font-family: Montserrat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.category-product-page .category-left .bottom .category-list li .right-text a.title:hover {
  color: var(--index-color1);
}
.category-product-page .category-left .bottom .category-list li .right-text .intro {
  color: #7e7e7e;
  max-width: 194px;
  line-height: 1.3;
}
.category-product-page .category-left{
  width: 342px;
}
.category-product-page .category-right {
  width: -webkit-calc(100% - 342px);
  width: -moz-calc(100% - 342px);
  width: calc(100% - 342px);
  padding-left: 35px;
}
.category-product-page .category-right h1 {
  font-family: Montserrat;
  font-weight: bold;
  margin-bottom: 26px;
}
.category-product-page .category-right .all-product-list {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
}
.category-product-page .category-right .all-product-list li {
  width: 33.333%;
  margin-bottom: 94px;
  padding-right: 20px;
}
.category-product-page .category-right .all-product-list li .box {
  border: 2px solid rgba(218, 218, 218, 0.4);
  padding-top: 65px;
  padding-left: 15px;
  padding-right: 15px;
}
.category-product-page .category-right .all-product-list li .box:hover a.title {
  color: var(--index-color1);
}
.category-product-page .category-right .all-product-list li .box a.img {
  display: block;
  text-align: center;
}
.category-product-page .category-right .all-product-list li .box a.title {
  display: block;
  text-align: center;
  margin: 54px 15px 12px;
  font-weight: bold;
  height: 54px;

}
.category-product-page .category-right .all-product-list li .box .intro {
  color: #7e7e7e;
  max-width: 281px;
  margin: 0 auto 29px;
  /*text-align: center;*/
  line-height: 1.3;
    display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 54px;
}
.category-product-page .category-right .all-product-list li .box a.category-btn {
  position: relative;
  -webkit-transition: width 0.3s, background-color 0.3s;
  -moz-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s;
  width: 60px;
  height: 60px;
  background-color: #d4d4d4;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 26px;
  padding-right: 7px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  margin: 0 auto -30px;
}
.category-product-page .category-right .all-product-list li .box a.category-btn .plus {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Montserrat;
  font-weight: bold;
  color: #fff;
  z-index: 2;
  font-size: 20px;
}
.category-product-page .category-right .all-product-list li .box a.category-btn:hover {
  background-color: var(--index-color1);
  width: 176px;
}
.category-product-page .category-right .all-product-list li .box a.category-btn:hover .plus {
  display: none;
}
.category-product-page .category-right .all-product-list li .box a.category-btn:hover span {
  display: block;
  position: absolute;
  left: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}
.category-product-page .category-right .all-product-list li .box a.category-btn:hover .circle {
  background: #fff;
}
.category-product-page .category-right .all-product-list li .box a.category-btn:hover .circle i {
  color: var(--index-color1);
}
.category-product-page .category-right .all-product-list li .box a.category-btn span {
  color: #fff;
  display: none;
}
.category-product-page .category-right .all-product-list li .box a.category-btn .circle {
  width: 46px;
  height: 46px;
  background-color: #d4d4d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
.category-product-page .category-right .all-product-list li .box a.category-btn .circle i {
  color: #d4d4d4;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.inner-product-recommendation {
  padding-top: 7.34375vw;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8fbf9), to(#fff));
  background: -webkit-linear-gradient(top, #e8fbf9, #fff);
  background: -moz-linear-gradient(top, #e8fbf9, #fff);
  background: linear-gradient(to bottom, #e8fbf9, #fff);
}
.inner-product-recommendation .public-title {
  margin-bottom: 13px;
}
.inner-product-recommendation .intro {
  color: var(--index-color2);
}
.inner-product-recommendation .product-recommendation {
  margin: 5.572917vw -10px 0;
}
.inner-product-recommendation  .recommendation-box{
  position: relative;
}
.inner-product-recommendation .recommendation-box .product-recommendation-prev,
.inner-product-recommendation .recommendation-box .product-recommendation-next {
  height: 53px;
  width: 53px;
  border-radius: 50%;
  border: 1px solid var(--index-color1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex!important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--index-color1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: transparent;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  z-index: 3;
}
.inner-product-recommendation  .recommendation-box .product-recommendation-prev{
  left: -4.1666vw;
}
.inner-product-recommendation  .recommendation-box .product-recommendation-next{
  right: -4.1666vw;
}
.inner-product-recommendation  .recommendation-box .product-recommendation-prev i,
.inner-product-recommendation  .recommendation-box .product-recommendation-next i {
  font-size: 24px;
}
.inner-product-recommendation  .recommendation-box .product-recommendation-prev:hover,
.inner-product-recommendation  .recommendation-box .product-recommendation-next:hover {
  background: var(--index-color1);
  color: #fff;
}


.inner-product-recommendation .product-recommendation .slide-box {
  border: 2px solid rgba(218, 218, 218, 0.4);
  padding-top: 3.385417vw;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 10px 30px;
  color: #7e7e7e;
  transition: .3s;
}
.inner-product-recommendation .product-recommendation .slide-box:hover{
  background: #fff;
}
.inner-product-recommendation .product-recommendation .slide-box:hover a.title {
  color: var(--index-color1);
}
.inner-product-recommendation .product-recommendation .slide-box a.img {
  display: block;
  text-align: center;
}
.inner-product-recommendation .product-recommendation .slide-box a.img img {
  margin: 0 auto;
}
.inner-product-recommendation .product-recommendation .slide-box a.title {
  display: block;
  text-align: center;
  margin: 2.8125vw 15px 12px;
  font-weight: bold;
  color: #000;
  height: 54px;
}
.inner-product-recommendation .product-recommendation .slide-box .product-intro {
  color: #7e7e7e;
  max-width: 281px;
  margin: 0 auto 29px;
  text-align: center;
  line-height: 1.3;
    display: -webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 54px;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn {
  position: relative;
  -webkit-transition: width 0.3s, background-color 0.3s;
  -moz-transition: width 0.3s, background-color 0.3s;
  transition: width 0.3s, background-color 0.3s;
  width: 60px;
  height: 60px;
  background-color: #d4d4d4;
  border-radius: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 26px;
  padding-right: 7px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  margin: 0 auto -30px;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn .plus {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: Montserrat;
  font-weight: bold;
  color: #fff;
  z-index: 2;
  font-size: 20px;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn:hover {
  background-color: var(--index-color1);
  width: 176px;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn:hover .plus {
  display: none;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn:hover span {
  display: block;
  position: absolute;
  left: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn:hover .circle {
  background: #fff;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn:hover .circle i {
  color: var(--index-color1);
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn span {
  color: #fff;
  display: none;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn .circle {
  width: 46px;
  height: 46px;
  background-color: #d4d4d4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
}
.inner-product-recommendation .product-recommendation .slide-box a.category-btn .circle i {
  color: #d4d4d4;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.inner-partners:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .03;
  background: -webkit-gradient(linear, left bottom, left top, from(#009c85), to(transparent));
  background: -webkit-linear-gradient(bottom, #009c85, transparent);
  background: -moz-linear-gradient(bottom, #009c85, transparent);
  background: linear-gradient(to top, #009c85, transparent);
  z-index: -1;
}
.inner-partners .public-title {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 27px;
}
.inner-partners .intro {
  color: var(--index-color2);
}
.inner-partners .about-partner-slide {
  margin: 4.53125vw -11.5px 0;
  display: flex;
  flex-wrap: wrap;
}
.inner-partners .about-partner-slide li{
  width: 16.66666%;
}
.inner-partners .about-partner-slide .slide-box {
  padding: 31px 29px 29px 15px;
  margin: 0 11.5px 26px;
  border-radius: 20px;
  border: solid 1px rgba(122, 122, 122, 0.41);
}
.inner-partners .about-partner-slide li:last-child .slide-box{
  position: relative;
}
.inner-partners .about-partner-slide li:last-child .slide-box img{
  opacity: 0;
}
.inner-partners .about-partner-slide li:last-child span{
   display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #333;
}
.detail-product-page {
  padding-top: 8.75vw;
}
.detail-product-page .detail-page-wrap1 .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.detail-product-page .detail-page-wrap1 .detail-left {
  width: 46%;
}
.detail-product-page .detail-page-wrap1 .detail-left .big-slide-ul {
  margin-bottom: 29px;
}
.detail-product-page .detail-page-wrap1 .detail-left .big-slide-ul li a{
  display: block;
  border: 2px solid rgba(218, 218, 218,.4)
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box{
  position: relative;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev,
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next{
    height: 53px;
    width: 53px;
    border-radius: 50%;
    border: 1px solid var(--index-color1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--index-color1);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    background: 0 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev{
  left: -60px;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next{
  right: -60px;
} 
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev:hover,
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next:hover{
    background: var(--index-color1);
    color: #fff;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-ul {
  margin: 0 -11px;
}
.detail-product-page .detail-page-wrap1 .detail-left .small-slide-ul .slide-box {
  display: block;
  margin: 0 11px;
  border: 2px solid rgba(218, 218, 218,.4);
}
.detail-product-page .detail-page-wrap1 .detail-right {
  margin-top: 22px;
  width: 47%;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc p{
  font-size: 18px;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc ul li{
  font-size: 16px;
  padding-left: 20px;
  position: relative;
  /*margin-left: 15px;*/
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc >ul>li:after{
  position: absolute;
  left: 0;
  top:9px;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--index-color1);
}
.detail-product-page .detail-page-wrap1 .detail-right .t-text {
  color: var(--index-color1);
}
.detail-product-page .detail-page-wrap1 .detail-right .product-name {
  font-family: Montserrat;
  margin-top: 9px;
  margin-bottom: 2.604167vw;
  font-weight: bold;
  line-height: 1;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-intro {
  color: var(--index-color2);
  line-height: 1.333;
  max-width: 647px;
  margin-bottom: 2.291667vw;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-title {
  font-family: Montserrat;
  margin-bottom: 13px;
  font-weight: bold;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc p,
.detail-product-page .detail-page-wrap1 .detail-right .product-desc span,
.detail-product-page .detail-page-wrap1 .detail-right .product-desc li,
.detail-product-page .detail-page-wrap1 .detail-right .product-desc *{
  white-space: wrap;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list {
  color: var(--index-color2);
  line-height: 1.666;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list li {
  position: relative;
  padding-left: 15px;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-desc .desc-list li:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background-color: var(--index-color1);
  border-radius: 50%;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-btns {
  border-top: 1px solid rgba(122, 122, 122, 0.22);
  border-bottom: 1px solid rgba(122, 122, 122, 0.22);
  padding-top: 22px;
  padding-bottom: 22px;
  margin-top: 40px;
  margin-bottom: 30px;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn {
  width: 149px;
  height: 49px;
  padding-left: 20px;
  padding-right: 6px;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn:first-child {
  margin-right: 17px;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn span {
  font-size: 12px;
  padding-right: 0;
}
.detail-product-page .detail-page-wrap1 .detail-right .product-btns .public-btn .circle {
  width: 39px;
  height: 39px;
}
.detail-product-page .detail-page-wrap1 .detail-right .social {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.detail-product-page .detail-page-wrap1 .detail-right .social .title {
  color: var(--index-color2);
  margin-right: 16px;
}
.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #010101;
  border: 1px solid #010101;
  margin-right: 7px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a i {
  color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a:hover {
  background-color: transparent;
}
.detail-product-page .detail-page-wrap1 .detail-right .social ul.df a:hover i {
  color: #010101;
}
.detail-product-page .detail-page-wrap2 {
  margin-top: 5.104167vw;
}
.detail-product-page .detail-page-wrap2 .tab-items {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid rgba(122, 122, 122, 0.37);
  margin-bottom: 5.104167vw;
}
.detail-product-page .detail-page-wrap2 .tab-items li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #202020;
  font-weight: bold;
  font-family: Montserrat;
  padding: 18px 34px 17px 17px;
  border-radius: 14px 14px 0 0;
  margin: 0 30px;
  cursor: pointer;
  word-break: break-all;
}
.detail-product-page .detail-page-wrap2 .tab-items li.active {
  background-color: var(--index-color1);
  color: #fff;
}
.detail-product-page .detail-page-wrap2 .tab-items li .icon {
  margin-right: 20px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li {
  display: none;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li:nth-child(2) ul li{
  position: relative;
  padding-left: 20px;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li:nth-child(2) ul li:after {
    position: absolute;
    left: 0;
    top: 11px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--index-color1);
}
.detail-product-page .detail-page-wrap2 .tab-contents > li:first-child {
  display: block;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table {
  border-collapse: unset;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr {
  font-size: 18px;
  font-family: Montserrat;
  color: #505050;
  font-weight: 600;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:first-child {
  font-size: 18px;
  font-weight: bold;
  font-family: Montserrat;
  color: #505050;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li .table1 table tr:nth-child(n+2) td:first-child{
 width: 40%!important;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li .table1 table tr:nth-child(n+2) td:last-child{
 width: 60%!important;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child{
  background-color: #00a58d;
}
.detail-product-page .detail-page-wrap2 .tab-contents>li table tr:first-child{
  color: #fff;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr td {
  padding-top: 35px;
  padding-bottom: 25px;
  text-align: center;
  /*width: 50%!important;*/
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr td:first-child {
  border-right: 2px solid transparent;
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:first-child td:first-child {
  border-right: 2px solid var(--index-header-color);
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr td:last-child {
  border-left: 1px solid transparent;
}
/*.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:nth-child(1n) {
  background-color: rgba(225, 225, 225, 0.24);
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:nth-child(2n) {
  background-color: rgba(196, 196, 196, 0.24);
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:nth-child(3n) {
  background-color: rgba(176, 176, 176, 0.24);
}
.detail-product-page .detail-page-wrap2 .tab-contents > li table tr:nth-child(4n) {
  background-color: rgba(137, 137, 137, 0.24);
}*/
.detail-product-page .detail-page-wrap2 .tab-contents > li table td {
  border: none;
}

.detail-product-page .detail-page-wrap3 {
  margin-top: 8.958333vw!important;
  margin-bottom: 8vw!important;
}
.detail-product-page .detail-page-wrap4 {
  margin-top: 324px;
  padding-bottom: 858px;
  position: relative;
}
.detail-product-page .detail-page-wrap4 .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.detail-product-page .detail-page-wrap4 .left {
  color: var(--index-color2);
}
.detail-product-page .detail-page-wrap4 .left .public-title {
  margin-bottom: 14px;
}
.detail-product-page .detail-page-wrap4 .right {
  color: var(--index-color2);
  max-width: 900px;
  margin-left: 25px;
}
.detail-product-page .detail-page-wrap4 .right p {
  margin-bottom: 22px;
}
.detail-product-page .detail-page-wrap4 a.play {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 361px;
  display: block;
  z-index: 2;
  width: 89px;
  height: 89px;
}
.detail-product-page .detail-page-wrap4 a.play .circle {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}
.detail-product-page .detail-page-wrap4 a.play .circle i {
  color: var(--index-color2);
  font-size: 26px;
}
.detail-product-page .detail-page-wrap4 a.play:before,
.detail-product-page .detail-page-wrap4 a.play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
}
.detail-product-page .detail-page-wrap4 a.play:before {
  opacity: 0.43;
  z-index: 2;
  -webkit-animation: change-big2 1s infinite;
  -moz-animation: change-big2 1s infinite;
  animation: change-big2 1s infinite;
}
.detail-product-page .detail-page-wrap4 a.play:after {
  opacity: 0.23;
  z-index: 1;
  -webkit-animation: change-big21 1s infinite;
  -moz-animation: change-big21 1s infinite;
  animation: change-big21 1s infinite;
}
.detail-product-page .detail-page-wrap5 .top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.detail-product-page .detail-page-wrap5 .top .public-title {
  margin-bottom: 12px;
}
.detail-product-page .detail-page-wrap5 .top .public-btn {
  margin-top: 15px;
}
.detail-product-page .detail-page-wrap5 .honor-list {
  margin: 0 -10vw 0 -22px;
}
.detail-product-page .detail-page-wrap5 .honor-list .slide-box {
  display: block;
  margin: 0 22px;
}
.detail-product-page1 {
  padding-top: 9.895833333333333vw;
}
.detail-product-page1 .detail-page1-wrap1 .intro {
  max-width: 1020px;
  text-align: center;
  margin: 38px auto 0;
  color: #989898;
  line-height: 1.222;
}
.detail-product-page1 .detail-page1-wrap1 .content {
  /*background-color: #fafafa;*/
  /*padding-top: 8.177083333333333vw;*/
  margin-top: 6.197916666666667vw;
  padding-bottom: 4.895833333333333vw;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4.947916666666667vw;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text {
  background-color: rgba(250, 250, 250, 0.85);
  -webkit-box-shadow: -2px 3px 48px 1px rgba(39, 39, 39, 0.16);
  box-shadow: -2px 3px 48px 1px rgba(39, 39, 39, 0.16);
  border-radius: 20px;
  padding-top: 4.166666666666667vw;
  padding-bottom: 4.635416666666667vw;
  position: absolute;
  z-index: 2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  width: 52%;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover {
  background-color: rgba(0, 165, 141, 0.85);
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .title {
  color: #fff;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .title span {
  color: #fff;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover .list-intro {
  color: #fff;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .title {
  max-width: 595px;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 1;
  margin-bottom: 38px;
  display: block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .title span {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: var(--index-color1);
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .list-intro {
  max-width: 595px;
  display: -webkit-box;
  -webkit-line-clamp: 15;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--index-color2);
  line-height: 1.222;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  min-height: 88px;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 0 8px rgba(0, 0, 0, .2);
  background: #fff;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap{
  display: block;
  position: relative;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap .img1{
  opacity: 0;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img .img-wrap .img2{
  position: absolute;
  left: 50%;
  top:50%;
  transform: translate(-50%,-50%);
  max-height: 100%;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play {
  position: absolute;
  display: block;
  z-index: 2;
  width: 48px;
  height: 48px;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play .circle {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 165, 141, 0.67);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:before,
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #00a58d;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img a.play:before {
  opacity: 0.43;
  z-index: 2;
  -webkit-animation: change-big2 1s infinite;
  -moz-animation: change-big2 1s infinite;
  animation: change-big2 1s infinite;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-lis>li .img a.play:after {
  opacity: 0.23;
  z-index: 1;
  -webkit-animation: change-big21 1s infinite;
  -moz-animation: change-big21 1s infinite;
  animation: change-big21 1s infinite;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(odd) .text {
  right: 0;
  padding-right: 3.90625vw;
  padding-left: 2.916666666666667vw;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text ul li{
  padding-left: 20px;
    position: relative;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text ul li:after{
  position: absolute;
    left: 0;
    top: 9px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--index-color1);
    transition: .3s;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text:hover ul li:after{
  background-color: #fff;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(odd) .img a.play {
  left: 50px;
  bottom: 63px;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /*text-align: right;*/
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) .text {
  left: 0;
  padding-right: 5.625vw;
  padding-left: 3.64583333333333vw;
}
.detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li:nth-child(even) .img a.play {
  right: 53px;
  bottom: 42px;
}
.customized-page .customized-wrap1 {
  padding-top: 9.791666666vw;
  padding-bottom: 7vw;
}
.customized-page .customized-wrap1 .public-title {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 33px;
}
.customized-page .customized-wrap1 .intro {
  color: var(--index-color2);
}
.customized-page .customized-wrap1 .advantages-list {
  margin: 5.5208333vw -22px 5.2083333vw;
}
.customized-page .customized-wrap1 .advantages-list .slide-box {
  border: 1px solid #b4b4b4;
  padding-left: 38px;
  padding-right: 42px;
  padding-bottom: 53px;
  margin: 22px 22px 0;
}
.customized-page .customized-wrap1 .advantages-list .slide-box .order {
  width: 42px;
  height: 50px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: -22px;
  background: var(--index-color1);
}
.customized-page .customized-wrap1 .advantages-list .slide-box .icon {
  margin-top: 39px;
  margin-bottom: 2.8125vw;
  max-width: 81px;
}
.customized-page .customized-wrap1 .advantages-list .slide-box a.title {
  display: block;
  margin-bottom: 23px;
  font-weight: bold;
  height: 60px;
}
.customized-page .customized-wrap1 .advantages-list .slide-box .intro {
  color: #4c4d4f;
  /*display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.33;
  height: calc(1.33em * 10);*/
}
.customized-page .customized-wrap1 .advantages-list-arrow {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.customized-page .customized-wrap1 .advantages-list-arrow .prev,
.customized-page .customized-wrap1 .advantages-list-arrow .next {
  height: 53px;
  width: 53px;
  border-radius: 50%;
  border: 1px solid var(--index-color1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--index-color1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: transparent;
  margin: 0 10px;
}
.customized-page .customized-wrap1 .advantages-list-arrow .prev i,
.customized-page .customized-wrap1 .advantages-list-arrow .next i {
  font-size: 24px;
}
.customized-page .customized-wrap1 .advantages-list-arrow .prev:hover,
.customized-page .customized-wrap1 .advantages-list-arrow .next:hover {
  background: var(--index-color1);
  color: #fff;
}
.customized-page .customized-wrap2 {
  margin-top: 6.28125vw;
  padding-left: 15px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.customized-page .customized-wrap2 .left {
  color: #8f8f8f;
}
.customized-page .customized-wrap2 .left .intro {
  margin-top: 2.604166666666667vw;
  max-width: 715px;
  line-height: 1.15;
}
.customized-page .customized-wrap2 .left .intro p:nth-child(2) {
  margin-bottom: 21px;
  margin-top: 21px;
}
.customized-page .customized-wrap2 .right {
  margin-left: 2.166666666666667vw;
}
.customized-page .customized-wrap3 {
  margin-top: 9.375vw;
  padding-top: 5.364583333vw;
  padding-bottom: 592px;
}
.customized-page .customized-wrap3 .intro {
  max-width: 1019px;
  color: var(--index-color2);
  margin: 38px auto 0;
  line-height: 1.222;
}
.customized-page .customized-wrap3 .featured-products-list {
  margin-top: 6vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 204px;
  height: 204px;
  border: 6px solid #272727;
  border-radius: 50%;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .title {
  font-weight: bold;
  display: block;
  font-family: Montserrat;
  text-align: center;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle:after {
  content: "";
  display: block;
  width: 140px;
  height: 140px;
  border: solid 1px #272727;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle:before {
  position: absolute;
  content: "";
  right: -5.26041667vw;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 59px;
  height: 15px;
  background: url("../images/customized-wrap3-arrow.png") no-repeat center center;
  background-size: 100% 100%;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1 {
  position: absolute;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1 .circle1-content {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--inner-color1);
  position: relative;
  z-index: 4;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1:before,
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1:after {
  content: "";
  display: block;
  width: 140px;
  height: 140px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: var(--inner-color1);
  border-radius: 50%;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1:before {
  opacity: 0.48;
  -webkit-animation: change-big3 1s infinite;
  -moz-animation: change-big3 1s infinite;
  animation: change-big3 1s infinite;
  z-index: 3;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1:after {
  opacity: 0.33;
  -webkit-animation: change-big31 1s infinite;
  -moz-animation: change-big31 1s infinite;
  animation: change-big31 1s infinite;
  z-index: 3;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .circle1 .title1 {
  font-weight: bold;
  color: #fff;
  margin-top: 6px;
  margin-bottom: 6px;
  display: block;
  font-family: Montserrat;
  text-align: center;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle.active {
  border-color: transparent;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle.active .circle1 {
  opacity: 1;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle.active .pop-window {
  opacity: 1;
  z-index: 2;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window {
  border-radius: 20px;
  padding: 58px 50px 62px 59px;
  background: var(--inner-color1);
  position: absolute;
  width: 915px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 278px;
  opacity: 0;
  z-index: -10;
  -webkit-transition: opacity .3s;
  -moz-transition: opacity .3s;
  transition: opacity .3s;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window:before,
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window:after {
  content: "";
  display: block;
  position: absolute;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window:before {
  width: 1px;
  height: 38px;
  background-color: var(--inner-color1);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -65px;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window:after {
  top: -16px;
  width: 18px;
  height: 16px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("../images/customized-wrap3-icon2.png") no-repeat center center;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window .order {
  position: absolute;
  font-size: 6.5625vw;
  color: #fff;
  opacity: .2;
  right: -16px;
  top: 25px;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 1;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window .title2 {
  display: block;
  margin-top: 11px;
  margin-bottom: 19px;
  color: #fff;
  font-weight: bold;
  font-family: Montserrat;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window .window-intro {
  max-width: 806px;
  color: #fff;
  line-height: 1.3;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 {
  position: relative;
  display: none;
  border-radius: 20px;
  padding: 58px 50px 62px 59px;
  background: var(--inner-color1);
  width: 100%;
  margin-top: 100px;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1:before,
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1:after {
  content: "";
  display: block;
  position: absolute;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1:before {
  width: 1px;
  height: 38px;
  background-color: var(--inner-color1);
  left: 75px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -65px;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1:after {
  top: -16px;
  width: 18px;
  height: 16px;
  left: 65px;
  background: url("../images/customized-wrap3-icon2.png") no-repeat center center;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 .order {
  position: absolute;
  font-size: 6.5625vw;
  color: #fff;
  opacity: .2;
  right: -16px;
  top: 25px;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 1;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 .title2 {
  display: block;
  margin-top: 11px;
  margin-bottom: 19px;
  color: #fff;
  font-weight: bold;
  font-family: Montserrat;
}
.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 .window-intro {
  max-width: 806px;
  color: #fff;
  line-height: 1.3;
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(1) .slide-box .circle .pop-window,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(2) .slide-box .circle .pop-window {
  left: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(1) .slide-box .circle .pop-window:before,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(2) .slide-box .circle .pop-window:before {
  left: 89px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(1) .slide-box .circle .pop-window:after,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(2) .slide-box .circle .pop-window:after {
  left: 80px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(4) .slide-box .circle .pop-window,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(5) .slide-box .circle .pop-window {
  left: unset;
  right: 0;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(4) .slide-box .circle .pop-window:before,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(5) .slide-box .circle .pop-window:before {
  left: unset;
  right: 89px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:nth-child(4) .slide-box .circle .pop-window:after,
.customized-page .customized-wrap3 .featured-products-list li:nth-child(5) .slide-box .circle .pop-window:after {
  left: unset;
  right: 80px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.customized-page .customized-wrap3 .featured-products-list li:last-child .slide-box .circle:before {
  display: none;
}
.application-page {
  padding-top: 11.145833333vw;
  position: relative;
}
.application-page .intro {
  margin-top: 13px;
  color: var(--index-color2);
}
.application-page .application-wrap1 {
  text-align: center;
  position: relative;
  z-index: 2;
}
.application-page .application-wrap1 .wrap1-content {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  margin: 5.41666666vw auto 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item {
  position: absolute;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item.active .pop-window {
  display: block;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon {
  width: 42px;
  height: 42px;
  position: relative;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon .icon-box {
  width: 100%;
  height: 100%;
  background-color: var(--inner-color1);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 3;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon:before,
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: var(--inner-color1);
  border-radius: 50%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon:before {
  opacity: 0.22;
  -webkit-animation: change-big2 1s infinite;
  -moz-animation: change-big2 1s infinite;
  animation: change-big2 1s infinite;
  z-index: 3;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .icon:after {
  opacity: 0.22;
  -webkit-animation: change-big21 1s infinite;
  -moz-animation: change-big21 1s infinite;
  animation: change-big21 1s infinite;
  z-index: 3;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window {
  position: absolute;
  right: 17.66666666666667vw;
  top: -39px;
  width: 347px;
  background: -webkit-gradient(linear, left bottom, left top, from(#e5f7f5), color-stop(80%, transparent));
  background: -webkit-linear-gradient(bottom, #e5f7f5, transparent 80%);
  background: -moz-linear-gradient(bottom, #e5f7f5, transparent 80%);
  background: linear-gradient(to top, #e5f7f5, transparent 80%);
  border-radius: 20px;
  padding: 20px 20px 28px 18px;
  display: none;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .window-top {
  border-radius: 26px;
  max-width: 296px;
  background-color: var(--index-color1);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 30px;
  font-family: Montserrat;
  font-weight: bold;
  margin: 0 auto;
  color: #fff;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .window-top .left-circle {
  width: 44px;
  height: 44px;
  margin-top: 4px;
  margin-bottom: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .window-top .title{
  margin-left: 15px;
  text-align: left;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul {
  margin-top: 14px;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul li {
  color: #3d3d3d;
  padding-left: 50px;
  position: relative;
  line-height: 1.9;
  text-align: left;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul li:before {
  content: "";
  display: block;
  position: absolute;
  left: 31px;
  top: 14px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--index-color1);
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .line {
  right: -39px;
  top: 32px;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  position: absolute;
  width: 12.65625vw;
  border-bottom: 2px dashed var(--index-color1);
}
.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .line:after {
  position: absolute;
  content: "";
  display: block;
  width: 36px;
  top: 0;
  right: 0;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: translateX(100%) rotate(30deg);
  -moz-transform: translateX(100%) rotate(30deg);
  -ms-transform: translateX(100%) rotate(30deg);
  transform: translateX(100%) rotate(30deg);
  border-bottom: 2px dashed var(--index-color1);
}

.application-page .application-wrap1 .wrap1-content .wrap1-item1.active .pop-window{
  display: block;
}

.application-page .application-wrap1 .wrap1-content .wrap1-item1 {
  top: 1.735%;
  left: 46.497%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item1 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item2 {
  top: 7.076%;
  left: 52.280%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item2 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item3 {
  top: 19.101%;
  left: 49.611%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item3 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item4 {
  top: 21.101%;
  left: 53.611%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item4 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item5{
  top: 26.101%;
  left: 45.611%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item5 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item6 {
  top: 38.044%;
  left: 44.828%;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item6 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item7 {
  top: 42.383%;
  /* 635 / 1498 * 100 */
  left: 48.833%;
  /* 439 / 899 * 100 */
}
.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item8 {
  top: 54.733%;
  /* 820 / 1498 * 100 */
  left: 55.495%;
  /* 499 / 899 * 100 */
}
.application-page .application-wrap1 .wrap1-content .wrap1-item8 .pop-window .line {
  right: 0;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item9 {
  top: 76.636%;
  /* 1149 / 1498 * 100 */
  left: 56.285%;
  /* 506 / 899 * 100 */
  z-index: 4;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item:nth-child(2n+1) .pop-window {
  right: unset;
  left: 16.66666666666667vw;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item:nth-child(2n+1) .line {
  right: unset;
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.application-page .application-wrap1 .wrap1-content .wrap1-item:nth-child(2n+1) .line:after {
  left: 0;
  top: 0;
  right: unset;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(-100%) rotate(-30deg);
  -moz-transform: translateX(-100%) rotate(-30deg);
  -ms-transform: translateX(-100%) rotate(-30deg);
  transform: translateX(-100%) rotate(-30deg);
}
/*.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window {
  right: unset;
  left: 16.66666666666667vw;
}
.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window .line {
  right: unset;
  left: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window .line:after {
  left: 0;
  top: 0;
  right: unset;
  -webkit-transform-origin: right center;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: translateX(-100%) rotate(-30deg);
  -moz-transform: translateX(-100%) rotate(-30deg);
  -ms-transform: translateX(-100%) rotate(-30deg);
  transform: translateX(-100%) rotate(-30deg);
}*/
.application-page .application-wrap1 .wrap1-content .wrap1-item10 {
  top: 83.905%;
  /* 1257 / 1498 * 100 */
  left: 42.491%;
  /* 382 / 899 * 100 */
}
.application-page .application-wrap1 .wrap1-content .wrap1-item10 .pop-window .line {
  right: 0;
}
.application-page .application-wrap2 {
  margin-top: 6.1vw;
  margin-bottom: 10vw;
}
.application-page .circle-blur {
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  background: var(--index-header-color);
  -webkit-animation: change-position-opacity 4s infinite;
  -moz-animation: change-position-opacity 4s infinite;
  animation: change-position-opacity 4s infinite;
}
.application-page .circle-blur1 {
  left: -7.5vw;
  width: 15.625vw;
  /* 300 / 19.2 */
  height: 15.625vw;
  /* 300 / 19.2 */
  top: 100px;
}
.application-page .circle-blur2 {
  top: 45%;
  left: -10vw;
  width: 20.833vw;
  /* 400 / 19.2 */
  height: 20.833vw;
  /* 400 / 19.2 */
  background: rgba(20, 176, 163, 0.2);
}
.application-page .circle-blur3 {
  left: 5%;
  top: 60%;
  width: 8.333vw;
  /* 160 / 19.2 */
  height: 8.333vw;
  /* 160 / 19.2 */
}
.application-page .circle-blur4 {
  right: -17.5vw;
  top: 10%;
  width: 36.458vw;
  /* 700 / 19.2 */
  height: 36.458vw;
  /* 700 / 19.2 */
  background: rgba(20, 176, 163, 0.2);
  -webkit-filter: blur(100px);
  filter: blur(100px);
}
.application-page .circle-blur5 {
  right: -5vw;
  top: 25%;
  width: 15.625vw;
  /* 300 / 19.2 */
  height: 15.625vw;
  /* 300 / 19.2 */
}
.application-page .circle-blur6 {
  left: -6vw;
  top: 5%;
  width: 15.625vw;
  /* 300 / 19.2 */
  height: 15.625vw;
  /* 300 / 19.2 */
  animation:change-size  2s infinite alternate;
}
.application-page .circle-blur7 {
  right: -5vw;
  top: 10%;
  width: 15.625vw;
  /* 300 / 19.2 */
  height: 15.625vw;
  /* 300 / 19.2 */
   animation:change-size  3s infinite alternate;
   background:  #14b0a3;
}
.application-page .circle-blur8 {
  right: -5vw;
  top: 38%;
  width: 12.625vw;
  /* 300 / 19.2 */
  height: 12.625vw;
  /* 300 / 19.2 */
   animation:change-size  3s infinite alternate;
}
.about-page .about-advantage .advantages-list1-arrow {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3vw;
}
.about-page .about-advantage .advantages-list1-arrow .prev,
.about-page .about-advantage .advantages-list1-arrow .next {
  height: 53px;
  width: 53px;
  border-radius: 50%;
  border: 1px solid var(--index-color1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--index-color1);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: transparent;
  margin: 0 10px;
}
.about-page .about-advantage .advantages-list1-arrow .prev i,
.about-page .about-advantage .advantages-list1-arrow .next i {
  font-size: 24px;
}
.about-page .about-advantage .advantages-list1-arrow .prev:hover,
.about-page .about-advantage .advantages-list1-arrow .next:hover {
  background: var(--index-color1);
  color: #fff;
}





.about-page .about-wrap1 {
  padding-top: 9.270833333vw;
  padding-bottom: 44.791666666vw;
  position: relative;
}
.about-page .about-wrap1 .bg{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.about-page .about-wrap1 .bg2{
  position: absolute;
  left: 10.41666666666667vw;
  bottom: -22.39583333333333vw;
  z-index: -1;
}
.about-page .about-wrap1 .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.about-page .about-wrap1 .intro {
  color: var(--index-color2);
}
.about-page .about-wrap1 .left {
  margin-top: 8px;
}
.about-page .about-wrap1 .left .public-title {
  margin-bottom: 30px;
}
.about-page .about-wrap1 .right {
  margin-left: 25px;
  color: var(--index-color2);
  max-width: 899px;
  width: 59.93333333333333%;
  line-height: 1.2222;
}
.about-page .about-wrap1 .right p:first-child {
  margin-bottom: 22px;
}
.about-page .about-wrap1 .right p:last-child {
  margin-top: 22px;
}
.about-page .about-wrap1 a.play {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 19.114583333vw;
  display: block;
  z-index: 2;
  width: 89px;
  height: 89px;
}
.about-page .about-wrap1 a.play .circle {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  position: relative;
  z-index: 3;
}
.about-page .about-wrap1 a.play .circle i {
  color: #00a58d;
  font-size: 26px;
}
.about-page .about-wrap1 a.play:before,
.about-page .about-wrap1 a.play:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #ffff;
}
.about-page .about-wrap1 a.play:before {
  opacity: 0.43;
  z-index: 2;
  -webkit-animation: change-big2 1s infinite;
  -moz-animation: change-big2 1s infinite;
  animation: change-big2 1s infinite;
}
.about-page .about-wrap1 a.play:after {
  opacity: 0.23;
  z-index: 1;
  -webkit-animation: change-big21 1s infinite;
  -moz-animation: change-big21 1s infinite;
  animation: change-big21 1s infinite;
}
.about-page .about-wrap2 {
  position: relative;
  margin-top: 8.3333333vw;
  margin-bottom: -10vw;
}
.about-page .about-wrap2 .bg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}
.about-page .about-wrap2 .intro {
  color: var(--index-color2);
  margin-top: 15px;
}
.about-page .about-wrap2 .about-wrap2-list {
  margin-top: 101px;
  margin-right: -35px;
  margin-bottom: -33px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-page .about-wrap2 .about-wrap2-list li {
  width: 33.3333%;
  padding-right: 35px;
  margin-bottom: 33px;
}
.about-page .about-wrap2 .about-wrap2-list li .box {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  padding: 56px 80px 56px 73px;
  -webkit-box-shadow: -2px -2px 13px 0px rgba(110, 110, 110, 0.1);
  box-shadow: -2px -2px 13px 0px rgba(110, 110, 110, 0.1);
  background: #fff;
  z-index: 1;
}
.about-page .about-wrap2 .about-wrap2-list li .box .cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.about-page .about-wrap2 .about-wrap2-list li .box .icon {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  z-index: 2;
}
.about-page .about-wrap2 .about-wrap2-list li .box .icon img {
  -webkit-filter: brightness(0);
  filter: brightness(0);
}
.about-page .about-wrap2 .about-wrap2-list li .box .icon:before,
.about-page .about-wrap2 .about-wrap2-list li .box .icon:after {
  content: "";
  display: block;
  background-color: var(--index-color1);
  position: absolute;
  z-index: -1;
  border-radius: 50%;
}
.about-page .about-wrap2 .about-wrap2-list li .box .icon:before {
  left: -13px;
  bottom: -5px;
  width: 10px;
  height: 10px;
}
.about-page .about-wrap2 .about-wrap2-list li .box .icon:after {
  top: -4px;
  right: -24px;
  width: 36px;
  height: 36px;
}
.about-page .about-wrap2 .about-wrap2-list li .box .number {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 23px;
  margin-bottom: 6px;
}
.about-page .about-wrap2 .about-wrap2-list li .box .number em {
  font-weight: bold;
  font-family: Montserrat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  line-height: 1;
}
.about-page .about-wrap2 .about-wrap2-list li .box .number span {
  color: #525252;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  padding-left: 11px;
  padding-bottom: 5px;
}
.about-page .about-wrap2 .about-wrap2-list li .box .title {
  font-weight: bold;
  font-family: Montserrat;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  height: 60px;
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover {
  background: transparent;
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover .cover {
  opacity: 1;
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover .icon img {
  -webkit-filter: brightness(1);
  filter: brightness(1);
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover .number em {
  color: #ffffff;
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover .number span {
  color: #ffffff;
}
.about-page .about-wrap2 .about-wrap2-list li .box:hover .title {
  color: #ffffff;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(4) .box .icon:before {
  left: -17px;
  bottom: -5px;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(4) .box .icon:after {
  bottom: -4px;
  top: unset;
  right: -28px;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(5) .box .icon:before {
  left: unset;
  bottom: unset;
  top: 15px;
  right: -10px;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(5) .box .icon:after {
  top: unset;
  right: unset;
  left: -23px;
  bottom: -5px;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(6) .box .icon:before {
  left: unset;
  bottom: -5px;
  right: -15px;
}
.about-page .about-wrap2 .about-wrap2-list li:nth-child(6) .box .icon:after {
  right: unset;
  left: -27px;
  top: 16px;
}
.about-page .about-wrap3 {
  padding-top: 15.885416666666vw;
  padding-bottom: 5.26041666vw;
}
.about-page .about-wrap3 .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.about-page .about-wrap3 .left {
  margin-top: 3.958333vw;
}
.about-page .about-wrap3 .left .intro {
  margin-top: 16px;
  color: var(--index-color2);
}
.about-page .about-wrap3 .right {
  margin-left: 25px;
  margin-right: -20px;
}
.about-page .about-wrap3 .right .about-wrap3-list {
  max-width: 800px;
  margin-right: 9px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-page .about-wrap3 .right .about-wrap3-list li {
  position: relative;
  margin-bottom: 25px;
  z-index: 1;
  display: flex;
  align-items: center;
  width: 50%;
}
.about-page .about-wrap3 .right .about-wrap3-list li .right-text{
  margin-left: 15px;
  transition: .3s;
  padding-right: 20px;
}
.about-page .about-wrap3 .right .about-wrap3-list li .img{
  position: relative;
  flex-shrink: 0;
}
.about-page .about-wrap3 .right .about-wrap3-list li:hover .right-text{
  color: var(--index-color1);
}
.about-page .about-wrap3 .right .about-wrap3-list li .text {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.about-page .about-wrap3 .right .about-wrap3-list li .bg2 {
  opacity: 0;
  z-index: -1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.about-page .about-wrap3 .right .about-wrap3-list li:hover .bg1 {
  opacity: 0;
}
.about-page .about-wrap3 .right .about-wrap3-list li:hover .text {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.about-page .about-wrap3 .right .about-wrap3-list li:hover .bg2 {
  opacity: 1;
}
.about-page .about-culture {
  padding-top: 7.083333vw;
  padding-bottom: 5.10416666vw;
  position: relative;
}
.about-page .about-culture .public-title span.span1 {
  color: #fff;
}
.about-page .about-culture .public-title span.span2 {
  color: #fff;
}
.about-page .about-culture .intro {
  margin-top: 11px;
  color: #fff;
}
.about-page .about-culture .culture-intro {
  margin-top: 2.34375vw;
  margin-bottom: 3.020833333vw;
  color: #fff;
  max-width: 630px;
  line-height: 1.666666;
}
.about-page .about-culture .culture-list {
  margin-left: 13px;
}
.about-page .about-culture .culture-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 37px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.about-page .about-culture .culture-list li .left-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  margin-right: 14px;
  z-index: 1;
}
.about-page .about-culture .culture-list li .left-icon:after {
  content: "";
  display: block;
  background-color: #1daede;
  border-radius: 14px;
  width: 28px;
  height: 28px;
  left: -8px;
  bottom: -12px;
  z-index: -1;
  position: absolute;
}
.about-page .about-culture .culture-list li .right-text .title {
  font-weight: bold;
  color: #fff;
  margin-bottom: 2px;
}
.about-page .about-culture .culture-list li .right-text .desc {
  color: #fff;
}
.about-page .about-culture .left {
  position: absolute;
  width: 53%;
  left: 0;
  bottom: 0;
  border-radius: 0 20px 20px 0;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.about-page .about-culture .right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 89.44281524926686%;
  border-radius: 20px;
  overflow: hidden;
  z-index: -1;
}
.about-page .about-advantage {
  position: relative;
  padding-top: 11.614583333333334vw;
}
.about-page .about-advantage .bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.about-page .about-advantage .top {
  margin-bottom: 4.583333333vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.about-page .about-advantage .top .intro {
  color: var(--index-color2);
}
.about-page .about-advantage .top .left .intro {
  margin-top: 14px;
}
.about-page .about-advantage .top .right {
  margin-top: 10px;
}
.about-page .about-advantage .top .right .intro {
  line-height: 1.2222;
  max-width: 723px;
  margin-bottom: 34px;
}
.about-page .about-advantage .advantage-list-slide {
  margin: 0 -11.5px;
}
.about-page .about-advantage .advantage-list-slide .slide-box {
  background-color: #ffffff;
  -webkit-box-shadow: -2px -2px 29px 0px transparent;
  box-shadow: -2px -2px 29px 0px transparent;
  border-radius: 10px;
  position: relative;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin: 0 11.5px;
}
.about-page .about-advantage .advantage-list-slide .slide-box:after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 3px;
  background-color: var(--index-color1);
  width: 73.61111111111111%;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover {
  -webkit-box-shadow: -2px -2px 29px 0px #ecf0f2;
  box-shadow: -2px -2px 29px 0px #ecf0f2;
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover:after {
  opacity: 1;
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover .bottom .b-bg {
  opacity: 1;
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover .bottom a.public-btn {
  background: var(--index-color1);
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover .bottom a.public-btn span {
  color: #fff;
}
.about-page .about-advantage .advantage-list-slide .slide-box:hover .bottom a.public-btn .circle {
  background: #fff;
  color: var(--index-color2);
}
.about-page .about-advantage .advantage-list-slide a.img {
  display: block;
}
.about-page .about-advantage .advantage-list-slide .bottom {
  position: relative;
  padding: 0 28px 42px;
  z-index: 1;
}
.about-page .about-advantage .advantage-list-slide .bottom a.title {
  display: block;
  font-family: Montserrat;
  font-weight: bold;
  max-width: 283px;
  line-height: 1.3;
  margin-top: 37px;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-page .about-advantage .advantage-list-slide .bottom a.title:hover {
  color: var(--index-color1);
}
.about-page .about-advantage .advantage-list-slide .bottom .slide-intro {
  max-width: 239px;
  color: #7a7a7a;
  line-height: 1.11;
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.about-page .about-advantage .advantage-list-slide .bottom a.public-btn {
  width: 130px;
  height: 43px;
  background: transparent;
  padding-left: 20px;
  padding-right: 5px;
  border: 1px solid var(--index-color1);
}
.about-page .about-advantage .advantage-list-slide .bottom a.public-btn span {
  font-size: 12px;
  padding-right: 0;
  color: var(--index-color1);
}
.about-page .about-advantage .advantage-list-slide .bottom a.public-btn .circle {
  width: 34px;
  height: 34px;
  background-color: #03a68e;
  color: #fff;
}
.about-page .about-advantage .advantage-list-slide .bottom a.public-btn .circle i {
  font-size: 12px;
}
.about-page .about-advantage .advantage-list-slide .bottom .b-bg {
  position: absolute;
  right: 0;
  bottom: 16px;
  z-index: -1;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.about-page .about-partner {
  position: relative;
  padding-top: 7.916666666vw;
  padding-bottom: 6.4583333vw;
}
.about-page .about-history .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.about-page .about-history .left {
  width: 50%;
  margin-top: 16.25vw;
  margin-bottom: 19.53125vw;
  position: -webkit-sticky;
  position: sticky;
  z-index: 3;
  top: 200px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.about-page .about-history .left .left-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.about-page .about-history .left .left-box .public-title span.span2 {
  color: #000;
}
.about-page .about-history .left .left-box .intro {
  margin-top: 23px;
  color: var(--index-color2);
}
.about-page .about-history .left .left-box .public-btn {
  margin-top: 6.25vw;
}
.about-page .about-history .left .year-right {
  margin-top: 8.28125vw;
  font-size: 9.583333333vw;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 1;
  color: var(--index-color1);
  position: relative;
}
.about-page .about-history .left .year-right svg {
  position: absolute;
  right: -280px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
.about-page .about-history .right {
  margin-bottom: 19.53125vw;
  padding-bottom: 13px;
  width: 50%;
}
.about-page .about-history .right .history-list {
  margin-right: 3.9583333333333335vw;
  position: relative;
}
.about-page .about-history .right .history-list li {
   align-items: flex-start;
}
.about-page .about-history .right .history-list li.active .text-right:before,
.about-page .about-history .right .history-list li.active .text-right:after {
  background: -webkit-gradient(linear, left top, right top, from(var(--index-color1)), to(transparent));
  background: -webkit-linear-gradient(left, var(--index-color1), transparent);
  background: -moz-linear-gradient(left, var(--index-color1), transparent);
  background: linear-gradient(to right, var(--index-color1), transparent);
  opacity: 1;
}
.about-page .about-history .right .history-list li.active .text-right .title {
  color: #000000;
}
.about-page .about-history .right .history-list li.active .text-right .intro {
  color: #000000;
}
.about-page .about-history .right .history-list li.active .year-left {
  background: unset;
  -webkit-background-clip: unset;
  color: var(--index-color1) !important;
}
.about-page .about-history .right .history-list li:first-child .year-left {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#f6f6f6));
  background: -webkit-linear-gradient(top, transparent, #f6f6f6);
  background: -moz-linear-gradient(top, transparent, #f6f6f6);
  background: linear-gradient(to bottom, transparent, #f6f6f6);
  -webkit-background-clip: text;
  color: transparent;
}
.about-page .about-history .right .history-list li:last-child .year-left {
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(transparent));
  background: -webkit-linear-gradient(top, #f6f6f6, transparent);
  background: -moz-linear-gradient(top, #f6f6f6, transparent);
  background: linear-gradient(to bottom, #f6f6f6, transparent);
  -webkit-background-clip: text;
  color: transparent;
}
.about-page .about-history .right .history-list li .year-left {
  font-size: 9.583333333vw;
  font-weight: bold;
  font-family: Montserrat;
  line-height: 1;
  color: #f6f6f6;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  position: sticky;
  width: 232px;
}
.about-page .about-history .right .history-list li .text-right {
  margin-left: 3.125vw;
  /*padding-top: 2.5vw;
  padding-bottom: 2.65625vw;*/
  padding-top: 6.5vw;
  padding-bottom: 6.65625vw;
  padding-right: 4.1145833vw;
  position: relative;
  font-family: Montserrat;
  font-weight: 600;
}
.about-page .about-history .right .history-list li .text-right:before,
.about-page .about-history .right .history-list li .text-right:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: rgba(122, 122, 122, 0.15);
}
.about-page .about-history .right .history-list li .text-right:before {
  top: -2px;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  z-index: 2;
}
.about-page .about-history .right .history-list li .text-right:after {
  bottom: 0;
}
.about-page .about-history .right .history-list li .text-right .title {
  color: rgba(0, 0, 0, 0.28);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  line-height: 1;
}
.about-page .about-history .right .history-list li .text-right .intro {
  color: rgba(0, 0, 0, 0.28);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  line-height: 1.333;
}
.exclusive-page .exclusive-layout {
  padding-top: 11.5104166666vw;
}
.exclusive-page .exclusive-layout .top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.exclusive-page .exclusive-layout .top .left {
  margin-bottom: 6px;
}
.exclusive-page .exclusive-layout .top .left .intro {
  margin-top: 18px;
  color: var(--index-color2);
}
.exclusive-page .exclusive-layout .top .right {
  width: 51%;
  margin-left: 25px;
  color: #8f8f8f;
  line-height: 1.1666666;
}
.exclusive-page .exclusive-layout .top .right p:first-child {
  margin-bottom: 20px;
}
.exclusive-page .exclusive-layout .layout-list {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 4.6875vw;
}
.exclusive-page .exclusive-layout .layout-list.active li:after {
  width: 0;
}
.exclusive-page .exclusive-layout .layout-list li {
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 22.2%;
  padding-top: 22.2%;
  border: solid 1px #c6c6c6;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.exclusive-page .exclusive-layout .layout-list li:after {
  content: "";
  display: block;
  position: absolute;
  width: 104%;
  height: 104%;
  right: -4px;
  top: -4px;
  background: #fff;
  -webkit-transition: width 0.7s ease-in;
  -moz-transition: width 0.7s ease-in;
  transition: width 0.7s ease-in;
}
.exclusive-page .exclusive-layout .layout-list li:hover {
  border-color: var(--index-color1);
}
.exclusive-page .exclusive-layout .layout-list li:hover .img {
  opacity: 0;
}
.exclusive-page .exclusive-layout .layout-list li:hover .content {
  opacity: 1;
}
.exclusive-page .exclusive-layout .layout-list li:hover .content a.public-btn {
  background: var(--index-color1);
}
.exclusive-page .exclusive-layout .layout-list li:hover .content a.public-btn span {
  color: #fff;
}
.exclusive-page .exclusive-layout .layout-list li:hover .content a.public-btn .circle {
  background: #fff;
  color: var(--index-color2);
}
.exclusive-page .exclusive-layout .layout-list li .img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  z-index: 2;
}
.exclusive-page .exclusive-layout .layout-list li .content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  height: 100%;
  padding-top: 1vw;
  opacity: 0;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.exclusive-page .exclusive-layout .layout-list li .content .top-logo {
  text-align: center;
}
.exclusive-page .exclusive-layout .layout-list li .content .title {
  font-family: Montserrat;
  line-height: .9;
  font-weight: bold;
  margin-top: 29px;
  margin-bottom: 23px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 10px;
}
.exclusive-page .exclusive-layout .layout-list li .content .intro {
  color: #7a7a7a;
  line-height: 1.125;
  margin-bottom: 2.23958333vw;
  display: -webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 45px;
  padding-right: 45px;
}
.exclusive-page .exclusive-layout .layout-list li .content a.public-btn {
  margin: 0 auto -22.5px;
  width: 130px;
  height: 43px;
  background: transparent;
  padding-left: 20px;
  padding-right: 5px;
  border: 1px solid var(--index-color1);
}
.exclusive-page .exclusive-layout .layout-list li .content a.public-btn span {
  font-size: 12px;
  padding-right: 0;
  color: var(--index-color1);
  padding-top: 4px;
}
.exclusive-page .exclusive-layout .layout-list li .content a.public-btn .circle {
  width: 34px;
  height: 34px;
  background-color: #03a68e;
  color: #fff;
}
.exclusive-page .exclusive-layout .layout-list li .content a.public-btn .circle i {
  font-size: 12px;
}
.exclusive-page .exclusive-layout .layout-list li:nth-child(n+2) {
  margin-left: -41px;
}
.exclusive-page .exclusive-layout .layout-list li:nth-child(2):after {
  -webkit-transition-delay: .7s;
  -moz-transition-delay: .7s;
  transition-delay: .7s;
}
.exclusive-page .exclusive-layout .layout-list li:nth-child(3):after {
  -webkit-transition-delay: 1.4s;
  -moz-transition-delay: 1.4s;
  transition-delay: 1.4s;
}
.exclusive-page .exclusive-layout .layout-list li:nth-child(4):after {
  -webkit-transition-delay: 2.1s;
  -moz-transition-delay: 2.1s;
  transition-delay: 2.1s;
}
.exclusive-page .exclusive-layout .layout-list li:nth-child(5):after {
  -webkit-transition-delay: 2.8s;
  -moz-transition-delay: 2.8s;
  transition-delay: 2.8s;
}
.exclusive-page .exclusive-partner {
  position: relative;
  margin-top: 7.6041666vw;
  padding-top: 7.70833333vw;
  padding-bottom: 9.375vw;
}
.exclusive-page .exclusive-partner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  background: -webkit-gradient(linear, left top, left bottom, from(#edf9f8), to(transparent));
  background: -webkit-linear-gradient(top, #edf9f8, transparent);
  background: -moz-linear-gradient(top, #edf9f8, transparent);
  background: linear-gradient(to bottom, #edf9f8, transparent);
}
.exclusive-page .exclusive-wrap3 {
  margin-bottom: 4.791666vw;
}
.exclusive-page .exclusive-wrap3 .top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.exclusive-page .exclusive-wrap3 .top .left {
  margin-top: 8px;
}
.exclusive-page .exclusive-wrap3 .top .left .intro {
  color: var(--index-color2);
  margin-top: 15px;
}
.exclusive-page .exclusive-wrap3 .top .right {
  margin-left: 25px;
  color: #8f8f8f;
  width: 45.26666666666667%;
  line-height: 1.16666;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide {
  margin-top: 4.58333vw;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 4.375vw 6.2vw 4.0625vw 3.28125vw;
  background: -webkit-gradient(linear, right top, left top, from(#edf9f9), color-stop(95%, transparent));
  background: -webkit-linear-gradient(right, #edf9f9, transparent 95%);
  background: -moz-linear-gradient(right, #edf9f9, transparent 95%);
  background: linear-gradient(to left, #edf9f9, transparent 95%);
  margin-bottom: 2.708333vw;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .left {
  margin-top: 28px;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .left .icon {
  position: relative;
  display: inline-flex;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .left .icon:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: -24px;
  top: -13px;
  background: var(--index-color1);
  border-radius: 50%;
  z-index: -1;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .left .title {
  font-weight: bold;
  font-family: Montserrat;
  margin-top: 3px;
  text-align: center;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .right {
  width: 75.66666666666667%;
  line-height: 1.3333;
  margin-left: 25px;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .right .intro {
  color: #313131;
  margin-bottom: 24px;
}
.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .right .desc {
  color: #959090;
}
.honor-page {
  padding-bottom: 5.9375vw;
}
.honor-page .honor-list {
  padding-top: 9.4265625vw;
}
.honor-page .honor-list ul {
  margin-right: -21px;
  margin-bottom: 4.32291666vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.honor-page .honor-list ul li {
  width: 25%;
  padding-right: 21px;
  margin-bottom: 2.23958333vw;
}
.honor-page .honor-list ul li a.img {
  display: block;
}
.honor-page .honor-list ul li .title {
  text-align: center;
  margin-top: 11px;
  font-family: Montserrat;
  font-weight: bold;
}
.contact-page .contact-information {
  padding-top: 10.98958333vw;
  padding-bottom: 6.666vw;
  background: url("../images/contact-information-bg.png") no-repeat center 100%;
}
.contact-page .contact-information .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.contact-page .contact-information .left {
  margin-top: 25px;
}
.contact-page .contact-information .left .intro {
  color: var(--index-color2);
  margin-top: 2.08333vw;
  margin-bottom: 2.1875vw;
  max-width: 676px;
  line-height: 1.222;
}
.contact-page .contact-information .left .social-account {
  margin-bottom: 4.94791666vw;
}
.contact-page .contact-information .left .social-account li:first-child a i {
  font-size: 28px;
}
.contact-page .contact-information .left .social-account a {
  width: 51px;
  height: 51px;
  border: 1px solid #434343;
  border-radius: 50%;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: #434343;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 12px;
}
.contact-page .contact-information .left .social-account a i {
  font-size: 24px;
}
.contact-page .contact-information .left .social-account a:hover {
  border-color: #010101;
  background: #010101;
  color: #fff;
}
.contact-page .contact-information .left .qr li{
  text-align: center;
}
.contact-page .contact-information .left .qr li:first-child {
  margin-right: 30px;
}
.contact-page .contact-information .left .qr .title {
  font-weight: bold;
  font-family: Montserrat;
}
.contact-page .contact-information .right .information-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.contact-page .contact-information .right .information-list li:nth-child(2) {
  border-top: 1px solid rgba(131, 131, 131, 0.27);
  border-bottom: 1px solid rgba(131, 131, 131, 0.27);
}
.contact-page .contact-information .right .information-list li .icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.contact-page .contact-information .right .information-list li .list-right {
  margin-left: 26px;
  padding-top: 2.34375vw;
  padding-bottom: 2.6041666vw;
  padding-right: 2.8125vw;
}
.contact-page .contact-information .right .information-list li .list-right .title {
  font-weight: bold;
  margin-bottom: 14px;
}
.contact-page .contact-information .right .information-list li .list-right .list-intro {
  color: rgba(0, 0, 0, 0.53);
  line-height: 1.55;
  max-width: 416px;
}
.contact-page .contact-form {
  margin-top: 5.5208333vw;
}
.contact-page .contact-form .public-title {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.contact-page .contact-form form {
  margin-top: 4.32291666vw;
}
.contact-page .contact-form form .form-ul {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact-page .contact-form form .form-ul>li {
  margin-bottom: 2.08333vw;
  position: relative;
}
.contact-page .contact-form form .form-ul>li:before {
  content: "";
  display: block;
  position: absolute;
  left: -3px;
  top: -2px;
  width: 82px;
  height: 83px;
  border-radius: 50%;
  z-index: 2;
}
.contact-page .contact-form form .form-ul>li input {
  width: 100%;
  border-radius: 30px;
  border: solid 1px #bfbfbf;
  height: 76px;
  background: none;
  padding-left: 120px;
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li input::-webkit-input-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li input:-moz-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li input::-moz-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li input:-ms-input-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li input::placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:nth-child(1),
.contact-page .contact-form form .form-ul>li:nth-child(2),
.contact-page .contact-form form .form-ul> li:nth-child(3),
.contact-page .contact-form form .form-ul>li:nth-child(4) {
  width: 48.8%;
}
.contact-page .contact-form form .form-ul>li:nth-child(1):before {
  background: var(--index-color1) url("../images/contact-form-icon1.png") no-repeat center center;
}
.contact-page .contact-form form .form-ul>li:nth-child(2):before {
  background: var(--index-color1) url("../images/contact-form-icon2.png") no-repeat center center;
}
.contact-page .contact-form form .form-ul>li:nth-child(3):before {
  background: var(--index-color1) url("../images/contact-form-icon3.png") no-repeat center center;
}
.contact-page .contact-form form .form-ul>li:nth-child(4):before {
  background: var(--index-color1) url("../images/contact-form-icon4.png") no-repeat center center;
}
.contact-page .contact-form form .form-ul>li:nth-child(4){
  position: relative;
   z-index: 2;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) .subject{
  visibility: visible;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) .subject-list{
  position: absolute;
  left: 0;
  top:78px;
  width: 100%;
  border: solid 1px #bfbfbf;
  background: #fff;
  transform-origin: center top;
  transform: scaleY(0);
  transition: .3s;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) .subject-list.active{
    transform: scaleY(1);
}
.contact-page .contact-form form .form-ul>li:nth-child(4) .subject-list li{
  padding: 4px 8px;
  transition: .3s;
  cursor: pointer;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) .subject-list li:hover{
  color: #fff;
  background-color: var(--index-color1);
}
.contact-page .contact-form form .form-ul>li:nth-child(4) select {
  width: 100%;
  border-radius: 30px;
  border: solid 1px #bfbfbf;
  height: 76px;
  background: none;
  padding-left: 120px;
  font-size: 21px;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) select option {
  border: none;
}
.contact-page .contact-form form .form-ul>li:nth-child(4) select option:hover {
  background: var(--index-color1);
}
.contact-page .contact-form form .form-ul>li:nth-child(5) {
  width: 100%;
}
.contact-page .contact-form form .form-ul>li:nth-child(5):before {
  background: var(--index-color1) url("../images/contact-form-icon5.png") no-repeat center center;
  border-radius: 41px 41px 41px 0;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea {
  width: 100%;
  height: 275px;
  font-size: 21px;
  color: #000;
  padding-left: 120px;
  border-radius: 30px;
  border: solid 1px #bfbfbf;
  padding-top: 30px;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea::-webkit-input-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea:-moz-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea::-moz-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea:-ms-input-placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:nth-child(5) textarea::placeholder {
  font-size: 21px;
  color: #000;
}
.contact-page .contact-form form .form-ul>li:last-child {
  width: 100%;
  margin-top: 2.8125vw;
  margin-bottom: 0;
}
.contact-page .contact-form form .form-ul>li:last-child:before {
  display: none;
}
.contact-page .contact-form form .form-ul>li:last-child a.submit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 231px;
  height: 64px;
  margin: 0 auto;
  background-color: var(--index-color1);
  border-radius: 28px;
  border: 2px solid var(--index-color1);
  color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.contact-page .contact-form form .form-ul>li:last-child a.submit:hover {
  background-color: transparent;
  color: var(--index-color1);
}
.contact-page .contact-map {
  margin-top: 6.82291666vw;
}
.job-page .job-wrap1 {
  padding-top: 10.364583vw;
}
.job-page .job-wrap1 .intro {
  color: var(--index-color2);
  margin-top: 12px;
}
.job-page .job-wrap1 .img {
  margin-top: 3.802083vw;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 20px;
  margin-bottom: 4.114583vw;
}
.job-page .job-wrap1 .img .text {
  margin-top: 15.364583vw;
  position: relative;
  max-width: 450px;
  background-color: var(--inner-color2);
  border-radius: 20px;
  color: #fff;
  padding: 63px 31px 118px 41px;
  margin-right: 4.583333vw;
  margin-left: auto;
  margin-bottom: -4.114583vw;
  line-height: 1.222;
}
.job-page .job-wrap1 .img .text .icon {
  position: absolute;
  right: 26px;
  bottom: -2px;
}
.job-page .job-wrap1 .job-wrap1-list {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 6.40625vw;
  margin: 0 -5px;
}
.job-page .job-wrap1 .job-wrap1-list li {
  margin: 0 5px;
}
.job-page .job-wrap1 .job-wrap1-list .box .icon {
  width: 75px;
  height: 75px;
  background-color: #ffffff;
  -webkit-box-shadow: -2px 3px 16px 0px rgba(65, 65, 65, 0.22);
  box-shadow: -2px 3px 16px 0px rgba(65, 65, 65, 0.22);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  margin-top: -8px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  transition: .6s;
  transform-origin: center center;
}
.job-page .job-wrap1 .job-wrap1-list .box:hover .icon{
  transform: rotateY(360deg);
}

.job-page .job-wrap1 .job-wrap1-list .box .right {
  margin-left: 27px;
}
.job-page .job-wrap1 .job-wrap1-list .box .right .title {
  font-family: Montserrat;
  font-weight: bold;
  margin-bottom: 13px;
}
.job-page .job-wrap1 .job-wrap1-list .box .right .list-intro {
  max-width: 372px;
  color: #838383;
  line-height: 1.333;
}
.job-page .job-wrap2 {
  margin-top: 9.53125vw;
  margin-bottom: 7.1875vw;
}
.job-page .job-wrap2 a.public-btn {
  width: 176px;
  height: 59px;
  padding-left: 26px;
}
.job-page .job-wrap2 a.public-btn span {
  padding-right: 1px;
  font-size: 14px;
}
.job-page .job-wrap2 a.public-btn .circle {
  width: 46px;
  height: 46px;
}
.job-page .job-wrap2 .ui.container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.job-page .job-wrap2 .top {
  padding-top: 12.291667vw;
  padding-bottom: 17.083333vw;
}
.job-page .job-wrap2 .top .ui.container {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.job-page .job-wrap2 .top .public-title .span1,
.job-page .job-wrap2 .top .public-title .span2 {
  color: #fff;
}
.job-page .job-wrap2 .top .intro {
  color: #fff;
  margin-top: 12px;
}
.job-page .job-wrap2 .top a.public-btn {
  margin-bottom: 32px;
  margin-right: 38px;
}
.job-page .job-wrap2 .job-wrap2-list {
  margin-top: -10.15625vw;
  padding: 5.208333vw 4.53125vw 0 4.166667vw;
  background-color: #ffffff;
  border-radius: 20px;
}
.job-page .job-wrap2 .job-wrap2-list li {
  padding-left: 4.739583vw;
  padding-right: 2.34375vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: -2px 3px 8px 0px rgba(65, 65, 65, 0.06);
  box-shadow: -2px 3px 8px 0px rgba(65, 65, 65, 0.06);
  border-radius: 80px;
  border: solid 1px rgba(131, 131, 131, 0.5);
  overflow: hidden;
  margin-bottom: 34px;
  background-color: #fff;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.job-page .job-wrap2 .job-wrap2-list li .list-top {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  cursor: pointer;
}
.job-page .job-wrap2 .job-wrap2-list li .list-top .title {
  font-family: Montserrat;
  font-weight: bold;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.job-page .job-wrap2 .job-wrap2-list li .list-top .img {
  margin-left: auto;
  margin-right: 45px;
  margin-top: 16px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  -webkit-filter: brightness(0) invert(0.9);
  filter: brightness(0) invert(0.9);
}
.job-page .job-wrap2 .job-wrap2-list li .list-top .more-btn {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background-color: #15b89c;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.job-page .job-wrap2 .job-wrap2-list li .list-top .more-btn i {
  font-weight: bold;
  font-size: 18px;
  font-family: Montserrat;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content {
  margin-top: -1.822917vw;
  display: none;
  margin-bottom: 3.333333vw;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content dl dt {
  font-weight: bold;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content dl dd {
  max-width: 1056px;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content .d1 {
  margin-bottom: 30px;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content .d1 dt {
  margin-bottom: 2px;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content .d1 dd {
  line-height: 1.9;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content .d2 dt {
  margin-bottom: 6px;
}
.job-page .job-wrap2 .job-wrap2-list li .list-content .d2 dd {
  line-height: 1.82;
}
.job-page .job-wrap2 .job-wrap2-list li.hover:hover {
  background-color: #12b79b;
}
.job-page .job-wrap2 .job-wrap2-list li.hover:hover .list-top .title {
  color: #fff;
}
.job-page .job-wrap2 .job-wrap2-list li.hover:hover .list-top .img {
  -webkit-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
}
.job-page .job-wrap2 .job-wrap2-list li.hover:hover .list-top .more-btn {
  background-color: #fff;
  color: var(--index-color1);
}
.job-page .job-wrap2 .job-wrap2-list li.active .img {
  opacity: 0;
}
.job-page .job-wrap2 .job-wrap2-list li.active .more-btn {
  opacity: 0;
}
.job-page .job-wrap2 .job-wrap2-list li a.public-btn {
  margin-top: 2.083333vw;
}
.news-page .news-wrap1 {
  padding-top: 9.479167vw;
  padding-bottom: 10.3125vw;
}
.news-page .news-wrap1 .category-list {
  margin-bottom: 4.583333vw;
}
.news-page .news-wrap1 .category-list li {
  line-height: 1;
}
.news-page .news-wrap1 .category-list li.active a {
  color: var(--index-color1);
}
.news-page .news-wrap1 .category-list li a {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.news-page .news-wrap1 .category-list li a:hover {
  color: var(--index-color1);
}
.news-page .news-wrap1 .category-list li:nth-child(2) {
  padding-left: 32px;
  padding-right: 25px;
  margin-left: 45px;
  margin-right: 26px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.news-page .news-wrap1 .news-list {
  margin-bottom: 6.458333vw;
}
.news-page .news-wrap1 .news-list li {
  margin-bottom: 28px;
  -webkit-box-shadow: -2px 3px 16px 0px transparent;
  box-shadow: -2px 3px 16px 0px transparent;
  border-radius: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: solid 1px rgba(122, 122, 122, 0.21);
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  overflow: hidden;
}
.news-page .news-wrap1 .news-list li:hover {
  -webkit-box-shadow: -2px 3px 16px 0px rgba(0, 0, 0, 0.22);
  box-shadow: -2px 3px 16px 0px rgba(0, 0, 0, 0.22);
  border: solid 1px transparent;
}
.news-page .news-wrap1 .news-list li:hover .date {
  background: var(--index-color1);
  color: #fff;
}
.news-page .news-wrap1 .news-list li:hover .date:before {
  opacity: 1;
}
.news-page .news-wrap1 .news-list li:hover .date:after {
  background: var(--inner-color2);
}
.news-page .news-wrap1 .news-list li:hover .text a.title {
  color: var(--index-color1);
}
.news-page .news-wrap1 .news-list li:hover .text .intro {
  color: #737373;
}
.news-page .news-wrap1 .news-list li .date {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: #fff;
  padding-left: 3.125vw;
  padding-right: 2.291667vw;
  position: relative;
  padding-top: 10px;
}
.news-page .news-wrap1 .news-list li .date:before,
.news-page .news-wrap1 .news-list li .date:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.news-page .news-wrap1 .news-list li .date:before {
  width: 20px;
  height: 26px;
  right: -20px;
  background: url("../images/news-page-icon.png") no-repeat center center;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.news-page .news-wrap1 .news-list li .date:after {
  width: 48px;
  height: 1px;
  background-color: #7a7a7a;
  right: -37px;
  z-index: -1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.news-page .news-wrap1 .news-list li .date .day {
  font-weight: bold;
  line-height: 1;
}
.news-page .news-wrap1 .news-list li .date .year-month {
  margin-top: -8px;
}
.news-page .news-wrap1 .news-list li .text {
  margin-left: 1vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.news-page .news-wrap1 .news-list li .text a.title {
  display: block;
  font-weight: bold;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  margin-bottom: 19px;
  max-width: 554px;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-page .news-wrap1 .news-list li .text .intro {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  max-width: 554px;
  line-height: 1.3;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.news-page .news-wrap1 .news-list li a.img {
  display: block;
  margin-left: 15px;
}
.news-page .news-wrap1 .page {
  justify-content: center;
}
/**/
      .guide-product-page .guide-wrap2 .img2 {
        position: relative;
        margin-top: 5vw;
        display: none;
      }
      .guide-product-page .guide-wrap2 .img2 .img2-1 {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        transition: 0.3s;
        /*-webkit-filter: brightness(0);
  filter: brightness(0);*/
        opacity: 0;
      }
      .guide-product-page .guide-wrap2 .img2.active .img2-1 {
        opacity: 1;
      }

@media screen and (max-width: 1680px) {
  .font-73 {
    font-size: 65px;
  }
  .about-page .about-history .left {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .about-page .about-history .right {
    padding-bottom: 0;
  }
  .exclusive-page .exclusive-layout .layout-list li .content .title {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .inner-product-recommendation .recommendation-box .product-recommendation-prev{
    left: 0;
  }
  .inner-product-recommendation .recommendation-box .product-recommendation-next{
    right: 0;
  }
  .detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-prev{
    left: 0px;
    top: unset;
    transform: translateY(0);
    bottom: -60px;
  }
  .detail-product-page .detail-page-wrap1 .detail-left .small-slide-box .small-slide-next{
    right: 0px;
    top: unset;
    transform: translateY(0);
    bottom: -60px;
  } 
  .detail-product-page .detail-page-wrap1 .detail-left .small-slide-ul{
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 1440px) {
  .font-73 {
    font-size: 55px;
  }
  .font-60 {
    font-size: 55px;
  }
  .inner-banner .inner-banner-title {
    font-size: 55px;
  }
  .customized-page .customized-wrap1 .advantages-list .slide-box {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
  }
  .about-page .about-wrap2 .about-wrap2-list li {
    width: 50%;
  }
  .news-page .news-wrap1 .news-list li .text {
    margin-left: 1vw;
  }
}
@media screen and (max-width: 1280px) {
  .font-73 {
    font-size: 45px;
  }
  .font-60 {
    font-size: 45px;
  }
  .inner-banner .inner-banner-title {
    font-size: 45px;
  }
  .guide-product-page .guide-wrap1 .all-category {
    margin-left: 0;
    margin-right: 0;
  }
  .guide-product-page .guide-wrap1 .all-category li {
    width: 25%;
  }
  .guide-product-page .guide-wrap2 .img img {
    width: 1200px;
    max-width: unset;
  }
  .guide-product-page .guide-wrap2 .img {
    overflow-x: scroll;
    padding-bottom: 15px;
  }
  .guide-product-page .guide-wrap3 .guide-links li .link-text {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .category-product-page .category-right .all-product-list li {
    width: 50%;
    margin-bottom: 64px;
  }
  .detail-product-page .detail-page-wrap2 .tab-items li {
    margin: 0;
  }
  .customized-page .customized-wrap2 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .customized-page .customized-wrap3 .featured-products-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .circle {
    width: 150px;
    height: 150px;
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .circle:before {
    width: 30px;
    height: 8px;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .line {
    display: none!important;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window {
    right: 20px;
    top: -20px;
  }
  /*.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window {
    left: 20px;
  }*/
  .application-page .application-wrap1 .wrap1-content .wrap1-item:nth-child(2n+1) .pop-window{
    left: 20px;
  }
  .about-page .about-history .left .year-right svg {
    zoom: .7;
  }
  .about-page .about-history .right .history-list li .text-right {
    padding-right: 0;
  }
  .about-page .about-history .right .history-list {
    margin-right: 0;
  }
  .exclusive-page .exclusive-layout .layout-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exclusive-page .exclusive-layout .layout-list li {
    width: 25%;
    padding-top: 25%;
    margin-bottom: 15px;
  }
  .exclusive-page .exclusive-layout .layout-list li:nth-child(n+2) {
    margin-left: 0;
  }
  .honor-page .honor-list ul li {
    width: 33.333%;
  }
  .about-page .about-wrap3 .ui.container{
    flex-wrap: wrap;
  }
  .about-page .about-wrap3 .right{
    margin-top: 25px;
    margin-left: 0;
  }
  .about-page .about-wrap3 .right .about-wrap3-list{
    max-width: 100%;
  }
  .inner-partners .about-partner-slide li{
    width: 25%;
  }
  .about-page .about-culture .culture-intro,
  .about-page .about-culture .culture-list li .right-text .desc{
    background-color: rgba(0,165,141,.2);
    padding: 5px;
    border-radius:5px; 
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window{
    width: 700px;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul{
    max-height: 200px;
    overflow: auto;
  }
}
@media screen and (max-width: 1000px) {
  .font-73 {
    font-size: 35px;
  }
  .font-60 {
    font-size: 35px;
  }
  .font-48 {
    font-size: 30px;
  }
  .font-43 {
    font-size: 30px;
  }
  .font-41 {
    font-size: 30px;
  }
  .inner-banner .inner-banner-title {
    font-size: 35px;
  }
  .guide-product-page .guide-wrap1 .all-category li {
    width: 33.333%;
  }
  .guide-product-page .guide-wrap3 .guide-links {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .guide-product-page .guide-wrap3 .guide-links li {
    width: 100%;
  }
  .guide-product-page .guide-wrap3 .guide-links li:last-child {
    margin-top: 20px;
  }
  .category-product-page .category-left {
    display: none;
  }
  .category-product-page .category-right {
    width: 100%;
    padding-left: 0;
  }
  .category-product-page .category-right h1 {
    margin-top: 30px;
  }
  .detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text {
    position: unset;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
  }
  .detail-product-page .detail-page-wrap1 .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .detail-product-page .detail-page-wrap1 .detail-left,
  .detail-product-page .detail-page-wrap1 .detail-right {
    width: 100%;
  }
  .detail-product-page .detail-page-wrap2 .tab-items li .icon {
    display: none;
  }
  .detail-product-page .detail-page-wrap1 .detail-right .product-desc p{
    font-size: 14px;
  }
  .customized-page .customized-wrap1 .advantages-list {
    margin-left: -5px;
    margin-right: -5px;
  }
  .customized-page .customized-wrap1 .advantages-list .slide-box {
    margin-left: 5px;
    margin-right: 5px;
  }
  .customized-page .customized-wrap2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 15px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .customized-page .customized-wrap2 .left .intro {
    max-width: 100%;
  }
  .customized-page .customized-wrap2 .right {
    margin-left: 0;
    margin-top: 25px;
  }
  .customized-page .customized-wrap3 .featured-products-list li {
    width: 100%;
    margin-bottom: 25px;
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .circle:before {
    display: none;
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .circle.active .pop-window {
    display: none;
  }
  .customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 {
    display: block;
    padding: 15px;
  }
  .customized-page .customized-wrap3 {
    padding-bottom: 6vw;
  }
  .application-page .application-wrap1 .wrap1-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .application-page .application-wrap1 .wrap1-content > img {
    display: none;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .icon {
    display: none;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item {
    position: unset;
    width: 50%;
    padding: 5px;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window {
    position: unset;
    display: block;
    width: 100%;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul li {
    padding-left: 10px;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window ul li:before {
    left: 1px;
  }
  .about-page .about-wrap1 .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-page .about-wrap1 .right {
    width: 100%;
    margin-top: 25px;
    margin-left: 0;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 10px;
    padding: 10px;
  }
  .about-page .about-wrap2 .about-wrap2-list li .box {
    padding: 15px;
  }
  .about-page .about-wrap3 .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-page .about-wrap3 .right {
    margin-left: 0;
    margin-top: 25px;
  }
  .about-page .about-wrap3 .right .about-wrap3-list {
    max-width: 100%;
  }
  .about-page .about-culture .left {
    width: 100%;
  }
  .about-page .about-culture .right {
    display: none;
  }
  .about-page .about-advantage .top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .about-page .about-advantage .advantage-list-slide .bottom {
    padding-left: 0;
    padding-right: 0;
  }
  /*.about-page .about-history .left .year-right {
    display: none;
  }*/
  /*.about-page .about-history .right .history-list li .year-left {
    display: none;
  }*/
  .exclusive-page .exclusive-layout .top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exclusive-page .exclusive-layout .top .right {
    margin-left: 0;
    width: 100%;
  }
  .exclusive-page .exclusive-layout .layout-list li {
    width: 33.333%;
    padding-top: 33.333%;
  }
  .exclusive-page .exclusive-wrap3 .top {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exclusive-page .exclusive-wrap3 .top .right {
    margin-left: 0;
    margin-top: 25px;
    width: 100%;
  }
  .contact-page .contact-information .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .contact-page .contact-information .left .intro,
  .contact-page .contact-information .right .information-list li .list-right .list-intro {
    max-width: 100%;
  }
  .job-page .job-wrap1 .job-wrap1-list {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .job-page .job-wrap1 .job-wrap1-list li {
    margin-bottom: 25px;
  }
  .job-page .job-wrap1 .job-wrap1-list .box .right .list-intro {
    max-width: 100%;
  }
  .job-page .job-wrap2 .job-wrap2-list li .list-top .img {
    zoom: .5;
  }
  .news-page .news-wrap1 .news-list li {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .news-page .news-wrap1 .news-list li .text .intro {
    max-width: unset;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .news-page .news-wrap1 .news-list li a.img {
    margin-bottom: 20px;
    margin-left: 0;
  }
  .news-page .news-wrap1 .news-list li .date .year-month {
    margin-top: 10px;
  }
  .about-page .about-wrap3 .right .about-wrap3-list li{
    width: 100%;
  }
  .detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .img{
    width: 100%;
  }
  .detail-product-page1 .detail-page1-wrap1 .content .img-text-list>li .text .list-intro{
    min-height: unset;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea,
  .contact-page .contact-form form .form-ul>li input{
    padding-left: 90px;
  }

}
@media screen and (max-width: 700px) {
  .inner-product-recommendation .recommendation-box .product-recommendation-prev{
     display: none;
  }
  .inner-product-recommendation .recommendation-box .product-recommendation-next{
     display: none;
  }
  .inner-product-recommendation .recommendation-box .product-recommendation-prev{
     display: none;
  }
  .inner-product-recommendation .recommendation-box .product-recommendation-next{
    display: none;
  }
  .font-73 {
    font-size: 25px;
  }
  .font-60 {
    font-size: 25px;
  }
  .font-43 {
    font-size: 20px;
  }
  .font-41 {
    font-size: 20px;
  }
  .font-30 {
    font-size: 20px;
  }
  .font-26 {
    font-size: 20px;
  }
  .font-24 {
    font-size: 20px;
  }
  .font-22 {
    font-size: 20px;
  }
  .font-20 {
    font-size: 18px;
  }
  .inner-banner .inner-text {
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .inner-banner .inner-banner-title {
    font-size: 25px;
  }
  .guide-product-page .guide-wrap1 .all-category li {
    width: 50%;
  }
  .detail-product-page .detail-page-wrap2 .tab-items {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .application-page .application-wrap1 .wrap1-content .wrap1-item {
    width: 100%;
  }
  .about-page .about-wrap1 a.play {
    zoom: .5;
  }
  .about-page .about-wrap2 .about-wrap2-list li {
    width: 100%;
  }
  /*.about-page .about-history .left {
    position: unset;
    width: 100%;
    margin-bottom: 0;
  }*/
  .about-page .about-history .right {
    /*width: 100%;
    margin-top: 25px!important;*/
  }

  .about-page .about-history {
    position: relative;
  }
  .about-page .about-history .ui.container{
    position: unset;
  }
  .about-page .about-history .left{
    width: 30%;
  }
    .about-page .about-history .left .left-box{
    position: absolute;
    left: 0;
    top: -40px;
  }
  .about-page .about-history .left .left-box .intro{
    margin-top: 10px;
    width: 135px;
  }
  .about-page .about-history .left .year-right svg{
    zoom:.5;
  }
  .about-page .about-history .left .year-right{
    margin-left: auto;
  }

  .about-page .about-history .right{
    width: 70%;
  }
  .about-page .about-history .right .history-list li .year-left{
    width: 50px;
  }
  .about-page .about-history .right .history-list li .text-right{
    margin-left: 0px;
    width: calc(100% - 50px);
  }


  .about-page .about-history .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exclusive-page .exclusive-layout .layout-list li {
    width: 50%;
    padding-top: 50%;
  }
  .exclusive-page .exclusive-layout .layout-list li .content .intro {
    padding-left: 20px;
    padding-right: 20px;
  }
  .exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .left {
    margin: 0 auto;
  }
  .exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box .right {
    width: 100%;
    margin-top: 20px;
    margin-left: 0;
  }
  .exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box {
    padding: 15px;
  }
  .exclusive-page .exclusive-layout .layout-list li .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
  }
  .honor-page .honor-list ul li {
    width: 50%;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(1),
  .contact-page .contact-form form .form-ul>li:nth-child(2),
  .contact-page .contact-form form .form-ul>li:nth-child(3),
  .contact-page .contact-form form .form-ul>li:nth-child(4) {
    width: 100%;
  }
  .job-page .job-wrap1 .img .text {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 80px;
  }
  .job-page .job-wrap2 .top .ui.container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .job-page .job-wrap1 .job-wrap1-list {
    margin-left: 0;
    margin-right: 0;
  }
  .job-page .job-wrap1 .job-wrap1-list li {
    margin-left: 0;
    margin-right: 0;
  }
  .job-page .job-wrap2 .top .left {
    margin-bottom: 20px;
  }
  .job-page .job-wrap2 .job-wrap2-list li {
    border-radius: 20px;
  }
  .inner-partners .about-partner-slide li{
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .font-73 {
    font-size: 20px;
  }
  .font-60 {
    font-size: 20px;
  }
  .font-48 {
    font-size: 20px;
  }
  .font-43 {
    font-size: 18px;
  }
  .font-41 {
    font-size: 18px;
  }
  .font-22 {
    font-size: 16px;
  }
  .font-30 {
    font-size: 18px;
  }
  .font-26 {
    font-size: 18px;
  }
  .font-24 {
    font-size: 14px;
  }
  .font-22 {
    font-size: 16px;
  }
  .font-21 {
    font-size: 16px;
  }
  .font-20 {
    font-size: 16px;
  }
  .font-17 {
    font-size: 16px;
  }
  .guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn {
    height: 38px;
  }
  .guide-product-page .guide-wrap3 .guide-links li .link-text .public-btn .circle {
    width: 30px;
    height: 30px;
  }
  .inner-banner .inner-banner-title {
    font-size: 20px;
  }
  .category-product-page .category-right .all-product-list li {
    width: 100%;
  }
  .category-product-page .category-right .all-product-list li .box {
    padding-top: 15px;
  }
  .detail-product-page .detail-page-wrap2 .tab-contents > li table tr {
    font-size: 14px;
  }
  .honor-page .honor-list ul li {
    width: 100%;
  }
  .contact-page .contact-information .right .information-list li .icon {
    zoom: .5;
  }
  .contact-page .contact-form form .form-ul>li input {
    height: 40px;
    font-size: 16px;
    border-radius: 20px;
    padding-left: 60px;
  }
  .contact-page .contact-form form .form-ul>li input::-webkit-input-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li input:-moz-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li input::-moz-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li input:-ms-input-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li input::placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(4) select {
    font-size: 16px;
    padding-left: 60px;
    height: 40px;
  }
  .contact-page .contact-form form .form-ul>li:before {
    width: 40px;
    height: 40px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea {
    padding-top: 15px;
    padding-left: 60px;
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea::-webkit-input-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea:-moz-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea::-moz-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea:-ms-input-placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:nth-child(5) textarea::placeholder {
    font-size: 16px;
  }
  .contact-page .contact-form form .form-ul>li:last-child a.submit {
    height: 40px;
  }
  .job-page .job-wrap1 .job-wrap1-list .box .right {
    margin-left: 15px;
  }
  .job-page .job-wrap2 .job-wrap2-list li .list-top .img {
    zoom: .3;
  }
  .job-page .job-wrap2 .job-wrap2-list li .list-top .more-btn {
    width: 40px;
    height: 40px;
  }
  .job-page .job-wrap2 .top a.public-btn {
    height: 40px;
  }
  .job-page .job-wrap2 .top a.public-btn .circle {
    width: 34px;
    height: 34px;
  }
  .news-page .news-wrap1 .category-list {
    margin-top: 40px;
  }
  .news-page .news-wrap1 .category-list li:nth-child(2) {
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.about-page .about-wrap1{
  position: relative;
}
.about-page .about-wrap1 svg.decoration{
  position: absolute;
  z-index: 0;
  left: 1%;
  top:-5%;
  transform: rotate(-90deg);
  width: 24.223rem;
  height: 36.34rem;
}
.about-page .about-wrap1 svg.decoration path {
  fill: none;
  stroke-width: 3;
  animation: draw 3s ease forwards;
}
@keyframes draw {
        from {
            stroke-dashoffset: 707.517;
        }
        to {
            stroke-dashoffset: 0;
        }
    }


    .font-34 {
  font-size: 34px;
}
.category-product-page2 .category-page2-list {
  margin-right: -2.1875vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.category-product-page2 .category-page2-list li {
  width: 33.333%;
  margin-bottom: 4.21875vw;
  padding-right: 2.1875vw;
}
.category-product-page2 .category-page2-list li .box {
  -webkit-box-shadow: -2px 3px 48px 1px rgba(39, 39, 39, 0.16);
  box-shadow: -2px 3px 48px 1px rgba(39, 39, 39, 0.16);
  border-radius: 15px;
  overflow: hidden;
}
.category-product-page2 .category-page2-list li .box:hover .bottom {
  background: var(--index-color1);
}
.category-product-page2 .category-page2-list li .box:hover .bottom .title {
  color: #fff;
}
.category-product-page2 .category-page2-list li .box:hover .bottom .intro {
  color: #fff;
}
.category-product-page2 .category-page2-list li .box .img {
  display: block;
}
.category-product-page2 .category-page2-list li .box .bottom {
  padding: 37px 32px 30px 37px;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  background: #FBFBFB;
}
.category-product-page2 .category-page2-list li .box .bottom .title {
  display: block;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  font-family: Montserrat;
  font-weight: bold;
  min-height: 102px;
  margin-bottom: 5px;
  /*overflow: auto;*/
}
.category-product-page2 .category-page2-list li .box .bottom .intro {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
  color: var(--inner-color2);
  margin-top: 0;
  word-break: break-all;
  text-align: left;
    /*display: -webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;*/
  min-height: 145px;
  /*overflow: auto;*/
}
@media screen and (max-width: 1000px) {
  .category-product-page2 .category-page2-list li {
    width: 50%;
  }
  .category-product-page2 .category-page2-list li .box .bottom {
    padding: 15px;
  }
  .category-product-page2 .category-page2-list li .box .bottom .title{
    height: auto;
  }
  .category-product-page2 .category-page2-list li .box .bottom .intro{
    height: auto;
  }
}
@media screen and (max-width: 540px) {
  .font-34{
    font-size: 18px;
  }
  .category-product-page2 .category-page2-list {
    margin-right: 0;
  }
  .category-product-page2 .category-page2-list li {
    width: 100%;
    padding-right: 0;
  }
}
.category-video .category-list {
  margin-bottom: 4.583333vw;
}
.category-video .category-list li {
  line-height: 1;
}
.category-video .category-list li.active a {
  color: var(--index-color1);
}
.category-video .category-list li a {
  -webkit-transition: .3s;
  -moz-transition: .3s;
  transition: .3s;
}
.category-video .category-list li a:hover {
  color: var(--index-color1);
}
.category-video .category-list li:nth-child(2) {
  padding-left: 32px;
  padding-right: 25px;
  margin-left: 45px;
  margin-right: 26px;
  border-left: 1px solid rgba(0, 0, 0, 0.25);
  border-right: 1px solid rgba(0, 0, 0, 0.25);
}
.category-video .video-warp1 {
  padding-top: 9.479166666666667vw;
  padding-bottom: 9.479166666666667vw;
}
.category-video .video-warp1 .intro{
  color: var(--index-color2);
  max-width: 80%;
  margin: 1.5vw auto 0;
}
.category-video .video-warp1 .video-list {
  margin-right: -2.5vw;
  margin-top: 4.6875vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5vw;
}
.category-video .video-warp1 .video-list li {
  width: 25%;
  padding-right: 2.5vw;
}
.category-video .video-warp1 .video-list li .box {
  margin-bottom: 2.864583333333333vw;
}
.category-video .video-warp1 .video-list li .box .title {
  font-weight: bold;
  padding-left: 17px;
  padding-top: 20px;
  line-height: 1.5625;
}
@media screen and (max-width: 1000px) {
  .category-video .video-warp1 .video-list li {
    width: 33.333%;
  }
  .about-page .about-history .left .year-right{
    margin-top:80px;
  }
}
@media screen and (max-width: 700px) {
  .category-video .video-warp1 .video-list li {
    width: 50%;
  }
}
@media screen and (max-width: 500px) {
  .font-19{
    font-size: 14px;
  }
  .category-video .video-warp1 .video-list {
    margin-right: 0;
  }
  .category-video .video-warp1 .video-list li .img{
    border-radius: 5px;
    overflow: hidden;
  }
  .exclusive-page .exclusive-layout .layout-list li{
    width: 100%;
    padding-top: 100%;
  }


  a.category-btn{
    zoom:.7;
  }
  a.category-btn span{
     font-size: 16px;
  }
  a.category-btn:hover span{
     left: 10px!important;
  }
  /*新修改*/
  .inner-page{
    border-radius:20px 20px 0 0;
  }
  .about-page .about-wrap1 .left .public-title{
    margin-bottom: 0;
  } 
  .about-page .about-wrap1 .right{
    padding-left: 0;
    padding-right: 0;
  }
  .about-page .about-wrap2 .about-wrap2-list{
    margin-top: 40px;
  }
  .about-page .about-wrap2 .about-wrap2-list li .box .number em{
    font-size: 35px;
  }
  .detail-product-page .detail-page-wrap1 .detail-right{
    order: -1;
    margin-bottom: 25px;
  }
  .detail-product-page .detail-page-wrap2 .tab-items li{
    padding-left: 5px;
    padding-right: 5px;
    width: 33.333%;
  }
  .detail-product-page .detail-page-wrap2 .tab-items li .title{
    font-size: 12px;
    word-wrap: break-word;
  }
  .news-page .news-wrap1 .news-list li .text a.title{
    margin-top: 19px;
    margin-bottom: 0;
  }
  .category-video .video-warp1 .intro{
    display: none;
  }
  .category-video .video-warp1 .video-list li .box .title{
    padding-top: 15px;
    margin-bottom: 20px;
  }
          .guide-product-page .guide-wrap2 .img {
        display: none;
      }
      .guide-product-page .guide-wrap2 .img2 {
        display: block;
      }
      .detail-product-page
        .detail-page-wrap2
        .tab-contents
        table
        tbody
        tr:first-child
        td
        span {
        font-size: 20px !important;
      }
      .detail-product-page
        .detail-page-wrap2
        .tab-contents
        .table1
        table
        tbody {
        min-width: auto;
      }
      .detail-product-page
        .detail-page-wrap2
        .tab-contents
        .table-det8
        table
        tbody {
        min-width: 700px;
      }
  #index-body .customized{
    display: block;
  }
  #index-body .customized .top .customized-list{
    flex-wrap: wrap;
  }
  #index-body .customized .top .customized-list li{
    width: 50%;
  }
  #index-body .service{
    display: block;
  }
  #index-body .service .service-content .img-list .slide-box{
    height: 220px;
  }
  #index-body .service .service-content .img-list .slide-box>img{
    height: 100%;
    object-fit: cover;
  }

    .inner-banner .action-box{
    display: block;
  }
  .inner-banner video{
    display: none;
  }
     .inner-banner .action-box:before {
        -webkit-backdrop-filter: blur(70px);
        backdrop-filter: blur(70px);
    }
}


@media screen and (min-width: 1921px){
.guide-product-page {
    padding-top: 159px; /* 原8.28125vw → 159px */
}

.guide-product-page .guide-wrap1 .all-category {
    margin: 90px -42px 51px; /* 原4.6875vw→90px, -2.2vw→-42px, 2.65625vw→51px */
}

.guide-product-page .guide-wrap1 .all-category li {
    margin-bottom: 51px; /* 原2.65625vw → 51px */
}
/*
.guide-product-page .guide-wrap2 {
    padding-top: 385px;
    margin-top: 120px; 
}*/

.guide-product-page .guide-wrap3 {
    margin-top: 177px; /* 原9.21875vw → 177px */
    margin-bottom: 88px; /* 原4.583333vw → 88px */
}

.category-product-page {
    padding-top: 172px; /* 原8.958333333333333vw → 172px */
}

.category-product-page .category-left .bottom .side-category-title {
    margin: 53px 34px 44px; /* 原2.760416666666667vw→53px, 2.291666666666667vw→44px */
}

.inner-product-recommendation {
    padding-top: 141px; /* 原7.34375vw → 141px */
}

.inner-product-recommendation .product-recommendation {
    margin: 107px -10px 0; /* 原5.572917vw → 107px */
}

.inner-product-recommendation .product-recommendation .slide-box {
    padding-top: 65px; /* 原3.385417vw → 65px */
}

.inner-product-recommendation .product-recommendation .slide-box a.title {
    margin: 54px 15px 12px; /* 原2.8125vw → 54px */
}

.inner-partners .about-partner-slide {
    margin: 87px -11.5px 0; /* 原4.53125vw → 87px */
}

.detail-product-page {
    padding-top: 168px; /* 原8.75vw → 168px */
}

.detail-product-page .detail-page-wrap1 .detail-right .product-name {
    margin-bottom: 50px; /* 原2.604167vw → 50px */
}

.detail-product-page .detail-page-wrap1 .detail-right .product-intro {
    margin-bottom: 44px; /* 原2.291667vw → 44px */
}

.detail-product-page .detail-page-wrap2 {
    margin-top: 98px; /* 原5.104167vw → 98px */
    margin-bottom: 98px; /* 原5.104167vw → 98px */
}

.detail-product-page .detail-page-wrap3 {
    margin-top: 172px; /* 原8.958333vw → 172px */
    margin-bottom: 154px; /* 原8vw → 154px (约) */
}

.detail-product-page .detail-page-wrap5 .honor-list {
    margin: 0 -192px 0 -22px; /* 原-10vw→-192px */
}

.detail-product-page1 {
    padding-top: 190px; /* 原9.895833333333333vw → 190px */
}

.detail-product-page1 .detail-page1-wrap1 .content {
    padding-top: 157px; /* 原8.177083333333333vw → 157px */
    margin-top: 119px; /* 原6.197916666666667vw → 119px */
    padding-bottom: 94px; /* 原4.895833333333333vw → 94px */
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list li {
    margin-bottom: 95px; /* 原4.947916666666667vw → 95px */
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list li .text {
    padding-top: 80px; /* 原4.166666666666667vw → 80px */
    padding-bottom: 89px; /* 原4.635416666666667vw → 89px */
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list li:nth-child(odd) .text {
    padding-right: 75px; /* 原3.90625vw → 75px */
    padding-left: 56px; /* 原2.916666666666667vw → 56px */
}

.detail-product-page1 .detail-page1-wrap1 .content .img-text-list li:nth-child(even) .text {
    padding-right: 108px; /* 原5.625vw → 108px */
    padding-left: 70px; /* 原3.64583333333333vw → 70px */
}

.customized-page .customized-wrap1 {
    padding-top: 188px; /* 原9.791666666vw → 188px */
}

.customized-page .customized-wrap1 .advantages-list {
    margin: 106px -22px 100px; /* 原5.5208333vw→106px, 5.2083333vw→100px */
}

.customized-page .customized-wrap1 .advantages-list .slide-box .icon {
    margin-bottom: 54px; /* 原2.8125vw → 54px */
}

.customized-page .customized-wrap2 {
    margin-top: 255px; /* 原13.28125vw → 255px */
}

.customized-page .customized-wrap2 .left .intro {
    margin-top: 50px; /* 原2.604166666666667vw → 50px */
}

.customized-page .customized-wrap2 .right {
    margin-left: 42px; /* 原2.166666666666667vw → 42px */
}

.customized-page .customized-wrap3 {
    margin-top: 180px; /* 原9.375vw → 180px */
    padding-top: 103px; /* 原5.364583333vw → 103px */
}

.customized-page .customized-wrap3 .featured-products-list {
    margin-top: 115px; /* 原6vw → 115px (约) */
}

.customized-page .customized-wrap3 .featured-products-list .slide-box .circle:before {
    right: -101px; /* 原5.26041667vw → 101px */
}

.customized-page .customized-wrap3 .featured-products-list .slide-box .circle .pop-window .order {
    font-size: 126px; /* 原6.5625vw → 126px */
}

.customized-page .customized-wrap3 .featured-products-list .slide-box .pop-window1 .order {
    font-size: 126px; /* 原6.5625vw → 126px */
}

.application-page {
    padding-top: 214px; /* 原11.145833333vw → 214px */
}

.application-page .application-wrap1 .wrap1-content {
    margin: 104px auto 0; /* 原5.41666666vw → 104px */
}

.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window {
    right: 358px; /* 原18.66666666666667vw → 358px */
}

.application-page .application-wrap1 .wrap1-content .wrap1-item .pop-window .line {
    width: 243px; /* 原12.65625vw → 243px */
}

.application-page .application-wrap1 .wrap1-content .wrap1-item7 .pop-window {
    left: 320px; /* 原16.66666666666667vw → 320px */
}

.application-page .application-wrap2 {
    margin-top: 117px; /* 原6.1vw → 117px (约) */
    margin-bottom: 192px; /* 原10vw → 192px */
}

.application-page .circle-blur1 {
    left: -144px; /* 原-7.5vw → -144px */
    width: 300px; /* 原15.625vw → 300px */
    height: 300px; /* 原15.625vw → 300px */
}

.application-page .circle-blur2 {
    left: -192px; /* 原-10vw → -192px */
    width: 400px; /* 原20.833vw → 400px */
    height: 400px; /* 原20.833vw → 400px */
}

.application-page .circle-blur3 {
    width: 160px; /* 原8.333vw → 160px */
    height: 160px; /* 原8.333vw → 160px */
}

.application-page .circle-blur4 {
    right: -336px; /* 原-17.5vw → -336px */
    width: 700px; /* 原36.458vw → 700px */
    height: 700px; /* 原36.458vw → 700px */
}

.application-page .circle-blur5 {
    right: -96px; /* 原-5vw → -96px */
    width: 300px; /* 原15.625vw → 300px */
    height: 300px; /* 原15.625vw → 300px */
}

.about-page .about-wrap1 {
    padding-top: 178px; /* 原9.270833333vw → 178px */
    padding-bottom: 860px; /* 原44.791666666vw → 860px */
}

.about-page .about-wrap1 a.play {
    bottom: 367px; /* 原19.114583333vw → 367px */
}

.about-page .about-wrap2 {
    margin-top: 160px; /* 原8.3333333vw → 160px */
    margin-bottom: -192px; /* 原-10vw → -192px */
}

.about-page .about-wrap3 {
    padding-top: 305px; /* 原15.885416666666vw → 305px */
    padding-bottom: 101px; /* 原5.26041666vw → 101px */
}

.about-page .about-wrap3 .left {
    margin-top: 76px; /* 原3.958333vw → 76px */
}

.about-page .about-culture {
    padding-top: 136px; /* 原7.083333vw → 136px */
    padding-bottom: 98px; /* 原5.10416666vw → 98px */
}

.about-page .about-culture .culture-intro {
    margin-top: 45px; /* 原2.34375vw → 45px */
    margin-bottom: 58px; /* 原3.020833333vw → 58px */
}

.about-page .about-advantage {
    padding-top: 223px; /* 原11.614583333333334vw → 223px */
}

.about-page .about-advantage .top {
    margin-bottom: 88px; /* 原4.583333333vw → 88px */
}

.about-page .about-partner {
    padding-top: 152px; /* 原7.916666666vw → 152px */
    padding-bottom: 124px; /* 原6.4583333vw → 124px */
}

.about-page .about-history .left {
    margin-top: 312px; /* 原16.25vw → 312px */
    margin-bottom: 375px; /* 原19.53125vw → 375px */
}

.about-page .about-history .left .left-box .public-btn {
    margin-top: 120px; /* 原6.25vw → 120px */
}

.about-page .about-history .left .year-right {
    margin-top: 159px; /* 原8.28125vw → 159px */
    font-size: 184px; /* 原9.583333333vw → 184px */
}

.about-page .about-history .right {
    margin-bottom: 375px; /* 原19.53125vw → 375px */
}

.about-page .about-history .right .history-list {
    margin-right: 76px; /* 原3.9583333333333335vw → 76px */
}

.about-page .about-history .right .history-list li .year-left {
    font-size: 184px; /* 原9.583333333vw → 184px */
}

.about-page .about-history .right .history-list li .text-right {
    margin-left: 60px; /* 原3.125vw → 60px */
    padding-top: 48px; /* 原2.5vw → 48px */
    padding-bottom: 51px; /* 原2.65625vw → 51px */
    padding-right: 79px; /* 原4.1145833vw → 79px */
}

.exclusive-page .exclusive-layout {
    padding-top: 221px; /* 原11.5104166666vw → 221px */
}

.exclusive-page .exclusive-layout .layout-list {
    margin-top: 90px; /* 原4.6875vw → 90px */
}

.exclusive-page .exclusive-layout .layout-list li .content {
    padding-top: 61px; /* 原3.1770833vw → 61px */
}

.exclusive-page .exclusive-layout .layout-list li .content .intro {
    margin-bottom: 43px; /* 原2.23958333vw → 43px */
}

.exclusive-page .exclusive-partner {
    margin-top: 146px; /* 原7.6041666vw → 146px */
    padding-top: 148px; /* 原7.70833333vw → 148px */
    padding-bottom: 180px; /* 原9.375vw → 180px */
}

.exclusive-page .exclusive-wrap3 {
    margin-bottom: 92px; /* 原4.791666vw → 92px */
}

.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide {
    margin-top: 88px; /* 原4.58333vw → 88px */
}

.exclusive-page .exclusive-wrap3 .exclusive-wrap3-slide .slide-box {
    padding: 84px 119px 78px 63px; /* 原4.375vw→84px, 6.2vw→119px, 4.0625vw→78px, 3.28125vw→63px */
    margin-bottom: 52px; /* 原2.708333vw → 52px */
}

.honor-page {
    padding-bottom: 114px; /* 原5.9375vw → 114px */
}

.honor-page .honor-list {
    padding-top: 181px; /* 原9.4265625vw → 181px */
}

.honor-page .honor-list ul {
    margin-bottom: 83px; /* 原4.32291666vw → 83px */
}

.honor-page .honor-list ul li {
    margin-bottom: 43px; /* 原2.23958333vw → 43px */
}

.contact-page .contact-information {
    padding-top: 211px; /* 原10.98958333vw → 211px */
    padding-bottom: 128px; /* 原6.666vw → 128px */
}

.contact-page .contact-information .left .intro {
    margin-top: 40px; /* 原2.08333vw → 40px */
    margin-bottom: 42px; /* 原2.1875vw → 42px */
}

.contact-page .contact-information .left .social-account {
    margin-bottom: 95px; /* 原4.94791666vw → 95px */
}

.contact-page .contact-information .right .information-list li .list-right {
    padding-top: 45px; /* 原2.34375vw → 45px */
    padding-bottom: 50px; /* 原2.6041666vw → 50px */
    padding-right: 54px; /* 原2.8125vw → 54px */
}

.contact-page .contact-form {
    margin-top: 106px; /* 原5.5208333vw → 106px */
}

.contact-page .contact-form form {
    margin-top: 83px; /* 原4.32291666vw → 83px */
}

.contact-page .contact-form form .form-ul li {
    margin-bottom: 40px; /* 原2.08333vw → 40px */
}

.contact-page .contact-form form .form-ul li:last-child {
    margin-top: 54px; /* 原2.8125vw → 54px */
}

.contact-page .contact-map {
    margin-top: 131px; /* 原6.82291666vw → 131px */
}

.job-page .job-wrap1 {
    padding-top: 199px; /* 原10.364583vw → 199px */
}

.job-page .job-wrap1 .img {
    margin-top: 73px; /* 原3.802083vw → 73px */
    margin-bottom: 79px; /* 原4.114583vw → 79px */
}

.job-page .job-wrap1 .img .text {
    margin-top: 295px; /* 原15.364583vw → 295px */
    margin-right: 88px; /* 原4.583333vw → 88px */
    margin-bottom: -79px; /* 原-4.114583vw → -79px */
}

.job-page .job-wrap1 .job-wrap1-list {
    padding-top: 123px; /* 原6.40625vw → 123px */
}

.job-page .job-wrap2 {
    margin-top: 183px; /* 原9.53125vw → 183px */
    margin-bottom: 138px; /* 原7.1875vw → 138px */
}

.job-page .job-wrap2 .top {
    padding-top: 236px; /* 原12.291667vw → 236px */
    padding-bottom: 328px; /* 原17.083333vw → 328px */
}

.job-page .job-wrap2 .job-wrap2-list {
    margin-top: -195px; /* 原-10.15625vw → -195px */
    padding: 100px 87px 0 80px; /* 原5.208333vw→100px, 4.53125vw→87px, 4.166667vw→80px */
}

.job-page .job-wrap2 .job-wrap2-list li {
    padding-left: 91px; /* 原4.739583vw → 91px */
    padding-right: 45px; /* 原2.34375vw → 45px */
}

.job-page .job-wrap2 .job-wrap2-list li .list-content {
    margin-top: -35px; /* 原-1.822917vw → -35px */
    margin-bottom: 64px; /* 原3.333333vw → 64px */
}

.job-page .job-wrap2 .job-wrap2-list li a.public-btn {
    margin-top: 40px; /* 原2.083333vw → 40px */
}

.news-page .news-wrap1 {
    padding-top: 182px; /* 原9.479167vw → 182px */
    padding-bottom: 198px; /* 原10.3125vw → 198px */
}

.news-page .news-wrap1 .category-list {
    margin-bottom: 88px; /* 原4.583333vw → 88px */
}

.news-page .news-wrap1 .news-list {
    margin-bottom: 124px; /* 原6.458333vw → 124px */
}

.news-page .news-wrap1 .news-list li .date {
    padding-left: 60px; /* 原3.125vw → 60px */
    padding-right: 44px; /* 原2.291667vw → 44px */
}

.news-page .news-wrap1 .news-list li .text {
    margin-top: 88px; /* 原4.583333vw → 88px */
    margin-right: 19px; /* 原1vw → 19px */
}

.category-product-page2 .category-page2-list {
    margin-right: -42px; /* 原-2.1875vw → -42px */
    padding-top: 118px; /* 原6.145833333333333vw → 118px */
}

.category-product-page2 .category-page2-list li {
    margin-bottom: 81px; /* 原4.21875vw → 81px */
    padding-right: 42px; /* 原2.1875vw → 42px */
}

.category-video .category-list {
    margin-bottom: 88px; /* 原4.583333vw → 88px */
}

.category-video .video-warp1 {
    padding-top: 182px; /* 原9.479166666666667vw → 182px */
    padding-bottom: 182px; /* 原9.479166666666667vw → 182px */
}

.category-video .video-warp1 .video-list {
    margin-right: -48px; /* 原-2.5vw → -48px */
    margin-top: 90px; /* 原4.6875vw → 90px */
    margin-bottom: 96px; /* 原5vw → 96px (约) */
}

.category-video .video-warp1 .video-list li {
    padding-right: 48px; /* 原2.5vw → 48px */
}

.category-video .video-warp1 .video-list li .box {
    margin-bottom: 55px; /* 原2.864583333333333vw → 55px */
}
}