@import "style.css";
.white_txt {
  /* 文字外面需要div */
  display: initial;
  background: #666 -webkit-linear-gradient(left, #fff, #fff) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
}
#c-placeholder {
  height: 0.85rem;
}
@media (max-width: 991px) {
  #c-placeholder {
    height: 1.2rem;
  }
}
.font48 {
  font-size: 0.48rem;
}
@media (max-width: 991px) {
  .font48 {
    font-size: 0.5rem;
  }
}
.font44 {
  font-size: 0.44rem;
}
@media (max-width: 991px) {
  .font44 {
    font-size: 0.5rem;
  }
}
.font28 {
  font-size: 0.28rem;
}
@media (max-width: 991px) {
  .font28 {
    font-size: 0.4rem;
  }
}
.font60 {
  font-size: 0.6rem;
}
@font-face {
  font-family: "AVANTGA";
  src: url("../fonts/AVANTGA.ttf") format("truetype");
}
/* 复选框和单选框 */
.xc-radio:checked,
.xc-radio.xc-checked,
.xc-checkbox:checked,
.xc-checkbox.xc-checked {
  background-color: #3ea9b9;
  border: 1px solid #3ea9b9;
  text-align: center;
  background-clip: padding-box;
  transition: all 0.3s;
}
.xc-radio,
.xc-checkbox {
  width: 15px;
  height: 15px;
  background-color: #ffffff;
  border: 1px solid #d5dfe0;
  border-radius: 0;
  font-size: 8px;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: top;
  cursor: default;
  -webkit-appearance: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: background-color ease 0.1s;
  transition: background-color ease 0.1s;
}
@media (max-width: 767px) {
  .xc-radio,
  .xc-checkbox {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.xc-radio:checked:before,
.xc-radio.xc-checked:before,
.xc-checkbox:checked:before,
.xc-checkbox.xc-checked:before,
.xc-radio:checked:after,
.xc-radio.xc-checked:after,
.xc-checkbox:checked:after,
.xc-checkbox.xc-checked:after {
  content: '';
  width: 8px;
  height: 4px;
  position: absolute;
  top: 20%;
  left: 16%;
  background: transparent;
  border: 1px solid #fff;
  border-top: none;
  border-right: none;
  z-index: 2;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .xc-radio:checked:before,
  .xc-radio.xc-checked:before,
  .xc-checkbox:checked:before,
  .xc-checkbox.xc-checked:before,
  .xc-radio:checked:after,
  .xc-radio.xc-checked:after,
  .xc-checkbox:checked:after,
  .xc-checkbox.xc-checked:after {
    width: 0.15rem;
    height: 0.08rem;
    top: 30%;
    left: 25%;
  }
}
.pc {
  display: block;
}
.wap {
  display: none;
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
  .wap {
    display: block;
  }
}
.fd {
  overflow: hidden;
}
.fd img {
  transition: all 0.8s;
}
.fd:hover img {
  transform: scale(1.05);
}
.zz-textb {
  font-weight: bold;
}
@-webkit-keyframes bgimgzoom2 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bgimgzoom2 {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.scaleDraw {
  -webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.fadeInUp2 {
  animation: fadeInUp2 2s forwards;
}
@keyframes linkAni {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes linkAni {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@-webkit-keyframes trantale1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.4rem, -0.4rem);
  }
  50% {
    transform: translate(0.6rem, -0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes trantale1 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.4rem, -0.4rem);
  }
  50% {
    transform: translate(0.6rem, -0.6rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@-webkit-keyframes trantale2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.8rem, -0.8rem);
  }
  50% {
    transform: translate(1rem, 1rem);
  }
  75% {
    transform: translate(0.8rem, 0.8rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes trantale2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  25% {
    transform: translate(-0.8rem, -0.8rem);
  }
  50% {
    transform: translate(1rem, 1rem);
  }
  75% {
    transform: translate(0.8rem, 0.8rem);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes fadeleft {
  from {
    opacity: 0;
    transform: translateX(0.6rem);
    -webkit-transform: translateX(0.6rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
}
@-webkit-keyframes fadeleft {
  from {
    opacity: 0;
    transform: translateX(0.6rem);
    -webkit-transform: translateX(0.6rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
}
.fadeleft {
  animation-name: fadeleft;
  -webkit-animation-name: fadeleft;
}
@keyframes faderight {
  from {
    opacity: 0;
    transform: translateX(-0.6rem);
    -webkit-transform: translateX(-0.6rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
}
@-webkit-keyframes faderight {
  from {
    opacity: 0;
    transform: translateX(-0.6rem);
    -webkit-transform: translateX(-0.6rem);
  }
  to {
    opacity: 1;
    transform: translateX(0rem);
    -webkit-transform: translateX(0rem);
  }
}
.faderight {
  animation-name: faderight;
  -webkit-animation-name: faderight;
}
@-webkit-keyframes navAni {
  0% {
    top: -100%;
  }
  100% {
    top: 0%;
  }
}
@keyframes navAni {
  0% {
    top: -100%;
  }
  100% {
    top: 0%;
  }
}
.border-bottom {
  border-bottom: 1px solid #f0f0f0 !important;
}
#c-header.c-style2 {
  border-bottom: 1px solid #f0f0f0;
}
.zz_w1500 {
  margin: 0 auto;
  width: 85%;
  max-width: 1500px;
}
@media (max-width: 1260px) {
  .zz_w1500 {
    width: 90%;
  }
}
#c-header .c-nav > li {
  transition: all 0.4s;
}
.public-nybn {
  position: relative;
  height: 0;
  padding-bottom: 28.64%;
  overflow: hidden;
}
@media (max-width: 991px) {
  .public-nybn {
    padding-bottom: 40%;
  }
}
.public-nybn .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  animation: bgimgzoom2 20s 0.5s cubic-bezier(0.23, 1, 0.32, 1) forwards 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.public-nybn .bgimg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.public-nybn .zz-box {
  display: flex;
  flex-direction: column;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 2;
  align-items: center;
  justify-content: center;
}
.public-nybn .bn-title {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  animation: fadeInUp2 2s forwards;
  justify-content: center;
  padding: 0 0.6rem;
}
@media (max-width: 767px) {
  .public-nybn .bn-title {
    padding: 0 0.4rem;
  }
}
@media (max-width: 767px) {
  .public-nybn .bn-title .container {
    width: 100%;
  }
}
.public-nybn .bn-title .h2 {
  color: #fff;
  text-align: left;
  line-height: 1.2;
}
.public-nybn .bn-title .zz-tips {
  color: #fff;
  text-align: left;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .public-nybn .bn-title .zz-tips {
    margin-bottom: 0.3rem;
  }
}
.public-nybn .bn-title .zz-tips2 {
  color: #fff;
  margin-bottom: 0.1rem;
  text-align: left;
}
@media (max-width: 767px) {
  .public-nybn .bn-title .zz-tips2 {
    margin-bottom: 0.2rem;
  }
}
.public-nybn .bn-title .zz-btn {
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .public-nybn .bn-title .zz-btn {
    margin-top: 0.4rem;
  }
}
.public-nybn.public-nybn2 .bn-title .zz-tips2 {
  margin-bottom: 0.25rem;
}
@media (max-width: 1580px) {
  .public-nybn .bn-box .r-ul li {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .public-nybn .bn-box {
    height: auto;
  }
}
@media (max-width: 767px) {
  .public-nybn {
    padding-bottom: 85%;
  }
  .public-nybn .bn-box .l-ul li {
    padding: 0.3rem 0 0.3rem;
  }
  .public-nybn .bn-box .r-ul {
    display: none;
  }
  .public-nybn .bn-title .h2 {
    font-size: 0.48rem;
  }
  .public-nybn .bn-title .c-tips {
    font-size: 0.28rem;
  }
}
.sec-bigBox {
  position: relative;
}
.sec-bigBox .public-nybn {
  position: sticky;
  top: 0rem;
}
.sec-bigBox .sec-box {
  position: relative;
  background: #fff;
  width: 100%;
}
.zz-public-title .h2 {
  color: #000;
  text-align: left;
  line-height: 1.25em;
  text-transform: uppercase;
}
.zz-public-title .zz-text2 {
  margin-bottom: 0.1rem;
}
@media (max-width: 767px) {
  .zz-public-title .zz-text2 {
    margin-bottom: 0.2rem;
  }
}
.zz-public-title2 .h2 {
  color: #222;
  text-align: center;
  line-height: 1.25em;
  text-transform: uppercase;
}
.zz-public-title2 .zz-text {
  text-align: center;
  color: #000;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .zz-public-title2 .zz-text {
    margin-top: 0.3rem;
  }
}
.white_txt {
  /* 文字外面需要div */
  display: initial;
  background: #999 -webkit-linear-gradient(left, #000, #000) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
}
.join {
  padding: 1.1rem 0 1.2rem;
  position: relative;
  overflow: hidden;
}
.join .bgimg1 {
  -webkit-animation: trantale1 4s 0.5s linear infinite;
  animation: trantale1 4s 0.5s linear infinite;
  position: absolute;
  width: 17.44%;
  top: -3%;
  opacity: 1;
  right: 3.25rem;
}
@media (max-width: 991px) {
  .join .bgimg1 {
    width: 35%;
    right: 5%;
  }
}
.join .bgimg2 {
  -webkit-animation: trantale2 6s 1s linear infinite;
  animation: trantale2 6s 1s linear infinite;
  position: absolute;
  width: 24.73%;
  top: 20%;
  opacity: 1;
  left: -10%;
}
@media (max-width: 991px) {
  .join .bgimg2 {
    width: 50%;
    left: -25%;
  }
}
.join .zz-tips {
  margin-top: 0.9rem;
  padding-bottom: 0.35rem;
  border-bottom: 2px solid #3ea9b9;
}
.join .zz-tips span {
  color: #3ea9b9;
}
.join .container {
  position: relative;
  z-index: 2;
}
.join .zz-box ul {
  margin-bottom: 0.7rem;
}
.join .zz-box ul li {
  position: relative;
  padding: 0.55rem 0 0.65rem;
}
.join .zz-box ul li .zz-link-box .zz-link {
  position: absolute;
  left: 0;
  height: 1px;
  width: 0%;
  background: rgba(62, 169, 185, 0.2);
  bottom: 0;
}
.join .zz-box ul li .zz-link-box .zz-link.on {
  animation: linkAni 0.8s linear;
  animation-fill-mode: forwards;
}
.join .zz-box ul li .zz-link-box .zz-link2 {
  position: absolute;
  left: 0;
  height: 1px;
  width: 0%;
  background: #3ea9b9;
  bottom: -1px;
  height: 2px;
  transition: all 1s;
}
.join .zz-box ul li .zz-link-box .zz-link2.on {
  width: 100%;
}
.join .zz-box ul li .zz-boxs1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box {
  flex: 1;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box.on .h3 {
  color: #3ea9b9;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .h3 {
  color: #000;
  transition: all 0.4s;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.15rem;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li {
  margin-right: 0.5rem;
  display: flex;
  align-items: center;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li:last-child {
  margin-right: 0;
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li img,
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li svg {
  width: 20px;
  height: 20px;
}
@media (max-width: 767px) {
  .join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li img,
  .join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li svg {
    width: 0.3rem;
    height: 0.3rem;
  }
}
.join .zz-box ul li .zz-boxs1 .zz-title-box .zz-ul .zz-li span {
  color: #999;
  margin-left: 10px;
}
.join .zz-box ul li .zz-boxs1 .zz-btn {
  width: 50px;
  height: 50px;
  position: relative;
  cursor: pointer;
  margin-right: 0.35rem;
}
.join .zz-box ul li .zz-boxs1 .zz-btn.on::after {
  opacity: 0;
}
.join .zz-box ul li .zz-boxs1 .zz-btn::before {
  content: '';
  position: absolute;
  width: 0.2rem;
  min-width: 12px;
  height: 3px;
  background: #249cad;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.join .zz-box ul li .zz-boxs1 .zz-btn::after {
  content: '';
  position: absolute;
  width: 3px;
  height: 0.2rem;
  min-height: 12px;
  background: #249cad;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s;
}
.join .zz-box ul li .zz-boxs2 {
  color: #888;
  height: 55px;
  line-height: 1.44444444em;
  overflow: hidden;
  transition: all 0.4s;
  margin-top: 0.3rem;
}
@media (max-width: 1680px) {
  .join .zz-box ul li .zz-boxs2 {
    height: 45px;
  }
}
@media (max-width: 991px) {
  .join .zz-box ul li .zz-boxs2 {
    height: 0.8rem;
  }
}
.join .zz-box ul li .zz-boxs2.on {
  height: auto;
}
.join .zz-public-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .join .zz-public-title {
    flex-direction: column;
  }
}
.join .zz-public-title .h2 {
  width: 60%;
  padding-right: 0.3rem;
}
@media (max-width: 767px) {
  .join .zz-public-title .h2 {
    width: 100%;
  }
}
.join .zz-public-title .zz-tel {
  width: 40%;
  text-align: left;
}
@media (max-width: 767px) {
  .join .zz-public-title .zz-tel {
    width: 100%;
    margin-top: 0.3rem;
  }
}
.join .zz-public-title .zz-tel span {
  color: #3ea9b9;
}
.public-page {
  display: flex;
  width: 100%;
  justify-content: center;
  position: relative;
  z-index: 2;
}
.public-page .zz-box {
  display: flex;
}
.public-page .p-num a {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #222;
  cursor: pointer;
  margin: 0 5px;
  transition: all 0.4s;
  position: relative;
}
.public-page .p-num a::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/zz-6.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  z-index: -1;
  background-size: 100% 100%;
  background-position: center;
  transition: all 0.4s;
  opacity: 0;
}
.public-page .p-num a:hover,
.public-page .p-num a.on {
  color: #fff;
  background: #3ea9b9;
  border-radius: 1000px;
  border-top-left-radius: 0;
}
.public-page .p-num a:hover::before,
.public-page .p-num a.on::before {
  opacity: 1;
}
.public-page .p-num a:hover svg path,
.public-page .p-num a.on svg path {
  fill: #fff;
}
.public-page .p-prev,
.public-page .p-next {
  display: flex;
  align-items: center;
}
.public-page .p-prev:hover svg path,
.public-page .p-next:hover svg path {
  fill: #3ea9b9;
}
.public-page .p-prev svg,
.public-page .p-next svg {
  width: 10px;
  height: 15px;
}
.public-page .p-prev svg path,
.public-page .p-next svg path {
  fill: #999;
  transition: all 0.4s;
  opacity: 1;
}
.public-page .p-prev {
  margin-right: 0.3rem;
}
.public-page .p-prev a {
  display: flex;
  height: 100%;
  align-items: center;
}
.public-page .p-next {
  margin-left: 0.2rem;
}
.public-page .p-next a {
  display: flex;
  height: 100%;
  align-items: center;
}
.public-page .p-num {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.public-page .p-num span {
  color: #3ea9b9;
  margin: 0 20px;
  display: flex;
  align-items: center;
}
.public-page .zz-box2 {
  color: #222;
  display: flex;
  align-items: center;
  margin-left: 0.4rem;
}
.public-page .zz-box2 .zz-div {
  width: 0.5rem;
  height: 0.5rem;
  min-width: 40px;
  min-height: 40px;
  color: #222;
  cursor: pointer;
  margin-left: 20px;
  margin-right: 10px;
  position: relative;
  border: 2px solid #ededed;
  border-radius: 1000px;
  border-top-left-radius: 0;
}
.public-page .zz-box2 .zz-div::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(../images/zz-7.png);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  z-index: -1;
  background-size: 100% 100%;
  background-position: center;
}
.public-page .zz-box2 .zz-div input {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
@media (max-width: 767px) {
  .public-page .p-num a {
    margin: 0 0.15rem;
    width: 0.6rem;
    height: 0.6rem;
    min-width: 0.6rem;
    min-height: 0.6rem;
    font-size: 0.24rem;
  }
  .public-page .p-prev svg,
  .public-page .p-num a svg,
  .public-page .p-next svg {
    width: 0.1rem;
  }
  .public-page {
    flex-direction: column;
    align-items: center;
  }
  .public-page .p-prev {
    margin-left: 0;
  }
  .public-page .p-next {
    margin-right: 0;
  }
  .public-page .p-num span {
    margin: 0 0.3rem;
  }
  .public-page .zz-box {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .public-page .zz-box2 .zz-div {
    margin: 0 0.2rem;
    width: 0.6rem;
    height: 0.6rem;
    min-width: 0.6rem;
    min-height: 0.6rem;
  }
  .public-page .zz-box2 {
    margin-left: 0;
    margin-top: 0.3rem;
  }
  .public-page .zz-box2 .zz-div input {
    font-size: 0.24rem;
  }
}
.public-yuan {
  position: absolute;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: myrotate 2s infinite linear;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .public-yuan {
    left: 50%;
    top: 50%;
  }
}
.public-yuan svg {
  width: 1rem;
  height: 1rem;
}
.public-yuan svg image {
  opacity: 1;
}
.zz-public-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.zz-public-nav .zz-li {
  position: relative;
  margin: 0 32px;
}
@media (max-width: 991px) {
  .zz-public-nav .zz-li {
    margin-left: 0;
    margin-right: 0.5rem;
  }
  .zz-public-nav .zz-li:last-child {
    margin-right: 0;
  }
}
.zz-public-nav .zz-li:hover .yuan,
.zz-public-nav .zz-li.on .yuan {
  opacity: 1;
}
.zz-public-nav .zz-li:hover span,
.zz-public-nav .zz-li.on span {
  color: #249cad;
}
.zz-public-nav .zz-li:hover .zz-img,
.zz-public-nav .zz-li.on .zz-img {
  opacity: 1;
  bottom: -0.1rem;
}
@media (max-width: 767px) {
  .zz-public-nav .zz-li:hover .zz-img,
  .zz-public-nav .zz-li.on .zz-img {
    bottom: -0.25rem;
  }
}
.zz-public-nav .zz-li .yuan {
  position: absolute;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: myrotate 2s infinite linear;
  opacity: 0;
  transition: all 0.4s;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1366px) {
  .zz-public-nav .zz-li .yuan {
    left: 50%;
    top: 50%;
  }
}
.zz-public-nav .zz-li .yuan img,
.zz-public-nav .zz-li .yuan svg {
  width: 1rem;
  height: 1rem;
}
.zz-public-nav .zz-li .yuan img image,
.zz-public-nav .zz-li .yuan svg image {
  opacity: 1;
}
.zz-public-nav .zz-li span {
  color: #999;
  transition: all 0.4s;
}
.zz-public-nav .zz-li .zz-img {
  width: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
}
.brand1 .zz-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.4rem 0 1.35rem;
}
@media (max-width: 991px) {
  .brand1 .zz-nav {
    padding: 0.6rem 0 0.8rem;
  }
}
.brand1 .zz-nav .zz-li {
  position: relative;
  margin: 0 32px;
}
@media (max-width: 991px) {
  .brand1 .zz-nav .zz-li {
    margin-left: 0;
    margin-right: 0.5rem;
  }
  .brand1 .zz-nav .zz-li:last-child {
    margin-right: 0;
  }
}
.brand1 .zz-nav .zz-li:hover .yuan,
.brand1 .zz-nav .zz-li.on .yuan {
  opacity: 1;
}
.brand1 .zz-nav .zz-li:hover span,
.brand1 .zz-nav .zz-li.on span {
  color: #249cad;
}
.brand1 .zz-nav .zz-li:hover .zz-img,
.brand1 .zz-nav .zz-li.on .zz-img {
  opacity: 1;
  bottom: -0.1rem;
}
@media (max-width: 767px) {
  .brand1 .zz-nav .zz-li:hover .zz-img,
  .brand1 .zz-nav .zz-li.on .zz-img {
    bottom: -0.25rem;
  }
}
.brand1 .zz-nav .zz-li .yuan {
  position: absolute;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: myrotate 2s infinite linear;
  opacity: 0;
  transition: all 0.4s;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1366px) {
  .brand1 .zz-nav .zz-li .yuan {
    left: 50%;
    top: 50%;
  }
}
.brand1 .zz-nav .zz-li .yuan img,
.brand1 .zz-nav .zz-li .yuan svg {
  width: 1rem;
  height: 1rem;
}
.brand1 .zz-nav .zz-li .yuan img image,
.brand1 .zz-nav .zz-li .yuan svg image {
  opacity: 1;
}
.brand1 .zz-nav .zz-li span {
  color: #999;
  transition: all 0.4s;
}
.brand1 .zz-nav .zz-li .zz-img {
  width: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
}
.brand1 .zz-box {
  margin-bottom: 1.6rem;
}
@media (max-width: 991px) {
  .brand1 .zz-box {
    margin-bottom: 0.8rem;
  }
}
.brand1 .zz-box:last-child {
  margin-bottom: 1rem;
}
@media (max-width: 991px) {
  .brand1 .zz-box:last-child {
    margin-bottom: 0.8rem;
  }
}
.brand1 .zz-box .zz-boxs1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  min-height: 4.8rem;
  padding: 1.8rem 0;
  margin-bottom: 0.4rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  .brand1 .zz-box .zz-boxs1 {
    margin-bottom: 0.6rem;
  }
}
.brand1 .zz-box .zz-boxs1:hover .bgimg {
  transform: scale(1.05);
}
.brand1 .zz-box .zz-boxs1 .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transition: all 0.8s;
}
.brand1 .zz-box .zz-boxs1 .zz-title-box {
  line-height: 1.2;
  position: relative;
  z-index: 2;
}
.brand1 .zz-box .zz-boxs1 .zz-title-box .zz-tips,
.brand1 .zz-box .zz-boxs1 .zz-title-box .h2 {
  text-align: center;
}
.brand1 .zz-box .zz-boxs1 .zz-title-box .zz-tips {
  margin-bottom: 0.1rem;
  text-transform: uppercase;
}
.brand1 .zz-box .zz-boxs2 {
  display: flex;
  flex-wrap: wrap;
}
.brand1 .zz-box .zz-boxs2 li {
  width: 22.66%;
  margin-right: 3.12%;
  margin-bottom: 0.4rem;
}
@media (max-width: 991px) {
  .brand1 .zz-box .zz-boxs2 li {
    width: 48.44%;
    margin-bottom: 0.6rem;
  }
  .brand1 .zz-box .zz-boxs2 li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.brand1 .zz-box .zz-boxs2 li:last-child {
  margin-right: 0;
}
.brand1 .zz-box .zz-boxs2 li:hover .zz-imgbox .zz-cont {
  opacity: 1;
}
.brand1 .zz-box .zz-boxs2 li:hover .zz-imgbox .zz-cont .public-yuan {
  opacity: 1;
}
.brand1 .zz-box .zz-boxs2 li:hover .zz-imgbox .public-img::after {
  opacity: 0.85;
}
.brand1 .zz-box .zz-boxs2 li:hover .zz-imgbox .public-img img {
  transform: scale(1.05);
}
.brand1 .zz-box .zz-boxs2 li:hover .h3 {
  color: #3ea9b9;
}
.brand1 .zz-box .zz-boxs2 li:hover .h3 svg path {
  fill: #3ea9b9;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox {
  width: 100%;
  position: relative;
  margin-bottom: 0.25rem;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .public-img {
  width: 100%;
  border-top-right-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .public-img::before {
  padding-top: 64.7%;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .public-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3ea9b9;
  opacity: 0.86;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
  z-index: 3;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .public-img img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  transition: all 0.8s;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .zz-cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 0;
  transition: all 0.4s;
}
.brand1 .zz-box .zz-boxs2 li .zz-imgbox .zz-cont span {
  color: #fff;
}
.brand1 .zz-box .zz-boxs2 li .h3 {
  line-height: 1.33333333em;
  color: #222;
  transition: all 0.4s;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .brand1 .zz-box .zz-boxs2 li .h3 {
    font-size: 0.32rem;
  }
}
.brand1 .zz-box .zz-boxs2 li .h3 sup {
  display: inline-flex;
  position: absolute;
  font-size: 14px;
  top: -6%;
}
@media (max-width: 767px) {
  .brand1 .zz-box .zz-boxs2 li .h3 sup {
    top: -5%;
  }
}
.brand1 .zz-box .zz-boxs2 li .h3 sup img,
.brand1 .zz-box .zz-boxs2 li .h3 sup svg {
  margin-left: 3px;
  width: 0.14rem;
  min-width: 12px;
  transform: translateY(0.13rem);
}
@media (max-width: 1580px) {
}
@media (max-width: 1366px) {
  .brand1 .zz-box .zz-boxs2 li .h3 sup img,
  .brand1 .zz-box .zz-boxs2 li .h3 sup svg {
    transform: translateY(0.1rem);
  }
}
@media (max-width: 767px) {
}
.brand1 .zz-box .zz-boxs2 li .h3 sup img path,
.brand1 .zz-box .zz-boxs2 li .h3 sup svg path {
  fill: #222;
}
@media (max-width: 1580px) {
  .brand1 .zz-box .zz-boxs2 li .h3 sup {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .brand1 .zz-box .zz-boxs2 li .h3 sup {
    font-size: 0.24rem;
  }
}
@media (max-width: 767px) {
  .brand1 .zz-box .zz-boxs2 li .h3 sup img,
  .brand1 .zz-box .zz-boxs2 li .h3 sup svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.brand1 .zz-box .zz-tip {
  color: #999;
  text-align: center;
  padding-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .brand1 .zz-box .zz-tip {
    padding-bottom: 0.55rem;
    font-size: 0.32rem;
  }
}
.brand2 {
  padding-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .brand2 {
    padding-bottom: 1.2rem;
  }
}
.brand2 .zz-public-title2 {
  margin-bottom: 0.5rem;
}
.brand2 .swiper-container {
  cursor: url(../images/zz-29.png), auto;
}
.brand2 .swiper-wrapper {
  display: flex;
  align-items: stretch;
  padding-bottom: 0.95rem;
}
.brand2 .swiper-slide {
  background: #f4fafb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0.75rem 0.35rem 0.5rem;
  transition: all 0.4s;
  overflow: hidden;
  height: auto;
}
@media (min-width: 995px) {
  .brand2 .swiper-slide:hover {
    border-bottom-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    background: #3ea9b9;
  }
  .brand2 .swiper-slide:hover .zz-imgbox img path,
  .brand2 .swiper-slide:hover .zz-imgbox svg path {
    fill: #fff;
  }
  .brand2 .swiper-slide:hover .h3 {
    color: #fff;
  }
  .brand2 .swiper-slide:hover .zz-cont .zz-text {
    opacity: 0;
  }
  .brand2 .swiper-slide:hover .public-btn3 {
    bottom: 0.5rem;
    opacity: 1;
  }
}
.brand2 .swiper-slide .zz-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.brand2 .swiper-slide .zz-imgbox {
  width: 1rem;
  height: 1rem;
  margin-bottom: 0.4rem;
}
.brand2 .swiper-slide .zz-imgbox img,
.brand2 .swiper-slide .zz-imgbox svg {
  width: 100%;
  height: 100%;
}
.brand2 .swiper-slide .zz-imgbox img path,
.brand2 .swiper-slide .zz-imgbox svg path {
  transition: all 0.4s;
}
.brand2 .swiper-slide .h3 {
  line-height: 1.3;
  text-align: center;
  transition: all 0.4s;
  color: #333;
}
.brand2 .swiper-slide .h3 sup {
  display: inline-flex;
  position: relative;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .brand2 .swiper-slide .h3 sup {
    transform: translateY(3px);
  }
}
.brand2 .swiper-slide .h3 sup img,
.brand2 .swiper-slide .h3 sup svg {
  margin-left: 3px;
  width: 0.14rem;
  min-width: 12px;
}
@media (max-width: 1580px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 767px) {
}
.brand2 .swiper-slide .h3 sup img path,
.brand2 .swiper-slide .h3 sup svg path {
  fill: #222;
}
@media (max-width: 1580px) {
  .brand2 .swiper-slide .h3 sup {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .brand2 .swiper-slide .h3 sup {
    font-size: 0.24rem;
  }
}
@media (max-width: 767px) {
  .brand2 .swiper-slide .h3 sup img,
  .brand2 .swiper-slide .h3 sup svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.brand2 .swiper-slide .zz-cont {
  margin-top: 0.15rem;
  position: relative;
}
.brand2 .swiper-slide .zz-cont .zz-text {
  color: #666;
  line-height: 1.75em;
  transition: all 0.4s;
}
.brand2 .swiper-slide .public-btn3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 991px) {
  .brand2 .swiper-slide .public-btn3 {
    position: relative;
    opacity: 1;
    bottom: unset;
    transform: unset;
    left: unset;
    margin-top: 0.4rem;
  }
}
.brand2 .swiper-slide .public-btn3 .public-btn2 {
  border: 1px solid #fff;
}
.brand2 .swiper-pagination {
  bottom: 0;
}
.brand2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  border-top-left-radius: 0;
  background: #ccc;
  opacity: 1;
  margin: 0 13px !important;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .brand2 .swiper-pagination-bullet {
    margin: 0 0.2rem !important;
    width: 0.36rem;
    height: 0.36rem;
  }
}
.brand2 .swiper-pagination-bullet-active {
  background: #249cad;
}
.brand2 .container {
  position: relative;
  z-index: 1;
}
.brand2 .swiperprev46 {
  position: absolute;
  left: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #249cad;
  border-radius: 50%;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1366px) {
  .brand2 .swiperprev46 {
    left: -1.1rem;
  }
}
@media (max-width: 1260px) {
  .brand2 .swiperprev46 {
    left: -0.8rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media (max-width: 991px) {
  .brand2 .swiperprev46 {
    display: none;
  }
}
.brand2 .swiperprev46 svg {
  width: 0.11rem;
  height: auto;
}
.brand2 .swiperprev46 svg path {
  fill: #249cad;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
}
.brand2 .swiperprev46:hover {
  background-color: #249cad;
}
.brand2 .swiperprev46:hover svg path {
  fill: #fff;
}
.brand2 .swipernext46 {
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.7rem;
  height: 0.7rem;
  border: 1px solid #249cad;
  border-radius: 50%;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  cursor: pointer;
}
@media (max-width: 1366px) {
  .brand2 .swipernext46 {
    right: -1.1rem;
  }
}
@media (max-width: 1260px) {
  .brand2 .swipernext46 {
    right: -0.8rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
@media (max-width: 991px) {
  .brand2 .swipernext46 {
    display: none;
  }
}
.brand2 .swipernext46 svg {
  transform: rotate(180deg);
  width: 0.11rem;
  height: auto;
}
.brand2 .swipernext46 svg path {
  fill: #249cad;
  opacity: 1;
  stroke: none;
  transition: all 0.4s;
}
.brand2 .swipernext46:hover {
  background-color: #249cad;
}
.brand2 .swipernext46:hover svg path {
  fill: #fff;
}
.tagform1 {
  background: #f4fafb;
  padding: 1.1rem 1.5rem 0.8rem;
}
@media (max-width: 991px) {
  .tagform1 {
    padding: 1.1rem 0 1.1rem;
  }
}
.tagform1 .zz-title-box .h2 {
  color: #3ea9b9;
}
.tagform1 .zz-title-box .zz-tips {
  color: #666;
  margin-top: 5px;
  opacity: 0.6;
}
.tagform1 .zz-cont {
  position: relative;
  padding-left: 25px;
  line-height: 1.66666667em;
  color: #000;
  margin-top: 0.9rem;
}
@media (max-width: 767px) {
  .tagform1 .zz-cont {
    padding-left: 0.4rem;
  }
}
.tagform1 .zz-cont::before {
  content: '';
  position: absolute;
  height: 85%;
  width: 3px;
  background: #3ea9b9;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .tagform1 .zz-cont::before {
    height: 95%;
  }
}
.tagform2 {
  padding: 0rem 1.5rem 1.2rem;
  /* 在Chrome浏览器下 */
  /* 在Firefox浏览器下 */
}
@media (max-width: 991px) {
  .tagform2 {
    padding: 0rem 0 1.2rem;
  }
}
.tagform2 input::-webkit-outer-spin-button,
.tagform2 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.tagform2 input[type="number"] {
  -moz-appearance: textfield;
}
.tagform2 input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.tagform2 input::-webkit-input-placeholder {
  color: #999;
}
.tagform2 input:-moz-placeholder {
  color: #999;
}
.tagform2 input::-moz-placeholder {
  color: #999;
}
.tagform2 input:-ms-input-placeholder {
  color: #999;
}
.tagform2 #downPdf {
  padding-top: 0.8rem;
  margin-bottom: 0.6rem;
}
.tagform2 .zz-box1 {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d5dfe0;
  border-left: 0;
  margin-bottom: 0.5rem;
}
.tagform2 .zz-box1 .zz-inputBox {
  border-left: 1px solid #d5dfe0;
  width: 25%;
  color: #000;
}
@media (max-width: 767px) {
  .tagform2 .zz-box1 .zz-inputBox {
    width: 50%;
  }
}
.tagform2 .zz-box1 .zz-inputBox .zz-title {
  border-bottom: 1px solid #d5dfe0;
}
.tagform2 .zz-box1 .zz-inputBox .zz-title,
.tagform2 .zz-box1 .zz-inputBox .zz-input {
  height: 0.6rem;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .tagform2 .zz-box1 .zz-inputBox .zz-title,
  .tagform2 .zz-box1 .zz-inputBox .zz-input {
    min-height: 0.8rem;
  }
}
.tagform2 .zz-box1 .zz-inputBox .zz-title input,
.tagform2 .zz-box1 .zz-inputBox .zz-input input {
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 0.3rem;
}
@media (max-width: 767px) {
  .tagform2 .zz-box1 .zz-inputBox .zz-input {
    border-bottom: 1px solid #d5dfe0;
  }
}
.tagform2 .zz-box2 {
  margin-bottom: 0.55rem;
}
.tagform2 .zz-box2:last-child {
  margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2:last-child {
    margin-bottom: 0.55rem;
  }
}
.tagform2 .zz-box2 .zz-title-box {
  color: #000;
  margin-bottom: 0.25rem;
}
.tagform2 .zz-box2 .zz-title-box span {
  color: #999;
  margin-left: 10px;
}
.tagform2 .zz-box2 .zz-ul {
  display: flex;
  margin-bottom: 0.1rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-ul {
    margin-bottom: 0.25rem;
  }
}
.tagform2 .zz-box2 .zz-ul li {
  display: flex;
  align-items: center;
  margin-right: 0.85rem;
  margin-bottom: 0.15rem;
}
.tagform2 .zz-box2 .zz-ul li span {
  margin-left: 15px;
}
.tagform2 .zz-box2 .zz-boxs {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #d5dfe0;
  border-left: 0;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox {
  border-left: 1px solid #d5dfe0;
  width: 50%;
  color: #000;
  display: flex;
  align-items: center;
  min-height: 45px;
}
@media (max-width: 991px) {
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox {
    min-height: 0.8rem;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox {
    width: 100%;
  }
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title {
  border-right: 1px solid #d5dfe0;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title,
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input {
  width: 50%;
  display: flex;
  height: 100%;
  align-items: center;
  padding: 0.16rem 0.1rem 0.16rem 0.3rem;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title,
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input {
    border-bottom: 1px solid #d5dfe0;
  }
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title.timeInputBox,
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input.timeInputBox {
  justify-content: center;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title input,
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input input {
  width: 100%;
  height: 100%;
  text-align: center;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title .zz-timeInput,
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input .zz-timeInput {
  width: 0.55rem;
  padding: 0;
  color: #999;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title .zz-timeInput:nth-of-type(1),
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input .zz-timeInput:nth-of-type(1) {
  width: 85px;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title .zz-timeInput:nth-of-type(1),
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input .zz-timeInput:nth-of-type(1) {
    width: 1.3rem;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-title .zz-timeInput,
  .tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input .zz-timeInput {
    border-bottom: 0;
  }
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input2 {
  display: flex;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input2 input {
  width: 1.55rem;
}
.tagform2 .zz-box2 .zz-boxs .zz-inputBox .zz-input2 span {
  color: #999;
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs2 .zz-inputBox {
  width: 100%;
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs2 .zz-title {
  width: 25%;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs2 .zz-title {
    width: 50%;
  }
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs2 .zz-input {
  width: 75%;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs2 .zz-input {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs2.zz-boxs2-2 .zz-inputBox {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs2.zz-boxs2-2 .zz-inputBox .zz-title {
    width: 100%;
    border-right: 0;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs2.zz-boxs2-2 .zz-inputBox .zz-input {
    width: 100%;
  }
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox {
  width: 28.21%;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox {
    width: 100%;
  }
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 {
  width: 43.56%;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 {
    width: 100%;
  }
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 .zz-div {
  display: flex;
  height: 100%;
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 .zz-input:nth-of-type(2) {
  border-left: 1px solid #d5dfe0;
  padding: 0 0.2rem;
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 .zz-input:nth-of-type(2) input {
  flex: 1;
}
.tagform2 .zz-box2 .zz-boxs.zz-boxs4 .zz-inputBox2 .zz-input span {
  color: #999;
}
.tagform2 .zz-box2 .zz-boxs3 {
  position: relative;
  border: 1px solid #d5dfe0;
  height: 0.6rem;
  min-height: 45px;
}
@media (max-width: 991px) {
  .tagform2 .zz-box2 .zz-boxs3 {
    min-height: 0.8rem;
  }
}
.tagform2 .zz-box2 .zz-boxs3 .zz-icon {
  width: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
  pointer-events: none;
}
.tagform2 .zz-box2 .zz-boxs3 .zz-select {
  height: 100%;
  width: 100%;
  padding: 0 0.3rem;
  color: #666;
}
.tagform2 .zz-box2 .zz-tips {
  color: #999;
  margin-top: 0.2rem;
}
.tagform2 .zz-box2 .zz-tips span {
  color: #3ea9b9;
  margin-right: 10px;
}
.tagform2 .zz-box2 .addTagBtnBox {
  display: flex;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .tagform2 .zz-box2 .addTagBtnBox {
    margin-top: 0.4rem;
  }
}
.tagform2 .zz-box2 .addTagBtnBox .addTagBtn {
  cursor: pointer;
}
.tagform2 .zz-box3 {
  display: flex;
  padding: 0.25rem 0;
  min-height: 45px;
  border-top: 1px solid #3ea9b9;
  border-bottom: 1px solid #3ea9b9;
  color: #000;
}
@media (max-width: 991px) {
  .tagform2 .zz-box3 {
    min-height: 0.8rem;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box3 {
    padding: 0.4rem 0;
  }
}
.tagform2 .zz-box3 .zz-boxs {
  width: 50%;
  display: flex;
  height: 100%;
  align-items: center;
}
@media (max-width: 991px) {
  .tagform2 .zz-box3 .zz-boxs {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .tagform2 .zz-box3 .zz-boxs:nth-of-type(1) {
    margin-bottom: 0.2rem;
  }
}
.tagform2 .zz-box3 .zz-boxs input {
  height: 100%;
  flex: 1;
  padding-right: 0.4rem;
}
.tagform2 .zz-btn {
  display: flex;
  justify-content: center;
}
.tagform2 .zz-btn .public-btn3:nth-of-type(1) {
  margin-right: 0.6rem;
}
.tagform2 .zz-btn .public-btn3:nth-of-type(1) .public-btn2 {
  background: #eff6f7;
}
.tagform2 .zz-btn .public-btn3:nth-of-type(1) .public-btn2 span {
  color: #3ea9b9;
}
.tag_process_nav {
  padding: 1rem 0 1.4rem;
}
@media (max-width: 767px) {
  .tag_process_nav {
    padding-bottom: 1rem;
  }
}
.tag_process_nav.cooperation_nav {
  padding-bottom: 0.8rem;
}
.tag_process1 {
  padding-bottom: 1.7rem;
}
@media (max-width: 767px) {
  .tag_process1 {
    padding-bottom: 0.6rem;
  }
}
.tag_process1 .h2 {
  color: #3ea9b9;
  margin-bottom: 0.6rem;
}
.tag_process1 .zz-ul {
  display: flex;
  flex-wrap: wrap;
}
.tag_process1 .zz-ul li {
  width: 30.66%;
  margin-right: 4%;
  position: relative;
}
.tag_process1 .zz-ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .tag_process1 .zz-ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.6rem;
  }
}
.tag_process1 .zz-ul li:hover .public-img img {
  transform: scale(1.05);
}
.tag_process1 .zz-ul li:last-child:hover .h3,
.tag_process1 .zz-ul li:last-child:hover .zz-text {
  opacity: 0;
}
.tag_process1 .zz-ul li:last-child:hover .public-btn3 {
  bottom: 0;
  opacity: 1;
}
.tag_process1 .zz-ul li .public-img {
  width: 100%;
  border-top-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
}
.tag_process1 .zz-ul li .public-img::before {
  padding-top: 130.43%;
}
@media (max-width: 767px) {
  .tag_process1 .zz-ul li .public-img::before {
    padding-top: 85%;
  }
}
.tag_process1 .zz-ul li .public-img img {
  transition: all 0.8s;
}
.tag_process1 .zz-ul li .zz-cont {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 2;
  margin-bottom: 0.55rem;
}
@media (max-width: 767px) {
  .tag_process1 .zz-ul li .zz-cont {
    margin-bottom: 1rem;
  }
}
.tag_process1 .zz-ul li .zz-cont .h3,
.tag_process1 .zz-ul li .zz-cont .zz-text {
  text-align: center;
  color: #fff;
  transition: all 0.4s;
}
.tag_process1 .zz-ul li .zz-cont .zz-text {
  margin-top: 0.15rem;
}
.tag_process1 .zz-ul li .zz-cont .public-btn3 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
}
@media (max-width: 767px) {
  .tag_process1 .zz-ul li .zz-cont .public-btn3 {
    position: relative;
    opacity: 1;
    bottom: unset;
    left: unset;
    transform: unset;
    display: flex;
    justify-content: center;
    margin-top: 0.4rem;
  }
}
.tag_process2 {
  margin-bottom: 1.65rem;
}
@media (max-width: 767px) {
  .tag_process2 {
    margin-bottom: 1rem;
  }
}
.tag_process2 .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .tag_process2 .container {
    flex-direction: column;
  }
}
.tag_process2 .zz-left {
  width: 46%;
  padding-top: 1.2rem;
}
@media (max-width: 767px) {
  .tag_process2 .zz-left {
    width: 100%;
    padding-top: 0;
  }
}
.tag_process2 .zz-left .h2 {
  color: #3ea9b9;
  line-height: 1.2;
}
.tag_process2 .zz-left .zz-ul {
  margin-top: 0.8rem;
  max-height: 445px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.tag_process2 .zz-left .zz-ul::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.tag_process2 .zz-left .zz-ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.tag_process2 .zz-left .zz-ul::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1580px) {
  .tag_process2 .zz-left .zz-ul {
    max-height: 360px;
  }
}
@media (max-width: 1366px) {
  .tag_process2 .zz-left .zz-ul {
    max-height: 380px;
  }
}
@media (max-width: 1024px) {
  .tag_process2 .zz-left .zz-ul {
    max-height: 250px;
  }
}
@media (max-width: 767px) {
  .tag_process2 .zz-left .zz-ul {
    margin-top: 0.5rem;
    max-height: unset;
  }
}
.tag_process2 .zz-left .zz-ul li {
  margin-bottom: 0.4rem;
}
.tag_process2 .zz-left .zz-ul li:last-child {
  margin-bottom: 0;
}
.tag_process2 .zz-left .zz-ul li .zz-text {
  color: #666;
  margin-top: 0.15rem;
}
.tag_process2 .zz-right {
  width: 50%;
}
@media (max-width: 767px) {
  .tag_process2 .zz-right {
    width: 100%;
    margin-top: 0.55rem;
  }
}
.tag_process2 .zz-right .public-img {
  width: 100%;
}
.tag_process2.tag_process3 {
  margin-bottom: 2.25rem;
}
@media (max-width: 767px) {
  .tag_process2.tag_process3 {
    margin-bottom: 1.2rem;
  }
}
.tag_process2.tag_process3 .zz-left {
  order: 1;
}
@media (max-width: 767px) {
  .tag_process2.tag_process3 .zz-left {
    order: 0;
  }
}
.tag_process2.tag_process3 .zz-right {
  order: 0;
}
@media (max-width: 767px) {
  .tag_process2.tag_process3 .zz-right {
    order: 1;
  }
}
.case1 {
  background: #fff;
  padding: 1.1rem 0 0.7rem;
}
.case1 .zz-title-box .zz-tips {
  color: #999;
  margin-bottom: 0.15rem;
}
.case1 .zz-title-box .h2 {
  line-height: 1.2;
  color: #3ea9b9;
}
.case1 .zz-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1.4rem 0 1.35rem;
}
@media (max-width: 991px) {
  .case1 .zz-nav {
    padding: 0.6rem 0 0.8rem;
  }
}
.case1 .zz-nav .zz-li {
  position: relative;
  margin: 0;
  margin-right: 0.8rem;
}
@media (max-width: 991px) {
  .case1 .zz-nav .zz-li {
    margin-left: 0;
    margin-right: 0.5rem;
  }
  .case1 .zz-nav .zz-li:last-child {
    margin-right: 0;
  }
}
.case1 .zz-nav .zz-li:hover .yuan,
.case1 .zz-nav .zz-li.on .yuan {
  opacity: 1;
}
.case1 .zz-nav .zz-li:hover span,
.case1 .zz-nav .zz-li.on span {
  color: #249cad;
}
.case1 .zz-nav .zz-li:hover .zz-img,
.case1 .zz-nav .zz-li.on .zz-img {
  opacity: 1;
  bottom: -0.1rem;
}
@media (max-width: 767px) {
  .case1 .zz-nav .zz-li:hover .zz-img,
  .case1 .zz-nav .zz-li.on .zz-img {
    bottom: -0.25rem;
  }
}
.case1 .zz-nav .zz-li .yuan {
  position: absolute;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: myrotate 2s infinite linear;
  opacity: 0;
  transition: all 0.4s;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1366px) {
  .case1 .zz-nav .zz-li .yuan {
    left: 50%;
    top: 50%;
  }
}
.case1 .zz-nav .zz-li .yuan img,
.case1 .zz-nav .zz-li .yuan svg {
  width: 1rem;
  height: 1rem;
}
.case1 .zz-nav .zz-li .yuan img image,
.case1 .zz-nav .zz-li .yuan svg image {
  opacity: 1;
}
.case1 .zz-nav .zz-li span {
  color: #999;
  transition: all 0.4s;
}
.case1 .zz-nav .zz-li .zz-img {
  width: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
}
.case2 {
  background: #f4fafb;
  padding: 1.4rem 0;
}
@media (max-width: 767px) {
  .case2 {
    padding: 1.2rem 0;
  }
}
.case2 .zz-list {
  display: flex;
  background: #fff;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .case2 .zz-list {
    flex-direction: column;
    margin-bottom: 0.8rem;
  }
}
.case2 .zz-list .zz-left,
.case2 .zz-list .zz-right {
  width: 50%;
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-left,
  .case2 .zz-list .zz-right {
    width: 100%;
  }
}
.case2 .zz-list .zz-left {
  padding: 0.9rem 0.7rem 0.3rem;
  padding-right: 1.25rem;
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-left {
    order: 1;
    padding: 0.6rem 0.4rem 0.8rem;
  }
}
.case2 .zz-list .zz-left .zz-tips {
  color: #249cad;
  margin-bottom: 0.1rem;
}
.case2 .zz-list .zz-left .h3 {
  color: #010101;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 60px;
}
@media (max-width: 1580px) {
  .case2 .zz-list .zz-left .h3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-left .h3 {
    height: 0.6rem;
  }
}
.case2 .zz-list .zz-left .zz-text {
  margin-top: 0.85rem;
  padding-right: 0.1rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  max-height: 2.5rem;
  color: #666;
  line-height: 1.66666667em;
}
.case2 .zz-list .zz-left .zz-text::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.case2 .zz-list .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.case2 .zz-list .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1366px) {
  .case2 .zz-list .zz-left .zz-text {
    max-height: 3.6rem;
  }
}
@media (max-width: 1260px) {
  .case2 .zz-list .zz-left .zz-text {
    max-height: 3.25rem;
  }
}
@media (max-width: 1024px) {
  .case2 .zz-list .zz-left .zz-text {
    max-height: 1.7rem;
  }
}
@media (max-width: 991px) {
  .case2 .zz-list .zz-left .zz-text {
    margin-top: 0.5rem;
    max-height: 1.9rem;
  }
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-left .zz-text {
    margin-top: 0.4rem;
    max-height: unset;
  }
}
.case2 .zz-list .zz-left .public-btn3 {
  margin-top: 0.7rem;
}
@media (max-width: 991px) {
  .case2 .zz-list .zz-left .public-btn3 {
    margin-top: 0.5rem;
  }
}
.case2 .zz-list .zz-right {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-right {
    order: 0;
  }
}
.case2 .zz-list .zz-right .public-img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  width: 100%;
  overflow: hidden;
}
.case2 .zz-list .zz-right .public-img img {
  transition: all 0.8s;
}
.case2 .zz-list .zz-right .public-img:hover img {
  transform: scale(1.05);
}
.case2 .zz-list .zz-right .public-img::before {
  padding-top: 96%;
}
@media (max-width: 767px) {
  .case2 .zz-list .zz-right .public-img::before {
    padding-top: 75%;
  }
}
.case2 .zz-list .zz-right .public-img img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.privacy {
  margin-top: 0.5rem;
  padding-bottom: 1.65rem;
}
@media (max-width: 767px) {
  .privacy {
    margin-top: 0.6rem;
  }
}
.privacy .zz-mbx {
  margin-bottom: 0.6rem;
}
.privacy .zz-mbx a {
  color: #3ea9b9;
}
.privacy .zz-mbx a img,
.privacy .zz-mbx a svg {
  margin-right: 10px;
}
.privacy .container {
  padding: 0 2.5rem;
}
@media (max-width: 767px) {
  .privacy .container {
    padding: 0;
  }
}
.privacy .zz-title-box {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 0.45rem;
}
.privacy .zz-date-box {
  display: flex;
  justify-content: flex-start;
  color: #999;
  margin-top: 0.3rem;
}
.privacy .zz-date-box .zz-date1 {
  margin-right: 0.3rem;
}
.privacy .zz-box {
  margin: 0 auto;
  margin-top: 0.45rem;
  color: #666;
}
@media (max-width: 767px) {
  .privacy .zz-box {
    margin-top: 0.6rem;
  }
}
.privacy .zz-box .zz-cont {
  line-height: 1.66666667em;
}
.errors {
  background: #f4fafb;
  padding: 2.05rem 0 2.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.errors .bgimg {
  position: relative;
  z-index: 2;
  width: 38.8%;
}
@media (max-width: 767px) {
  .errors .bgimg {
    width: 55%;
  }
}
.errors .zz-text {
  color: #999;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .errors .zz-text {
    font-size: 0.28rem;
  }
}
.errors .zz-text .zz-p {
  color: #249cad;
}
.yd-map {
  padding-top: 0.8rem;
  padding-bottom: 1rem;
  background: #f4fafb;
}
.yd-map .zz-box {
  width: 80%;
  margin: 0 auto;
}
.yd-map .map-ul .map-li {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #dedede;
  padding: 0.45rem 0 0;
}
.yd-map .map-ul .map-li .zz-left {
  padding-bottom: 0.5rem;
  min-width: 2.55rem;
}
.yd-map .map-ul .map-li .zz-left a {
  color: #333;
  padding-right: 20px;
  transition: all 0.4s;
  white-space: nowrap;
}
.yd-map .map-ul .map-li .zz-left a:hover {
  color: #3ea9b9;
}
.yd-map .map-ul .map-li .zz-right {
  width: calc(100% - 2.55rem);
  display: flex;
  flex-wrap: wrap;
  margin-top: 2px;
}
.yd-map .map-ul .map-li .zz-right li {
  margin-bottom: 0.4rem;
  padding-right: 0.7rem;
}
@media (max-width: 767px) {
}
.yd-map .map-ul .map-li .zz-right a {
  transition: all 0.4s;
  color: #666;
}
.yd-map .map-ul .map-li .zz-right a:hover {
  color: #3ea9b9;
}
@media (max-width: 767px) {
  .yd-map .map-ul {
    margin-top: 0.2rem;
  }
  .yd-map .zz-box {
    width: 100%;
  }
  .yd-map .map-ul .map-li {
    flex-direction: column;
    padding-bottom: 0.2rem;
  }
  .yd-map .map-ul .map-li .zz-left {
    width: 100%;
    padding-bottom: 0.4rem;
  }
}
.cooperation1 .zz-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  border-top: 2px solid #249cad;
}
.cooperation1 .zz-ul li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-left: 1px solid #d3ebef;
  border-bottom: 1px solid #d3ebef;
  padding-top: 0.7rem;
  padding-bottom: 0.45rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cooperation1 .zz-ul li {
    width: 50%;
    border-left: 0;
    padding-bottom: 0.7rem;
  }
  .cooperation1 .zz-ul li:nth-of-type(2n+2) {
    border-left: 1px solid #d3ebef;
  }
}
.cooperation1 .zz-ul li:hover .public-btn3 {
  opacity: 1;
}
.cooperation1 .zz-ul li:hover .public-img {
  transform: translateY(-10px);
}
.cooperation1 .zz-ul li:hover .public-img img {
  opacity: 0;
}
.cooperation1 .zz-ul li:hover .public-img .zz-img2 {
  opacity: 1;
}
.cooperation1 .zz-ul li:nth-of-type(4n+1) {
  border-left: 0;
}
.cooperation1 .zz-ul li:last-child {
  border-right: 1px solid #d3ebef;
}
@media (max-width: 767px) {
  .cooperation1 .zz-ul li:last-child {
    border-right: 0;
  }
}
.cooperation1 .zz-ul li .public-img {
  width: 100%;
  margin-bottom: 0.4rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .cooperation1 .zz-ul li .public-img {
    margin-bottom: 0.6rem;
  }
}
.cooperation1 .zz-ul li .public-img::before {
  padding-top: 93.33%;
}
.cooperation1 .zz-ul li .public-img img {
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  transition: all 0.4s;
}
.cooperation1 .zz-ul li .public-img .zz-img2 {
  transition: all 0.4s;
  opacity: 0;
}
.cooperation1 .zz-ul li .public-btn3 {
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .cooperation1 .zz-ul li .public-btn3 {
    opacity: 1;
  }
}
.cooperation2 {
  padding: 1.95rem 0 2rem;
}
@media (max-width: 767px) {
  .cooperation2 {
    padding: 1.2rem 0;
  }
}
.cooperation2 .container {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .cooperation2 .container {
    flex-direction: column;
  }
}
.cooperation2 .zz-left {
  width: 58.66%;
  background: #f4fafb;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding-left: 1.2rem;
  padding-right: 1.9rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .cooperation2 .zz-left {
    order: 1;
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
}
.cooperation2 .zz-left .zz-text {
  color: #666;
  line-height: 1.8em;
  margin-top: 0.15rem;
  padding-right: 10px;
  max-height: 125px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.cooperation2 .zz-left .zz-text::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.cooperation2 .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.cooperation2 .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1260px) {
  .cooperation2 .zz-left .zz-text {
    max-height: 145px;
  }
}
@media (max-width: 767px) {
  .cooperation2 .zz-left .zz-text {
    max-height: unset;
  }
}
.cooperation2 .zz-left .public-btn3 {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .cooperation2 .zz-left .public-btn3 {
    margin-top: 0.5rem;
  }
}
.cooperation2 .zz-right {
  width: 41.33%;
  position: relative;
}
@media (max-width: 767px) {
  .cooperation2 .zz-right {
    order: 0;
    width: 100%;
    display: none;
  }
}
.cooperation2 .zz-right::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 30%;
  background: #f4fafb;
}
.cooperation2 .zz-right .public-img {
  width: 100%;
}
.cooperation2 .zz-right .public-img::before {
  padding-top: 137.09%;
}
.brand_merchants1 {
  padding: 1.5rem 0 1.2rem;
}
@media (max-width: 767px) {
  .brand_merchants1 {
    padding: 0.8rem 0rem;
  }
}
.brand_merchants1 .zz-public-title2 .h2 {
  color: #000;
}
.merchants-ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.75rem;
}
.merchants-ul li {
  width: 17.66%;
  margin-right: 2.91%;
  position: relative;
  margin-bottom: 0.75rem;
}
.merchants-ul li:nth-of-type(5n+5) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .merchants-ul li {
    width: 31.39%;
  }
  .merchants-ul li:nth-of-type(5n+5) {
    margin-right: 2.91%;
  }
  .merchants-ul li:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .merchants-ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.6rem;
  }
  .merchants-ul li:nth-of-type(5n+5) {
    margin-right: 4%;
  }
  .merchants-ul li:nth-of-type(3n+3) {
    margin-right: 4%;
  }
  .merchants-ul li:nth-of-type(2n+2) {
    margin-right: 0%;
  }
}
.merchants-ul li:hover .public-img img {
  transform: scale(1.05);
}
.merchants-ul li:hover .zz-text {
  color: #3ea9b9;
}
.merchants-ul li .zz-imgbox {
  position: relative;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  border-top-right-radius: 60px;
}
@media (max-width: 1366px) {
  .merchants-ul li .zz-imgbox {
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
  }
}
@media (max-width: 991px) {
  .merchants-ul li .zz-imgbox {
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
    border-top-right-radius: 0.9rem;
  }
}
.merchants-ul li .public-img {
  width: 100%;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.merchants-ul li .public-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  top: 0;
  left: 0;
}
.merchants-ul li .public-img img {
  transition: all 0.8s;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.merchants-ul li .zz-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 60%;
  max-height: 60%;
}
.merchants-ul li .zz-text {
  text-align: center;
  color: #000;
  margin-top: 0.2rem;
  transition: all 0.4s;
}
.brand_merchants2 .zz-box {
  padding: 1.8rem 0.4rem 1.55rem;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 0.95rem;
  border-top-right-radius: 0.95rem;
}
.brand_merchants2 .zz-box:hover .bgimg {
  transform: scale(1.05);
}
.brand_merchants2 .zz-box .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: all 0.8s;
}
.brand_merchants2 .zz-box h2 {
  line-height: 1.2;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .brand_merchants2 .zz-box h2 {
    font-size: 0.48rem;
  }
}
.brand_merchants2 .zz-box .zz-text {
  margin-top: 0.1rem;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .brand_merchants2 .zz-box .zz-text {
    margin-top: 0.2rem;
  }
}
.brand_merchants2 .zz-box .public-btn3 {
  margin-top: 0.55rem;
  position: relative;
  z-index: 1;
}
.fabric1 {
  background: #f4fafb;
}
.fabric1 .container {
  padding: 1.1rem 1.5rem;
}
@media (max-width: 991px) {
  .fabric1 .container {
    padding: 1.1rem 0;
  }
}
.fabric1 .h2 {
  color: #3ea9b9;
}
.fabric2 {
  background: #fff;
}
.fabric2 .container {
  padding: 0.55rem 1.5rem 1.2rem;
}
@media (max-width: 991px) {
  .fabric2 .container {
    padding: 1rem 0 1.2rem;
  }
}
.fabric2 .h2 {
  color: #000;
}
@media (max-width: 767px) {
  .fabric2 .h2 {
    font-size: 0.36rem;
  }
}
.fabric2 .zz-form {
  margin-top: 0.25rem;
}
@media (max-width: 991px) {
  .fabric2 .zz-form {
    margin-top: 0.5rem;
  }
}
.fabric2 .zz-form .zz-list {
  display: flex;
  margin-bottom: 25px;
  align-items: stretch;
}
@media (max-width: 991px) {
  .fabric2 .zz-form .zz-list {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .fabric2 .zz-form .zz-list {
    flex-direction: column;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .fabric2 .zz-form .zz-list .zz-inputBox {
    margin-bottom: 0.5rem;
  }
}
.fabric2 .zz-form .zz-list .zz-inputBox:nth-of-type(2) {
  margin-left: 0.4rem;
}
@media (max-width: 767px) {
  .fabric2 .zz-form .zz-list .zz-inputBox:nth-of-type(2) {
    margin-left: 0;
  }
}
.fabric2 .zz-title {
  margin-bottom: 0.15rem;
}
.fabric2 .zz-title span {
  color: #3ea9b9;
  margin-right: 10px;
}
.fabric2 .zz-inputBox {
  flex: 1;
}
.fabric2 .zz-inputBox .zz-input {
  border: 1px solid #d5dfe0;
  height: 0.6rem;
  min-height: 45px;
}
@media (max-width: 991px) {
  .fabric2 .zz-inputBox .zz-input {
    min-height: 0.8rem;
  }
}
.fabric2 .zz-inputBox .zz-input input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  height: 100%;
  width: 100%;
  padding: 0 0.2rem;
}
.fabric2 .zz-inputBox .zz-input input::-webkit-input-placeholder {
  color: #999;
}
.fabric2 .zz-inputBox .zz-input input:-moz-placeholder {
  color: #999;
}
.fabric2 .zz-inputBox .zz-input input::-moz-placeholder {
  color: #999;
}
.fabric2 .zz-inputBox .zz-input input:-ms-input-placeholder {
  color: #999;
}
.fabric2 .zz-selectBox {
  flex: 1;
}
@media (max-width: 767px) {
  .fabric2 .zz-selectBox {
    margin-bottom: 0.5rem;
  }
}
.fabric2 .zz-selectBox .zz-select {
  position: relative;
  border: 1px solid #d5dfe0;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  min-height: 0.6rem;
  padding: 10px 0 0;
}
@media (max-width: 991px) {
  .fabric2 .zz-selectBox .zz-select {
    min-height: 0.8rem;
  }
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi {
  display: flex;
  align-items: center;
  margin-left: 0.2rem;
  margin-bottom: 10px;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi span {
  margin-left: 5px;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child {
  position: relative;
  z-index: 1;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child input::-webkit-input-placeholder {
  color: #333;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child input:-moz-placeholder {
  color: #333;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child input::-moz-placeholder {
  color: #333;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child input:-ms-input-placeholder {
  color: #333;
}
.fabric2 .zz-selectBox .zz-select .zz-inputLi:last-child::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d5dfe0;
  left: 0;
  bottom: 0;
}
.fabric2 .zz-selectBox .zz-select .zz-icon {
  width: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.3rem;
  pointer-events: none;
}
.fabric2 .zz-selectBox .zz-select select {
  height: 100%;
  width: 100%;
  padding: 0 0.2rem;
  color: #666;
}
.fabric2 .zz-selectBox .zz-select.zz-select2 {
  height: 0.6rem;
  min-height: 45px;
  padding-top: 0;
}
.fabric2 .public-btn3 {
  display: flex;
  justify-content: center;
  padding-top: 0.35rem;
}
.series1 .zz-list {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767px) {
  .series1 .zz-list {
    flex-direction: column;
    padding: 0 0.4rem;
  }
}
.series1 .zz-list .zz-left {
  width: 50%;
}
@media (max-width: 767px) {
  .series1 .zz-list .zz-left {
    width: 100%;
  }
}
.series1 .zz-list .zz-left .public-img {
  width: 100%;
  overflow: hidden;
}
.series1 .zz-list .zz-left .public-img img {
  transition: all 0.8s;
}
.series1 .zz-list .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.series1 .zz-list .zz-left .public-img::before {
  padding-top: 62.5%;
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-left .public-img::before {
    padding-top: 75%;
  }
}
.series1 .zz-list .zz-right {
  padding: 0.9rem 0.2rem 0.9rem 70px;
  width: 50%;
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-right {
    padding: 0.2rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .series1 .zz-list .zz-right {
    width: 100%;
    padding: 0.4rem 0 1.1rem;
  }
}
.series1 .zz-list .zz-right .zz-box {
  width: 76%;
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-right .zz-box {
    width: 100%;
  }
}
.series1 .zz-list .zz-right .zz-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.series1 .zz-list .zz-right .zz-title-box .zz-l {
  flex: 1;
  padding-right: 0.2rem;
}
.series1 .zz-list .zz-right .zz-title-box .zz-l img,
.series1 .zz-list .zz-right .zz-title-box .zz-l svg {
  height: 0.75rem;
  margin-bottom: 0.15rem;
}
.series1 .zz-list .zz-right .zz-title-box .zz-l .h3 {
  line-height: 1.2;
  color: #000;
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-right .zz-title-box .zz-l .h3 {
    height: auto;
  }
}
@media (min-width: 770px) {
  .series1 .zz-list .zz-right .zz-title-box .zz-l .h3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 52px;
  }
}
@media (max-width: 767px) {
  .series1 .zz-list .zz-right .zz-title-box .zz-l {
    padding-right: 0;
  }
}
.series1 .zz-list .zz-right .zz-title-box .zz-r {
  width: 1.05rem;
  height: 1.05rem;
  border-radius: 1000px;
}
.series1 .zz-list .zz-right .zz-cont {
  color: #666;
  margin-top: 0.45rem;
}
@media (min-width: 770px) {
  .series1 .zz-list .zz-right .zz-cont .zz-tips {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 30px;
  }
}
.series1 .zz-list .zz-right .zz-cont ul {
  margin-top: 0.15rem;
  max-height: 110px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.series1 .zz-list .zz-right .zz-cont ul::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.series1 .zz-list .zz-right .zz-cont ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.series1 .zz-list .zz-right .zz-cont ul::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1366px) {
  .series1 .zz-list .zz-right .zz-cont ul {
    max-height: 100px;
  }
}
@media (max-width: 1260px) {
  .series1 .zz-list .zz-right .zz-cont ul {
    max-height: 60px;
  }
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-right .zz-cont ul {
    max-height: 72px;
  }
}
@media (max-width: 767px) {
  .series1 .zz-list .zz-right .zz-cont ul {
    max-height: unset;
  }
}
.series1 .zz-list .zz-right .zz-cont ul li {
  position: relative;
  padding-left: 15px;
  line-height: 1.8em;
}
.series1 .zz-list .zz-right .zz-cont ul li::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  border-top-left-radius: 0;
  background: #3ea9b9;
  top: 14px;
  left: 0;
}
@media (max-width: 1366px) {
  .series1 .zz-list .zz-right .zz-cont ul li::before {
    top: 12px;
  }
}
@media (max-width: 991px) {
  .series1 .zz-list .zz-right .zz-cont ul li::before {
    top: 0.22rem;
  }
}
.series1 .zz-list .zz-right .zz-cont .zz-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 0.45rem;
}
.series1 .zz-list .zz-right .zz-cont .zz-btn:hover img,
.series1 .zz-list .zz-right .zz-cont .zz-btn:hover svg {
  transform: translateX(5px);
}
.series1 .zz-list .zz-right .zz-cont .zz-btn span {
  color: #3ea9b9;
}
.series1 .zz-list .zz-right .zz-cont .zz-btn img,
.series1 .zz-list .zz-right .zz-cont .zz-btn svg {
  margin-left: 10px;
  transition: all 0.4s;
}
.series1 .zz-list:nth-of-type(even) .zz-left {
  order: 1;
}
@media (max-width: 767px) {
  .series1 .zz-list:nth-of-type(even) .zz-left {
    order: 0;
  }
}
.series1 .zz-list:nth-of-type(even) .zz-right {
  order: 0;
  padding: 0.9rem 70px 0.9rem 0.2rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 991px) {
  .series1 .zz-list:nth-of-type(even) .zz-right {
    padding: 0.2rem 0.6rem;
  }
}
@media (max-width: 767px) {
  .series1 .zz-list:nth-of-type(even) .zz-right {
    order: 1;
    padding: 0.4rem 0 1.1rem;
  }
}
.series_detail1 {
  padding: 1.2rem 0;
  border-bottom: 2px solid #3ea9b9;
}
@media (max-width: 767px) {
  .series_detail1 {
    padding: 1rem 0;
  }
}
.series_detail1 .container {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .series_detail1 .container {
    flex-direction: column;
  }
}
.series_detail1 .zz-left,
.series_detail1 .zz-right {
  width: 50%;
}
@media (max-width: 767px) {
  .series_detail1 .zz-left,
  .series_detail1 .zz-right {
    width: 100%;
  }
}
.series_detail1 .zz-left .public-img {
  width: 100%;
  border-top-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
}
.series_detail1 .zz-left .public-img img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.series_detail1 .zz-left .public-img::before {
  padding-top: 71.33%;
}
@media (max-width: 991px) {
  .series_detail1 .zz-left .public-img::before {
    padding-top: 90%;
  }
}
.series_detail1 .zz-right {
  padding: 10px 0 0.35rem 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .series_detail1 .zz-right {
    padding: 0.5rem 0.3rem 0;
  }
}
.series_detail1 .zz-right .zz-icon {
  width: 0.9rem;
  height: 0.9rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .series_detail1 .zz-right .zz-icon {
    margin-bottom: 0.35rem;
  }
}
.series_detail1 .zz-right .zz-icon img,
.series_detail1 .zz-right .zz-icon svg {
  width: 100%;
  height: 100%;
}
.series_detail1 .zz-right .zz-icon img path,
.series_detail1 .zz-right .zz-icon svg path {
  fill: #3ea9b9;
}
.series_detail1 .zz-right .h1,
.series_detail1 .zz-right .zz-tips {
  color: #000;
}
.series_detail1 .zz-right .h1 {
  line-height: 1.2;
}
@media (max-width: 991px) {
  .series_detail1 .zz-right .h1 {
    font-size: 0.36rem;
  }
}
.series_detail1 .zz-right .h1 sup {
  display: inline-flex;
  position: relative;
  transform: translateY(-0.3em);
  font-size: 14px;
}
@media (max-width: 1580px) {
  .series_detail1 .zz-right .h1 sup {
    transform: translateY(0);
  }
}
@media (max-width: 991px) {
  .series_detail1 .zz-right .h1 sup {
    transform: translateY(0.2em);
  }
}
.series_detail1 .zz-right .h1 sup img,
.series_detail1 .zz-right .h1 sup svg {
  margin-left: 3px;
  width: 0.14rem;
  min-width: 12px;
}
@media (max-width: 1580px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 767px) {
}
.series_detail1 .zz-right .h1 sup img path,
.series_detail1 .zz-right .h1 sup svg path {
  fill: #222;
}
@media (max-width: 1580px) {
  .series_detail1 .zz-right .h1 sup {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .series_detail1 .zz-right .h1 sup {
    font-size: 0.24rem;
  }
}
@media (max-width: 767px) {
  .series_detail1 .zz-right .h1 sup img,
  .series_detail1 .zz-right .h1 sup svg {
    width: 0.2rem;
    height: 0.2rem;
  }
}
.series_detail1 .zz-right .zz-tips {
  margin-top: 0.25rem;
}
.series_detail1 .zz-right .zz-box2 {
  margin-top: 0.6rem;
}
@media (max-width: 991px) {
  .series_detail1 .zz-right .zz-box2 {
    margin-top: 0.4rem;
  }
}
.series_detail1 .zz-right .zz-box2 .zz-t {
  color: rgba(0, 0, 2, 0.6);
  margin-bottom: 5px;
}
.series_detail1 .zz-right .zz-box2 li {
  line-height: 1.5em;
}
.series_detail1 .zz-right .zz-box2 .zz-boxs2 {
  margin-top: 0.35rem;
}
.series_detail2 {
  padding: 40px 0 1.45rem;
}
@media (max-width: 767px) {
  .series_detail2 {
    padding: 1rem 0 0.75rem;
  }
}
.series_detail2 .h2 {
  color: #000;
}
.series_detail2 ul {
  margin-top: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media (max-width: 767px) {
  .series_detail2 ul {
    flex-direction: column;
    margin-top: 0.4rem;
  }
}
.series_detail2 ul li {
  width: 31.33%;
  margin-right: 3%;
  padding: 0.7rem 0.5rem 0.5rem;
  margin-bottom: 0.45rem;
  position: relative;
  border-top-right-radius: 0.6rem;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  overflow: hidden;
  color: #fff;
}
.series_detail2 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .series_detail2 ul li {
    padding: 0.7rem 0.3rem 0.5rem;
  }
}
@media (max-width: 767px) {
  .series_detail2 ul li {
    width: 100%;
    margin-right: 0;
    padding: 0.7rem 0.5rem;
    margin-bottom: 0.6rem;
  }
}
.series_detail2 ul li:hover .bgimg {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.series_detail2 ul li .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  transition: all 0.8s;
}
.series_detail2 ul li .zz-num {
  position: relative;
  z-index: 2;
  font-size: 0.86rem;
  line-height: 1;
  margin-bottom: 2.45rem;
}
@media (max-width: 991px) {
  .series_detail2 ul li .zz-num {
    margin-bottom: 1.8rem;
  }
}
.series_detail2 ul li .zz-cont {
  position: relative;
  z-index: 2;
}
.series_detail2 ul li .zz-cont .zz-text {
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.1rem;
}
@media (max-width: 1580px) {
  .series_detail2 ul li .zz-cont .zz-text {
    font-size: 16px;
  }
}
@media (max-width: 991px) {
  .series_detail2 ul li .zz-cont .zz-text {
    font-size: 0.32rem;
  }
}
.news1 {
  padding: 1rem 0 0.7rem;
}
.news1 .zz-public-title .zz-text2 {
  color: #999;
}
.news1 .zz-public-title .h2 {
  color: #3ea9b9;
}
.news1 .zz-bigbox {
  display: flex;
  background: #f4fafb;
  border-bottom-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .news1 .zz-bigbox {
    flex-direction: column;
  }
}
.news1 .zz-bigbox .zz-left {
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .news1 .zz-bigbox .zz-left {
    width: 100%;
  }
}
.news1 .zz-bigbox .zz-left .public-img {
  width: 100%;
  border-bottom-left-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
  overflow: hidden;
}
.news1 .zz-bigbox .zz-left .public-img img {
  transition: all 0.8s;
}
.news1 .zz-bigbox .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.news1 .zz-bigbox .zz-left .public-img::before {
  padding-top: 69.33%;
}
@media (max-width: 991px) {
  .news1 .zz-bigbox .zz-left .public-img::before {
    padding-top: 87%;
  }
}
@media (max-width: 767px) {
  .news1 .zz-bigbox .zz-left .public-img::before {
    padding-top: 75%;
  }
}
.news1 .zz-bigbox .zz-left .zz-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1.6rem;
}
.news1 .zz-bigbox .zz-right {
  width: 50%;
  padding: 0.7rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .news1 .zz-bigbox .zz-right {
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
}
.news1 .zz-bigbox .zz-right .zz-date {
  color: #999;
  margin-bottom: 0.45rem;
}
@media (max-width: 767px) {
  .news1 .zz-bigbox .zz-right .zz-date {
    margin-bottom: 0.2rem;
  }
}
.news1 .zz-bigbox .zz-right .h3 {
  line-height: 1.42857143em;
  color: #000;
}
@media (min-width: 770px) {
  .news1 .zz-bigbox .zz-right .h3 {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 80px;
  }
}
.news1 .zz-bigbox .zz-right .zz-text {
  color: #999;
  margin-top: 0.25rem;
  line-height: 1.66666667em;
}
@media (min-width: 770px) {
  .news1 .zz-bigbox .zz-right .zz-text {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .news1 .zz-bigbox .zz-right .zz-text {
    margin-top: 0.3rem;
  }
}
.news1 .zz-bigbox .zz-right .zz-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 0.45rem;
}
.news1 .zz-bigbox .zz-right .zz-btn:hover img,
.news1 .zz-bigbox .zz-right .zz-btn:hover svg {
  transform: translateX(5px);
}
.news1 .zz-bigbox .zz-right .zz-btn span {
  color: #3ea9b9;
}
.news1 .zz-bigbox .zz-right .zz-btn img,
.news1 .zz-bigbox .zz-right .zz-btn svg {
  margin-left: 10px;
  transition: all 0.4s;
}
.news2 .zz-public-nav {
  justify-content: flex-start;
  padding: 0.25rem 0 0.75rem;
}
@media (max-width: 991px) {
  .news2 .zz-public-nav {
    padding-bottom: 1rem;
  }
}
.news2 .zz-public-nav .zz-li {
  margin-left: 0;
  margin-right: 0.8rem;
}
.news2 .zz-bigbox {
  background: #f4fafb;
  width: 100%;
  padding-bottom: 0.9rem;
}
@media (max-width: 767px) {
  .news2 .zz-bigbox {
    padding-bottom: 1.2rem;
  }
}
.news2 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 0.9rem;
}
.news2 ul li {
  width: 31.33%;
  margin-right: 3%;
  margin-bottom: 0.5rem;
  background: #fff;
  border-bottom-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  transition: all 0.4s;
}
.news2 ul li a {
  display: flex;
  flex-direction: column;
  padding: 0.7rem 0.5rem 0.75rem;
  height: 100%;
  justify-content: space-between;
}
.news2 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .news2 ul li {
    width: 48.5%;
  }
  .news2 ul li:nth-of-type(3n+3) {
    margin-right: 3%;
  }
  .news2 ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .news2 ul li {
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 995px) {
  .news2 ul li:hover {
    background: #3ea9b9;
  }
  .news2 ul li:hover .zz-date {
    color: rgba(255, 255, 255, 0.6);
  }
  .news2 ul li:hover .h3,
  .news2 ul li:hover .zz-text,
  .news2 ul li:hover .zz-btn span {
    color: #fff;
  }
  .news2 ul li:hover .zz-btn img path,
  .news2 ul li:hover .zz-btn svg path {
    fill: #fff;
  }
}
.news2 ul li .zz-date {
  color: #999;
  margin-bottom: 0.45rem;
  transition: all 0.4s;
}
.news2 ul li .h3 {
  color: #000;
  transition: all 0.4s;
}
.news2 ul li .zz-text {
  color: #999;
  margin-top: 0.25rem;
  transition: all 0.4s;
}
.news2 ul li .zz-btn {
  display: inline-flex;
  align-items: center;
  margin-top: 1.6rem;
}
.news2 ul li .zz-btn span {
  color: #3ea9b9;
  transition: all 0.4s;
}
.news2 ul li .zz-btn img,
.news2 ul li .zz-btn svg {
  margin-left: 10px;
  transition: all 0.4s;
}
.news2 ul li .zz-btn img path,
.news2 ul li .zz-btn svg path {
  transition: all 0.4s;
}
.news2 .public-page {
  padding-top: 0.3rem;
}
.news_detail .zz-bigbox1 {
  background: #f4fafb;
  padding: 0.6rem 0 0.9rem;
}
.news_detail .zz-w {
  width: 990px;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .news_detail .zz-w {
    width: 890px;
  }
}
@media (max-width: 767px) {
  .news_detail .zz-w {
    width: 100%;
  }
}
.news_detail .zz-mbx {
  margin-bottom: 0.6rem;
}
.news_detail .zz-mbx a {
  color: #3ea9b9;
}
.news_detail .zz-mbx a img,
.news_detail .zz-mbx a svg {
  margin-right: 10px;
}
.news_detail .zz-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid #d0eaee;
  padding-bottom: 0.45rem;
}
@media (max-width: 767px) {
  .news_detail .zz-title-box {
    flex-direction: column;
  }
}
.news_detail .zz-title-box .zz-title {
  flex: 1;
  padding-right: 0.4rem;
}
@media (max-width: 767px) {
  .news_detail .zz-title-box .zz-title {
    padding-right: 0;
  }
}
.news_detail .zz-title-box .zz-title .h1 {
  color: #000;
  line-height: 1.2;
}
.news_detail .zz-title-box .zz-title .zz-text {
  color: #999;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .news_detail .zz-title-box #share-1 {
    display: flex;
    transform: translateX(-0.2rem);
  }
}
.news_detail .zz-title-box .zz-share {
  cursor: pointer;
  position: relative;
  z-index: 1000;
}
.news_detail .zz-title-box .zz-share:hover .share-box {
  display: flex;
}
.news_detail .zz-title-box .zz-share .zz-icon {
  width: 0.5rem;
  height: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #3ea9b9;
  border-radius: 1000px;
}
@media (max-width: 991px) {
  .news_detail .zz-title-box .zz-share .zz-icon {
    display: none;
  }
}
.news_detail .zz-title-box .zz-share .zz-icon img,
.news_detail .zz-title-box .zz-share .zz-icon svg {
  width: 0.22rem;
}
.news_detail .zz-title-box .zz-share .share-box {
  position: absolute;
  box-shadow: 0 0 8px #ccc;
  background: #fff;
  border-radius: 0.08rem;
  padding: 0.15rem 0.22rem;
  display: none;
  z-index: 20;
  top: 135%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .news_detail .zz-title-box .zz-share .share-box {
    display: block;
    position: relative;
    box-shadow: unset;
    background: transparent;
    top: unset;
    right: unset;
  }
}
@media (max-width: 767px) {
  .news_detail .zz-title-box .zz-share .share-box {
    padding-left: 0;
    padding-top: 0.3rem;
  }
}
.news_detail .zz-title-box .zz-share .share-box .zz-mask {
  position: absolute;
  height: 100%;
  width: 30%;
  left: 100%;
  top: 0;
}
@media (max-width: 767px) {
  .news_detail .zz-title-box .zz-share .share-box .zz-mask {
    display: none;
  }
}
.news_detail .zz-title-box .zz-share .share-box .social-share-icon {
  margin-bottom: 10px;
  color: #f9f9f9 !important;
  background: transparent !important;
  border-color: transparent !important;
  font-size: 16px;
  width: auto;
  height: auto;
  display: flex;
}
@media (max-width: 991px) {
  .news_detail .zz-title-box .zz-share .share-box .social-share-icon {
    margin-bottom: 0;
  }
}
.news_detail .zz-title-box .zz-share .share-box .social-share-icon:hover {
  background: transparent !important;
  border-color: transparent !important;
}
.news_detail .zz-title-box .zz-share .share-box .social-share-icon:last-child {
  margin-bottom: 0;
}
.news_detail .zz-title-box .zz-share .share-box .social-share-icon::before {
  width: 32px;
  height: 32px;
}
.news_detail .zz-title-box .zz-share .share-box .social-share-icon span {
  color: #333;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .news_detail .zz-title-box .zz-share .share-box .social-share-icon span {
    font-size: 0.24rem;
    color: #999;
  }
}
.news_detail .zz-title-box .zz-share .share-box .icon-weibo {
  color: #ef6626 !important;
}
.news_detail .zz-title-box .zz-share .share-box .icon-qq {
  color: #437eef !important;
}
.news_detail .zz-title-box .zz-share .share-box .icon-wechat {
  color: #00c800 !important;
}
.news_detail .zz-title-box .zz-share .share-box .icon-wechat .wechat-qrcode.bottom {
  left: unset;
  right: 245%;
  top: -0.2rem;
}
.news_detail .zz-tips {
  border-left: 2px solid #3ea9b9;
  padding-left: 20px;
  color: #000;
  line-height: 1.66666667em;
  margin-top: 0.45rem;
}
.news_detail .zz-bigbox2 {
  padding: 0.4rem 0 0.65rem;
}
@media (max-width: 991px) {
  .news_detail .zz-bigbox2 {
    padding-top: 0.6rem;
  }
}
.news_detail .zz-bigbox2 .zz-w {
  color: #666;
  line-height: 1.66666667em;
}
.news_detail .zz-atBtnBox {
  border-top: 1px solid #3ea9b9;
  padding-top: 35px;
  padding-bottom: 1.65rem;
}
@media (max-width: 991px) {
  .news_detail .zz-atBtnBox {
    padding: 0.6rem 0 1.1rem;
  }
}
.news_detail .zz-atBtnBox .zz-w {
  display: flex;
  justify-content: space-between;
}
.news_detail .zz-atBtnBox .zz-w .box1 {
  flex: 1;
  padding-right: 0.4rem;
}
.news_detail .zz-atBtnBox .zz-w .box1 .div-3 {
  margin-top: 0.15rem;
}
.news_detail .zz-atBtnBox .zz-w .box1 .zz-btn {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  height: 28px;
}
@media (max-width: 767px) {
  .news_detail .zz-atBtnBox .zz-w .box1 .zz-btn {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 0.4rem;
  }
}
.news_detail .zz-atBtnBox .zz-w a {
  color: #666;
  transition: all 0.4s;
}
.news_detail .zz-atBtnBox .zz-w a:hover {
  color: #3ea9b9;
}
.news_detail .zz-atBtnBox .zz-w .box2 a {
  display: flex;
  align-items: center;
}
.news_detail .zz-atBtnBox .zz-w .box2 span {
  color: #3ea9b9;
}
.news_detail .zz-atBtnBox .zz-w .box2 img,
.news_detail .zz-atBtnBox .zz-w .box2 svg {
  margin-left: 0.2rem;
}
.search1 {
  background: #fff;
  padding: 1.5rem 0 0;
}
.search1 .zz-title-box .zz-tips {
  color: #999;
  margin-bottom: 0.15rem;
}
.search1 .zz-title-box .h2 {
  line-height: 1.2;
  color: #3ea9b9;
}
.search1 .zz-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 0.6rem;
}
@media (max-width: 991px) {
  .search1 .zz-box {
    flex-direction: column;
    align-items: flex-start;
  }
}
.search1 .zz-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 1rem 0 0;
}
@media (max-width: 991px) {
  .search1 .zz-nav {
    padding: 0.6rem 0 0;
  }
}
.search1 .zz-nav .zz-li {
  position: relative;
  margin: 0;
  margin-right: 0.8rem;
}
@media (max-width: 991px) {
  .search1 .zz-nav .zz-li {
    margin-left: 0;
    margin-right: 0.5rem;
    font-size: 0.32rem;
  }
  .search1 .zz-nav .zz-li:last-child {
    margin-right: 0;
  }
}
.search1 .zz-nav .zz-li:hover .yuan,
.search1 .zz-nav .zz-li.on .yuan {
  opacity: 1;
}
.search1 .zz-nav .zz-li:hover span,
.search1 .zz-nav .zz-li.on span {
  color: #249cad;
}
.search1 .zz-nav .zz-li:hover .zz-img,
.search1 .zz-nav .zz-li.on .zz-img {
  opacity: 1;
  bottom: -0.1rem;
}
@media (max-width: 767px) {
  .search1 .zz-nav .zz-li:hover .zz-img,
  .search1 .zz-nav .zz-li.on .zz-img {
    bottom: -0.25rem;
  }
}
.search1 .zz-nav .zz-li .yuan {
  position: absolute;
  left: 45%;
  top: 55%;
  transform: translate(-50%, -50%);
  z-index: 1;
  animation: myrotate 2s infinite linear;
  opacity: 0;
  transition: all 0.4s;
  width: 1rem;
  height: 1rem;
}
@media (max-width: 1366px) {
  .search1 .zz-nav .zz-li .yuan {
    left: 50%;
    top: 50%;
  }
}
.search1 .zz-nav .zz-li .yuan img,
.search1 .zz-nav .zz-li .yuan svg {
  width: 1rem;
  height: 1rem;
}
.search1 .zz-nav .zz-li .yuan img image,
.search1 .zz-nav .zz-li .yuan svg image {
  opacity: 1;
}
.search1 .zz-nav .zz-li span {
  color: #999;
  transition: all 0.4s;
}
.search1 .zz-nav .zz-li .zz-img {
  width: 12px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -0.2rem;
  transition: all 0.4s;
  opacity: 0;
}
.search1 .zz-form {
  margin-left: 0.4rem;
  width: 4.7rem;
  border-radius: 1000px;
  border: 1px solid #ddd;
  height: 0.65rem;
  min-height: 40px;
  display: flex;
}
@media (max-width: 991px) {
  .search1 .zz-form {
    height: 0.8rem;
    min-height: 0.8rem;
    width: 100%;
    margin-left: 0;
    margin-top: 0.8rem;
  }
}
.search1 .zz-form input {
  flex: 1;
  height: 100%;
  padding: 0 0.3rem;
}
.search1 .zz-form button {
  width: 0.8rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .search1 .zz-form button {
    width: 1rem;
  }
}
.search1 .zz-form button img,
.search1 .zz-form button svg {
  width: 20px;
}
@media (max-width: 991px) {
  .search1 .zz-form button img,
  .search1 .zz-form button svg {
    width: 0.3rem;
  }
}
.search2 {
  background: #f4fafb;
  padding: 0.8rem 0 0.9rem;
}
.search2 .zz-list {
  background: #fff;
  border-top-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
  padding: 0.55rem 0.5rem 0.6rem;
  margin-bottom: 0.4rem;
}
.search2 .zz-list:last-child {
  margin-bottom: 0;
}
.search2 .zz-list .zz-a:hover .h3 {
  color: #3ea9b9;
}
.search2 .zz-list .h3 {
  line-height: 1.2;
  color: #000;
  transition: all 0.4s;
}
.search2 .zz-list .zz-text {
  color: #999;
  line-height: 1.66666667em;
  margin-top: 0.25rem;
}
.search2 .zz-list .zz-box {
  display: flex;
  margin-top: 0.35rem;
}
.search2 .zz-list .zz-box .zz-li {
  display: flex;
  align-items: center;
}
.search2 .zz-list .zz-box .zz-li:last-child img,
.search2 .zz-list .zz-box .zz-li:last-child svg {
  display: none;
}
.search2 .zz-list .zz-box .zz-li a {
  color: #666;
  transition: all 0.4s;
}
.search2 .zz-list .zz-box .zz-li a:hover {
  color: #3ea9b9;
}
.search2 .zz-list .zz-box .zz-li img,
.search2 .zz-list .zz-box .zz-li svg {
  margin: 0 10px;
}
.search2 .zz-list .zz-box .zz-li img path,
.search2 .zz-list .zz-box .zz-li svg path {
  opacity: 1;
  fill: #666;
}
.search2 .public-page {
  margin-top: 0.85rem;
}
.search2 .zz-tips {
  text-align: center;
  width: 100%;
  color: #666;
}
.search2 .zz-nav2 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.55rem;
}
.search2 .zz-nav2 .zz-nav2Li {
  padding: 0.1rem 0.25rem;
  transition: all 0.4s;
  border-top-right-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  color: #999;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.search2 .zz-nav2 .zz-nav2Li:hover,
.search2 .zz-nav2 .zz-nav2Li.on {
  background: #3ea9b9;
  color: #fff;
}
.search2 .zz-listBox2 {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.search2 .zz-list2 {
  width: 17.66%;
  margin-right: 2.91%;
  position: relative;
  margin-bottom: 0.75rem;
}
.search2 .zz-list2:nth-of-type(5n+5) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .search2 .zz-list2 {
    width: 31.39%;
  }
  .search2 .zz-list2:nth-of-type(5n+5) {
    margin-right: 2.91%;
  }
  .search2 .zz-list2:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .search2 .zz-list2 {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.6rem;
  }
  .search2 .zz-list2:nth-of-type(5n+5) {
    margin-right: 4%;
  }
  .search2 .zz-list2:nth-of-type(3n+3) {
    margin-right: 4%;
  }
  .search2 .zz-list2:nth-of-type(2n+2) {
    margin-right: 0%;
  }
}
.search2 .zz-list2:hover .public-img img {
  transform: scale(1.05);
}
.search2 .zz-list2:hover .zz-text {
  color: #3ea9b9;
}
.search2 .zz-list2 .zz-imgbox {
  position: relative;
  border-bottom-left-radius: 0.6rem;
  border-bottom-right-radius: 0.6rem;
  border-top-right-radius: 0.6rem;
}
@media (max-width: 991px) {
  .search2 .zz-list2 .zz-imgbox {
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
    border-top-right-radius: 0.9rem;
  }
}
.search2 .zz-list2 .public-img {
  width: 100%;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.search2 .zz-list2 .public-img::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1;
  top: 0;
  left: 0;
}
.search2 .zz-list2 .public-img img {
  transition: all 0.8s;
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.search2 .zz-list2 .zz-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 60%;
  max-height: 60%;
}
.search2 .zz-list2 .zz-text {
  text-align: center;
  color: #000;
  margin-top: 0.2rem;
  transition: all 0.4s;
}
.search2 .zz-list2 .zz-text sup {
  font-size: 18px;
  display: inline-flex;
}
@media (max-width: 1580px) {
  .search2 .zz-list2 .zz-text sup {
    font-size: 14px;
  }
}
@media (max-width: 991px) {
  .search2 .zz-list2 .zz-text sup {
    font-size: 0.28rem;
  }
}
.about1 {
  padding: 1.75rem 0 1rem;
}
@media (max-width: 767px) {
  .about1 {
    padding: 1.1rem 0 0.6rem;
  }
}
.about1 .zz-box1 {
  border-bottom: 1px solid #249cad;
  padding-bottom: 1.25rem;
  margin-bottom: 1.45rem;
}
@media (max-width: 767px) {
  .about1 .zz-box1 {
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
  }
}
.about1 .zz-box1 .zz-text {
  margin-top: 0.25rem;
  line-height: 1.8em;
}
@media (max-width: 767px) {
  .about1 .zz-box1 .zz-text {
    margin-top: 0.4rem;
  }
}
.about1 .zz-box2 {
  display: flex;
  flex-wrap: wrap;
}
.about1 .zz-box2 li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 33.33%;
  padding: 0 0.45rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .about1 .zz-box2 li {
    padding: 0;
  }
}
.about1 .zz-box2 li:nth-of-type(3n+1) {
  align-items: flex-start;
}
.about1 .zz-box2 li:nth-of-type(3n+3) {
  align-items: flex-end;
}
.about1 .zz-box2 li .zz-boxs {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.about1 .zz-box2 li .zz-div1 {
  display: flex;
  align-items: flex-end;
  color: #3ea9b9;
}
@media (max-width: 1366px) {
  .about1 .zz-box2 li .zz-div1 {
    font-size: 0.8rem;
  }
}
.about1 .zz-box2 li .zz-div1 span {
  font-family: 'AVANTGA';
  line-height: 1;
}
@media (max-width: 767px) {
  .about1 .zz-box2 li .zz-div1 span {
    font-size: 0.4rem;
  }
}
.about1 .zz-box2 li .zz-div1 sub {
  margin-left: 0.15rem;
}
.about1 .zz-box2 li .zz-div2 {
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .about1 .zz-box2 li .zz-div2 {
    margin-top: 0.2rem;
  }
}
.about2 {
  background-size: cover;
  background-repeat: no-repeat;
}
.coursebox-sec1 {
  position: relative;
}
@media (max-width: 767px) {
  .coursebox-sec1 {
    padding: 1.1rem 0 0;
  }
}
.coursebox-sec1 .cont {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #fff;
}
.coursebox-sec1 .cont .lt {
  width: 50%;
  padding-right: 0.5rem;
  height: 8.5rem;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt {
    width: 100%;
    height: auto;
    padding-right: 0;
    padding-top: 0;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .coursebox-sec1 .cont .lt {
    position: sticky;
    top: 0;
  }
}
.coursebox-sec1 .cont .lt .fz_title {
  margin-bottom: 0.7rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt .fz_title {
    margin-bottom: 0.2rem;
  }
}
.coursebox-sec1 .cont .lt .course1_cont {
  width: 100%;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt .course1_cont {
    margin-bottom: 0.7rem;
    display: none;
  }
}
.coursebox-sec1 .cont .lt .course1_cont .item {
  width: 100%;
}
.coursebox-sec1 .cont .lt .course1_cont .item .date {
  font-size: 16px;
  margin-bottom: 6px;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .lt .course1_cont .item .date {
    font-size: 14px;
  }
}
.coursebox-sec1 .cont .lt .course1_cont .item .tit {
  width: 100%;
  font-size: 0.48rem;
  margin-bottom: 0.18rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt .course1_cont .item .tit {
    font-size: 0.52rem;
  }
}
.coursebox-sec1 .cont .lt .course1_cont .item .text {
  line-height: 1.13636364em;
}
.coursebox-sec1 .cont .lt .nav {
  width: 100%;
  padding-right: 1.64rem;
}
@media (max-width: 1260px) {
  .coursebox-sec1 .cont .lt .nav {
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt .nav {
    padding-right: 0;
    margin-bottom: 0.7rem;
  }
}
.coursebox-sec1 .cont .lt .nav .text {
  font-size: 16px;
  margin-bottom: 10px;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .lt .nav .text {
    font-size: 14px;
  }
}
.coursebox-sec1 .cont .lt .nav .course1_nav {
  width: 100%;
}
.coursebox-sec1 .cont .lt .nav .course1_nav .swiper-slide {
  width: auto;
}
.coursebox-sec1 .cont .lt .nav .course1_nav .swiper-slide .item {
  cursor: pointer;
  line-height: 1.2;
  font-family: "AVANTGA";
  transition: all 0.4s;
  color: rgba(255, 255, 255, 0.4);
}
.coursebox-sec1 .cont .lt .nav .course1_nav .swiper-slide.on .item {
  color: #fff;
  font-size: 0.8rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .lt .nav .course1_nav .swiper-slide.on .item {
    font-size: 0.3rem;
  }
}
.coursebox-sec1 .cont .gt {
  width: 50%;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt {
    width: 100%;
    padding-top: 0;
    margin-bottom: 1.2rem;
  }
}
.coursebox-sec1 .cont .gt .item {
  width: 100%;
}
.coursebox-sec1 .cont .gt .item .li {
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0.35rem 0;
}
.coursebox-sec1 .cont .gt .item .li .date {
  font-weight: bold;
  line-height: 0.8;
  font-size: 0.48rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li .date {
    font-size: 0.52rem;
    margin-bottom: 0.4rem;
  }
}
@media (min-width: 768px) {
  .coursebox-sec1 .cont .gt .item .li .date {
    position: absolute;
    top: 0.3rem;
    left: -10px;
    z-index: 2;
  }
}
.coursebox-sec1 .cont .gt .item .li .date i {
  display: block;
  width: 0.26rem;
  overflow: hidden;
  margin-right: 0.2rem;
}
.coursebox-sec1 .cont .gt .item .li .date i img {
  float: left;
  width: 100%;
}
@media (min-width: 768px) {
  .coursebox-sec1 .cont .gt .item .li .date span {
    color: #fff;
  }
}
.coursebox-sec1 .cont .gt .item .li .img {
  width: 100%;
  position: relative;
  display: block;
  padding-bottom: 42.222%;
  overflow: hidden;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li .img {
    padding-bottom: 49.222%;
  }
}
.coursebox-sec1 .cont .gt .item .li .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media (min-width: 1261px) {
  .coursebox-sec1 .cont .gt .item .li .img:hover img {
    -webkit-transform: scale(1.04);
    transform: scale(1.04);
  }
}
.coursebox-sec1 .cont .gt .item .li .jut {
  width: 100%;
  padding-right: 1.25rem;
}
@media (max-width: 1260px) {
  .coursebox-sec1 .cont .gt .item .li .jut {
    padding-right: 1rem;
  }
}
@media (max-width: 991px) {
  .coursebox-sec1 .cont .gt .item .li .jut {
    padding-right: 0;
  }
}
.coursebox-sec1 .cont .gt .item .li .jut .list1 {
  display: flex;
  align-items: flex-start;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 28px;
  letter-spacing: 0px;
  margin-bottom: 0.16rem;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .gt .item .li .jut .list1 {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li .jut .list1 {
    line-height: 24px;
  }
}
.coursebox-sec1 .cont .gt .item .li .jut .list1:last-child {
  margin-bottom: 0;
}
.coursebox-sec1 .cont .gt .item .li .jut .list1 .yue {
  font-size: 20px;
  width: 78px;
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .gt .item .li .jut .list1 .yue {
    width: 70px;
    font-size: 18px;
  }
}
@media (max-width: 1260px) {
  .coursebox-sec1 .cont .gt .item .li .jut .list1 .yue {
    font-size: 16px;
    width: 58px;
  }
}
.coursebox-sec1 .cont .gt .item .li .jut .list1 .name {
  display: block;
  width: calc(100% - 78px);
}
@media (max-width: 1580px) {
  .coursebox-sec1 .cont .gt .item .li .jut .list1 .name {
    width: calc(100% - 70px);
  }
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li {
    padding: 0.65rem 0;
  }
}
.coursebox-sec1 .cont .gt .item .li .zz-date {
  line-height: 1.2;
}
.coursebox-sec1 .cont .gt .item .li ul {
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li ul {
    margin-top: 0.3rem;
  }
}
.coursebox-sec1 .cont .gt .item .li ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li ul li {
    font-size: 0.28rem;
  }
}
.coursebox-sec1 .cont .gt .item .li ul li:last-child {
  margin-bottom: 0;
}
.coursebox-sec1 .cont .gt .item .li ul li::before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background: #fff;
  top: 12px;
  left: 0;
  border-radius: 1000px;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item .li ul li::before {
    top: 8px;
  }
}
.coursebox-sec1 .cont .gt .item:last-child .li:last-child {
  margin-bottom: 3.5rem;
}
@media (max-width: 767px) {
  .coursebox-sec1 .cont .gt .item:last-child .li:last-child {
    margin-bottom: 0;
  }
}
.about3 {
  padding: 1.8rem 0 2.15rem;
}
@media (max-width: 767px) {
  .about3 {
    padding: 1.1rem 0 0;
  }
}
.about3 .zz-public-title2 .zz-text {
  color: #666;
  line-height: 1.8em;
}
.about3 ul {
  margin-top: 1.3rem;
}
@media (max-width: 767px) {
  .about3 ul {
    margin-top: 0.8rem;
  }
}
.about3 ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.4rem;
}
@media (max-width: 767px) {
  .about3 ul li {
    flex-direction: column;
    margin-bottom: 1.2rem;
  }
}
@media (min-width: 991px) {
  .about3 ul li:nth-of-type(even) .zz-left {
    order: 1;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .about3 ul li:nth-of-type(even) .zz-right {
    order: 0;
  }
}
@media (max-width: 991px) {
  .about3 ul li:nth-of-type(even) .zz-left {
    order: 1;
    padding-right: 0rem;
    padding-left: 0.2rem;
  }
}
.about3 ul li .zz-left {
  width: 49%;
  display: flex;
  flex-direction: column;
  padding-right: 2rem;
}
@media (max-width: 991px) {
  .about3 ul li .zz-left {
    padding-right: 0.2rem;
  }
}
@media (max-width: 767px) {
  .about3 ul li .zz-left {
    order: 1;
    width: 100%;
  }
}
.about3 ul li .zz-left .zz-box {
  padding-top: 0.35rem;
}
@media (max-width: 767px) {
  .about3 ul li .zz-left .zz-box {
    padding-top: 0.5rem;
  }
}
.about3 ul li .zz-left .h3 {
  color: #000;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .about3 ul li .zz-left .h3 {
    font-size: 0.36rem;
  }
}
.about3 ul li .zz-left .zz-text {
  line-height: 1.8em;
  color: #666;
  margin-top: 0.25rem;
  height: 180px;
  padding-right: 10px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.about3 ul li .zz-left .zz-text::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.about3 ul li .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.about3 ul li .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1366px) {
  .about3 ul li .zz-left .zz-text {
    height: 160px;
  }
}
@media (max-width: 1280px) {
  .about3 ul li .zz-left .zz-text {
    height: 140px;
  }
}
@media (max-width: 1260px) {
  .about3 ul li .zz-left .zz-text {
    height: 145px;
  }
}
@media (max-width: 991px) {
  .about3 ul li .zz-left .zz-text {
    height: 1.65rem;
  }
}
@media (max-width: 767px) {
  .about3 ul li .zz-left .zz-text {
    height: auto;
  }
}
.about3 ul li .zz-left .zz-icon {
  width: 0.95rem;
  height: 0.95rem;
  border: 1px solid #3ea9b9;
  border-radius: 1000px;
  border-top-left-radius: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .about3 ul li .zz-left .zz-icon {
    margin-top: 0.5rem;
  }
}
.about3 ul li .zz-left .zz-icon img,
.about3 ul li .zz-left .zz-icon svg {
  width: 0.4rem;
}
.about3 ul li .zz-right {
  width: 49%;
}
@media (max-width: 767px) {
  .about3 ul li .zz-right {
    order: 0;
    width: 100%;
  }
}
.about3 ul li .zz-right .public-img {
  width: 100%;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  overflow: hidden;
}
.about3 ul li .zz-right .public-img img {
  transition: all 0.8s;
}
.about3 ul li .zz-right .public-img:hover img {
  transform: scale(1.05);
}
.about3 ul li .zz-right .public-img::before {
  padding-top: 68.7%;
}
@media (max-width: 991px) {
  .about3 ul li .zz-right .public-img::before {
    padding-top: 80%;
  }
}
.about3 ul li .zz-right .public-img img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.about4 {
  padding: 2.3rem 0 2.6rem;
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .about4 {
    padding: 1.1rem 0;
    background-attachment: scroll;
  }
}
.about4 .zz-title-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding: 0 2.8rem;
}
@media (max-width: 1366px) {
  .about4 .zz-title-box {
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .about4 .zz-title-box {
    padding: 0;
  }
}
.about4 .zz-title-box .h2,
.about4 .zz-title-box .zz-tips {
  text-align: center;
}
.about4 .zz-title-box .zz-tips {
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .about4 .zz-title-box .zz-tips {
    margin-bottom: 0.35rem;
    font-size: 0.4rem;
  }
}
@media (max-width: 767px) {
  .about4 .zz-title-box .h2 {
    font-size: 0.28rem;
  }
}
.about5 {
  padding: 1.4rem 0 1.9rem;
}
@media (max-width: 767px) {
  .about5 {
    padding: 1.1rem 0;
  }
}
.about5 .zz-public-title2 {
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .about5 .zz-public-title2 {
    margin-bottom: 0.7rem;
  }
}
.about5 ul li {
  display: flex;
  justify-content: space-between;
  background: #f4fafb;
  transition: all 0.4s;
  margin-bottom: 0.6rem;
  border-top-right-radius: 1rem;
}
@media (max-width: 767px) {
  .about5 ul li {
    flex-direction: column;
  }
}
.about5 ul li:last-child {
  margin-bottom: 0;
}
.about5 ul li:hover {
  background: #3ea9b9;
}
.about5 ul li:hover .zz-left .zz-icon img path,
.about5 ul li:hover .zz-left .zz-icon svg path {
  fill: #fff;
}
.about5 ul li:hover .zz-left .h3,
.about5 ul li:hover .zz-left .h3 span,
.about5 ul li:hover .zz-left .zz-text {
  color: #fff;
}
.about5 ul li:hover .zz-right .public-img img {
  transform: scale(1.05);
}
.about5 ul li .zz-left {
  width: 62%;
  padding-left: 0.9rem;
  padding-right: 1.7rem;
  padding-top: 0.9rem;
}
@media (max-width: 991px) {
  .about5 ul li .zz-left {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }
}
@media (max-width: 767px) {
  .about5 ul li .zz-left {
    width: 100%;
    order: 1;
    padding: 0.6rem 0.4rem;
  }
}
.about5 ul li .zz-left .zz-icon {
  width: 0.65rem;
  height: 0.65rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 991px) {
  .about5 ul li .zz-left .zz-icon {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 767px) {
  .about5 ul li .zz-left .zz-icon {
    margin-bottom: 0.4rem;
  }
}
.about5 ul li .zz-left .zz-icon img,
.about5 ul li .zz-left .zz-icon svg {
  width: 100%;
  height: 100%;
}
.about5 ul li .zz-left .zz-icon img path,
.about5 ul li .zz-left .zz-icon svg path {
  transition: all 0.4s;
  fill: #3ea9b9;
}
.about5 ul li .zz-left .h3 {
  line-height: 1.27272727em;
  color: #000;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .about5 ul li .zz-left .h3 {
    font-size: 0.32rem;
  }
}
.about5 ul li .zz-left .h3 span {
  color: #3ea9b9;
  transition: inherit;
}
.about5 ul li .zz-left .zz-text {
  margin-top: 0.2rem;
  line-height: 1.8em;
  color: #666;
  max-height: 1.8rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  transition: all 0.4s;
}
.about5 ul li .zz-left .zz-text::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.about5 ul li .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.about5 ul li .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1366px) {
  .about5 ul li .zz-left .zz-text {
    max-height: 2.9rem;
  }
}
@media (max-width: 1260px) {
  .about5 ul li .zz-left .zz-text {
    max-height: 3rem;
  }
}
@media (max-width: 991px) {
  .about5 ul li .zz-left .zz-text {
    max-height: 1.65rem;
  }
}
@media (max-width: 767px) {
  .about5 ul li .zz-left .zz-text {
    font-size: 0.28rem;
    max-height: unset;
    margin-top: 0.35rem;
  }
}
.about5 ul li .zz-right {
  width: 38%;
}
@media (max-width: 767px) {
  .about5 ul li .zz-right {
    width: 100%;
    order: 0;
  }
}
.about5 ul li .zz-right .public-img {
  width: 100%;
  border-bottom-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.about5 ul li .zz-right .public-img img {
  border-bottom-left-radius: inherit;
  border-top-right-radius: inherit;
}
.about5 ul li .zz-right .public-img::before {
  padding-top: 114.03%;
}
@media (max-width: 767px) {
  .about5 ul li .zz-right .public-img::before {
    padding-top: 70%;
  }
}
.develop1 {
  position: relative;
}
.develop1 .svgbox {
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  width: 58.5%;
}
.develop1 .svgbox path {
  stroke-dasharray: 200%;
  stroke-dashoffset: -200%;
}
.develop1 .container {
  position: relative;
  z-index: 3;
  padding: 1.65rem 0 2.15rem;
}
@media (max-width: 767px) {
  .develop1 .container {
    padding: 1.1rem 0 0.8rem;
  }
}
.develop1 .zz-public-title2 .zz-text {
  color: #666666;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .develop1 .zz-public-title2 .zz-text {
    margin-top: 0.4rem;
  }
}
.develop2 {
  position: relative;
  overflow: hidden;
}
.develop2 .svgbox {
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 4.2%;
  width: 76%;
}
.develop2 .svgbox path {
  stroke-dasharray: 200%;
  stroke-dashoffset: -200%;
}
.develop2 .zz-box1 {
  position: relative;
  z-index: 3;
}
.develop2 .zz-box1 .zz-boxs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs {
    flex-direction: column;
    margin-bottom: 1rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #eee;
  }
}
.develop2 .zz-box1 .zz-boxs:last-child {
  margin-bottom: 0;
}
.develop2 .zz-box1 .zz-boxs.zz-boxs2 .zz-left {
  order: 1;
}
.develop2 .zz-box1 .zz-boxs.zz-boxs2 .zz-right {
  order: 0;
}
.develop2 .zz-box1 .zz-boxs .zz-left {
  width: 40%;
  padding-top: 0.7rem;
}
@media (max-width: 991px) {
  .develop2 .zz-box1 .zz-boxs .zz-left {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs .zz-left {
    width: 100%;
    order: 1;
  }
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-tips {
  color: #999;
  margin-bottom: 0.4rem;
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-title {
  line-height: 1.27272727em;
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs .zz-left .zz-title {
    font-size: 0.36rem;
  }
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-text {
  margin-top: 0.25rem;
  line-height: 1.8em;
  color: #666;
  max-height: 3.7rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  padding-right: 10px;
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-text::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.develop2 .zz-box1 .zz-boxs .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
@media (max-width: 1366px) {
  .develop2 .zz-box1 .zz-boxs .zz-left .zz-text {
    max-height: 4.4rem;
  }
}
@media (max-width: 1260px) {
  .develop2 .zz-box1 .zz-boxs .zz-left .zz-text {
    max-height: 4.8rem;
  }
}
@media (max-width: 991px) {
  .develop2 .zz-box1 .zz-boxs .zz-left .zz-text {
    max-height: 2.1rem;
  }
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs .zz-left .zz-text {
    font-size: 0.28rem;
    max-height: unset;
    margin-top: 0.35rem;
  }
}
.develop2 .zz-box1 .zz-boxs .zz-right {
  width: 42.66%;
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs .zz-right {
    width: 100%;
    order: 0;
  }
}
.develop2 .zz-box1 .zz-boxs .zz-right .public-img {
  width: 100%;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.develop2 .zz-box1 .zz-boxs .zz-right .public-img img {
  border-top-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.develop2 .zz-box1 .zz-boxs .zz-right .public-img::before {
  padding-top: 109.37%;
}
@media (max-width: 767px) {
  .develop2 .zz-box1 .zz-boxs .zz-right .public-img::before {
    padding-top: 80%;
  }
}
.develop2 .zz-box2 {
  margin-top: 2.15rem;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .develop2 .zz-box2 {
    margin-top: 1.1rem;
  }
}
.develop2 .zz-box2 .zz-public-title2 .zz-text {
  color: #666;
}
.develop2 .zz-box2 .zz-imgbox {
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.45rem 0;
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box2 .zz-imgbox {
    margin-top: 0.75rem;
    background-attachment: scroll;
  }
}
.develop2 .zz-box2 .zz-imgbox .zz-cont {
  width: 3.85rem;
  height: 3.15rem;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .develop2 .zz-box2 .zz-imgbox .zz-cont {
    width: 3rem;
    height: 2.6rem;
    font-size: 0.34rem;
  }
}
.develop2 .zz-box2 .zz-imgbox .zz-cont:nth-of-type(1) {
  background-image: url('../images/zz-160.png');
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-right: 0.3rem;
}
.develop2 .zz-box2 .zz-imgbox .zz-cont:nth-of-type(2) {
  background-image: url('../images/zz-161.png');
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 0.3rem;
}
.develop2 .zz-box3 {
  position: relative;
  z-index: 3;
  padding: 1.85rem 0 1.95rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 {
    padding: 1.1rem 0 0.2rem;
  }
}
.develop2 .zz-box3 .zz-nav {
  margin-top: 0.25rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-nav {
    display: -webkit-box;
    overflow-x: auto;
    flex-wrap: unset;
    justify-content: unset;
    margin-top: 0.5rem;
    padding-bottom: 0.3rem;
  }
}
.develop2 .zz-box3 .zz-nav .zz-li {
  margin-right: 0.7rem;
  margin-bottom: 0.4rem;
  color: #999;
  transition: all 0.4s;
  padding-bottom: 10px;
  position: relative;
  cursor: pointer;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-nav .zz-li {
    margin-right: 0.6rem;
  }
}
.develop2 .zz-box3 .zz-nav .zz-li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #3ea9b9;
  transition: all 0.4s;
  opacity: 0;
  bottom: 0;
  left: 0;
}
.develop2 .zz-box3 .zz-nav .zz-li:hover,
.develop2 .zz-box3 .zz-nav .zz-li.on {
  color: #333;
}
.develop2 .zz-box3 .zz-nav .zz-li:hover::before,
.develop2 .zz-box3 .zz-nav .zz-li.on::before {
  opacity: 1;
}
.develop2 .zz-box3 .zz-nav .zz-li:last-child {
  margin-right: 0;
}
.develop2 .zz-box3 .zz-bigbox .zz-listBox {
  display: none;
}
.develop2 .zz-box3 .zz-bigbox .zz-listBox:nth-of-type(1) {
  display: block;
}
.develop2 .zz-box3 .zz-bigbox .zz-listBox .zz-box {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-bigbox .zz-listBox .zz-box {
    flex-direction: column;
  }
}
.develop2 .zz-box3 .zz-bigbox .zz-list {
  width: 46.66%;
  margin-right: 6.68%;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-bigbox .zz-list {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.develop2 .zz-box3 .zz-bigbox .zz-list:nth-of-type(2n+2) {
  margin-right: 0;
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox {
  position: relative;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox {
    margin-bottom: 0.45rem;
  }
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .zz-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60%;
  width: 60%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .zz-icon {
    width: 40%;
    height: 40%;
  }
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .zz-icon img,
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .zz-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .public-img {
  width: 100%;
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-imgbox .public-img::before {
  padding-top: 57.14%;
}
.develop2 .zz-box3 .zz-bigbox .zz-list .h3 {
  line-height: 1.2;
  color: #000;
}
.develop2 .zz-box3 .zz-bigbox .zz-list .zz-text {
  line-height: 1.8em;
  color: #666;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
}
.develop2 .zz-box4 {
  position: relative;
  z-index: 3;
}
.develop2 .zz-box4 .h2 {
  text-align: center;
  margin-bottom: 0.5rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box4 .h2 {
    margin-bottom: 0.65rem;
  }
}
.develop2 .zz-box4 .zz-boxs {
  background: #f4fafb;
}
.develop2 .zz-box4 .zz-boxs .container {
  padding: 0.85rem 0rem 0.95rem 1.1rem;
}
@media (max-width: 991px) {
  .develop2 .zz-box4 .zz-boxs .container {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .develop2 .zz-box4 .zz-boxs .container {
    padding: 1.1rem 0rem 1.1rem 0rem;
  }
}
.develop2 .zz-box4 .zz-boxs .zz-li {
  display: flex;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .develop2 .zz-box4 .zz-boxs .zz-li {
    margin-bottom: 0.7rem;
  }
}
.develop2 .zz-box4 .zz-boxs .zz-li:last-child {
  margin-bottom: 0;
}
.develop2 .zz-box4 .zz-boxs .zz-li .zz-num {
  font-size: 0.7rem;
  line-height: 1;
  font-family: "AVANTGA";
  color: #2794a5;
  margin-right: 0.4rem;
}
.develop2 .zz-box4 .zz-boxs .zz-li .zz-cont .zz-text {
  color: #666;
  line-height: 1.8em;
}
@media (max-width: 767px) {
  .develop2 .zz-box4 .zz-boxs .zz-li .zz-cont .zz-text {
    margin-top: 0.2rem;
  }
}
.develop2 .zz-box4 .zz-boxs .zz-tips {
  padding-left: 0.8rem;
  color: #2794a5;
}
.develop3 {
  padding: 1.9rem 0 2.1rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .develop3 {
    padding: 1.1rem 0 1.2rem;
  }
}
.develop3 .svgbox {
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -4px;
  width: 78%;
}
@media (max-width: 991px) {
  .develop3 .svgbox {
    width: 95%;
  }
}
.develop3 .svgbox path {
  stroke-dasharray: 200%;
  stroke-dashoffset: -200%;
}
.develop3 .zz-radioBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .develop3 .zz-radioBox {
    margin-top: 0.7rem;
  }
}
.develop3 .zz-radioBox .zz-radio {
  width: 1.55rem;
  height: 1.55rem;
  border: 1px solid #3ea9b9;
  border-radius: 1000px;
  border-top-left-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.4s;
  margin-right: 1.9rem;
  background: #fff;
}
@media (max-width: 991px) {
  .develop3 .zz-radioBox .zz-radio {
    min-width: 120px;
    min-height: 120px;
    margin-right: 1.6rem;
  }
}
@media (max-width: 767px) {
  .develop3 .zz-radioBox .zz-radio {
    width: 2.2rem;
    height: 2.2rem;
    min-width: 2.2rem;
    min-height: 2.2rem;
    font-size: 0.26rem;
    margin-right: 1rem;
    margin-bottom: 0.7rem;
  }
  .develop3 .zz-radioBox .zz-radio:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.develop3 .zz-radioBox .zz-radio:last-child {
  margin-right: 0;
}
.develop3 .zz-radioBox .zz-radio:hover,
.develop3 .zz-radioBox .zz-radio.on {
  background: #3ea9b9;
}
.develop3 .zz-radioBox .zz-radio:hover span,
.develop3 .zz-radioBox .zz-radio.on span {
  color: #fff;
}
.develop3 .zz-radioBox .zz-radio input {
  display: none;
}
.develop3 .zz-radioBox .zz-radio span {
  color: #249cad;
  transition: all 0.4s;
}
.develop3 .container {
  position: relative;
  z-index: 3;
}
.develop3 .h3 {
  padding: 0 1.45rem;
  margin-top: 0.6rem;
}
@media (max-width: 991px) {
  .develop3 .h3 {
    padding: 0;
    margin-top: 0;
  }
}
.develop3 .zz-form {
  margin-top: 0.25rem;
  padding: 0 1.45rem;
}
@media (max-width: 991px) {
  .develop3 .zz-form {
    margin-top: 0.5rem;
    padding: 0;
  }
}
.develop3 .zz-form .zz-list {
  display: flex;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .develop3 .zz-form .zz-list {
    margin-bottom: 0.5rem;
  }
}
.develop3 .zz-form .zz-list .zz-inputBox:nth-of-type(2) {
  margin-left: 0.4rem;
}
.develop3 .zz-title {
  margin-bottom: 0.15rem;
}
.develop3 .zz-title span {
  color: #3ea9b9;
  margin-right: 10px;
}
.develop3 .zz-inputBox {
  flex: 1;
}
.develop3 .zz-inputBox .zz-input {
  border: 1px solid #d5dfe0;
  height: 0.6rem;
  min-height: 45px;
}
@media (max-width: 991px) {
  .develop3 .zz-inputBox .zz-input {
    min-height: 0.8rem;
  }
}
.develop3 .zz-inputBox .zz-input input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  height: 100%;
  width: 100%;
  padding: 0 0.2rem;
  background: #fff;
}
.develop3 .zz-inputBox .zz-input input::-webkit-input-placeholder {
  color: #999;
}
.develop3 .zz-inputBox .zz-input input:-moz-placeholder {
  color: #999;
}
.develop3 .zz-inputBox .zz-input input::-moz-placeholder {
  color: #999;
}
.develop3 .zz-inputBox .zz-input input:-ms-input-placeholder {
  color: #999;
}
.develop3 .zz-textarea {
  border: 1px solid #d5dfe0;
  height: 1.5rem;
}
@media (max-width: 767px) {
  .develop3 .zz-textarea {
    height: 2.6rem;
  }
}
.develop3 .zz-textarea textarea {
  width: 100%;
  height: 100%;
  padding: 0.2rem;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  background: #fff;
}
.develop3 .zz-textarea textarea::-webkit-input-placeholder {
  color: #999;
}
.develop3 .zz-textarea textarea:-moz-placeholder {
  color: #999;
}
.develop3 .zz-textarea textarea::-moz-placeholder {
  color: #999;
}
.develop3 .zz-textarea textarea:-ms-input-placeholder {
  color: #999;
}
.develop3 .zz-tips {
  margin-top: 0.25rem;
  color: #999;
}
.develop3 .zz-tips span {
  color: #3ea9b9;
  margin-right: 10px;
}
.develop3 .public-btn3 {
  display: flex;
  justify-content: center;
  margin-top: 0.65rem;
}
.svgbox-wap {
  position: absolute;
  top: -7.3%;
  left: 0;
  width: 100%;
}
.svgbox-wap path {
  stroke-dasharray: 200%;
  stroke-dashoffset: -200%;
}
.develop-navBox {
  min-height: 55px;
}
.develop-nav {
  border-bottom: 1px solid #d8eef1;
  transition: all 0.4s;
  width: 100%;
  z-index: 500;
  background: rgba(255, 255, 255, 0.9);
}
.develop-nav.on {
  position: fixed;
  top: -100%;
}
.develop-nav.on3 {
  top: 0;
}
.develop-nav.on2 {
  top: 0.85rem;
}
@media (max-width: 991px) {
  .develop-nav.on2 {
    top: 1.2rem;
  }
}
.develop-nav .zz-scroll {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .develop-nav .zz-scroll {
    display: -webkit-box;
    overflow-x: auto;
  }
  .develop-nav .zz-scroll::-webkit-scrollbar {
    height: 0;
  }
}
.develop-nav .zz-scroll .zz-navLi {
  padding: 0.15rem 0;
  color: #999;
  transition: all 0.4s;
  margin-right: 1rem;
  cursor: pointer;
  display: flex;
}
@media (max-width: 767px) {
  .develop-nav .zz-scroll .zz-navLi {
    padding: 0.3rem 0;
    margin-right: 0.6rem;
  }
}
.develop-nav .zz-scroll .zz-navLi:last-child {
  margin-right: 0;
}
.develop-nav .zz-scroll .zz-navLi:hover,
.develop-nav .zz-scroll .zz-navLi.on {
  color: #000;
}
.develop-top {
  padding-top: 1.4rem;
  margin-top: -1.4rem;
}
.drop-downBox {
  position: absolute;
  width: 100%;
  top: 0.85rem;
  left: 0;
  display: none;
  z-index: 800;
}
.drop-downBox.on {
  top: 0.85rem;
  opacity: 1;
}
.drop-downBox::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 0.3rem;
  z-index: -1;
  top: -0.3rem;
  left: 0;
}
@media (max-width: 1260px) {
  #c-header .c-gn {
    display: flex;
  }
}
@media (max-width: 991px) {
  #c-header .c-gn {
    display: none;
  }
}
.drop-downBox3 {
  background: #fff;
  height: 1.3rem;
}
.drop-downBox3 .container {
  display: flex;
  align-items: center;
  justify-content: center !important;
  height: 100%;
}
.drop-downBox3 .zz-form {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 10px;
}
.drop-downBox3 input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  width: 7.15rem;
  padding: 0 0.3rem;
  height: 0.5rem;
}
.drop-downBox3 input::-webkit-input-placeholder {
  color: #999;
}
.drop-downBox3 input:-moz-placeholder {
  color: #999;
}
.drop-downBox3 input::-moz-placeholder {
  color: #999;
}
.drop-downBox3 input:-ms-input-placeholder {
  color: #999;
}
.drop-downBox3 button {
  background-color: #249cad;
  border-radius: 0 0.2rem 0 0.2rem;
  padding: 0.1rem 0.2rem;
  display: inline-flex;
  align-items: center;
}
.drop-downBox3 button span {
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.drop-downBox3 button img,
.drop-downBox3 button svg {
  margin-left: 10px;
  width: 0.2rem;
}
#c-header .c-gn .ztop-search .cn1.on img:nth-of-type(1),
#c-header .c-gn .ztop-search .cn1.on svg:nth-of-type(1) {
  opacity: 0;
}
#c-header .c-gn .ztop-search .cn1.on img:nth-of-type(2),
#c-header .c-gn .ztop-search .cn1.on svg:nth-of-type(2) {
  opacity: 1;
}
#c-header .c-gn .ztop-search .cn1 img,
#c-header .c-gn .ztop-search .cn1 svg {
  transition: all 0.4s;
}
#c-header .c-gn .ztop-search .cn1 img:nth-of-type(2),
#c-header .c-gn .ztop-search .cn1 svg:nth-of-type(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
#c-header .c-nav2 .zz-search {
  border-top: 1px solid #f1f1f1;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 0.4rem;
}
#c-header .c-nav2 .zz-search .zz-box {
  display: flex;
  width: 100%;
  height: 0.8rem;
  border: 1px solid #f1f1f1;
  border-radius: 1000px;
  justify-content: space-between;
  margin-top: 0.6rem;
}
#c-header .c-nav2 .zz-search .zz-box input {
  flex: 1;
  padding: 0 0.4rem;
}
#c-header .c-nav2 .zz-search .zz-box .zz-btn {
  width: 1rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#c-header .c-nav2 .zz-search .zz-box .zz-btn img,
#c-header .c-nav2 .zz-search .zz-box .zz-btn svg {
  width: 0.3rem;
  height: 0.3rem;
}
#c-header .c-nav2 .zz-search .zz-lng {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  line-height: 1;
  margin-top: 0.5rem;
}
#c-header .c-nav2 .zz-search .zz-lng span {
  margin: 0 0.3rem;
}
#c-header .c-nav2 .zz-search .zz-lng a {
  color: inherit;
}
#c-header .c-nav > li:hover .drop-downBox2 .drop-ul2 .drop-li2 .zz-a {
  color: #666 !important;
}
#c-header .c-nav > li:hover .drop-downBox1 .drop-li a {
  color: #222 !important;
}
.drop-downBox2 {
  height: 3rem;
  position: fixed;
  display: none;
  top: 0.9rem;
  opacity: 1;
}
.drop-downBox2 > .zz_w1500 {
  background: #fff;
  height: 100%;
  border-radius: 10px;
}
.drop-downBox2 .drop-ul1 {
  display: flex;
  position: relative;
  border-radius: 10px;
  height: 100%;
}
.drop-downBox2 .drop-ul1 .drop-li1 {
  position: relative;
  width: 25%;
  padding: 0.4rem 0.55rem;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #f2f2f2;
}
.drop-downBox2 .drop-ul1 .drop-li1:nth-of-type(1) {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.drop-downBox2 .drop-ul1 .drop-li1:nth-of-type(1) .zz-bgimg {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.drop-downBox2 .drop-ul1 .drop-li1:last-child {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
  border-right: 0;
}
.drop-downBox2 .drop-ul1 .drop-li1:last-child .zz-bgimg {
  border-top-right-radius: inherit;
  border-bottom-right-radius: inherit;
}
.drop-downBox2 .drop-ul1 .drop-li1 .zz-title {
  position: relative;
  z-index: 2;
  text-align: left;
}
.drop-downBox2 .drop-ul1 .drop-li1 .zz-bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 {
  flex: 1;
  margin-top: 0.2rem;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  position: relative;
  z-index: 2;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2::-webkit-scrollbar {
  width: 2px;
  /*对垂直流动条有效*/
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #ddd;
  background-color: #ddd;
  border-radius: 3px;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3ea9b9;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 .drop-li2 {
  margin-bottom: 0.1rem;
  text-align: left;
  padding-right: 0.2rem;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 .drop-li2:hover .zz-a {
  color: #666 !important;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 .drop-li2 .zz-a {
  background: transparent !important;
  color: #666 !important;
  display: inline-flex !important;
  padding: 0 0rem !important;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 .drop-li2 .zz-a span {
  transition: all 0.4s;
}
.drop-downBox2 .drop-ul1 .drop-li1 .drop-ul2 .drop-li2 .zz-a span:hover {
  color: #3ea9b9;
  text-decoration: underline;
}
.drop-downBox1 {
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  display: none;
  top: 0.7rem;
  opacity: 1;
}
.drop-downBox1 .drop-li {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0.15rem !important;
  border-bottom: 0;
  background: #fff;
  min-width: 1.5rem;
}
.drop-downBox1 .drop-li:nth-of-type(1) {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.drop-downBox1 .drop-li:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.drop-downBox1 .drop-li a {
  white-space: nowrap;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  width: 100%;
  justify-content: center;
  color: #222 !important;
  padding: 0 !important;
}
.drop-downBox1 .drop-li a span {
  transition: all 0.4s;
  padding: 0.2rem 0.15rem !important;
  display: inline-flex;
  width: 100%;
  justify-content: center;
}
.drop-downBox1 .drop-li a span:hover {
  color: #3ea9b9 !important;
}
#c-header {
  z-index: 9999;
}
.contact {
  background: #f4fafb;
  padding: 0.9rem 0 0.4rem;
}
@media (max-width: 767px) {
  .contact {
    padding: 1.1rem 0;
  }
}
.contact ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.contact ul li {
  background: #fff;
  border-radius: 10px;
  width: 31.85%;
  margin-right: 2.22%;
  padding: 0.5rem 0.4rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0.5rem;
  transition: all 0.4s;
}
.contact ul li:hover {
  transform: translateY(-10px);
}
.contact ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
.contact ul li .h3 {
  line-height: 1.2;
}
.contact ul li .zz-text {
  margin-top: 0.15rem;
}
@media (max-width: 991px) {
  .contact ul li .zz-text {
    font-size: 0.28rem;
  }
}
@media (max-width: 767px) {
  .contact ul li .zz-text {
    margin-top: 0.3rem;
  }
}
.contact ul li .public-btn3 {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .contact ul li .public-btn3 {
    margin-top: 0.7rem;
  }
}
@media (max-width: 991px) {
  .contact ul li {
    width: 48.89%;
  }
  .contact ul li:nth-of-type(3n+3) {
    margin-right: 2.22%;
  }
  .contact ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .contact ul li {
    width: 100%;
    margin-right: 0;
  }
}
/*# sourceMappingURL=./zz-style.css.map */