@import "style.css";
.zz_w1700 {
  margin: 0 auto;
  width: 84%;
  max-width: 1700px;
}
@media (max-width: 1260px) {
  .zz_w1700 {
    width: 90%;
  }
}
.zz_w1400 {
  margin: 0 auto;
  width: 85%;
  max-width: 1400px;
}
@media (max-width: 1260px) {
  .zz_w1400 {
    width: 90%;
  }
}
img {
  max-width: 100%;
}
.font44 {
  font-size: 0.44rem;
}
@media (max-width: 1580px) {
  .font44 {
    font-size: 32px;
  }
}
@media (max-width: 1260px) {
  .font44 {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .font44 {
    font-size: 0.4rem;
  }
}
.font14 {
  font-size: 16px;
}
@media (max-width: 1580px) {
  .font14 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .font14 {
    font-size: 0.28rem;
  }
}
/*@font-face {*/
/*  font-family: "itc";*/
/*  src: url("../font/ITCAvantGardePro-Bk.otf") format("truetype");*/
/*}*/
.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;
}
@keyframes fadeInUp2 {
  from {
    opacity: 0;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-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 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 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);
}
.fadeInUpimg {
  -webkit-animation-name: fadeInUpimg;
  animation-name: fadeInUpimg;
}
@keyframes fadeInUpimg {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: none;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.rotate {
  -webkit-animation-name: rotate;
  animation-name: rotate;
}
@keyframes box1run {
  from {
    stroke-dasharray: 180;
  }
  to {
    stroke-dasharray: 360 ;
  }
}
.font28 {
  font-size: 28px;
}
@media (max-width: 1580px) {
  .font28 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .font28 {
    font-size: 0.36rem;
  }
}
.public-img {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.public-img > img {
  width: 100%;
  transition: all 0.5s;
}
.public-nybn {
  position: relative;
  overflow: hidden;
/*  height: 65vh; */
}
.public-nybn .bgimg {
	/* position: absolute; */
  position: relative;
/*  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: flex-start;
}
.public-nybn .bn-title {
  height: auto;
  width: 100%;
  display: flex;
  align-items: center;
  animation: fadeInUp2 2s forwards;
  justify-content: center;
  padding-top: 3.5rem;
}
@media (max-width: 1580px) {
  .public-nybn .bn-title {
    padding-top: 0;
    height: 100%;
  }
}
.public-nybn .bn-title .zz_w1700 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}
@media (max-width: 767px) {
  .public-nybn .bn-title .zz_w1700 {
    padding: 0;
  }
}
.public-nybn .bn-title .h2 {
  color: #fff;
  text-align: left;
  line-height: 1.4em;
}
.public-nybn .bn-title .zz-tips {
  color: #fff;
  margin-top: 10px;
}
@media (max-width: 1580px) {
  .public-nybn .bn-title .zz-tips {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .public-nybn .bn-title .zz-tips {
    margin-top: 0.25rem;
    font-size: 0.28rem;
  }
}
.public-nybn .bn-title .zz-tips2 {
  color: #fff;
  margin-bottom: 0.1rem;
  text-align: center;
}
@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;
  }
}
@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 {
    height: auto;
	margin-top: 60px;
  }
  .public-nybn .bn-title {
    padding-top: 0;
    height: 100%;
  }
  .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.44rem;
  }
  .public-nybn .bn-title .c-tips {
    font-size: 0.28rem;
  }
}
/*Plugin CSS*/
.str_wrap {
  /* overflow:hidden; */
  width: 100%;
  font-size: 12px;
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  background: transparent;
  white-space: nowrap;
}
.str_wrap.str_active {
  background: transparent;
}
.str_move {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  cursor: move;
  display: flex;
}
.str_move_clone {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  left: 100%;
  top: 0;
}
.str_vertical .str_move_clone {
  left: 0;
  top: 100%;
}
.str_down .str_move_clone {
  left: 0;
  bottom: 100%;
}
.str_vertical .str_move,
.str_down .str_move {
  white-space: normal;
  width: 100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move {
  cursor: inherit;
}
.str_wrap img {
  max-width: none !important;
}
@media (max-width: 1580px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  body {
    font-size: 0.28rem;
  }
}
@media (max-width: 1580px) {
  .font16 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .font16 {
    font-size: 0.32rem;
  }
}
.disclaimers {
  padding: 1.4rem 0 1.5rem;
}
@media (max-width: 767px) {
  .disclaimers {
    padding: 1.1rem 0;
  }
}
.disclaimers .zz-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 0.2rem;
  margin-left: 2rem;
  margin-right: 2rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .disclaimers .zz-title-box {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .disclaimers .zz-title-box {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0.4rem;
  }
}
.disclaimers .zz-title-box .zz-title {
  color: #222;
}
.disclaimers .zz-title-box .zz-title .h2 {
  line-height: 1.2;
}
.disclaimers .zz-title-box .zz-date-box {
  color: #999;
  display: flex;
}
.disclaimers .zz-title-box .zz-date-box .zz-date1 {
  margin-right: 0.15rem;
}
@media (max-width: 767px) {
  .disclaimers .zz-title-box .zz-date-box {
    margin-top: 0.3rem;
  }
}
.disclaimers .zz-box {
  margin-top: 0.35rem;
  line-height: 1.85714286em;
  padding: 0 2rem;
}
@media (max-width: 991px) {
  .disclaimers .zz-box {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .disclaimers .zz-box .zz-cont {
    font-size: 0.28rem;
  }
}
.map {
  padding: 0.95rem 0 3.35rem;
}
@media (max-width: 767px) {
  .map {
    padding: 1.1rem 0;
  }
}
.map .zz-title-box {
  padding-bottom: 0.85rem;
}
.map .zz-title-box .h2 {
  color: #222;
  text-align: center;
}
.map .zz-box {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .map .zz-box {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .map .zz-box .zz-list {
    margin-bottom: 0.8rem;
  }
}
.map .zz-box .zz-title a {
  color: #222;
  transition: all 0.4s;
}
.map .zz-box ul {
  margin-top: 0.3rem;
}
.map .zz-box ul li {
  margin-bottom: 0.15rem;
}
.map .zz-box ul li:last-child {
  margin-bottom: 0;
}
.map .zz-box ul li a {
  color: #999;
  transition: all 0.4s;
  padding-bottom: 5px;
  position: relative;
}
.map .zz-box ul li a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  opacity: 0;
}
.map .zz-box ul li a:hover {
  color: #000;
}
.map .zz-box ul li a:hover::before {
  opacity: 1;
}
.zz-public-title .h2 {
  color: #010101;
  line-height: 1.2;
}
.zz-public-title .zz-text {
  color: #999;
  line-height: 1.71428571em;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .zz-public-title .zz-text {
    margin-top: 0.3rem;
  }
}
.zz-public-title2 .h2 {
  color: #010101;
  line-height: 1.2;
  text-align: center;
}
.zz-public-title2>p{text-align: center;}
.zz-public-title2 .zz-text {
  line-height: 1.71428571em;
  color: #999;
  text-align: center;
  margin: 0 auto;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .zz-public-title2 .zz-text {
    margin-top: 0.45rem;
  }
}
.public-swpBtn {
  width: 0.55rem;
  height: 0.55rem;
  min-width: 40px;
  min-height: 40px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  opacity: 1;
  overflow: unset;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  border-radius: 1000px;
  margin-top: 0;
  border: 1px solid #c0bebd;
}
.public-swpBtn.swiper-button-disabled {
  opacity: 1;
}
@media (max-width: 767px) {
  .public-swpBtn {
    width: 0.8rem;
    height: 0.8rem;
    min-width: 0.8rem;
    min-height: 0.8rem;
  }
}
.public-swpBtn svg {
  width: 0.21rem;
  min-width: 8px;
}
@media (max-width: 767px) {
  .public-swpBtn svg {
    width: 0.26rem;
  }
}
.public-swpBtn svg path {
  fill: #c0bebd !important;
  opacity: 1;
  transition: all 0.4s;
}
.public-swpBtn:hover svg path {
  fill: #000 !important;
}
.public-swpBtn.on svg path {
  fill: #000 !important;
}
.public-swpBtn.swiper-button-next img,
.public-swpBtn.swiper-button-next svg {
  transform: rotate(180deg);
}
.public-swpBtn .svgbox {
  position: absolute;
  left: -1px;
  top: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}
.public-swpBtn .svgbox svg {
  width: calc(100%);
  height: calc(100%);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-90deg);
  z-index: 5;
}
.public-swpBtn .svgbox svg .x-ba2 {
  stroke: #000;
  stroke-width: 1px;
  fill: none;
  stroke-dasharray: 0;
  stroke-dashoffset: 140;
}
.public-swpBtn .svgbox svg.on .x-ba1 {
  opacity: 0.35;
}
.public-swpBtn .svgbox svg.on .x-ba2 {
  opacity: 0;
}
.public-swpBtn .svgbox svg.on2 .x-ba2 {
  opacity: 1;
  animation: box1run 5.5s linear infinite;
  animation-iteration-count: 1;
}
.zz-public-btn {
  color: #222;
  display: inline-flex;
  position: relative;
  padding-bottom: 5px;
  transition: all 0.4s;
}
.zz-public-btn:hover {
  opacity: 0.7;
}
.zz-public-btn:hover::before {
  opacity: 0.7;
}
.zz-public-btn::before {
  content: '';
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 1px;
  background: #000;
  transition: all 0.4s;
}
.aTop {
  margin-top: -160px;
  padding-top: 160px;
}
@media (max-width: 1580px) {
  .aTop {
    margin-top: -150px;
    padding-top: 150px;
  }
}
@media (max-width: 1199px) {
  .aTop {
    margin-top: -140px;
    padding-top: 140px;
  }
}
@media (max-width: 767px) {
  .aTop {
    margin-top: -100px;
    padding-top: 100px;
  }
}
.aTop2 {
  margin-top: -90px;
  padding-top: 90px;
}
@media (max-width: 1580px) {
  .aTop2 {
    margin-top: -80px;
    padding-top: 80px;
  }
}
@media (max-width: 1199px) {
  .aTop2 {
    margin-top: -70px;
    padding-top: 70px;
  }
}
@media (max-width: 767px) {
  .aTop2 {
    margin-top: -60px;
    padding-top: 60px;
  }
}
.aboutSwp {
  width: 100%;
  height: 100vh;
}
@media (max-width: 767px) {
  .aboutSwp {
    height: 31.5vh;
  }
}
.aboutSwp .swiper-container {
  height: 100%;
}
.aboutSwp .swiper-slide {
  height: 100%;
}
.aboutSwp .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.aboutSwp .swiper-slide .zz-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.aboutSwp .hm1_pagin {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
  bottom: 0.7rem;
}
@media (max-width: 767px) {
  .aboutSwp .hm1_pagin {
    justify-content: center;
    width: 100%;
  }
}
.aboutSwp .hm1_pagin span {
  width: 12px;
  height: 12px;
  background-color: #ffffff;
  opacity: 0.37;
  transition: all 0.4s;
  border: 2px solid transparent;
  margin-right: 0.18rem !important;
}
@media (max-width: 767px) {
  .aboutSwp .hm1_pagin span {
    margin: 0 0.2rem;
  }
}
.aboutSwp .hm1_pagin .swiper-pagination-bullet-active {
  background-color: transparent;
  border-color: #ffffff;
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 82%, 50% 82%, 0 100%, 0 0);
}
.join1 {
  padding: 1.1rem 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .join1 {
    padding-bottom: 1.4rem;
    margin-bottom: 1.4rem;
  }
}
.join1 .zz-title-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.join1 .zz-title-box .zz-public-title {
  width: 52.35%;
}
@media (max-width: 1580px) {
  .join1 .zz-title-box .zz-public-title {
    width: 85%;
  }
}
@media (max-width: 1260px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .join1 .zz-title-box .zz-public-title {
    width: 100%;
  }
}
.join1 .zz-title-box .zz-btnBox {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .join1 .zz-title-box .zz-btnBox {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
}
.join1 .zz-title-box .zz-btnBox .swiper-button-prev {
  margin-right: 0.2rem;
}
@media (max-width: 767px) {
  .join1 .zz-title-box .zz-btnBox .swiper-button-prev {
    margin-right: 0.3rem;
  }
}
.join1 .swiper-container {
  overflow: unset;
}
@media (max-width: 767px) {
  .join1 .swiper-container {
    overflow: hidden;
  }
}
.join1 .swiper-slide .public-img {
  width: 100%;
  overflow: hidden;
}
.join1 .swiper-slide .public-img img {
  transition: all 0.8s;
}
.join1 .swiper-slide .public-img:hover img {
  transform: scale(1.05);
}
.join1 .swiper-slide .public-img::before {
  padding-top: 66.9%;
}
.join1 .join1Swp {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .join1 .join1Swp {
    margin-top: 0.65rem;
  }
}
.join2 {
  overflow: hidden;
  padding-bottom: 1.2rem;
  padding-bottom: 1.1rem;
}
.join2 .c-list {
  margin-top: 0.8rem;
}
.join2 .c-list .str_move {
  display: flex;
}
.join2 .c-list .c-li {
  width: 240px;
  margin-right: 0.15rem;
}
@media (max-width: 1580px) {
  .join2 .c-list .c-li {
    width: 240px;
  }
}
@media (max-width: 767px) {
  .join2 .c-list .c-li {
    width: 3rem;
    margin-right: 0.4rem;
  }
}
.join2 .c-list .imgbox {
  width: 100%;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .join2 .c-list .imgbox {
    height: 0.8rem;
  }
}
.join2 .c-list .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.join2 .c-list .zz-text {
  text-align: center;
  color: #999;
  margin-top: 0.35rem;
}
.join3 {
  overflow: hidden;
  padding-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .join3 {
    padding-bottom: 1.1rem;
  }
}
.join3 .zz-public-title2 .zz-text {
  width: 46%;
  margin-top: 0.15rem;
}
@media (max-width: 1460px) {
  .join3 .zz-public-title2 .zz-text {
    width: 65%;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .join3 .zz-public-title2 .zz-text {
    width: 100%;
  }
}
.join3 .c-list {
  margin-top: 0.55rem;
}
.join3 .c-list .str_move {
  display: flex;
}
.join3 .c-list .c-li {
  width: 410px;
  margin-right: 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #eee;
  padding: 20px;
  border-radius: 10px;
}
@media (max-width: 1580px) {
  .join3 .c-list .c-li {
    width: 390px;
  }
}
@media (max-width: 991px) {
  .join3 .c-list .c-li {
    width: 370px;
  }
}
@media (max-width: 767px) {
  .join3 .c-list .c-li {
    width: 4rem;
    padding: 0.3rem;
    margin-right: 0.4rem;
  }
}
.join3 .c-list .imgbox {
  width: 100%;
  height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .join3 .c-list .imgbox {
    height: 200px;
  }
}
@media (max-width: 991px) {
  .join3 .c-list .imgbox {
    height: 180px;
  }
}
@media (max-width: 767px) {
  .join3 .c-list .imgbox {
    height: 2rem;
  }
}
.join3 .c-list .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.join3 .c-list .zz-text {
  text-align: center;
  color: #999;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .join3 .c-list .zz-text {
    margin-top: 0.35rem;
  }
}
.join4 {
  background: #fafafa;
  padding: 0.5rem 0;
}
@media (max-width: 767px) {
  .join4 {
    padding: 0rem 0 0.5rem;
  }
}
.join4 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.95rem;
}
.join4 ul.flexul{ justify-content: space-between;}
@media (max-width: 767px) {
  .join4 ul {
    margin-top: 0.8rem;
    flex-direction: column;
  }
}
.join4 ul li {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: left;
  justify-content: flex-start;
}
.join4 ul li.zz-iconli{flex-wrap: wrap; align-items: center;justify-content: space-between;align-content: space-around;    flex-direction: row;}
.join4 ul li.zz-iconli .zz-icsdjun{width: calc(100% - 0.65rem);}
.join4 ul li.zzdicoli{flex-wrap: wrap; justify-content: space-between;align-content: space-around;flex-direction: row;margin-bottom: 20px;}
.join4 ul li.zzdicoli .zzdico{width: calc(100% - 0.7rem);}
@media (max-width: 767px) {
  .join4 ul li {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 0.3rem;
    padding: 0.2rem;
  }
}
.join4 ul li .zz-icon {
  width: 0.55rem;
  height: 0.6rem;
  display: flex;
  align-items: left;
  justify-content: left;
  margin-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .join4 ul li .zz-icon {
    margin-bottom: 0.2rem;
  }
}
.join4 ul li .zz-icon img,
.join4 ul li .zz-icon svg {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.join4 ul li .zz-title {
  color: #010101;
  padding: 0 0.2rem 0 0;
}
.join4 ul li .zz-text {
  margin-top: 0.1rem;
  color: #999;
  padding: 0 35px 0 0;
  text-align: left;
}
@media (max-width: 1460px) {
  .join4 ul li .zz-text {
    padding: 0 30px 0 0;
  }
}
@media (max-width: 991px) {
  .join4 ul li .zz-text {
    padding: 0 0.4rem;
  }
}
@media (max-width: 767px) {
  .join4 ul li .zz-text {
    width: 100%;
	padding: 0 5px;
    margin-top: 0.2rem;
  }
}
.join5 {
  padding: 0rem 0 0.8rem;
}
@media (max-width: 767px) {
  .join5 {
    padding: 0.5rem 0;
  }
}
.join5 .zz-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .join5 .zz-list {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.join5 .zz-list:last-child {
  margin-bottom: 0;
}
.join5 .zz-list .zz-left {
  width: 41.17%;
  padding-top: 1.5rem;
  padding-right: 1.6rem;
}
@media (max-width: 1366px) {
  .join5 .zz-list .zz-left {
    padding-top: 0.65rem;
    padding-right: 1rem;
  }
}
@media (max-width: 767px) {
  .join5 .zz-list .zz-left {
    width: 100%;
    order: 1;
    padding-right: 0.3rem;
    padding-top: 0.45rem;
  }
}
.join5 .zz-list .zz-left .h2 {
  color: #010101;
}
@media (max-width: 767px) {
  .join5 .zz-list .zz-left .h2 {
    font-size: 0.36rem;
  }
}
.join5 .zz-list .zz-left .zz-text {
  color: #999;
  margin-top: 10px;
  line-height: 1.71428571em;
  padding-right: 10px;
}
@media (max-width: 1366px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .join5 .zz-list .zz-left .zz-text {
    max-height: unset;
    padding-right: 0;
    margin-top: 0.2rem;
  }
}
.join5 .zz-list .zz-left .zz-btn {
  margin-top: 0.6rem;
}
.join5 .zz-list .zz-right {
  width: 58.83%;
}
@media (max-width: 767px) {
  .join5 .zz-list .zz-right {
    width: 100%;
    order: 0;
  }
}
.join5 .zz-list .zz-right .public-img {
  width: 100%;
  overflow: hidden;
}
.join5 .zz-list .zz-right .public-img img {
  transition: all 0.8s;
}
.join5 .zz-list .zz-right .public-img:hover img {
  transform: scale(1.05);
}
.join5 .zz-list .zz-right .public-img::before {
  padding-top: 56%;
}
.join5 .zz-list:nth-of-type(even) .zz-left {
  order: 1;
  padding-right: 0;
  padding-left: 1.4rem;
}
@media (max-width: 1366px) {
  .join5 .zz-list:nth-of-type(even) .zz-left {
    padding-left: 1rem;
  }
}
@media (max-width: 767px) {
  .join5 .zz-list:nth-of-type(even) .zz-left {
    padding-left: 0;
    padding-right: 0.3rem;
  }
}
.join5 .zz-list:nth-of-type(even) .zz-right {
  order: 0;
}
.recognize1 {
  padding: 1.2rem 0;
}
@media (max-width: 767px) {
  .recognize1 {
    padding: 1.1rem 0;
  }
}
.recognize1 .zz-public-title2 .zz-text {
  width: 57.64%;
  margin-top: 0.2rem;
}
@media (max-width: 1580px) {
  .recognize1 .zz-public-title2 .zz-text {
    width: 60%;
  }
}
@media (max-width: 1366px) {
  .recognize1 .zz-public-title2 .zz-text {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .recognize1 .zz-public-title2 .zz-text {
    width: 100%;
  }
}
.recognize1 .public-img {
  width: 100%;
  margin-top: 0.5rem;
  overflow: hidden;
}
.recognize1 .public-img img {
  transition: all 0.8s;
}
.recognize1 .public-img:hover img {
  transform: scale(1.05);
}
.recognize1 .public-img::before {
  padding-top: 43.82%;
}
@media (max-width: 767px) {
  .recognize1 .public-img::before {
    padding-top: 65%;
  }
}
.recognize3 {
  padding-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .recognize3 {
    padding-bottom: 0.6rem;
  }
}
.recognize3 .zz-public-title2 .zz-text {
  margin: 0 auto;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .recognize3 .zz-public-title2 .zz-text {
    line-height: 1.6;
  }
}
.recognize3 ul {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .recognize3 ul {
    margin-top: 0.6rem;
  }
}
.recognize3 ul li {
  width: 32.35%;
  margin-right: 1.47%;
  margin-bottom: 0.3rem;
}
@media (max-width: 991px) {
  .recognize3 ul li {
    width: 32%;
    margin-right: 2%;
  }
}
@media (max-width: 767px) {
  .recognize3 ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.recognize3 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
.recognize3 ul li:hover .public-img img {
  transform: scale(1.05);
}
.recognize3 ul li .public-img {
  width: 100%;
}
.recognize3 ul li .public-img::before {
  padding-top: 67.27%;
}
@media (max-width: 1580px) {
  .recognize3 ul li .zz-cont {
    padding-right: 1.2rem;
  }
}
@media (max-width: 1366px) {
  .recognize3 ul li .zz-cont {
    padding-right: 0;
  }
}
.recognize3 ul li .zz-title {
  margin-top: 0.2rem;
  color: #010101;
}
@media (max-width: 767px) {
  .recognize3 ul li .zz-title {
    margin-top: 0.35rem;
  }
}
.recognize3 ul li .zz-tips {
  color: #222;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .recognize3 ul li .zz-tips {
    margin-top: 0.1rem;
  }
}
.recognize3 ul li .zz-text {
  line-height: 1.71428571em;
  color: #999;
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .recognize3 ul li .zz-text {
    text-align: justify;
  }
}
@media (max-width: 767px) {
  .recognize3 ul li .zz-text {
    text-align: left;
  }
}
.recognize4 .zz-public-title {
  margin-bottom: 0.65rem;
}
@media (max-width: 767px) {
  .recognize4 .zz-public-title {
    margin-bottom: 30px;
  }
}
.recognize4 .zz-bigbox {
  display: flex;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .recognize4 .zz-bigbox {
    justify-content: space-between;
    flex-direction: column;
  }
}
.recognize4 .zz-left {
  width: 11.17%;
  position: sticky;
  top: 2rem;
  margin-bottom: 1.65rem;
  z-index: 5;
}
@media (max-width: 767px) {
  .recognize4 .zz-left {
    width: auto;
    width: 100%;
    position: relative;
    top: unset;
    margin-bottom: 50px;
    height: 60px;
  }
}
.recognize4 .zz-left::before {
  content: '';
  position: absolute;
  width: 1px;
  height: calc(100% - 0.45rem);
  top: 0;
  left: 5px;
  background: #eaeaea;
}
@media (max-width: 767px) {
  .recognize4 .zz-left::before {
    content: unset;
  }
}
@media (max-width: 767px) {
  .recognize4 .zz-left .zz-ul {
    display: -webkit-box;
    overflow-x: auto;
    height: 60px;
  }
}
.recognize4 .zz-left .zz-li {
  position: relative;
  margin-bottom: 0.5rem;
  display: flex;
}
.recognize4 .zz-left .zz-li.on .zz-a .zz-title {
  color: #222;
  transform: scale(1.5);
}
@media (max-width: 767px) {
  .recognize4 .zz-left .zz-li.on .zz-a .zz-title {
    transform: scale(1);
  }
}
@media (max-width: 767px) {
  .recognize4 .zz-left .zz-li {
    margin-right: 0.5rem;
  }
  .recognize4 .zz-left .zz-li:last-child {
    margin-right: 0;
    padding-right: 0.5rem;
  }
}
.recognize4 .zz-left .zz-li:last-child .c-a .c-icon::before {
  content: unset;
}
.recognize4 .zz-left .zz-li .zz-a {
  display: flex;
  align-items: center;
}
.recognize4 .zz-left .zz-li .zz-a .zz-title {
  transition: all 0.4s;
  margin-left: 0.2rem;
  color: #999;
  padding-left: 0.3rem;
}
@media (max-width: 767px) {
  .recognize4 .zz-left .zz-li .zz-a .zz-title {
    font-size: 0.32rem;
    margin-left: 0;
    padding-left: 0;
  }
}
.recognize4 .zz-left .zz-icon {
  position: absolute;
  width: 2px;
  height: 0.25rem;
  top: 0;
  left: 5px;
  background: #222;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .recognize4 .zz-left .zz-icon {
    display: none;
  }
}
.recognize4 .zz-right {
  width: 88.83%;
  padding-bottom: 1.65rem;
  transform: translateY(-0.25rem);
}
@media (max-width: 767px) {
  .recognize4 .zz-right {
    width: 100%;
    padding-bottom: 0;
  }
}
.recognize4 .zz-right .zz-list {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0.8rem 0;
  padding: 0 0 0.8rem;
  position: relative;
  z-index: 1;
  margin-bottom: 0.65rem;
  margin-top: -1.7rem;
  padding-top: 1.7rem;
  align-items: stretch;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list {
    margin-top: -2.8rem;
    padding-top: 2.8rem;
  }
}
.recognize4 .zz-right .zz-list:nth-of-type(1) {
  margin-top: -2.4rem;
  padding-top: 2.4rem;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list:nth-of-type(1) {
    margin-top: -2.8rem;
    padding-top: 2.8rem;
  }
}
.recognize4 .zz-right .zz-list.on .zz-l .zz-year::before {
  width: 0.85rem;
}
.recognize4 .zz-right .zz-list::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  height: 1px;
  width: calc(100% - 1.25rem);
  background: #e6e6e6;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.recognize4 .zz-right .zz-list:last-child {
  border-bottom: 0;
}
.recognize4 .zz-right .zz-list .zz-l {
  width: 50.16%;
  padding-left: 1.25rem;
  position: relative;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l {
    width: 100%;
    padding-left: 0;
  }
}
.recognize4 .zz-right .zz-list .zz-l .zz-year {
  position: relative;
  line-height: 1.2;
  color: #222;
  /*font-family: 'PingFang SC';*/
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l .zz-year {
    text-align: left;
  }
}
.recognize4 .zz-right .zz-list .zz-l .zz-year::before {
  content: '';
  position: absolute;
  top: 0.38rem;
  right: calc(100% + 0.5rem);
  height: 1px;
  background: #e6e6e6;
  width: 0;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l .zz-year::before {
    width: 0.6rem;
    top: 0.28rem;
    left: -1rem;
    content: unset;
  }
}
.recognize4 .zz-right .zz-list .zz-l .zz-title {
  margin-top: 5px;
  line-height: 1.5em;
  color: #222;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l .zz-title {
    text-align: left;
  }
}
.recognize4 .zz-right .zz-list .zz-l ul {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l ul {
    margin-top: 0.45rem;
  }
}
.recognize4 .zz-right .zz-list .zz-l ul li {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.2rem;
}
.recognize4 .zz-right .zz-list .zz-l ul li:last-child {
  margin-bottom: 0;
}
.recognize4 .zz-right .zz-list .zz-l ul li .zz-i {
  width: 14px;
  height: 14px;
  border-radius: 1000px;
  border: 1px solid #c4c4c4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l ul li .zz-i {
    margin-top: 4px;
  }
}
.recognize4 .zz-right .zz-list .zz-l ul li .zz-i i {
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #c4c4c4;
}
.recognize4 .zz-right .zz-list .zz-l ul li .zz-div {
  color: #999;
  flex: 1;
}
@media (max-width: 1580px) {
  .recognize4 .zz-right .zz-list .zz-l ul li .zz-div {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-l ul li .zz-div {
    font-size: 0.28rem;
  }
}
.recognize4 .zz-right .zz-list .zz-r {
  display: flex;
  flex-wrap: wrap;
  width: 33.75%;
  margin-right: 0.45rem;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-r {
    width: 85%;
    margin-left: 15%;
    margin-top: 0.7rem;
  }
}
.recognize4 .zz-right .zz-list .zz-r .zz-imgbox {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
  width: 100%;
}
.recognize4 .zz-right .zz-list .zz-r .zz-imgbox:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .recognize4 .zz-right .zz-list .zz-r .zz-imgbox {
    width: 100%;
  }
  .recognize4 .zz-right .zz-list .zz-r .zz-imgbox:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.recognize4 .zz-right .zz-list .zz-r .zz-imgbox img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.collagen1 {
  margin-top: 0.75rem;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}
.collagen1 .zz-box {
  display: flex;
  justify-content: space-between;
  background: #f6f6f6;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .collagen1 .zz-box {
    flex-direction: column;
    margin: 0;
  }
}
.collagen1 .zz-left {
  width: 48.23%;
}
@media (max-width: 767px) {
  .collagen1 .zz-left {
    width: 100%;
  }
}
.collagen1 .zz-left .public-img {
  width: 100%;
}
.collagen1 .zz-left .public-img::before {
  padding-top: 62%;
}
@media (max-width: 991px) {
  .collagen1 .zz-left .public-img::before {
    padding-top: 75%;
  }
}
.collagen1 .zz-right {
  width: 49.42%;
  padding: 0.6rem 0;
  padding-right: 2.25rem;
  position: relative;
  z-index: 4;
  width: 45.42%;
  padding-right: 1.5rem;
}
@media (max-width: 1460px) {
  .collagen1 .zz-right {
    padding-right: 1.2rem;
  }
}
@media (max-width: 991px) {
  .collagen1 .zz-right {
    padding-right: 0.5rem;
  }
}
@media (max-width: 767px) {
  .collagen1 .zz-right {
    width: 100%;
    padding: 0.6rem 0.4rem;
  }
}
.collagen1 .zz-right .h2 {
  color: #222;
}
@media (max-width: 767px) {
  .collagen1 .zz-right .h2 {
    font-size: 0.36rem;
  }
}
.collagen1 .zz-right .zz-text {
  color: #666;
  line-height: 1.85714286em;
  margin-top: 0.15rem;
  padding-right: 10px;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .collagen1 .zz-right .zz-text {
    max-height: unset;
  }
}
.collagen1.collagen1-2 {
  margin: 0;
  height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .collagen1.collagen1-2 {
    height: calc(100vh - 80px);
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 {
    height: calc(100vh - 60px);
    margin-bottom: 0.45rem;
  }
}
.collagen1.collagen1-2 .zz-box {
  width: 100%;
  height: 100%;
}
.collagen1.collagen1-2 .zz-videoBox {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-bottom: unset;
}
@media (max-width: 1580px) {
}
@media (max-width: 1366px) {
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz-videoBox {
    width: 100%;
    padding-bottom: unset;
    z-index: -1;
    height: 100%;
  }
}
.collagen1.collagen1-2 .zz-videoDiv {
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz-videoDiv {
    height: 100%;
  }
  .collagen1.collagen1-2 .zz-videoDiv.zz-videoDiv-pc {
    padding-bottom: unset;
  }
  .collagen1.collagen1-2 .zz-videoDiv.zz-videoDiv-wap {
    padding-bottom: unset;
  }
}
.collagen1.collagen1-2 .zz-videoDiv .v-bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  object-fit: cover;
}
.collagen1.collagen1-2 video {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
}
.collagen1.collagen1-2 .zz_w1700 {
  height: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collagen1.collagen1-2 .zz_w1700 .zz-box {
  background: transparent;
  margin: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-box {
    flex-direction: column;
    padding: 0;
  }
}
.collagen1.collagen1-2 .zz_w1700 .zz-right {
  padding-right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right {
    width: 100%;
    padding: 1.2rem 0.4rem;
    position: relative;
    height: auto;
    padding: 0.5rem 0.4rem 0.6rem;
    border: 1px solid #eee;
    border-top: 0;
  }
  .collagen1.collagen1-2 .zz_w1700 .zz-right::before {
    content: unset;
  }
}
.collagen1.collagen1-2 .zz_w1700 .zz-right .zz-cont {
  width: 45%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right .zz-cont {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right .zz-cont {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right .zz-cont {
    width: 100%;
  }
}
.collagen1.collagen1-2 .zz_w1700 .zz-right .h2,
.collagen1.collagen1-2 .zz_w1700 .zz-right .zz-text {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 4;
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right .h2 {
    color: #000;
    font-size: 0.36rem;
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-2 .zz_w1700 .zz-right .zz-text {
    margin-top: 0.3rem;
    color: #666;
  }
}
.collagen1.collagen1-3 {
  height: calc(100vh - 90px);
  margin-top: 0;
}
@media (max-width: 1580px) {
  .collagen1.collagen1-3 {
    height: calc(100vh - 80px);
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-3 {
    height: calc(100vh - 60px);
    margin-bottom: 0.5rem;
  }
}
.collagen1.collagen1-3 .zz-box {
  width: 100%;
  height: 100%;
}
.collagen1.collagen1-3 .zz-left {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 100%;
}
.collagen1.collagen1-3 .zz-left .public-img {
  width: 100%;
  height: 100%;
}
.collagen1.collagen1-3 .zz-left .public-img::before {
  padding-top: unset;
}
.collagen1.collagen1-3 .zz-left .public-img img {
  position: relative;
}
.collagen1.collagen1-3 .zz-right {
  padding-right: 0;
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  width: 50%;
  left: 25%;
}
@media (max-width: 1580px) {
  .collagen1.collagen1-3 .zz-right {
    width: 60%;
    left: 20%;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
  .collagen1.collagen1-3 .zz-right {
    width: 100%;
    padding: 1.2rem 0.4rem;
    position: relative;
    height: auto;
    top: unset;
    left: unset;
    padding: 0.5rem 0.4rem 0.6rem;
    border: 1px solid #eee;
    border-top: 0;
  }
  .collagen1.collagen1-3 .zz-right::before {
    content: unset;
  }
}
.collagen1.collagen1-3 .zz-right .zz-cont {
  width: 45%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .collagen1.collagen1-3 .zz-right .zz-cont {
    width: 60%;
  }
}
@media (max-width: 991px) {
  .collagen1.collagen1-3 .zz-right .zz-cont {
    width: 85%;
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-3 .zz-right .zz-cont {
    width: 100%;
  }
}
.collagen1.collagen1-3 .zz-right .h2,
.collagen1.collagen1-3 .zz-right .zz-text {
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 4;
}
@media (max-width: 767px) {
  .collagen1.collagen1-3 .zz-right .h2 {
    color: #000;
    font-size: 0.36rem;
  }
}
@media (max-width: 767px) {
  .collagen1.collagen1-3 .zz-right .zz-text {
    margin-top: 0.3rem;
    color: #666;
  }
}
.collagen2 {
  padding: 0.7rem 0 1.3rem;
}
@media (max-width: 767px) {
  .collagen2 {
    padding: 0.4rem 0 0.8rem;
  }
}
.collagen2 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}
@media (max-width: 1580px) {
  .collagen2 ul {
    justify-content: flex-start;
  }
}
.collagen2 ul li {
  width: 29.33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0.75rem;
  background: #f9f9f9;
  padding-bottom: 35px;
  width: 32.64%;
  margin-right: 1.02%;
}
.collagen2 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 1580px) {
}
@media (max-width: 991px) {
  .collagen2 ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0.4rem;
  }
  .collagen2 ul li:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .collagen2 ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .collagen2 ul li {
    width: 100%;
    margin: 0 0 0.75rem;
    padding: 0 0 0.6rem;
    margin-bottom: 0.4rem;
  }
}
.collagen2 ul li .zz-abox {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-between;
  width: 100%;
}
.collagen2 ul li:hover .zz-boxs .public-img:nth-of-type(2) {
  opacity: 1;
}
.collagen2 ul li .zz-btnBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox {
    margin-top: 0.5rem;
  }
}
.collagen2 ul li .zz-btnBox .zz-li:nth-of-type(1) .zz-a {
  margin-left: 0;
}
.collagen2 ul li .zz-btnBox .zz-a {
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox .zz-a {
    margin-left: 0.2rem;
    padding: 0.16rem 0.4rem;
  }
}
.collagen2 ul li .zz-btnBox .zz-a:nth-of-type(3) {
  display: none;
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox .zz-a:nth-of-type(3) {
    display: flex;
  }
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox .zz-a:nth-of-type(1) .zz-icon img path,
  .collagen2 ul li .zz-btnBox .zz-a:nth-of-type(1) .zz-icon svg path {
    fill: #d81e06;
  }
  .collagen2 ul li .zz-btnBox .zz-a:nth-of-type(2) .zz-icon img path,
  .collagen2 ul li .zz-btnBox .zz-a:nth-of-type(2) .zz-icon svg path {
    fill: #cb0507;
  }
}
.collagen2 ul li .zz-btnBox .zz-a:hover span {
  color: #222;
  text-decoration: underline;
}
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(1) .zz-icon img path,
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(1) .zz-icon svg path {
  fill: #d81e06;
}
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(2) .zz-icon img path,
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(2) .zz-icon svg path {
  fill: #cb0507;
}
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(3) .zz-icon img path,
.collagen2 ul li .zz-btnBox .zz-a:hover:nth-of-type(3) .zz-icon svg path {
  fill: #333;
}
.collagen2 ul li .zz-btnBox .zz-a .zz-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 1366px) {
  .collagen2 ul li .zz-btnBox .zz-a .zz-icon {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox .zz-a .zz-icon {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.2rem;
  }
}
.collagen2 ul li .zz-btnBox .zz-a .zz-icon img,
.collagen2 ul li .zz-btnBox .zz-a .zz-icon svg {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.collagen2 ul li .zz-btnBox .zz-a .zz-icon img path,
.collagen2 ul li .zz-btnBox .zz-a .zz-icon svg path {
  transition: all 0.4s;
}
@media (min-width: 770px) {
  .collagen2 ul li .zz-btnBox .zz-a .zz-icon img path,
  .collagen2 ul li .zz-btnBox .zz-a .zz-icon svg path {
    fill: #979797;
  }
}
.collagen2 ul li .zz-btnBox .zz-a span {
  color: #666;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-btnBox .zz-a span {
    font-size: 0.28rem;
  }
}
.collagen2 ul li .zz-boxs {
  position: relative;
  z-index: 1;
  width: 100%;
}
.collagen2 ul li .public-img {
  width: 100%;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .collagen2 ul li .public-img {
    margin-bottom: 0.4rem;
  }
}
.collagen2 ul li .public-img::before {
  padding-top: 84.54%;
}
.collagen2 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;
}
.collagen2 ul li:hover .public-img img {transform: scale(1.04);}
.collagen2 ul li .public-img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .collagen2 ul li .public-img:nth-of-type(2) {
    opacity: 1;
  }
}
.collagen2 ul li .public-img:nth-of-type(2) img {
  width: 100%;
  height: 100%;
}
.collagen2 ul li .zz-cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition: all 0.4s;
  width: 100;
}
@media (max-width: 991px) {
}
.collagen2 ul li .h3 {
  text-align: center;
  padding: 0 0.8rem;
  color: #666;
}
@media (max-width: 1466px) {
}
.collagen2 ul li .h3 h3 {
  color: #000;
}
.collagen2 ul li .h3 .zz-text {
  color: #999;
}
.collagen2 ul li .zz-public-btn {
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .collagen2 ul li .zz-public-btn {
    margin-top: 0.3rem;
  }
}
.prolist-box {
  padding: 0.75rem 0 3.1rem;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .prolist-box {
    padding: 1.1rem 0 0;
  }
}
.public-prolist {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .public-prolist {
    margin-top: 0rem;
  }
}
.public-prolist li {
  width: 24.25%;
  margin-right: 1%;
  background: #f9f9f9;
  height: auto;
  position: relative;
  margin-bottom: 0.2rem;
  display: flex;
  flex-direction: column;
}
.public-prolist li:hover .public-img img {transform: scale(1.04);}
@media (max-width: 991px) {
  .public-prolist li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 0.3rem;
  }
  .public-prolist li:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .public-prolist li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .public-prolist li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  .public-prolist li:last-child {margin-bottom: 0px;}
}
.public-prolist li:nth-of-type(4n+4) {
  margin-right: 0;
}
.public-prolist li:hover .zz-boxs .public-img:nth-of-type(2) {
  opacity: 1;
}
.public-prolist li .zz-boxs {
  width: 100%;
  position: relative;
}
.public-prolist li .zz-boxs .public-img {
  width: 100%;
}
.public-prolist li .zz-boxs .public-img::before {
  padding-top: 84.68%;
}
/* .public-prolist li .zz-boxs .public-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
.public-prolist li .zz-boxs .public-img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.4s;
}
.public-prolist li .zz-boxs .public-img:nth-of-type(2) img {
  width: 100%;
  height: 100%;
}
.public-prolist li .zz-box2 {
  text-align: center;
  color: #666;
  line-height: 1.57142857em;
  margin-top: 0.35rem;
  padding: 0 0.3rem;
  padding-bottom: 0.35rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 1366px) {
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 {
    padding: 0 0.2rem 0.4rem;
  }
}
.public-prolist li .zz-box2 .zz-cont {
  color: #666;
  width: 70%;
  margin: 0 auto;
  min-height: 128px;
}
@media (max-width: 1580px) {
  .public-prolist li .zz-box2 .zz-cont {
    width: 80%;
  }
}
@media (max-width: 1260px) {
  .public-prolist li .zz-box2 .zz-cont {
    width: 90%;
  }
}
@media (max-width: 991px) {
  .public-prolist li .zz-box2 .zz-cont {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-cont {
    width: 100%;
    padding: 0 0.6rem;
	min-height: auto;
  }
}
.public-prolist li .zz-box2 .zz-cont .h3 {
  color: #000;
}
.public-prolist li .zz-box2 .zz-cont .zz-text {
  color: #999;
}
.public-prolist li .zz-box2 .zz-btnBox {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  position: relative;
  cursor: pointer;
}

.public-prolist li .zz-box2 .zz-btnBox .arrow {
	position: absolute;
	bottom: 8px;
	right: 3px;
	display: inline-block;
	transition: transform .7s cubic-bezier(.075, .82, .165, 1);
}

.public-prolist li .zz-box2 .zz-btnBox .arrow:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	border-color: currentcolor;
	border-style: solid;
	border-width: 1px 1px 0 0;
	border-radius: 0 2px 0 0;
	transform: rotate(45deg);
}

.public-prolist li .zz-box2 .zz-btnBox .arrow:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	width: 14px;
	height: 1px;
	background: currentColor;
	transition: width 1.4s cubic-bezier(.075, .82, .165, 1);
}

.public-prolist li:focus .arrow,
.public-prolist li:hover .arrow {
	transform: translateX(-10px);
}

.public-prolist li:focus .arrow:after,
.public-prolist li:hover .arrow:after {
	width: 40px !important;
}

.public-prolist li .zz-box2 .zz-btnBox .zz-ali:nth-of-type(1) .zz-a {
  margin-left: 0;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a {
  background: #fff;
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a {
    margin-left: 0.2rem;
    padding: 0.16rem 0.4rem;
  }
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(3) {
  display: none;
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(3) {
    display: flex;
  }
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(1) .zz-icon img path,
  .public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(1) .zz-icon svg path {
    fill: #d81e06;
  }
  .public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(2) .zz-icon img path,
  .public-prolist li .zz-box2 .zz-btnBox .zz-a:nth-of-type(2) .zz-icon svg path {
    fill: #cb0507;
  }
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover span {
  color: #222;
  text-decoration: underline;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(1) .zz-icon img path,
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(1) .zz-icon svg path {
  fill: #d81e06;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(2) .zz-icon img path,
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(2) .zz-icon svg path {
  fill: #cb0507;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(3) .zz-icon img path,
.public-prolist li .zz-box2 .zz-btnBox .zz-a:hover:nth-of-type(3) .zz-icon svg path {
  fill: #333;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media (max-width: 1366px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.2rem;
  }
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon img,
.public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon svg {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 100%;
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon img path,
.public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon svg path {
  transition: all 0.4s;
}
@media (min-width: 770px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon img path,
  .public-prolist li .zz-box2 .zz-btnBox .zz-a .zz-icon svg path {
    fill: #979797;
  }
}
.public-prolist li .zz-box2 .zz-btnBox .zz-a span {
  color: #666;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-prolist li .zz-box2 .zz-btnBox .zz-a span {
    font-size: 0.28rem;
  }
}
.public-prolist li .zz-tips {
  position: absolute;
  color: #666;
  top: 0.25rem;
  left: 0.3rem;
  z-index: 2;
}
.prolist {
  margin-bottom: 0.9rem;
}
@media (max-width: 767px) {
  .prolist .public-prolist li .zz-boxs .public-img:nth-of-type(1) {
    opacity: 0;
  }
  .prolist .public-prolist li .zz-boxs .public-img:nth-of-type(2) {
    opacity: 1;
  }
}
.zz-mouseBtn {
  position: absolute;
  pointer-events: none;
  z-index: 10;
  transition: unset;
  display: none;
}
.zz-mouseBtn .zz-public-btn {
  white-space: nowrap;
}
.research1 {
  padding: 1.1rem 0;
}
.research1 .zz-public-title2 .zz-text {
  width: 63%;
}
@media (max-width: 1366px) {
  .research1 .zz-public-title2 .zz-text {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .research1 .zz-public-title2 .zz-text {
    width: 100%;
  }
}
.research1 .zz-box {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.45rem 0.7rem;
  min-height: 7.15rem;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .research1 .zz-box {
    padding: 0.4rem 0.4rem 1.2rem;
  }
  .research1 .zz-box::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0.5;
  }
}
.research1 ul {
  width: 42.4%;
  position: relative;
  z-index: 2;
}
@media (max-width: 1366px) {
  .research1 ul {
    width: 50%;
  }
}
@media (max-width: 991px) {
  .research1 ul {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .research1 ul {
    width: 100%;
  }
}
.research1 ul li {
  padding: 0.3rem 0;
  border-bottom: 1px solid #d9d9d9;
}
@media (max-width: 767px) {
  .research1 ul li {
    border-color: #999;
    padding: 0.5rem 0 0.5rem;
  }
}
.research1 ul li:nth-of-type(1) .zz-cont {
  display: block;
}
.research1 ul li .zz-imgbox {
  margin-bottom: 0.6rem;
}
.research1 ul li .zz-imgbox .public-img {
  width: 100%;
}
.research1 ul li .zz-imgbox .public-img::before {
  padding-top: 85%;
}
.research1 ul li.on .zz-title-box .zz-title {
  color: #010101;
}
.research1 ul li.on .zz-title-box .zz-icon {
  transform: rotate(180deg);
}
.research1 ul li.on .zz-title-box .zz-icon img path,
.research1 ul li.on .zz-title-box .zz-icon svg path {
  fill: #000000;
}
.research1 ul li.on .zz-cont .zz-text {
  color: #333;
}
.research1 ul li:hover .zz-title-box .zz-title {
  color: #010101;
}
.research1 ul li .zz-title-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  cursor: pointer;
}
.research1 ul li .zz-title-box .zz-title {
  line-height: 1.2;
  flex: 1;
  color: #999;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .research1 ul li .zz-title-box .zz-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .research1 ul li .zz-title-box .zz-title {
    font-size: 0.32rem;
    color: #333;
  }
}
.research1 ul li .zz-title-box .zz-icon {
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
  margin-left: 10px;
  margin-right: 10px;
  width: 15px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .research1 ul li .zz-title-box .zz-icon {
    width: 0.3rem;
  }
}
.research1 ul li .zz-title-box .zz-icon img,
.research1 ul li .zz-title-box .zz-icon svg {
  width: 100%;
}
.research1 ul li .zz-title-box .zz-icon img path,
.research1 ul li .zz-title-box .zz-icon svg path {
  transition: all 0.4s;
}
.research1 ul li .zz-cont {
  line-height: 1.71428571em;
  color: #999;
  margin-top: 0.1rem;
  padding-top: 0.25rem;
  display: none;
  border-top: 2px solid #010101;
}
@media (max-width: 767px) {
  .research1 ul li .zz-cont {
    color: #333;
    margin-top: 0.55rem;
    padding-top: 0.45rem;
    padding-top: 0;
    margin-top: 0.4rem;
    border-top: 0;
  }
}
.research1 ul li .zz-cont .zz-text {
  margin-right: 0.4rem;
  padding-right: 0.1rem;
}
.research2 {
  position: relative;
}
.research2 .zz_w1700 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 767px) {
  .research2 .zz_w1700 {
    flex-direction: column;
  }
}
.research2 .zz-left {
  position: sticky;
  top: 1.6rem;
  width: 41.17%;
  padding-right: 0.4rem;
  padding-bottom: 1.15rem;
  margin-top: 1.4rem;
  top: 3rem;
  margin-bottom: 1.8rem;
}
@media (max-width: 767px) {
  .research2 .zz-left {
    position: relative;
    top: unset;
    width: 100%;
    padding-bottom: 0.65rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.research2 .zz-left .zz-tips {
  margin-bottom: 0.2rem;
  color: #666;
}
.research2 .zz-left .h2 {
  line-height: 1.2;
  color: #010101;
}
.research2 .zz-right {
  width: 58.83%;
  padding-bottom: 0.8rem;
}
@media (max-width: 1366px) {
  .research2 .zz-right {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .research2 .zz-right {
    width: 100%;
  }
}
.research2 .zz-right .zz-list {
  display: flex;
  background-size: cover;
  align-items: center;
  margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list {
    margin-bottom: 0.4rem;
  }
}
.research2 .zz-right .zz-list a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1.1rem 1rem 1.2rem;
}
@media (max-width: 1366px) {
  .research2 .zz-right .zz-list a {
    padding: 0.8rem 0.5rem 0.9rem;
  }
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list a {
    flex-direction: column;
    padding: 0.5rem 0.4rem;
  }
}
.research2 .zz-right .zz-list .zz-l {
  width: 40%;
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list .zz-l {
    width: 100%;
  }
}
.research2 .zz-right .zz-list .zz-l .public-img {
  width: 100%;
}
.research2 .zz-right .zz-list .zz-l .public-img::before {
  padding-top: 68.75%;
}
.research2 .zz-right .zz-list .zz-r {
  flex: 1;
  margin-left: 0.7rem;
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list .zz-r {
    margin-left: 0;
    margin-top: 0.3rem;
  }
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list .zz-r .zz-title {
    font-size: 0.32rem;
  }
}
.research2 .zz-right .zz-list .zz-r .zz-text {
  color: #999;
  line-height: 1.71428571em;
  margin-top: 5px;
}
@media (max-width: 767px) {
  .research2 .zz-right .zz-list .zz-r .zz-text {
    margin-top: 0.1rem;
  }
}
.research3 {
  background: #fafafa;
  padding: 0.75rem 0 0.8rem;
}
@media (max-width: 767px) {
  .research3 {
    padding: 1.1rem 0;
  }
}
.research3 .zz-title-box {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.research3 .zz-title-box .zz-public-title {
  padding-right: 0.3rem;
}
.research3 .zz-title-box .zz-tips {
  color: #666;
  margin-bottom: 0.1rem;
}
.research3 .zz-title-box .zz-tips .h2 {
  color: #010101;
}
.research3 .zz-btnBox {
  display: flex;
}
.research3 .zz-btnBox .swiper-button-prev {
  margin-right: 0.2rem;
}
.research3 .research3Swp {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .research3 .research3Swp {
    margin-top: 0.65rem;
  }
}
.research3 .swiper-slide:hover .public-img img {
  transform: scale(1.05);
}
.research3 .swiper-slide:hover .zz-title {
  opacity: 0.7;
}
.research3 .swiper-slide a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.research3 .swiper-slide .public-img {
  width: 100%;
  margin-bottom: 0.1rem;
}
@media (max-width: 767px) {
  .research3 .swiper-slide .public-img {
    margin-bottom: 0.4rem;
  }
}
.research3 .swiper-slide .public-img::before {
  padding-top: 56.36%;
}
.research3 .swiper-slide .zz-title {
  padding-right: 0.9rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .research3 .swiper-slide .zz-title {
    font-size: 0.32rem;
  }
}
.research3 .swiper-slide .zz-text {
  color: #999;
  line-height: 1.57142857em;
  margin-top: 0.1rem;
  padding-right: 0.9rem;
}
@media (max-width: 1460px) {
  .research3 .swiper-slide .zz-text {
    padding-right: 0.45rem;
  }
}
@media (max-width: 767px) {
  .research3 .swiper-slide .zz-text {
    margin-top: 0.25rem;
    padding-right: 0;
  }
}
.research3 .public-swpBtn {
  background: transparent;
}
.research4 {
  overflow: hidden;
  padding: 1.1rem 0 1.55rem;
}
@media (max-width: 767px) {
  .research4 {
    padding: 1.1rem 0;
  }
}
.research4 .zz-bigbox {
  padding: 0.5rem 0;
  margin: -0.5rem 0;
}
.research4 .zz-title-box {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ececec;
  padding-bottom: 0.65rem;
}
@media (max-width: 767px) {
  .research4 .zz-title-box {
    flex-direction: column;
  }
}
.research4 .zz-title-box .zz-public-title {
  flex: 1;
  margin-right: 0.5rem;
}
.research4 .zz-title-box ul {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .research4 .zz-title-box ul {
    margin-top: 0.6rem;
  }
}
.research4 .zz-title-box ul li {
  color: #222;
  display: flex;
  align-items: flex-end;
  margin-right: 1.05rem;
}
@media (max-width: 767px) {
  .research4 .zz-title-box ul li {
    align-items: center;
    margin-right: 0;
    flex-direction: column;
    width: 33.33%;
    padding: 0 0.5rem;
  }
}
.research4 .zz-title-box ul li:last-child {
  margin-right: 0;
}
.research4 .zz-title-box ul li .zz-num {
  line-height: 1;
  margin-right: 0.2rem;
  font-family: 'itc';
}
@media (max-width: 767px) {
  .research4 .zz-title-box ul li .zz-num {
    margin-right: 0;
    margin-bottom: 0.2rem;
  }
}
.research4 .zz-title-box ul li .zz-text {
  margin-bottom: 0.05rem;
  color: #999;
}
@media (max-width: 767px) {
  .research4 .zz-title-box ul li .zz-text {
    font-size: 0.24rem;
    text-align: center;
  }
}
.research4 .c-list {
  margin-top: 0.8rem;
}
.research4 .c-list .str_move {
  display: flex;
}
.research4 .c-list .c-li {
  width: 160px;
  margin-right: 1.4rem;
}
@media (max-width: 767px) {
  .research4 .c-list .c-li {
    width: 2rem;
    margin-right: 0.8rem;
  }
}
.research4 .c-list .imgbox {
  width: 100%;
  height: 227px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(112, 112, 112, 0.11);
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  .research4 .c-list .imgbox {
    height: 2.8rem;
  }
}
.research4 .c-list .imgbox:hover .zz-icon {
  opacity: 1;
}
.research4 .c-list .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.research4 .c-list .imgbox .zz-icon {
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 4;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .research4 .c-list .imgbox .zz-icon {
    opacity: 1;
    width: 0.45rem;
    height: 0.45rem;
  }
}
.research5 {
  padding-bottom: 1.15rem;
}
.research5 .zz-bigbox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .research5 .zz-bigbox {
    margin-top: 0.65rem;
    flex-direction: column;
  }
}
.research5 .zz-left {
  width: 66.29%;
  height: auto;
}
@media (max-width: 767px) {
  .research5 .zz-left {
    width: 100%;
  }
}
.research5 .zz-left .swiper-container {
  height: 100%;
}
.research5 .zz-left .swiper-slide {
  padding: 0.9rem 0.8rem;
}
@media (max-width: 1366px) {
  .research5 .zz-left .swiper-slide {
    padding: 1.2rem 0.8rem;
  }
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-slide {
    padding: 0.6rem 0.4rem 1.6rem;
  }
}
.research5 .zz-left .swiper-slide .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}
.research5 .zz-left .swiper-slide .zz-cont {
  z-index: 2;
  display: flex;
  position: relative;
}
@media (max-width: 1366px) {
  .research5 .zz-left .swiper-slide .zz-cont {
    align-items: center;
  }
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-slide .zz-cont {
    align-items: flex-start;
    flex-direction: column;
  }
}
.research5 .zz-left .swiper-slide .zz-cont .zz-l {
  width: 21%;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
  margin-right: 0.75rem;
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-slide .zz-cont .zz-l {
    width: 40%;
  }
}
.research5 .zz-left .swiper-slide .zz-cont .zz-l .public-img {
  width: 100%;
}
.research5 .zz-left .swiper-slide .zz-cont .zz-l .public-img::before {
  padding-top: 140%;
}
.research5 .zz-left .swiper-slide .zz-cont .zz-r {
  padding-top: 0.4rem;
  width: 40%;
}
@media (max-width: 1366px) {
  .research5 .zz-left .swiper-slide .zz-cont .zz-r {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-slide .zz-cont .zz-r {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.research5 .zz-left .swiper-slide .zz-cont .zz-r .zz-title {
  line-height: 1.25em;
  color: #010101;
}
.research5 .zz-left .swiper-slide .zz-cont .zz-r .zz-text {
  color: #999;
  line-height: 1.71428571em;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-slide .zz-cont .zz-r .zz-text {
    max-height: unset;
  }
}
.research5 .zz-left .swiper-pagination {
  bottom: 0.2rem;
}
@media (max-width: 767px) {
  .research5 .zz-left .swiper-pagination {
    bottom: 0.6rem;
  }
}
.research5 .zz-left .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.65);
  margin: 0 10px;
  opacity: 1;
  transition: all 0.4s;
  border: 1px solid transparent;
}
.research5 .zz-left .swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.65);
}
.research5 .zz-right {
  width: 32.64%;
  border: 1px solid #e6e6e6;
  border-top: 0;
  height: auto;
}
@media (max-width: 767px) {
  .research5 .zz-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.research5 .zz-right .swiper-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.research5 .zz-right .swiper-slide .public-img {
  width: 100%;
}
.research5 .zz-right .swiper-slide .public-img::before {
  padding-top: 62.16%;
}
.research5 .zz-right .swiper-slide .zz-cont {
  display: flex;
  align-items: flex-start;
  padding: 0.3rem 0.7rem 0.25rem 0.3rem;
}
@media (max-width: 767px) {
  .research5 .zz-right .swiper-slide .zz-cont {
    flex-direction: column;
    padding: 0.4rem 0.4rem;
  }
}
.research5 .zz-right .swiper-slide .zz-cont .zz-title {
  flex: 1;
  color: #999;
  padding-right: 0.2rem;
}
@media (max-width: 767px) {
  .research5 .zz-right .swiper-slide .zz-cont .zz-title {
    padding-right: 0;
  }
}
.research5 .zz-right .swiper-slide .zz-cont .zz-date {
  white-space: nowrap;
  color: #999;
}
@media (max-width: 767px) {
  .research5 .zz-right .swiper-slide .zz-cont .zz-date {
    margin-top: 0.2rem;
  }
}
.research5 .zz-right .swiper-pagination {
  position: relative;
  bottom: unset;
  left: unset;
  flex: 1;
  padding: 0.1rem 0;
  background: #fafafa;
}
.research5 .zz-right .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: #d6d6d6;
  margin: 0 10px;
  opacity: 1;
  transition: all 0.4s;
  border: 2px solid transparent;
}
.research5 .zz-right .swiper-pagination .swiper-pagination-bullet-active {
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.65);
}
.research6 {
  background: #fafafa;
  overflow: hidden;
  padding: 1rem 0 1.45rem;
}
@media (max-width: 767px) {
  .research6 {
    padding-bottom: 1.2rem;
  }
}
.research6 .c-list {
  margin-top: 1rem;
}
.research6 .c-list .str_move {
  display: flex;
}
.research6 .c-list .c-li {
  width: 225px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .research6 .c-list .c-li {
    width: 2.6rem;
  }
}
.research6 .c-list .imgbox {
  width: auto;
  max-width: 80%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 767px) {
  .research6 .c-list .imgbox {
    height: 0.8rem;
  }
}
.research6 .c-list .imgbox img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.research6 .c-list .zz-text {
  color: #999;
  margin-top: 10px;
  text-align: center;
}
@media (max-width: 767px) {
  .research6 .c-list .zz-text {
    margin-top: 0.3rem;
  }
}
.research7 {
  overflow: hidden;
  padding: 1.05rem 0 0.8rem;
}
@media (max-width: 767px) {
  .research7 {
    padding: 1.1rem 0 1.2rem;
  }
}
.research7 .swiper-container {
  overflow: unset;
}
@media (max-width: 767px) {
  .research7 .swiper-container {
    overflow: hidden;
  }
}
.research7 .research7Swp {
  margin-top: 0.55rem;
}
@media (max-width: 767px) {
  .research7 .research7Swp {
    margin-top: 0.65rem;
  }
}
.research7 .swiper-slide {
  height: auto;
}
.research7 .swiper-slide:hover .bgimg {
  transform: scale(1.05);
}
.research7 .swiper-slide a {
  display: flex;
}
.research7 .swiper-slide-active .zz-box .zz-left,
.research7 .swiper-slide-active .zz-box .zz-right {
  opacity: 1;
}
.research7 .swiper-wrapper {
  align-items: stretch;
}
.research7 .zz-box {
  height: 100%;
}
.research7 .zz-box a {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 1.95rem 1rem 2.25rem;
  overflow: hidden;
  height: 100%;
  z-index: 1;
}
.research7 .zz-box a::before {
  content: '';
  width: 100%;
  height: 100%;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .research7 .zz-box a {
    flex-direction: column;
    padding: 0.8rem 0.4rem;
  }
}
.research7 .zz-box .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  z-index: 1;
  transition: all 0.8s;
}
.research7 .zz-box .zz-left {
  width: 45%;
  position: relative;
  z-index: 3;
  color: #fff;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .research7 .zz-box .zz-left {
    width: 100%;
  }
}
.research7 .zz-box .zz-left .zz-boxs {
  min-height: 2.4rem;
}
@media (max-width: 767px) {
  .research7 .zz-box .zz-left .zz-boxs {
    min-height: 5.5rem;
  }
}
.research7 .zz-box .zz-left a {
  color: inherit;
}
.research7 .zz-box .zz-left .zz-text {
  line-height: 1.57142857em;
  margin-top: 0.3rem;
  padding-right: 0.1rem;
  color: #fff;
}
@media (max-width: 767px) {
}
.research7 .zz-box .zz-left .zz-btn {
  margin-top: 0.65rem;
}
.research7 .zz-box .zz-left .zz-btn a,
.research7 .zz-box .zz-left .zz-btn .zz-a {
  display: inline-flex;
  align-items: center;
  transition: all 0.4s;
}
.research7 .zz-box .zz-left .zz-btn a:hover,
.research7 .zz-box .zz-left .zz-btn .zz-a:hover {
  opacity: 0.7;
}
.research7 .zz-box .zz-left .zz-btn img,
.research7 .zz-box .zz-left .zz-btn svg {
  width: 20px;
  height: 25px;
  margin-right: 0.2rem;
  opacity: 0.8;
}
@media (max-width: 1366px) {
  .research7 .zz-box .zz-left .zz-btn img,
  .research7 .zz-box .zz-left .zz-btn svg {
    width: 15px;
    height: 20px;
  }
}
.research7 .zz-box .zz-left .zz-btn span {
  position: relative;
}
.research7 .zz-box .zz-left .zz-btn span::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -5px;
}
.research7 .zz-box .zz-right {
  display: flex;
  flex-wrap: wrap;
  width: 39.85%;
  position: relative;
  z-index: 3;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .research7 .zz-box .zz-right {
    width: 42.85%;
  }
}
@media (max-width: 767px) {
  .research7 .zz-box .zz-right {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.research7 .zz-box .zz-right .public-img {
  width: 47.82%;
  width: 46%;
  margin-right: 4.34%;
}
.research7 .zz-box .zz-right .public-img:nth-of-type(2n+2) {
  margin-right: 0;
}
.research7 .zz-box .zz-right .public-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.research7 .zz-box .zz-right .public-img::before {
  padding-top: 136.36%;
}
.research7 .swpBtnBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .research7 .swpBtnBox {
    margin-top: 0.6rem;
  }
}
.research7 .swpBtnBox .swiper-pagination {
  position: relative;
  bottom: unset;
  left: unset;
  width: auto;
  color: #888;
  font-weight: bold;
}
.research7 .swpBtnBox .zz-boxs {
  display: flex;
}
.research7 .swpBtnBox .zz-boxs .swiper-button-prev {
  margin-right: 0.2rem;
}
.research7 .swpBtnBox .swiper-pagination-current {
  color: #222;
}
.search {
  padding: 0.95rem 0 1.95rem;
}
@media (max-width: 767px) {
  .search {
    padding-bottom: 1.2rem;
  }
}
.search .zz-searchTips {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 0;
  width: 100%;
}
.search .zz-searchTips img,
.search .zz-searchTips svg {
  width: 0.45rem;
  height: 0.45rem;
  margin-bottom: 0.3rem;
}
.search .zz-searchTips span {
  color: #666;
}
.search .search-title-box .zz-public-title2 .zz-text {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .search .search-title-box .zz-public-title2 .zz-text {
    margin-top: 0.2rem;
  }
}
.search .search-nav-box {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #eaeaea;
}
@media (max-width: 767px) {
  .search .search-nav-box {
    flex-direction: column;
  }
}
.search .search-nav {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0.5rem;
}
@media (max-width: 767px) {
  .search .search-nav {
    padding-right: 0;
    order: 1;
    display: -webkit-box;
    overflow-x: auto;
    flex-wrap: unset;
  }
}
.search .search-nav a {
  color: #999;
  transition: all 0.4s;
  margin-right: 0.55rem;
  position: relative;
  padding-bottom: 0.15rem;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.search .search-nav a:last-child {
  margin-right: 0;
}
.search .search-nav a:hover,
.search .search-nav a.on {
  color: #222;
}
.search .search-nav a:hover::before,
.search .search-nav a.on::before {
  opacity: 1;
}
.search .search-nav a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #222;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .search .search-nav a::before {
    bottom: 0;
  }
}
.search form {
  display: flex;
  align-items: center;
  padding-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .search form {
    margin-bottom: 0.8rem;
    order: 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0.25rem;
  }
}
.search form input {
  width: 135px;
  color: #222;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .search form input {
    width: auto;
    flex: 1;
  }
}
.search form button {
  display: flex;
}
.search form button img path,
.search form button svg path {
  fill: #333;
}
.search .search1 {
  margin-top: 0.85rem;
}
@media (max-width: 767px) {
  .search .search1 {
    margin-top: 0.6rem;
  }
}
.search .search1 .zz-btn {
  margin-top: 1.2rem;
  padding-left: 1.3rem;
}
@media (max-width: 767px) {
  .search .search1 .zz-btn {
    margin-top: 0.4rem;
  }
}
.search .search1 .public-prolist li .zz-box2 .zz-cont .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: 2;
  -webkit-box-orient: vertical;
  height: 3.14em;
}
.search .zz-btn a {
  color: #222;
  padding-bottom: 15px;
  transition: all 0.4s;
  border-bottom: 1px solid #222;
  display: inline-flex;
  align-items: center;
}
.search .zz-btn a:hover {
  opacity: 0.7;
}
.search .zz-btn a img,
.search .zz-btn a svg {
  margin-left: 0.15rem;
  width: 8px;
  height: 14px;
}
@media (max-width: 1366px) {
  .search .zz-btn a img,
  .search .zz-btn a svg {
    width: 6px;
    height: 12px;
  }
}
.search .search-nav-box2 {
  display: flex;
  align-items: center;
  padding-top: 0.35rem;
}
@media (max-width: 767px) {
  .search .search-nav-box2 {
    padding-top: 0.65rem;
  }
}
.search .search-nav-box2 .zz-div1 {
  color: #222;
  margin-right: 0.3rem;
  padding-left: 10px;
}
.search .search-nav-box2 .zz-div2 {
  color: #777;
}
.search .search-nav-box2 .zz-div2 a {
  color: inherit;
  transition: all 0.4s;
}
.search .search-nav-box2 .zz-div2 a:hover {
  color: #222;
}
.search .search-nav-box2 .zz-div2 span {
  margin: 0 5px;
}
.search .search2 {
  border-top: 2px solid #eaeaea;
  margin-top: 1.95rem;
}
@media (max-width: 767px) {
  .search .search2 {
    margin-top: 1.2rem;
  }
}
.search .search2 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.65rem;
}
.search .search2 ul li {
  width: 32.5%;
  margin-right: 1.25%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.6rem;
}
.search .search2 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 991px) {
  .search .search2 ul li {
    width: 49%;
    margin-right: 2%;
  }
  .search .search2 ul li:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .search .search2 ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .search .search2 ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.search .search2 ul li:hover .public-img img {
  transform: scale(1.05);
}
.search .search2 ul li:hover .zz-a {
  background: #222;
  color: #fff;
}
.search .search2 ul li .public-img {
  width: 100%;
  margin-bottom: 0.25rem;
}
.search .search2 ul li .public-img::before {
  padding-top: 59.34%;
}
.search .search2 ul li .zz-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.search .search2 ul li .zz-date {
  color: #666;
  margin-bottom: 0.1rem;
}
.search .search2 ul li .zz-a {
  display: inline-flex;
  border: 1px solid #222;
  padding: 0 0.25rem;
  min-width: 120px;
  height: 40px;
  align-items: center;
  justify-content: center;
  color: #222;
  transition: all 0.4s;
  margin-top: 0.4rem;
}
.search .search2 ul li .zz-a:hover {
  background: #222;
  color: #fff;
}
@media (max-width: 767px) {
  .search .search2 ul li .zz-a {
    height: 0.8rem;
    padding: 0 0.4rem;
  }
}
.search .search2 .zz-btn {
  padding-top: 1.1rem;
}
@media (max-width: 767px) {
  .search .search2 .zz-btn {
    padding-top: 0.3rem;
  }
}
#searchBox {
  padding-top: 90px;
  margin-top: -90px;
}
@media (max-width: 1580px) {
  #searchBox {
    padding-top: 80px;
    margin-top: -80px;
  }
}
@media (max-width: 1260px) {
  #searchBox {
    padding-top: 70px;
    margin-top: -70px;
  }
}
@media (max-width: 767px) {
  #searchBox {
    padding-top: 60px;
    margin-top: -60px;
  }
}
.news1 .news-nav-box {
  display: flex;
  justify-content: space-between;
  border-bottom: 2px solid #eaeaea;
  padding-top: 0.45rem;
}
@media (max-width: 767px) {
  .news1 .news-nav-box {
    flex-direction: column;
  }
}
.news1 .news-nav {
  display: flex;
  flex-wrap: wrap;
  padding-right: 0.5rem;
}
@media (max-width: 767px) {
  .news1 .news-nav {
    padding-right: 0;
    order: 1;
    display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
  }

}
.news1 .news-nav a {
  color: #999;
  transition: all 0.4s;
  margin-right: 0.55rem;
  position: relative;
  padding-bottom: 0.15rem;
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}
.news1 .news-nav a:last-child {
  margin-right: 0;
}
.news1 .news-nav a:hover,
.news1 .news-nav a.on {
  color: #222;
}
.news1 .news-nav a:hover::before,
.news1 .news-nav a.on::before {
  opacity: 1;
}
.news1 .news-nav a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #222;
  left: 0;
  bottom: -2px;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .news1 .news-nav a::before {
    bottom: 0;
  }
  .news1 .news-nav a{
  	  align-items: center;
    justify-content: center;   
  	 width: 48%;
    display: flex;    
  	line-height: 1.4;
    font-size: 16px;
    text-align: center;
    padding: 6px;
    background: #f5f5f5;
    margin-bottom: 5px;
	margin-right: initial;
  	}
}
.news1 form {
  display: flex;
  align-items: center;
  padding-bottom: 0.15rem;
}
@media (max-width: 767px) {
  .news1 form {
    margin-bottom: 0.6rem;
    order: 0;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0.25rem;
  }
}
.news1 form .zz-select {
  position: relative;
  width: 115px;
  margin-right: 0.8rem;
}
.news1 form .zz-select .zz-img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  pointer-events: none;
}
.news1 form .zz-select select {
  width: 100%;
  color: #999;
}
.news1 form input {
  width: 135px;
  color: #222;
  padding-right: 10px;
}
@media (max-width: 767px) {
  .news1 form input {
    width: auto;
    flex: 1;
  }
}
.news1 form button {
  display: flex;
}
.news1 form button img path,
.news1 form button svg path {
  fill: #333;
}
.news2 {
  padding: 0.6rem 0 1.95rem;
}
@media (max-width: 767px) {
  .news2 {
    padding: 0.4rem 0 1.2rem;
  }
}
.news2 .zz-box1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 3.7rem;
}
.news2 .zz-box1 img,
.news2 .zz-box1 svg {
  width: 0.45rem;
  height: 0.45rem;
  margin-bottom: 0.3rem;
}
.news2 .zz-box1 span {
  color: #666;
}
.news2 .zz-box2 .zz-boxs1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.95rem;
}
@media (max-width: 767px) {
  .news2 .zz-box2 .zz-boxs1 {
    flex-direction: column;
  }
}
.news2 .zz-box2 .zz-boxs1 a {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
@media (max-width: 767px) {
  .news2 .zz-box2 .zz-boxs1 a {
    flex-direction: column;
  }
}
.news2 .zz-box2 .zz-boxs1 a:hover .zz-left .public-img img {
  transform: scale(1.05);
}
.news2 .zz-box2 .zz-boxs1 a:hover .zz-right .zz-public-btn {
  opacity: 0.7;
}
.news2 .zz-box2 .zz-boxs1 .zz-left {
  width: 43.21%;
}
@media (max-width: 767px) {
  .news2 .zz-box2 .zz-boxs1 .zz-left {
    width: 100%;
  }
}
.news2 .zz-box2 .zz-boxs1 .zz-left .public-img {
  width: 100%;
}
.news2 .zz-box2 .zz-boxs1 .zz-left .public-img::before {
  padding-top: 59.5%;
}
.news2 .zz-box2 .zz-boxs1 .zz-right {
  width: 48%;
}
@media (max-width: 767px) {
  .news2 .zz-box2 .zz-boxs1 .zz-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.news2 .zz-box2 .zz-boxs1 .zz-right .zz-date {
  margin-bottom: 0.1rem;
  color: #666;
}
.news2 .zz-box2 .zz-boxs1 .zz-right .h3 {
  color: #000;
  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: 3em;
}
@media (max-width: 767px) {
  .news2 .zz-box2 .zz-boxs1 .zz-right .h3 {
    font-size: 0.32rem;
  }
}
.news2 .zz-box2 .zz-boxs1 .zz-right .zz-public-btn {
  margin-top: 0.5rem;
}
.news2 .public-page {
  padding-top: 0.55rem;
}
.zz-newsList {
  display: flex;
  flex-wrap: wrap;
}
.zz-newsList li {
  width: 32.5%;
  margin-right: 1.25%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.75rem;
}
.zz-newsList li:nth-of-type(3n+3) {
  margin-right: 0;
}
.zz-newsList li:hover .public-img img {
  transform: scale(1.05);
}
.zz-newsList li:hover .zz-cont .h3 {
  color: #000;
}
.zz-newsList li:hover .zz-public-btn {
  opacity: 0.7;
}
.zz-newsList li:hover{background: #eeeeee;}
@media (max-width: 991px) {
  .zz-newsList li {
    width: 49%;
    margin-right: 2%;
  }
  .zz-newsList li:nth-of-type(3n+3) {
    margin-right: 2%;
  }
  .zz-newsList li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .zz-newsList li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.1rem;
  }
  .zz-newsList li:last-child {
    margin-bottom: 0;
  }
}
.zz-newsList li .public-img {
  width: 100%;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .zz-newsList li .public-img {
    margin-bottom: 0.45rem;
  }
}

.zz-newsList li .zz-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 15px 15px;
}
.zz-newsList li .zz-box .zz-cont {
  padding-right: 0.45rem;
}
.zz-newsList li .zz-box .zz-cont .h3 {
  color: #000;
  height: 48px;
  line-height: 24px;
  overflow: hidden;
}
.zz-newsList li .zz-date {
  color: #666;
  margin-bottom: 0.1rem;
}
@media (max-width: 767px) {
  .zz-newsList li .zz-date {
    margin-bottom: 0.2rem;
  }
}
.zz-newsList li .zz-public-btn {
  margin-top: 0.25rem;
}
.public-page {
  display: flex;
  width: 100%;
  justify-content: center;
}
.public-page .zz-box {
  display: flex;
}
.public-page .p-num a {
  width: 0.55rem;
  height: 0.55rem;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  cursor: pointer;
  transition: all 0.4s;
  border: 1px solid #d7d6d6;
  border-right: 0;
}
.public-page .p-num a:hover,
.public-page .p-num a.on {
  background: #000;
  color: #fff;
  border: 1px solid #000;
}
.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;
  justify-content: center;
  width: 0.55rem;
  height: 0.55rem;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #d7d6d6;
  border-right: 0;
  transition: all 0.4s;
}
.public-page .p-prev:hover,
.public-page .p-next:hover {
  background: #000;
}
.public-page .p-prev:hover svg path,
.public-page .p-next:hover svg path {
  fill: #fff;
}
.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: #000;
  transition: all 0.4s;
}
.public-page .p-prev a {
  display: flex;
  height: 100%;
  align-items: center;
}
.public-page .p-next {
  border-right: 1px solid #d7d6d6;
}
.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 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.55rem;
  height: 0.55rem;
  min-width: 40px;
  min-height: 40px;
  border: 1px solid #d7d6d6;
  color: #222;
  border-right: 0;
}
@media (max-width: 767px) {
  .public-page .p-num a {
    margin: 0;
    min-width: 0.6rem;
    min-height: 0.6rem;
    width: 0.6rem;
    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 .p-prev,
  .public-page .p-next {
    min-width: 0.6rem;
    min-height: 0.6rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.news_detail1 {
  padding: 1.05rem 0 1.5rem;
}
@media (max-width: 767px) {
  .news_detail1 {
    padding: 1.3rem 0 0.6rem;
  }
}
.news_detail1 .zz-bigbox {
  padding: 0 1rem;
}
@media (max-width: 767px) {
  .news_detail1 .zz-bigbox {
    padding: 0;
  }
}
.news_detail1 .zz-title-box .h1 {
  text-align: center;
  color: #222;
  line-height: 1.2;
}
.news_detail1 .zz-title-box .zz-date {
  color: #999;
  margin-top: 0.25rem;
  text-align: center;
}
@media (max-width: 767px) {
  .news_detail1 .zz-title-box .zz-date {
    font-size: 0.26rem;
  }
}
.news_detail1 .zz-share-box {
  display: flex;
  justify-content: center;
  position: relative;
  margin-top: 0.3rem;
}
.news_detail1 .zz-share-box::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background: #ebebeb;
  z-index: -1;
}
.news_detail1 .zz-share-box .zz-share {
  background: #fff;
  padding: 0 0.6rem;
}
.news_detail1 .zz-share-box .social-share-icon {
  border-color: transparent;
  color: #b2b2b2;
  margin-right: 0.2rem;
  transition: all 0.4s;
}
.news_detail1 .zz-share-box .social-share-icon:hover {
  background: transparent;
  color: #000;
}
.news_detail1 .zz-share-box .social-share-icon:last-child {
  margin-right: 0;
}
.news_detail1 .zz-share-box2 {
  margin-top: 0.95rem;
}
.news_detail1 .zz-cont {
  margin-top: 0.45rem;
  line-height: 1.75em;
  color: #999;
  overflow: hidden;
}
.news_detail1 .zz-cont p {
  line-height: inherit;
}
.news_detail2 {
  padding-bottom: 1rem;
}
.news_detail2 .zz-newsList {
  margin-top: 0.6rem;
}
@media (max-width: 767px) {
  .news_detail2 .zz-newsList {
    margin-top: 0.7rem;
  }
}
.yd-errors {
  background: #f4f6f9;
  width: 100%;
  padding: 1.85rem 0 2.2rem;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.yd-errors .bgimg {
  width: 33.85%;
}
.yd-errors .c-text {
  margin-top: 0.9rem;
}
.yd-errors .c-text p {
  text-align: center;
  color: #2d2d2d;
}
.yd-errors .zz-btn {
  margin-top: 0.35rem;
  margin-bottom: 0.2rem;
  background: #000;
  padding: 0.15rem 0.3rem;
  display: inline-flex;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .yd-errors .zz-btn {
    margin-bottom: 0.35rem;
  }
}
.yd-errors .zz-btn:hover {
  opacity: 0.7;
}
.yd-errors .zz-btn span {
  color: #fff;
}
.yd-errors .zz-tips {
  color: #8e8e8e;
}
@media (max-width: 1260px) {
  .yd-errors .bgimg {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .yd-errors {
    padding: 1.2rem 0;
  }
  .yd-errors .bgimg {
    width: 70%;
  }
}
.goTop {
  position: fixed;
  right: 25px;
  bottom: 10%;
  display: none;
  z-index: 80;
}
@media (max-width: 767px) {
  .goTop {
    display: none !important;
  }
}
.goTop .zz-box {
  width: 45px;
  height: 45px;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #1a1a1a;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .goTop .zz-box {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.goTop img,
.goTop svg {
  width: 16px;
}
.goTop img path,
.goTop svg path {
  fill: #fff;
}
.goTop.on img path,
.goTop.on svg path {
  fill: #666;
}
.hadbox,
.hadbox-sec2 {
  z-index: 99999;
}
.fotbox-sec2 .container .lt span {
  margin-left: 0.3rem;
  font-size: 14px;
}
@media (max-width: 1580px) {
  .fotbox-sec2 .container .lt span {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .fotbox-sec2 .container .lt span {
    font-size: 0.26rem;
  }
}
@media (max-width: 767px) {
  .develop-nav {
    width: 100%;
    z-index: 500;
    background: #fff;
    left: 0;
    padding: 0.3rem 0;
  }
  .develop-nav .zz-li {
    margin-bottom: 0 !important;
  }
  .develop-nav.on {
    position: fixed;
    top: 0;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    top: 60px;
  }
  .develop-nav.on2 {
    top: 60px;
  }
  .zz-public-title2 .h2{font-size:28px;font-weight: bold;}
  .news_detail2 .zz_w1400 .zz-public-title2 {    margin-bottom: 30px !important;}
  .news_detail2{padding-bottom: 0.3rem;}
}
/*# sourceMappingURL=./zz-style.css.map */