@import "style.css";
@font-face {
  font-family: "POP-m";
  src: url("../font/POPPINS-MEDIUM.TTF") format("truetype");
}
@-webkit-keyframes jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
  100% {
    transform: translateY(0);
  }
}
.fd {
  overflow: hidden;
}
.fd img {
  transition: all 0.8s;
}
.fd:hover img {
  transform: scale(1.05);
}
.pop-m {
  font-family: "POP-m";
}
.zz-lh-34 {
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .zz-lh-34 {
    line-height: 1.5;
  }
}
.zz-lh-36 {
  line-height: 2em;
}
@media (max-width: 767px) {
  .zz-lh-36 {
    line-height: 1.5;
  }
}
.zz-lh-24 {
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .zz-lh-24 {
    line-height: 1.5;
  }
}
.zz-lh-26 {
  line-height: 1.625em;
}
@media (max-width: 767px) {
  .zz-lh-26 {
    line-height: 1.5;
  }
}
.font26 {
  font-size: 26px;
}
@media (max-width: 1580px) {
  .font26 {
    font-size: 24px;
  }
}
@media (max-width: 1366px) {
  .font26 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .font26 {
    font-size: 0.36rem;
  }
}
.font12 {
  font-size: 12px;
}
.pc {
  display: block;
}
.wap {
  display: none;
}
@media (max-width: 767px) {
  .pc {
    display: none;
  }
  .wap {
    display: block;
  }
}
.z-bg {
  background: #ebf3f6;
}
.z-textb,
.zz-textb {
  font-weight: bold;
}
.slide {
  display: none;
}
@keyframes fadeup {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}
.fadeup {
  animation-name: fadeup;
  -webkit-animation-name: fadeup;
}
@keyframes fadedown {
  0% {
    opacity: 0;
    top: 60%;
  }
  100% {
    opacity: 1;
    top: 70%;
  }
}
.fadedown {
  animation-name: fadedown;
  -webkit-animation-name: fadedown;
}
.zz-public-title-box {
  position: relative;
}
.zz-public-title-box .h2 {
  color: #1c2d57;
  line-height: 1.2;
}
.zz-public-title-box img,
.zz-public-title-box svg {
  width: 0.75rem;
  position: absolute;
  top: 30%;
  transform: translateY(-50%);
  z-index: -1;
  left: -0.2rem;
}
.zz-public-title-box img path,
.zz-public-title-box svg path {
  fill: #ebf3f6;
  opacity: 1;
}
.zz-public-title-box.zz-public-title-box3 .h2 {
  text-align: center;
}
.zz-public-title-box.zz-public-title-box3 .zz-text {
  text-align: center;
  margin-top: 0.15rem;
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .zz-public-title-box.zz-public-title-box3 .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .zz-public-title-box.zz-public-title-box3 .zz-text {
    margin-top: 0.3rem;
  }
}
.zz-public-title-box2 {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .zz-public-title-box2 {
    flex-direction: column;
  }
}
.zz-public-title-box2 .h2 {
  width: 39.28%;
  color: #1c2d57;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .zz-public-title-box2 .h2 {
    width: 100%;
  }
}
.zz-public-title-box2 .zz-text {
  width: 58%;
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .zz-public-title-box2 .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .zz-public-title-box2 .zz-text {
    width: 100%;
    line-height: 1.5;
    font-size: 0.28rem;
    margin-top: 0.3rem;
  }
}
.public-swpBtn {
  width: 0.6rem;
  height: 0.6rem;
  min-width: 40px;
  min-height: 40px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  opacity: 1;
  overflow: hidden;
  position: relative;
  top: unset;
  left: unset;
  right: unset;
  border-radius: 1000px;
  border: 1px solid #1c2d57;
  margin-top: 0;
}
@media (max-width: 767px) {
  .public-swpBtn {
    min-width: 0.8rem;
    min-height: 0.8rem;
  }
}
.public-swpBtn::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: all 0.4s;
  z-index: -1;
  opacity: 0;
}
.public-swpBtn svg {
  width: 0.1rem;
  min-width: 6px;
}
.public-swpBtn svg path {
  fill: #1c2d57;
  opacity: 1;
}
.public-swpBtn:hover {
  background: #1c2d57;
}
.public-swpBtn:hover::before {
  opacity: 1;
}
.public-swpBtn:hover svg path {
  fill: #fff;
}
.zz-public-mbtn:hover .zz-ico {
  transform: translateY(5px);
}
.zz-public-mbtn .zz-a {
  padding: 0.18rem 0.4rem;
  border-radius: 1000px;
  background: #3a8eaa;
  display: inline-flex;
  align-items: center;
  min-height: 0.6rem;
}
.zz-public-mbtn .zz-a .zz-span {
  color: #fff;
}
.zz-public-mbtn .zz-a .zz-ico {
  margin-left: 0.2rem;
  transition: all 0.3s;
  height: 0.2rem;
}
.zz-public-mbtn .zz-a .zz-ico path {
  fill: #fff;
  opacity: 1;
}
.zz-public-mbtn.zz-public-mbtn2:hover .zz-ico {
  transform: translateX(5px);
}
/* 复选框和单选框 */
.xc-radio:checked,
.xc-radio.xc-checked,
.xc-checkbox:checked,
.xc-checkbox.xc-checked {
  background-color: #3e8ea9;
  border: 1px solid #fff;
  text-align: center;
  background-clip: padding-box;
  transition: all 0.3s;
}
.xc-radio,
.xc-checkbox {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 1px solid #666;
  border-radius: 3px;
  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: 20%;
  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%;
  }
}
.public-eduSwp {
  width: 100%;
}
.public-eduSwp > .swiper-container {
  overflow: unset;
  margin-top: 0.5rem;
  width: 100%;
}
.public-eduSwp .swiper-slide::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('../images/z-7.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: 3;
}
.public-eduSwp .swiper-slide .public-img {
  width: 100%;
  border-radius: 10px;
}
.public-eduSwp .swiper-slide .public-img::before {
  padding-top: 71.11%;
}
.public-eduSwp .swiper-slide .public-img img {
  border-radius: inherit;
}
.public-eduSwp .swiper-slide .zz-text {
  position: absolute;
  bottom: 0.2rem;
  left: 0.25rem;
  color: #fff;
  z-index: 4;
}
@media (max-width: 1024px) {
  .public-eduSwp .swiper-slide .zz-text {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .public-eduSwp .swiper-slide .zz-text {
    font-size: 0.32rem;
    left: 0.4rem;
    bottom: 0.4rem;
  }
}
.public-eduSwp .swpBtn-box {
  position: relative;
}
.public-eduSwp .swpBtn {
  margin-top: 0.65rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .public-eduSwp .swpBtn {
    margin-top: 0.5rem;
  }
}
.public-eduSwp .swpBtn .public-swpBtn:nth-of-type(1) {
  margin-right: 0.2rem;
}
.public-eduSwp .swiper-pagination {
  height: 2px;
  top: unset;
  bottom: 0.3rem;
  width: 87.2%;
}
@media (max-width: 767px) {
  .public-eduSwp .swiper-pagination {
    bottom: 0.38rem;
    width: calc(100% - 2.2rem);
  }
}
.public-eduSwp .swiper-pagination-progressbar {
  background: #ddd;
}
.public-eduSwp .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #1c2d57;
}
.edu_swp .manage-box {
  padding: 1.4rem 0 1.65rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .edu_swp .manage-box {
    padding: 0.8rem 0 1.2rem;
  }
}
.edu_swp .manage-sec1 {
  margin-top: -0.6rem;
  padding-top: 0.6rem;
  position: relative;
}
.edu_swp .manage-sec1 .public-img {
  margin-left: 2.85%;
  width: 97.14%;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec1 .public-img {
    width: 100%;
    margin-left: 0;
  }
}
.edu_swp .manage-sec1 .public-img::before {
  padding-top: 45%;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec1 .public-img::before {
    padding-top: 60%;
  }
}
.edu_swp .manage-sec1 .public-img img {
  border-radius: 10px;
  transition: all 0.8s;
}
.edu_swp .manage-sec1 .zz-cont {
  position: absolute;
  background: #fff;
  z-index: 3;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 0.45rem 0.65rem 0.65rem;
  border-radius: 10px;
  width: 40.35%;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec1 .zz-cont {
    position: relative;
    width: 100%;
    top: unset;
    transform: unset;
    padding: 0.4rem;
    margin-top: 0.4rem;
  }
}
.edu_swp .manage-sec1 .zz-cont .zz-text {
  margin-top: 0.3rem;
}
.edu_swp .manage-sec1 .zz-cont .zz-text p {
  line-height: 1.88888889em;
  color: #333;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec1 .zz-cont .zz-text p {
    line-height: 1.5;
  }
}
.edu_swp .manage-sec2 {
  margin-top: 1.25rem;
}
.edu_swp .manage-sec3 {
  margin-top: 1.35rem;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec3 {
    margin-top: 1.1rem;
  }
}
.edu_swp .manage-sec3 .zz-imgbox {
  border-radius: 0.25rem;
  margin-top: 0.6rem;
  width: 100%;
}
@media (max-width: 767px) {
  .edu_swp .manage-sec3 .zz-imgbox {
    margin-top: 0.5rem;
  }
}
.edu_swp .manage-sec3 .public-img {
  width: 100%;
  border-radius: inherit;
  box-shadow: 0 3px 76px rgba(74, 74, 74, 0.09);
}
.edu_swp .manage-sec3 .public-img::before {
  padding-top: 50.7%;
}
.edu_swp .manage-sec3 .public-img img {
  border-radius: inherit;
}
.edu_swp .spirit-box {
  padding: 1.9rem 0 1.75rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-box {
    padding: 1rem 0 1.2rem;
  }
}
.edu_swp .spirit-sec1 {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 {
    flex-direction: column;
  }
}
.edu_swp .spirit-sec1 .bgimg {
  position: absolute;
  left: -5.3%;
  top: 0;
  z-index: -1;
}
.edu_swp .spirit-sec1 .zz-left {
  width: 31.07%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-left {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0.6rem;
  }
}
.edu_swp .spirit-sec1 .zz-left .zz-list {
  display: none;
}
.edu_swp .spirit-sec1 .zz-left .zz-list:nth-of-type(1) {
  display: block;
}
.edu_swp .spirit-sec1 .zz-left .zz-list .h2 {
  color: #1c2d57;
}
.edu_swp .spirit-sec1 .zz-left .zz-list .zz-text {
  line-height: 1.88888889em;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-left .zz-list .zz-text {
    line-height: 1.5;
  }
}
.edu_swp .spirit-sec1 .zz-right {
  display: flex;
  align-items: stretch;
  position: relative;
  z-index: 2;
}
.edu_swp .spirit-sec1 .zz-right .zz-list {
  padding: 0.6rem 0.55rem 0.9rem;
  width: 3.5rem;
  position: relative;
  margin-right: 0.3rem;
}
@media (max-width: 1580px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list {
    width: 4rem;
  }
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list {
    width: 48%;
    padding: 0.25rem 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.edu_swp .spirit-sec1 .zz-right .zz-list:last-child {
  margin-right: 0;
  margin-left: 2%;
}
.edu_swp .spirit-sec1 .zz-right .zz-list.on .bgimg {
  opacity: 0;
}
.edu_swp .spirit-sec1 .zz-right .zz-list.on .bgimg2 {
  opacity: 1;
}
.edu_swp .spirit-sec1 .zz-right .zz-list.on .zz-icon svg path {
  fill: #fff;
}
.edu_swp .spirit-sec1 .zz-right .zz-list.on .h3 {
  color: #fff;
}
.edu_swp .spirit-sec1 .zz-right .zz-list.on .zz-text {
  color: #fff;
}
.edu_swp .spirit-sec1 .zz-right .zz-list .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  z-index: -2;
}
.edu_swp .spirit-sec1 .zz-right .zz-list .bgimg2 {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.4s;
  z-index: -1;
}
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon {
  margin-bottom: 0.85rem;
}
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon img,
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon svg {
  height: 0.5rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon img,
  .edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon svg {
    height: auto;
    width: 0.4rem;
    margin-right: 0.4rem;
    display: flex;
  }
}
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon img path,
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon svg path {
  fill: #3b8eaa;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list .zz-icon {
    margin-bottom: 0rem;
  }
}
.edu_swp .spirit-sec1 .zz-right .zz-list .h3 {
  color: #1c2d57;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list .h3 {
    font-size: 0.32rem;
  }
}
.edu_swp .spirit-sec1 .zz-right .zz-list .zz-text {
  margin-top: 5px;
  color: #999;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec1 .zz-right .zz-list .zz-text {
    display: none;
  }
}
.edu_swp .spirit-sec2 {
  margin-top: 1.35rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 {
    margin-top: 1.1rem;
  }
}
.edu_swp .spirit-sec2 .zz-public-title-box .zz-text {
  width: 53.92%;
  margin: 0 auto;
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 .zz-public-title-box .zz-text {
    width: 100%;
    margin-top: 0.3rem;
    font-size: 0.28rem;
  }
}
.edu_swp .spirit-sec2 > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul {
    margin-top: 0.6rem;
  }
}
.edu_swp .spirit-sec2 > ul li {
  width: 31.78%;
  margin-right: 2.32%;
  position: relative;
  margin-bottom: 0.3rem;
}
.edu_swp .spirit-sec2 > ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.edu_swp .spirit-sec2 > ul li:hover .public-img img {
  transform: scale(1.05);
}
.edu_swp .spirit-sec2 > ul li:hover .zz-cont .zz-text {
  height: 100px;
  margin-top: 0.2rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.edu_swp .spirit-sec2 > ul li:hover .zz-cont .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.edu_swp .spirit-sec2 > ul li:hover .zz-cont .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.edu_swp .spirit-sec2 > ul li:hover .zz-cont .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li:hover .zz-cont .zz-text {
    height: auto;
    max-height: 2.6rem;
  }
}
.edu_swp .spirit-sec2 > ul li .public-img {
  width: 100%;
  border-radius: 8px;
}
.edu_swp .spirit-sec2 > ul li .public-img::before {
  padding-top: 94.38%;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .public-img::before {
    padding-top: 65%;
  }
}
.edu_swp .spirit-sec2 > ul li .public-img img {
  border-radius: inherit;
  transition: all 0.8s;
  border-radius: 10px;
}
.edu_swp .spirit-sec2 > ul li .zz-cont {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0.25rem 0.3rem 0.25rem 0.45rem;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont {
    padding: 0.35rem 0.55rem 0.35rem 0.6rem;
    position: relative;
  }
}
.edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box {
  display: flex;
  justify-content: space-between;
}
.edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box h3 {
  color: #1c2d57;
  position: relative;
  flex: 1;
  padding-right: 0.2rem;
}
@media (max-width: 1366px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box h3 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box h3 {
    font-size: 0.32rem;
  }
}
.edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box h3::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #3b8eaa;
  left: -0.2rem;
  top: 0.15rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box h3::before {
    top: 0.2rem;
    left: -0.3rem;
  }
}
.edu_swp .spirit-sec2 > ul li .zz-cont .zz-title-box p {
  color: #999;
  margin-top: 0.05rem;
}
.edu_swp .spirit-sec2 > ul li .zz-cont .zz-text {
  height: 0;
  transition: all 0.5s;
  overflow: hidden;
  color: #999;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 > ul li .zz-cont .zz-text {
    height: auto;
    margin-top: 0.2rem;
  }
}
.edu_swp .spirit-sec2 .zz-btn {
  display: none;
  justify-content: center;
  padding-top: 0.7rem;
}
@media (max-width: 767px) {
  .edu_swp .spirit-sec2 .zz-btn {
    padding-top: 0.4rem;
  }
}
.teaching-box {
  padding: 1.3rem 0 0 0;
  margin-bottom: 1.1rem;
  position: relative;
}
.teaching-box .bgimg1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.teaching-box .bgimg2 {
  width: 100%;
  position: absolute;
  bottom: -1.1rem;
  left: 0;
  opacity: 0.4;
  z-index: 1;
}
.teaching-sec1 {
  position: relative;
  z-index: 2;
}
.teaching-sec1 .zz-public-title-box .zz-text {
  line-height: 1.7em;
  width: 73%;
  margin: 0 auto;
  margin-top: 0.25rem;
  text-align: left;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-public-title-box .zz-text {
    font-size: 0.28rem;
    width: 100%;
  }
}
.teaching-sec1 .zz-table-box {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box {
    display: -webkit-box;
    overflow-x: auto;
  }
}
.teaching-sec1 .zz-table-box table {
  border-left: 1px solid #d5d5d5;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box table {
    width: 14rem;
  }
}
.teaching-sec1 .zz-table-box table tr th {
  background: #3a8eaa;
  color: #fff;
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0.2rem;
}
.teaching-sec1 .zz-table-box table tr th:nth-of-type(1) {
  border-top-left-radius: 10px;
}
.teaching-sec1 .zz-table-box table tr th:last-child {
  border-top-right-radius: 10px;
}
.teaching-sec1 .zz-table-box table tr td {
  text-align: center;
  padding: 0.15rem 0;
  color: #222;
  border-bottom: 1px solid #d5d5d5;
  border-right: 1px solid #d5d5d5;
}
.teaching-sec1 .zz-table-box table tr:nth-of-type(odd) td {
  background: #edf8fb;
}
.teaching-sec1 .zz-table-box table tr:nth-of-type(even) td {
  background: #fff;
}
.teaching-sec1 .zz-table-box table tr th:nth-of-type(1),
.teaching-sec1 .zz-table-box table tr td:nth-of-type(1) {
  width: 470px;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box table tr th:nth-of-type(1),
  .teaching-sec1 .zz-table-box table tr td:nth-of-type(1) {
    font-size: 0.32rem;
  }
}
.teaching-sec1 .zz-table-box table tr th:nth-of-type(2),
.teaching-sec1 .zz-table-box table tr td:nth-of-type(2) {
  width: 300px;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box table tr th:nth-of-type(2),
  .teaching-sec1 .zz-table-box table tr td:nth-of-type(2) {
    font-size: 0.32rem;
  }
}
.teaching-sec1 .zz-table-box table tr th:nth-of-type(3),
.teaching-sec1 .zz-table-box table tr td:nth-of-type(3) {
  width: 290px;
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box table tr th:nth-of-type(3),
  .teaching-sec1 .zz-table-box table tr td:nth-of-type(3) {
    font-size: 0.32rem;
  }
}
@media (max-width: 767px) {
  .teaching-sec1 .zz-table-box table tr td {
    font-size: 0.28rem !important;
  }
}
.teaching-sec2 {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  position: relative;
  z-index: 2;
  margin-top: 2.1rem;
}
@media (max-width: 767px) {
  .teaching-sec2 {
    margin-top: 1.1rem;
    flex-direction: column;
    padding: 0;
  }
}
.teaching-sec2 .zz-left {
  width: 47%;
}
@media (max-width: 767px) {
  .teaching-sec2 .zz-left {
    width: 100%;
  }
}
.teaching-sec2 .zz-left .h2 {
  color: #1c2d57;
}
.teaching-sec2 .zz-left .zz-text {
  margin-top: 0.25rem;
  line-height: 1.88888889em;
  max-height: 380px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
@media (max-width: 767px) {
  .teaching-sec2 .zz-left .zz-text {
    line-height: 1.5;
  }
}
.teaching-sec2 .zz-left .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.teaching-sec2 .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.teaching-sec2 .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1024px) {
  .teaching-sec2 .zz-left .zz-text {
    max-height: 270px;
  }
}
@media (max-width: 767px) {
  .teaching-sec2 .zz-left .zz-text {
    font-size: 0.28rem;
    padding-right: 0.1rem;
    max-height: 3rem;
  }
}
.teaching-sec2 .zz-right {
  width: 48%;
}
@media (max-width: 767px) {
  .teaching-sec2 .zz-right {
    width: 70%;
    margin: 0 auto;
    margin-top: 0.6rem;
  }
}
.student-box {
  padding: 1.4rem 0 1.6rem;
}
@media (max-width: 767px) {
  .student-box {
    padding: 1rem 0 1.2rem;
  }
}
.student-box .zz-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.4rem;
  position: relative;
}
@media (max-width: 767px) {
  .student-box .zz-list {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}
.student-box .zz-list:last-child {
  margin-bottom: 0;
}
.student-box .zz-list:nth-of-type(even) .zz-left {
  order: 1;
}
@media (max-width: 767px) {
  .student-box .zz-list:nth-of-type(even) .zz-left {
    order: 0;
  }
}
.student-box .zz-list:nth-of-type(even) .zz-left ul li::before {
  left: -0.2rem;
  transform: translateY(-50%) rotate(180deg);
}
.student-box .zz-list:nth-of-type(even) .zz-right {
  order: 0;
}
@media (max-width: 767px) {
  .student-box .zz-list:nth-of-type(even) .zz-right {
    order: 1;
  }
}
.student-box .zz-list .zz-left {
  width: 28.21%;
}
@media (max-width: 767px) {
  .student-box .zz-list .zz-left {
    width: 100%;
  }
}
.student-box .zz-list .zz-left .h2 {
  color: #1c2d57;
}
.student-box .zz-list .zz-left .zz-text {
  margin-top: 0.3rem;
  padding-right: 0.9rem;
  max-height: 190px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.student-box .zz-list .zz-left .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.student-box .zz-list .zz-left .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.student-box .zz-list .zz-left .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1024px) {
  .student-box .zz-list .zz-left .zz-text {
    padding-right: 0;
    max-height: 95px;
  }
}
.student-box .zz-list .zz-left ul {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .student-box .zz-list .zz-left ul {
    margin-top: 0.5rem;
  }
}
.student-box .zz-list .zz-left ul li {
  display: flex;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  align-items: center;
  padding: 0.35rem 0.2rem;
  transition: all 0.4s;
}
.student-box .zz-list .zz-left ul li:hover,
.student-box .zz-list .zz-left ul li.on {
  background: #d9e9ee;
}
.student-box .zz-list .zz-left ul li:hover img path,
.student-box .zz-list .zz-left ul li.on img path,
.student-box .zz-list .zz-left ul li:hover svg path,
.student-box .zz-list .zz-left ul li.on svg path {
  fill: #3b8eaa;
}
.student-box .zz-list .zz-left ul li:hover span,
.student-box .zz-list .zz-left ul li.on span {
  color: #3b8eaa;
}
.student-box .zz-list .zz-left ul li:hover::before,
.student-box .zz-list .zz-left ul li.on::before {
  opacity: 1;
}
.student-box .zz-list .zz-left ul li::before {
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0.2rem;
  height: 0.2rem;
  background: url('../images/z-29.png');
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .student-box .zz-list .zz-left ul li::before {
    content: unset;
  }
}
.student-box .zz-list .zz-left ul li .zz-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  margin-right: 0.2rem;
  justify-content: center;
  position: relative;
}
@media (max-width: 1580px) {
  .student-box .zz-list .zz-left ul li .zz-icon {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 1280px) {
  .student-box .zz-list .zz-left ul li .zz-icon {
    width: 24px;
    height: 24px;
  }
}
@media (max-width: 767px) {
  .student-box .zz-list .zz-left ul li .zz-icon {
    width: 20px;
    height: 20px;
  }
}
.student-box .zz-list .zz-left ul li img,
.student-box .zz-list .zz-left ul li svg {
  max-width: 100%;
  max-height: 100%;
}
.student-box .zz-list .zz-left ul li img path,
.student-box .zz-list .zz-left ul li svg path {
  transition: all 0.4s;
}
.student-box .zz-list .zz-left ul li span {
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .student-box .zz-list .zz-left ul li span {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .student-box .zz-list .zz-left ul li span {
    font-size: 16px;
  }
}
.student-box .zz-list .zz-right {
  width: 66.42%;
  position: relative;
}
@media (max-width: 767px) {
  .student-box .zz-list .zz-right {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.student-box .zz-list .zz-right .zz-list {
  width: 100%;
  display: none;
  margin-bottom: 0;
}
.student-box .zz-list .zz-right .zz-list:nth-of-type(1) {
  display: block;
}
.student-box .zz-list .zz-right .zz-list:hover .public-img img {
  transform: scale(1.05);
}
.student-box .zz-list .zz-right .zz-list .zz-mask {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.student-box .zz-list .zz-right .zz-list .public-img {
  width: 100%;
  border-radius: 10px;
}
.student-box .zz-list .zz-right .zz-list .public-img::before {
  padding-top: 74.19%;
}
.student-box .zz-list .zz-right .zz-list .public-img img {
  transition: all 0.8s;
  border-radius: inherit;
}
.student-box .zz-list .zz-right .zz-list .zz-cont {
  position: absolute;
  padding: 0.55rem 0.6rem;
  bottom: 0;
  left: 0;
  color: #fff;
  z-index: 3;
}
.student-box .zz-list .zz-right .zz-list .zz-cont .zz-title {
  position: relative;
}
.student-box .zz-list .zz-right .zz-list .zz-cont .zz-title::before {
  content: '';
  position: absolute;
  height: 60%;
  width: 2px;
  background: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: -0.15rem;
}
.student-box .zz-list .zz-right .zz-list .zz-cont .zz-text {
  margin-top: 0.1rem;
}
.homeSchool-box {
  padding: 1.4rem 0;
}
.homeSchool-box .zz-box1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.homeSchool-box .zz-box1 .zz-nav {
  border-radius: 1000px;
  display: flex;
  position: relative;
  border: 1px solid #1c2d58;
}
.homeSchool-box .zz-box1 .zz-nav .zz-syb {
  position: absolute;
  width: 2.5rem;
  height: calc(100% + 2px);
  left: 0;
  top: -1px;
  transition: all 0.8s;
  background: #3b8eaa;
  border-radius: 1000px;
  z-index: 2;
}
.homeSchool-box .zz-box1 .zz-nav::before {
  content: '';
}
.homeSchool-box .zz-box1 .zz-nav .zz-list-box {
  display: flex;
}
.homeSchool-box .zz-box1 .zz-nav .zz-list {
  width: 2.5rem;
  padding: 0.2rem;
  text-align: center;
  position: relative;
  z-index: 3;
  transition: all 0.4s;
  cursor: pointer;
}
.homeSchool-box .zz-box1 .zz-nav .zz-list.on {
  color: #fff;
}
.homeSchool-box .zz-box1 .bigBox {
  display: flex;
  justify-content: center;
}
.homeSchool-box .zz-box1 .zz-public-title-box {
  width: 54%;
  margin-top: 0.65rem;
  display: none;
}
.homeSchool-box .zz-box1 .zz-public-title-box:nth-of-type(1) {
  display: block;
}
.homeSchool-box .zz-box1 .zz-public-title-box .zz-text {
  color: #1c2d57;
  line-height: 2em;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box1 .zz-public-title-box .zz-text {
    line-height: 1.5;
  }
}
.homeSchool-box .zz-box2 .zz-li {
  display: none;
}
.homeSchool-box .zz-box2 .zz-li:nth-of-type(1) {
  display: block;
}
.homeSchool-box .zz-box2 ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul {
    margin-top: 0.6rem;
  }
}
.homeSchool-box .zz-box2 ul li {
  width: 31.78%;
  margin-right: 2.32%;
  position: relative;
  margin-bottom: 1.15rem;
}
.homeSchool-box .zz-box2 ul li:nth-of-type(3n+3) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
}
.homeSchool-box .zz-box2 ul li:hover .public-img img {
  transform: scale(1.05);
}
.homeSchool-box .zz-box2 ul li:hover .zz-cont .zz-text {
  height: 100px;
  margin-top: 0.2rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.homeSchool-box .zz-box2 ul li:hover .zz-cont .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.homeSchool-box .zz-box2 ul li:hover .zz-cont .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.homeSchool-box .zz-box2 ul li:hover .zz-cont .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li:hover .zz-cont .zz-text {
    height: auto;
    max-height: 2.6rem;
  }
}
.homeSchool-box .zz-box2 ul li .public-img {
  width: 100%;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.homeSchool-box .zz-box2 ul li .public-img::before {
  padding-top: 94.38%;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .public-img::before {
    padding-top: 65%;
  }
}
.homeSchool-box .zz-box2 ul li .public-img img {
  border-radius: inherit;
  transition: all 0.8s;
}
.homeSchool-box .zz-box2 ul li .zz-cont {
  background: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 0.25rem 0.3rem 0.25rem 0.45rem;
  transition: all 0.4s;
  position: absolute;
  width: 100%;
  bottom: -0.85rem;
  left: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .zz-cont {
    padding: 0.35rem 0.55rem 0.35rem 0.6rem;
    position: relative;
  }
}
.homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box {
  display: flex;
  justify-content: space-between;
}
.homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box h3 {
  color: #1c2d57;
  position: relative;
  flex: 1;
  padding-right: 0.2rem;
}
@media (max-width: 1366px) {
  .homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box h3 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box h3 {
    font-size: 0.32rem;
  }
}
.homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box h3::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #3b8eaa;
  left: -0.2rem;
  top: 0.15rem;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box h3::before {
    top: 0.2rem;
    left: -0.3rem;
  }
}
.homeSchool-box .zz-box2 ul li .zz-cont .zz-title-box p {
  color: #999;
  margin-top: 0.05rem;
}
.homeSchool-box .zz-box2 ul li .zz-cont .zz-text {
  height: 0;
  transition: all 0.5s;
  overflow: hidden;
  color: #999;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .zz-cont .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .homeSchool-box .zz-box2 ul li .zz-cont .zz-text {
    height: auto;
    margin-top: 0.2rem;
  }
}
.homeSchool-box .zz-box2 .x-page {
  padding-top: 0.7rem;
}
.twoa-box {
  position: relative;
  padding: 1.25rem 0 1.5rem;
}
.twoa-box .bgimg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.twoa-box .h2 {
  color: #1c2d57;
}
.twoa-box .zz-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 2.4rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .twoa-box .zz-box {
    padding: 0;
  }
}
.twoa-box .zz-box .zz-cont {
  margin-top: 0.2rem;
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .twoa-box .zz-box .zz-cont {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .twoa-box .zz-box .zz-cont {
    font-size: 0.28rem;
    margin-top: 0.3rem;
  }
}
.course-box {
  padding: 1.7rem 0 0;
}
@media (max-width: 767px) {
  .course-box {
    padding: 1.2rem 0 0;
  }
}
.course-box .big-box {
  height: 800vh;
  position: relative;
  width: 100%;
}
.course-box .zz-ul {
  height: 100vh;
  position: sticky;
  top: 0;
  width: 100%;
}
.course-box .zz-li {
  height: 100vh;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 80px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (max-width: 767px) {
  .course-box .zz-li {
    top: 1.15rem;
  }
}
.course-box .zz-li .bgimg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  left: 1.5rem;
  width: 35%;
}
@media (max-width: 767px) {
  .course-box .zz-li .bgimg {
    width: 65%;
    left: 50%;
    transform: translateX(-50%);
    top: 3%;
  }
}
.course-box .zz-li .zz-box {
  border-radius: 10px;
  width: 100%;
  transform: scale(0.8857);
  position: relative;
  padding: 0.65rem 0.7rem 0.65rem 0.75rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box {
    padding: 0.4rem;
  }
}
.course-box .zz-li .zz-box .zz-public-title-box {
  position: absolute;
  top: -0.9rem;
  left: 0;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-public-title-box {
    top: -1.1rem;
  }
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box {
    flex-direction: column;
  }
}
.course-box .zz-li .zz-box .zz-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #d4e6ec;
  transition: all 0.01s;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: 1;
}
.course-box .zz-li .zz-box .zz-left {
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-left {
    width: 100%;
  }
}
.course-box .zz-li .zz-box .zz-left .zz-icon {
  background: #fff;
  width: 1rem;
  height: 1rem;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-left .zz-icon {
    margin-bottom: 0.2rem;
  }
}
.course-box .zz-li .zz-box .zz-left .zz-icon img,
.course-box .zz-li .zz-box .zz-left .zz-icon svg {
  width: 0.6rem;
  height: 0.6rem;
}
.course-box .zz-li .zz-box .zz-left .zz-cont {
  color: #fff;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-left .zz-cont .h3 {
    font-size: 0.36rem;
  }
}
.course-box .zz-li .zz-box .zz-left .zz-cont .zz-text {
  line-height: 1.625em;
  margin-top: 0.1rem;
  max-height: 90px;
  max-height: unset;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.course-box .zz-li .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.course-box .zz-li .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.course-box .zz-li .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1366px) {
  .course-box .zz-li .zz-box .zz-left .zz-cont .zz-text {
    max-height: 140px;
    max-height: unset;
  }
}
@media (max-width: 1024px) {
  .course-box .zz-li .zz-box .zz-left .zz-cont .zz-text {
    max-height: 70px;
    max-height: unset;
  }
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-left .zz-cont .zz-text {
    max-height: 1.4rem;
    max-height: unset;
    padding-right: 0.1rem;
  }
}
.course-box .zz-li .zz-box .zz-left .zz-boxs2 {
  color: #fff;
}
.course-box .zz-li .zz-box .zz-left .zz-boxs2 span {
  font-family: "POP-m";
}
.course-box .zz-li .zz-box .zz-left .zz-boxs2 span:nth-of-type(1) {
  font-size: 0.54rem;
}
.course-box .zz-li .zz-box .zz-left .zz-boxs2 span:nth-of-type(2) {
  margin-left: 0.15rem;
  margin-right: 5px;
}
.course-box .zz-li .zz-box .zz-right {
  width: 47.8%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.course-box .zz-li .zz-box .zz-right:hover .public-img img {
  transform: scale(1.05);
}
.course-box .zz-li .zz-box .zz-right .public-img {
  width: 100%;
  border-radius: 10px;
}
.course-box .zz-li .zz-box .zz-right .public-img::before {
  padding-top: 83.33%;
}
@media (max-width: 767px) {
  .course-box .zz-li .zz-box .zz-right .public-img::before {
    padding-top: 65%;
  }
}
.course-box .zz-li .zz-box .zz-right .public-img img {
  border-radius: inherit;
  transition: all 0.8s;
}
.course-box .zz-li:nth-of-type(1) {
  top: 0;
}
.course-box .zz-li:nth-of-type(1) .zz-box {
  width: 100%;
  transform: scale(1);
}
.course-box .zz-li:nth-of-type(1) .zz-box .zz-mask {
  background-color: #3e8ea9;
}
.course-box .zz-li:nth-of-type(2) {
  top: 40px;
}
@media (max-width: 767px) {
  .course-box .zz-li:nth-of-type(2) {
    top: 0.55rem;
  }
}
.course-box .zz-li:nth-of-type(2) .zz-box {
  transform: scale(0.9428);
}
.course-box .zz-li:nth-of-type(2) .zz-box .zz-mask {
  background-color: #8bbbcb;
}
.course-box .course-swp {
  margin-top: 0.5rem;
  margin-bottom: 1.2rem;
}
.course-box .course-swp .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.course-box .course-swp .swiper-slide .bgimg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  left: 1.5rem;
  width: 35%;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .bgimg {
    width: 65%;
    left: 50%;
    transform: translateX(-50%);
    top: 3%;
  }
}
.course-box .course-swp .swiper-slide .zz-box {
  border-radius: 10px;
  width: 100%;
  position: relative;
  padding: 0.65rem 0.7rem 0.65rem 0.75rem;
  align-items: center;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box {
    padding: 0.5rem 0.4rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-public-title-box {
  position: absolute;
  top: -0.9rem;
  left: 0;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-public-title-box {
    top: -1.1rem;
  }
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box {
    flex-direction: column;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #3e8ea9;
  transition: all 0.01s;
  top: 0;
  left: 0;
  border-radius: 10px;
  z-index: 1;
}
.course-box .course-swp .swiper-slide .zz-box .zz-left {
  width: 40%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left {
    width: 100%;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-icon {
  background: #fff;
  width: 1rem;
  height: 1rem;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.75rem;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-icon {
    margin-bottom: 0.3rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-icon img,
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-icon svg {
  width: 0.6rem;
  height: 0.6rem;
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont {
  color: #fff;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .h3 {
    font-size: 0.36rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text {
  line-height: 1.625em;
  margin-top: 0.1rem;
  max-height: 90px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1366px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text {
    max-height: 140px;
  }
}
@media (max-width: 1024px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text {
    max-height: 70px;
  }
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-cont .zz-text {
    max-height: 1.4rem;
    padding-right: 0.1rem;
    margin-top: 0.2rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-boxs2 {
  color: #fff;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-left .zz-boxs2 {
    margin-top: 0.2rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-boxs2 span {
  font-family: "POP-m";
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-boxs2 span:nth-of-type(1) {
  font-size: 0.54rem;
}
.course-box .course-swp .swiper-slide .zz-box .zz-left .zz-boxs2 span:nth-of-type(2) {
  margin-left: 0.15rem;
  margin-right: 5px;
}
.course-box .course-swp .swiper-slide .zz-box .zz-right {
  width: 47.8%;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-right:hover .public-img img {
  transform: scale(1.05);
}
.course-box .course-swp .swiper-slide .zz-box .zz-right .public-img {
  width: 100%;
  border-radius: 10px;
}
.course-box .course-swp .swiper-slide .zz-box .zz-right .public-img::before {
  padding-top: 83.33%;
}
@media (max-width: 767px) {
  .course-box .course-swp .swiper-slide .zz-box .zz-right .public-img::before {
    padding-top: 65%;
  }
}
.course-box .course-swp .swiper-slide .zz-box .zz-right .public-img img {
  border-radius: inherit;
  transition: all 0.8s;
}
.course-box .course-swp .swiper-pagination {
  bottom: 0;
}
.course-box .course-swp .swiper-container {
  padding-bottom: 1rem;
}
.course-box .course-swp .swiper-pagination-bullet-active {
  background: #1c2d57;
}
.x-about7 h2 {
  color: #1c2d57;
}
.x-about7 .zz-ul {
  width: 100%;
  margin-top: 0.3rem;
  flex-direction: column;
}
.x-about7 .zz-ul .zz-li {
  padding: 0.25rem 0.3rem 0.25rem 0.35rem;
  border-radius: 15px;
  background: #fff;
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.x-about7 .zz-ul .zz-li:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-syb {
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 25px;
}
@media (max-width: 1366px) {
  .x-about7 .zz-ul .zz-li .zz-syb {
    margin-right: 15px;
  }
}
.x-about7 .zz-ul .zz-li .zz-icon {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-icon {
    align-items: flex-start;
    padding-top: 0.1rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-text {
  flex: 1;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-text {
    font-size: 0.32rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-que {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
.x-about7 .zz-ul .zz-li .zz-que.on .zz-text {
  color: #1c2d57;
}
.x-about7 .zz-ul .zz-li .zz-que.on .zz-syb {
  color: #1c2d57;
}
.x-about7 .zz-ul .zz-li .zz-que.on .zz-icon img,
.x-about7 .zz-ul .zz-li .zz-que.on .zz-icon svg {
  transform: rotate(90deg);
}
.x-about7 .zz-ul .zz-li .zz-que.on .zz-icon img path,
.x-about7 .zz-ul .zz-li .zz-que.on .zz-icon svg path {
  fill: #3a8eaa;
}
.x-about7 .zz-ul .zz-li .zz-que .zz-box {
  display: flex;
  align-items: flex-start;
  padding-right: 1.1rem;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-que .zz-box {
    padding-right: 0.2rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-que .zz-icon img,
.x-about7 .zz-ul .zz-li .zz-que .zz-icon svg {
  width: 0.12rem;
  min-width: 8px;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-que .zz-icon img,
  .x-about7 .zz-ul .zz-li .zz-que .zz-icon svg {
    width: 0.15rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-que .zz-icon img path,
.x-about7 .zz-ul .zz-li .zz-que .zz-icon svg path {
  transition: all 0.4s;
}
.x-about7 .zz-ul .zz-li .zz-que .zz-text {
  transition: all 0.4s;
  text-align: left;
}
.x-about7 .zz-ul .zz-li .zz-ask {
  margin-top: 0.25rem;
  padding-left: 50px;
  padding-bottom: 0.8rem;
  display: none;
}
@media (max-width: 1366px) {
  .x-about7 .zz-ul .zz-li .zz-ask {
    padding-left: 38px;
  }
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-ask {
    padding-left: 32px;
    padding-bottom: 0.4rem;
  }
}
.x-about7 .zz-ul .zz-li .zz-ask .box {
  display: flex;
  align-items: flex-start;
}
.x-about7 .zz-ul .zz-li .zz-ask .zz-text {
  color: #666;
  line-height: 1.88888889em;
  text-align: left;
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-ask .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .x-about7 .zz-ul .zz-li .zz-ask .zz-text {
    font-size: 0.28rem;
  }
}
.contact-box .contact-sec1 {
  position: relative;
  overflow: hidden;
  padding: 1.5rem 0 1.35rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 {
    padding: 1.1rem 0;
  }
}
.contact-box .contact-sec1 .bgimg {
  position: absolute;
  left: 0;
  top: 0.7rem;
  z-index: -1;
  width: 40.625%;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .bgimg {
    width: 100%;
  }
}
.contact-box .contact-sec1 .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .container {
    flex-direction: column;
  }
}
.contact-box .contact-sec1 .zz-left {
  width: 40.71%;
  padding: 0 0.4rem;
  padding-top: 0.5rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .zz-left {
    width: 100%;
    padding: 0;
  }
}
.contact-box .contact-sec1 .zz-left > ul {
  margin-top: 0.45rem;
}
.contact-box .contact-sec1 .zz-left > ul li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.15rem;
}
.contact-box .contact-sec1 .zz-left > ul li:last-child {
  margin-bottom: 0;
}
.contact-box .contact-sec1 .zz-left > ul li .zz-div1 {
  color: #1c2d57;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .contact-box .contact-sec1 .zz-left > ul li .zz-div1 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .zz-left > ul li .zz-div1 {
    font-size: 0.32rem;
  }
}
.contact-box .contact-sec1 .zz-left > ul li .zz-div2 {
  margin-top: 1px;
  line-height: 1.625em;
  flex: 1;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .zz-left > ul li .zz-div2 {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .zz-left > ul li .zz-div2 {
    margin-top: 2px;
  }
}
.contact-box .contact-sec1 .zz-right {
  width: 58.92%;
}
@media (max-width: 767px) {
  .contact-box .contact-sec1 .zz-right {
    width: 100%;
    margin-top: 0.6rem;
  }
}
.contact-box .contact-sec1 .zz-right .public-img {
  width: 100%;
  border-radius: 10px;
}
.contact-box .contact-sec1 .zz-right .public-img::before {
  padding-top: 55.15%;
}
.contact-box .contact-sec1 .zz-right .public-img img {
  border-radius: inherit;
}
.contact-box .contact-sec2 {
  background: #ebf3f6;
  padding: 1.3rem 0 1.95rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 {
    padding: 1.1rem 0;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .zz-public-title-box3 .h2 {
    text-align: left;
  }
}
.contact-box .contact-sec2 .zz-public-title-box3 .zz-text {
  line-height: 1.55555556em;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .zz-public-title-box3 .zz-text {
    text-align: left;
  }
}
.contact-box .contact-sec2 .zz-public-title-box3 .zz-text span {
  color: #3a8eaa;
}
.contact-box .contact-sec2 .form-box {
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .form-box {
    margin-top: 0.5rem;
  }
}
.contact-box .contact-sec2 .inputBox {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
.contact-box .contact-sec2 .inputBox .public-input {
  border-radius: 20px;
  padding: 0 0.3rem 0 0.2rem;
  height: 0.8rem;
  flex: 1;
  background: #fff;
  display: flex;
  align-items: center;
}
@media (max-width: 1366px) {
  .contact-box .contact-sec2 .inputBox .public-input {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .inputBox .public-input {
    border-radius: 10px;
  }
}
.contact-box .contact-sec2 .inputBox .public-input span {
  color: #bd0028;
}
.contact-box .contact-sec2 .inputBox .public-input input {
  width: 100%;
  height: 100%;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  color: #333;
}
.contact-box .contact-sec2 .inputBox .public-input input::-webkit-input-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .inputBox .public-input input:-moz-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .inputBox .public-input input::-moz-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .inputBox .public-input input:-ms-input-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .inputBox .public-input:nth-of-type(2) {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .inputBox .public-input:nth-of-type(2) {
    margin-left: 0.2rem;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .inputBox .public-input {
    height: 0.8rem;
  }
}
.contact-box .contact-sec2 .public-select {
  margin-bottom: 10px;
  border-radius: 20px;
  background: #fff;
  width: 100%;
  height: 0.8rem;
  padding: 0 0.3rem 0 0.2rem;
  color: #ddd;
  margin-left: 10px;
  position: relative;
}
@media (max-width: 1366px) {
  .contact-box .contact-sec2 .public-select {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .public-select {
    border-radius: 10px;
  }
}
.contact-box .contact-sec2 .public-select.on {
  color: #333;
}
.contact-box .contact-sec2 .public-select select {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .public-select {
    height: 0.8rem;
  }
}
.contact-box .contact-sec2 .public-select .zz-icon {
  position: absolute;
  right: 0.32rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.4s;
}
.contact-box .contact-sec2 .public-select .zz-icon.on {
  transform: rotate(180deg);
}
.contact-box .contact-sec2 .public-textarea {
  background: #fff;
  width: 100%;
  padding: 0.2rem 0.3rem 0.2rem 0.2rem;
  border-radius: 20px;
  height: 1.95rem;
  margin-bottom: 10px;
}
@media (max-width: 1366px) {
  .contact-box .contact-sec2 .public-textarea {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .public-textarea {
    border-radius: 10px;
  }
}
.contact-box .contact-sec2 .public-textarea textarea {
  width: 100%;
  height: 100%;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.contact-box .contact-sec2 .public-textarea textarea::-webkit-input-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .public-textarea textarea:-moz-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .public-textarea textarea::-moz-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .public-textarea textarea:-ms-input-placeholder {
  color: #999;
}
.contact-box .contact-sec2 .public-clause {
  display: flex;
  color: #555;
  align-items: center;
  margin-top: 15px;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .public-clause {
    align-items: flex-start;
    margin-top: 0.4rem;
  }
}
.contact-box .contact-sec2 .public-clause a {
  transition: all 0.4s;
  color: #555;
}
.contact-box .contact-sec2 .public-clause a:hover {
  color: #3a8eaa;
}
.contact-box .contact-sec2 .zz-box {
  display: flex;
}
.contact-box .contact-sec2 .zz-box2 .inputBox {
  width: 50%;
}
.contact-box .contact-sec2 .zz-box2 .public-select {
  width: 50%;
}
.contact-box .contact-sec2 .zz-btnBox {
  display: flex;
  justify-content: space-between;
  margin-top: 0.35rem;
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .zz-btnBox {
    margin-top: 0.5rem;
  }
}
.contact-box .contact-sec2 .zz-btnBox .zz-btn {
  border-radius: 20px;
  height: 0.8rem;
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (max-width: 1366px) {
  .contact-box .contact-sec2 .zz-btnBox .zz-btn {
    border-radius: 15px;
  }
}
@media (max-width: 767px) {
  .contact-box .contact-sec2 .zz-btnBox .zz-btn {
    border-radius: 10px;
    font-size: 0.28rem;
  }
}
.contact-box .contact-sec2 .zz-btnBox .zz-submit {
  background: #3a8eaa;
  transition: all 0.4s;
  color: #fff;
  margin-right: 10px;
}
.contact-box .contact-sec2 .zz-btnBox .zz-submit:hover {
  background: rgba(58, 142, 170, 0.9);
}
.contact-box .contact-sec2 .zz-btnBox .zz-reset {
  background: #dee6e9;
  color: #555;
  transition: all 0.4s;
}
.contact-box .contact-sec2 .zz-btnBox .zz-reset:hover {
  background: #3a8eaa;
  color: #fff;
}
.join-box {
  background: #ebf3f6;
}
.join-box .join-sec1 {
  padding: 1.4rem 0;
  overflow: hidden;
}
.join-box .join-sec1 .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .container {
    flex-direction: column;
  }
}
.join-box .join-sec1 .zz-left {
  width: 22.14%;
  position: relative;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left {
    width: 100%;
  }
}
.join-box .join-sec1 .zz-left::before {
  content: '';
  position: absolute;
  width: 1px;
  height: 730px;
  background: #e3e6e6;
  top: 0;
  right: -8%;
}
.join-box .join-sec1 .zz-left .form-box {
  width: 100%;
}
.join-box .join-sec1 .zz-left .zz-search {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  display: flex;
  align-items: center;
  height: 45px;
  border-bottom: 1px solid #e3e6e6;
  width: 100%;
}
.join-box .join-sec1 .zz-left .zz-search::-webkit-input-placeholder {
  color: #999;
}
.join-box .join-sec1 .zz-left .zz-search:-moz-placeholder {
  color: #999;
}
.join-box .join-sec1 .zz-left .zz-search::-moz-placeholder {
  color: #999;
}
.join-box .join-sec1 .zz-left .zz-search:-ms-input-placeholder {
  color: #999;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left .zz-search {
    height: 0.8rem;
  }
}
.join-box .join-sec1 .zz-left .zz-search input {
  flex: 1;
}
.join-box .join-sec1 .zz-left .zz-search .zz-btn {
  width: 45px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left .zz-search .zz-btn {
    width: 0.8rem;
  }
}
.join-box .join-sec1 .zz-left .zz-search .zz-btn img,
.join-box .join-sec1 .zz-left .zz-search .zz-btn svg {
  width: 0.18rem;
  min-width: 15px;
}
.join-box .join-sec1 .zz-left .zz-box {
  margin-top: 0.35rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left .zz-box {
    margin-top: 0.5rem;
  }
}
.join-box .join-sec1 .zz-left .zz-box .zz-list {
  width: 100%;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left .zz-box .zz-list {
    margin-bottom: 0.3rem;
  }
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-title-box {
  display: flex;
  align-items: center;
  padding: 0.15rem 0.2rem;
  color: #fff;
  background: #3e8ea9;
  justify-content: space-between;
  cursor: pointer;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-left .zz-box .zz-list .zz-title-box {
    padding: 0.25rem 0.3rem;
  }
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-title-box .zz-icon {
  display: flex;
  transition: all 0.4s;
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-ul {
  background: #fff;
  padding: 0.25rem 0.3rem;
  display: none;
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-ul .zz-li {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-ul .zz-li:last-child {
  margin-bottom: 0;
}
.join-box .join-sec1 .zz-left .zz-box .zz-list .zz-ul .zz-li span {
  margin-left: 10px;
  color: #666;
}
.join-box .join-sec1 .zz-right {
  width: 74.64%;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right {
    width: 100%;
    margin-top: 0.4rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul {
  margin-top: 0.15rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul {
    margin-top: 0.3rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li {
  background: #fff;
  padding: 0.3rem 0.4rem;
  margin-bottom: 0.2rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li {
    padding: 0.4rem;
    margin-bottom: 0.4rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li:last-child {
  margin-bottom: 0;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box {
    flex-direction: column;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box.on .zz-icon {
  transform: rotate(180deg);
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-icon {
  transition: all 0.4s;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box {
    margin-top: 0.2rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box p {
  display: flex;
  align-items: center;
  margin-right: 0.3rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box p {
    margin-bottom: 0.1rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box p img,
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box p svg {
  margin-right: 10px;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-box p span {
  color: #8f959e;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-l {
  flex: 1;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r {
  display: flex;
  align-items: center;
  flex: 1;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r {
    justify-content: space-between;
    padding-top: 0.2rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-data {
  color: #999;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-btn {
  color: #fff;
  background: #1c2d57;
  border-radius: 1000px;
  padding: 10px 0.3rem;
  min-width: 1.2rem;
  cursor: pointer;
  margin-left: 0.6rem;
  margin-right: 0.7rem;
  text-align: center;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-btn {
    min-width: 2rem;
    margin-right: 0.4rem;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-box {
  margin-top: 0;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-icon {
  margin-right: 0.4rem;
  display: flex;
  margin-left: 0.4rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-icon {
    margin-right: 0;
  }
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-icon img,
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-title-box .zz-r .zz-icon svg {
  width: 0.2rem;
}
.join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-cont {
  color: #666;
  margin-top: 0.25rem;
  line-height: 1.625em;
  display: none;
  border-top: 1px solid #f2f2f2;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .zz-ul .zz-li .zz-cont {
    line-height: 1.5;
  }
}
.join-box .join-sec1 .zz-right .x-page {
  margin-top: 1.1rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .x-page {
    margin-top: 0.8rem;
  }
}
.join-box .join-sec1 .zz-right .x-page .x-con {
  justify-content: flex-start;
  margin-left: 1.75rem;
}
@media (max-width: 767px) {
  .join-box .join-sec1 .zz-right .x-page .x-con {
    margin-left: 0;
    justify-content: center;
  }
}
.elective-box {
  position: relative;
  background: #ebf3f6;
  padding: 1.6rem 0;
}
@media (max-width: 767px) {
  .elective-box {
    padding: 1.1rem 0;
  }
}
.elective-box .bgimg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.elective-box .elective-sec1 > .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container {
    flex-direction: column;
  }
}
.elective-box .elective-sec1 > .container .zz-left {
  width: 53.57%;
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container .zz-left {
    width: 100%;
    order: 1;
  }
}
.elective-box .elective-sec1 > .container .zz-left .zz-public-title-box {
  margin-top: 0.5rem;
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container .zz-left .zz-public-title-box {
    margin-top: 0.6rem;
  }
}
.elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text {
  line-height: 1.88888889em;
  margin-top: 0.55rem;
  max-height: 205px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text {
    line-height: 1.5;
  }
}
.elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1024px) {
  .elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text {
    max-height: 180px;
  }
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container .zz-left .zz-public-title-box .zz-text {
    margin-top: 0.4rem;
    max-height: 2.3rem;
  }
}
.elective-box .elective-sec1 > .container .zz-right {
  width: 39.64%;
}
@media (max-width: 767px) {
  .elective-box .elective-sec1 > .container .zz-right {
    width: 100%;
    order: 0;
  }
}
.elective-box .elective-sec1 > .container .zz-right .public-img {
  border-radius: 25px;
  overflow: hidden;
}
.elective-box .elective-sec1 > .container .zz-right .public-img img {
  transition: all 0.8s;
}
.elective-box .elective-sec1 > .container .zz-right .public-img:hover img {
  transform: scale(1.05);
}
.elective-box .elective-sec1 > .container .zz-right .public-img img {
  border-radius: inherit;
}
.elective-box .elective-sec2 {
  margin-top: 1.3rem;
}
.elective-box .elective-sec2 .zz-box1 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.9rem;
  align-items: center;
}
.elective-box .elective-sec2 .zz-box1 .swpBtn {
  display: flex;
}
.elective-box .elective-sec2 .zz-box1 .swpBtn .swiper-button-prev {
  margin-right: 0.4rem;
}
.elective-box .elective-sec2 .swiper-wrapper {
  align-items: stretch;
}
.elective-box .elective-sec2 .swiper-wrapper .swiper-slide {
  height: auto;
}
.public-liCont {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.public-liCont:hover .public-img img {
  transform: scale(1.05);
}
.public-liCont .public-img {
  width: 76.56%;
  margin: 0 auto;
  z-index: 2;
  border-radius: 10px;
}
.public-liCont .public-img img {
  border-radius: inherit;
}
@media (max-width: 767px) {
  .public-liCont .public-img {
    width: 70%;
  }
}
.public-liCont .public-img::before {
  padding-top: 122.44%;
}
.public-liCont .zz-cont {
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0.25rem 0.3rem 0.55rem;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  flex: 1;
}
@media (max-width: 767px) {
  .public-liCont .zz-cont {
    padding-top: 0.35rem;
  }
}
.public-liCont .zz-cont::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1.9rem;
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  top: -1.9rem;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .public-liCont .zz-cont::before {
    height: 3rem;
    top: -3rem;
  }
}
.public-liCont .zz-cont .h6 {
  color: #1c2d57;
}
@media (max-width: 767px) {
  .public-liCont .zz-cont .h6 {
    font-size: 0.36rem;
  }
}
.public-liCont .zz-cont .zz-div1 {
  color: #666;
}
@media (max-width: 767px) {
  .public-liCont .zz-cont .zz-div1 {
    font-size: 0.32rem;
    margin-top: 0.1rem;
  }
}
.public-liCont .zz-cont .zz-div2 {
  color: #999;
  text-align: center;
  line-height: 1.6;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .public-liCont .zz-cont .zz-div2 {
    font-size: 0.28rem;
    margin-top: 0.15rem;
  }
}
.public-liCont.public-liCont2 .public-img::before {
  padding-top: 90%;
}
.public-liCont.public-liCont2 .zz-cont {
  padding: 0.25rem 0.25rem 0.55rem;
}
.sports-box {
  position: relative;
  background: #ebf3f6;
  padding: 1.8rem 0 1.6rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .sports-box {
    padding: 1.1rem 0 0.3rem;
  }
}
.sports-box .bgimg {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
.sports-box .sports-sec1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 {
    flex-direction: column;
  }
}
.sports-box .sports-sec1 .zz-left {
  width: 58.57%;
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-left {
    width: 100%;
  }
}
.sports-box .sports-sec1 .zz-left .zz-public-title-box .zz-text {
  margin-top: 0.6rem;
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-left .zz-public-title-box .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-left .zz-public-title-box .zz-text {
    margin-top: 0.4rem;
  }
}
.sports-box .sports-sec1 .zz-right {
  display: flex;
}
@media (max-width: 1280px) {
  .sports-box .sports-sec1 .zz-right {
    padding-right: 2rem;
  }
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-right {
    padding-right: 0;
    margin-top: 0.65rem;
  }
}
.sports-box .sports-sec1 .zz-right .zz-box {
  position: relative;
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan {
  width: 2.45rem;
  height: 2.45rem;
  border-radius: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: 100% 100%;
  transition: all 0.4s;
  opacity: 0;
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan .zz-title {
  color: #fff;
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan .zz-text {
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan .zz-text {
    font-size: 0.28rem;
  }
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(1) {
  transform: translateY(10%);
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(1).on {
  transform: translateY(0%);
  opacity: 1;
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2) {
  position: absolute;
  top: 60%;
}
@media (max-width: 1580px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2) {
    top: 55%;
  }
}
@media (max-width: 1024px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2) {
    top: 45%;
  }
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2) {
    top: 70%;
  }
}
.sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2).on {
  top: 70%;
  opacity: 1;
}
@media (max-width: 1580px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2).on {
    top: 65%;
  }
}
@media (max-width: 1024px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2).on {
    top: 55%;
  }
}
@media (max-width: 767px) {
  .sports-box .sports-sec1 .zz-right .zz-box .zz-yuan:nth-of-type(2).on {
    top: 80%;
  }
}
.sports-box .sports-sec1 .zz-right .zz-tips {
  writing-mode: vertical-rl;
  color: #1c2d57;
  margin-top: 0.5rem;
  margin-left: 0.35rem;
}
.sports-box .sports-sec2 {
  position: relative;
  z-index: 2;
  margin-top: 1.65rem;
}
.sports-box .sports-sec2 .public-eduSwp .swiper-container {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .sports-box .sports-sec2 .public-eduSwp .swiper-container {
    margin-top: 0.6rem;
  }
}
.sports-box .sports-sec3 {
  margin-top: 1.4rem;
}
@media (max-width: 767px) {
  .sports-box .sports-sec3 {
    margin-top: 1.1rem;
  }
}
.sports-box .sports-sec3 .zz-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .sports-box .sports-sec3 .zz-ul {
    margin-top: 0.8rem;
  }
}
.sports-box .sports-sec3 .zz-ul .zz-li {
  width: 22.85%;
  margin-right: 2.85%;
  margin-bottom: 0.6rem;
}
.sports-box .sports-sec3 .zz-ul .zz-li:nth-of-type(4n+4) {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .sports-box .sports-sec3 .zz-ul .zz-li {
    width: 30.48%;
  }
  .sports-box .sports-sec3 .zz-ul .zz-li:nth-of-type(4n+4) {
    margin-right: 2.85%;
  }
  .sports-box .sports-sec3 .zz-ul .zz-li:nth-of-type(3n+3) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .sports-box .sports-sec3 .zz-ul .zz-li {
    width: 100%;
    margin-bottom: 0.9rem;
  }
}
.blueprint-box {
  padding: 1.55rem 0 1.45rem;
  position: relative;
}
@media (max-width: 767px) {
  .blueprint-box {
    padding: 1.1rem 0;
  }
}
.blueprint-box .bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.blueprint-box .bigbox {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .blueprint-box .bigbox {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .blueprint-box .bigbox {
    width: 100%;
  }
}
.blueprint-box .zz-tips {
  margin-top: 0.15rem;
  text-align: center;
  color: #3a8eaa;
}
@media (max-width: 767px) {
  .blueprint-box .zz-tips {
    margin-top: 0.2rem;
  }
}
.blueprint-box .zz-text {
  margin-top: 0.5rem;
  text-align: center;
  line-height: 1.88888889em;
}
@media (max-width: 767px) {
  .blueprint-box .zz-text {
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .blueprint-box .zz-text {
    margin-top: 0.2rem;
  }
}
.blueprint-box .blueprint-sec1 {
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 767px) {
  .blueprint-box .blueprint-sec1 {
    padding-bottom: 1rem;
  }
}
.blueprint-box .blueprint-sec1 .container {
  position: relative;
}
@media (max-width: 767px) {
  .blueprint-box .blueprint-sec1 .zz-left {
    margin-top: 0.6rem;
  }
}
.blueprint-box .blueprint-sec1 .zz-right {
  position: absolute;
  top: 63.4%;
  transform: translateY(-50%);
  right: 0;
  width: 32.4%;
}
@media (max-width: 767px) {
  .blueprint-box .blueprint-sec1 .zz-right {
    position: relative;
    top: unset;
    transform: unset;
    right: unset;
    width: 75%;
    margin-top: 0.4rem;
  }
}
.blueprint-box .blueprint-sec1 .zz-right li {
  padding: 10px 10px 0.35rem;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 65px rgba(91, 136, 147, 0.39);
  display: none;
}
.blueprint-box .blueprint-sec1 .zz-right li .public-img {
  width: 100%;
}
.blueprint-box .blueprint-sec1 .zz-right li .public-img::before {
  padding-top: 69.76%;
}
.blueprint-box .blueprint-sec1 .zz-right li .zz-cont {
  margin-top: 0.2rem;
}
.blueprint-box .blueprint-sec1 .zz-right li .zz-cont .zz-list {
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  padding-right: 0.9rem;
}
.blueprint-box .blueprint-sec1 .zz-right li .zz-cont .zz-list:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .blueprint-box .blueprint-sec1 .zz-right li .zz-cont .zz-list {
    padding-left: 0.6rem;
    padding-right: 0;
    font-size: 0.28rem;
  }
}
.blueprint-box .blueprint-sec1 .zz-right li .zz-cont .zz-list::before {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #3b8eaa;
  top: 10px;
  left: 10px;
}
@media (max-width: 767px) {
  .blueprint-box .blueprint-sec1 .zz-right li .zz-cont .zz-list::before {
    left: 0.2rem;
  }
}
.blueprint-box .blueprint-sec2 {
  overflow: hidden;
}
.blueprint-box .blueprint-sec2 .swiper-container {
  margin-top: 0.7rem;
}
.idea-box {
  padding: 2.1rem 0 2.75rem;
  position: relative;
}
@media (max-width: 767px) {
  .idea-box {
    padding: 1.1rem 0 0.7rem;
  }
}
.idea-box .idea-sec1 {
  position: relative;
}
.idea-box .idea-sec1 .bgimg {
  position: absolute;
  left: 0;
  width: 100%;
  top: -2.1rem;
}
.idea-box .idea-sec1 .zz-public-title-box .h2 {
  text-align: left;
}
.idea-box .idea-sec1 ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.4rem;
  align-items: stretch;
}
@media (max-width: 767px) {
  .idea-box .idea-sec1 ul {
    margin-top: 0.6rem;
    flex-direction: column;
  }
}
.idea-box .idea-sec1 ul li {
  width: 25%;
  position: relative;
  background: #fff;
  transition: all 0.4s;
  padding: 0.5rem 0.55rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
@media (max-width: 991px) {
  .idea-box .idea-sec1 ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec1 ul li {
    width: 100%;
    margin-bottom: 0.4rem;
    border-radius: 10px;
  }
}
.idea-box .idea-sec1 ul li:hover {
  background: #f2f6f9;
}
.idea-box .idea-sec1 ul li:nth-of-type(1) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.idea-box .idea-sec1 ul li:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.idea-box .idea-sec1 ul li .zz-icon {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 1000px;
  background: #1c2d57;
  border: 3px solid #3b8eaa;
  display: flex;
  align-items: center;
  justify-content: center;
}
.idea-box .idea-sec1 ul li .zz-icon img,
.idea-box .idea-sec1 ul li .zz-icon svg {
  width: 0.3rem;
  height: 0.3rem;
}
.idea-box .idea-sec1 ul li .zz-cont {
  margin-top: 0.7rem;
}
@media (max-width: 767px) {
  .idea-box .idea-sec1 ul li .zz-cont {
    margin-top: 0.4rem;
  }
}
.idea-box .idea-sec1 ul li .zz-cont .zz-title {
  text-align: left;
}
.idea-box .idea-sec1 ul li .zz-cont .zz-text {
  text-align: left;
  color: #999;
  margin-top: 5px;
}
@media (max-width: 1366px) {
  .idea-box .idea-sec1 ul li .zz-cont .zz-text {
    margin-top: 10px;
  }
}
.idea-box .idea-sec2 {
  margin-top: 1.75rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 {
    margin-top: 0.8rem;
  }
}
.idea-box .idea-sec2 .zz-public-title-box .h2 {
  text-align: left;
}
.idea-box .idea-sec2 .zz-public-title-box .zz-text {
  text-align: left;
  color: #3a8eaa;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-public-title-box .zz-text {
    font-size: 0.3rem;
  }
}
.idea-box .idea-sec2 .zz-list1 {
  position: relative;
  width: 100%;
  transform: translateX(300px);
  margin-top: 0.75rem;
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-list1 {
    transform: unset;
  }
}
.idea-box .idea-sec2 .zz-list1.on {
  transform: translateX(0);
}
.idea-box .idea-sec2 .zz-list2 {
  position: relative;
  width: 100%;
  transform: translateX(-300px);
  transition: all 0.8s;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-list2 {
    transform: unset;
  }
}
.idea-box .idea-sec2 .zz-list2.on {
  transform: translateX(0);
}
.idea-box .idea-sec2 .zz-ul {
  display: flex;
  margin-top: 0;
  margin-bottom: 0.25rem;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-ul {
    margin-bottom: 0;
  }
}
.idea-box .idea-sec2 .zz-ul li {
  width: 23.57%;
  margin-right: 1.9%;
  background: #f9fdfe;
  border-radius: 10px;
  border: 2px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0.35rem 0.2rem 0.25rem 0.25rem;
  box-shadow: 0 0 13px rgba(91, 136, 147, 0.06);
  transition: all 0.4s;
}
.idea-box .idea-sec2 .zz-ul li:hover {
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-ul li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 0.2rem;
    padding: 0.4rem 0.3rem;
  }
  .idea-box .idea-sec2 .zz-ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.idea-box .idea-sec2 .zz-ul li:last-child {
  margin-right: 0;
}
.idea-box .idea-sec2 .zz-ul li .zz-title {
  color: #1c2d57;
  text-align: left;
  width: 100%;
}
@media (max-width: 1366px) {
  .idea-box .idea-sec2 .zz-ul li .zz-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-ul li .zz-title {
    font-size: 0.32rem;
  }
}
.idea-box .idea-sec2 .zz-ul li .zz-icon {
  height: 0.9rem;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .idea-box .idea-sec2 .zz-ul li .zz-icon {
    height: 0.6rem;
    margin-top: 0.4rem;
  }
}
.idea-box .idea-sec2 .zz-ul li .zz-icon img,
.idea-box .idea-sec2 .zz-ul li .zz-icon svg {
  height: 100%;
}
.idea-box .idea-sec3 {
  padding-top: 1.7rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 {
    padding-top: 1.1rem;
  }
}
.idea-box .idea-sec3 .bgimg1 {
  position: absolute;
  top: 16%;
  right: 0;
  width: 20.83%;
}
.idea-box .idea-sec3 .bgimg2 {
  position: absolute;
  bottom: -38%;
  left: -0.5%;
  width: 19.79%;
}
.idea-box .idea-sec3 .h2 {
  text-align: left;
}
.idea-box .idea-sec3 .big-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .big-box {
    margin-top: 0.5rem;
  }
}
.idea-box .idea-sec3 .zz-box1 {
  width: 10.25rem;
  height: 10.25rem;
  border-radius: 1000px;
  border: 1px solid #e3e3e4;
  position: relative;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 {
    border: 0;
    border-radius: unset;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-ul {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.6rem;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-ul .zz-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-bottom: 0.3rem;
  }
}
.idea-box .idea-sec3 .zz-box1 .zz-ul .zz-list .h3 {
  font-size: 0.32rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-ul .zz-list .zz-box {
  display: flex;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-ul .zz-list .zz-box {
    margin-top: 0.2rem;
  }
}
.idea-box .idea-sec3 .zz-box1 .zz-li {
  width: 1.45rem;
  height: 1.45rem;
  border-radius: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: translate(-50%, -50%) scale(0);
  z-index: -1;
  box-shadow: 0 7px 26px rgba(28, 45, 87, 0.1);
  transition: all 1s;
  opacity: 0;
  cursor: pointer;
}
.idea-box .idea-sec3 .zz-box1 .zz-li .zz-text {
  color: #fff;
  text-align: center;
  margin-top: 0.1rem;
}
@media (max-width: 1580px) {
  .idea-box .idea-sec3 .zz-box1 .zz-li .zz-text {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-li .zz-text {
    font-size: 0.28rem;
    margin-top: 0.2rem;
  }
}
.idea-box .idea-sec3 .zz-box1 .zz-li.on {
  transform: translate(0, 0) scale(1);
  z-index: 2;
  opacity: 1;
}
.idea-box .idea-sec3 .zz-box1 .zz-li .zz-icon {
  width: 0.45rem;
  height: 0.45rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li .zz-icon img,
.idea-box .idea-sec3 .zz-box1 .zz-li .zz-icon svg {
  width: 100%;
  height: 100%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li1 {
  background: #f09c9c;
  top: 50%;
  left: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li1.on {
  top: 3.45rem;
  left: 0.3rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li1.on2 {
  animation: jump 4s ease-out infinite;
  -webkit-animation: jump 4s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li2 {
  background: #f09c9c;
  top: 50%;
  left: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li2.on {
  top: 2rem;
  left: 2.5rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li2.on2 {
  animation: jump 4.5s ease-out infinite;
  -webkit-animation: jump 4.5s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li3 {
  background: #f0e090;
  top: 50%;
  right: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li3.on {
  top: 1.8rem;
  right: 2.6rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li3.on2 {
  animation: jump 3.5s ease-out infinite;
  -webkit-animation: jump 3.5s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li4 {
  background: #f0e090;
  top: 50%;
  right: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li4.on {
  top: 2rem;
  right: -0.45rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li4.on2 {
  animation: jump 4s ease-out infinite;
  -webkit-animation: jump 4s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li5 {
  background: #a3c789;
  top: 50%;
  right: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li5.on {
  top: 4.5rem;
  right: 0.25rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li5.on2 {
  animation: jump 5s ease-out infinite;
  -webkit-animation: jump 5s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li6 {
  background: #a3c789;
  bottom: 50%;
  right: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li6.on {
  bottom: 2.05rem;
  right: 2.4rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li6.on2 {
  animation: jump 3.5s ease-out infinite;
  -webkit-animation: jump 3.5s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li7 {
  background: #90a8f0;
  bottom: 50%;
  left: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li7.on {
  bottom: 2.2rem;
  left: 2.35rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li7.on2 {
  animation: jump 4s ease-out infinite;
  -webkit-animation: jump 4s ease-out infinite;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li8 {
  background: #90a8f0;
  bottom: 50%;
  left: 50%;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li8.on {
  bottom: 2.75rem;
  left: -0.75rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li.zz-li8.on2 {
  animation: jump 4.5s ease-out infinite;
  -webkit-animation: jump 4.5s ease-out infinite;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-li {
    transform: translate(0, 0) scale(1);
    z-index: 2;
    opacity: 1;
    position: relative;
    top: unset !important;
    left: unset !important;
    right: unset !important;
    bottom: unset !important;
    width: 48%;
    border-radius: 10px;
    margin-bottom: 0.25rem;
    margin-right: 4%;
  }
  .idea-box .idea-sec3 .zz-box1 .zz-li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
.idea-box .idea-sec3 .zz-box1 .zz-li9,
.idea-box .idea-sec3 .zz-box1 .zz-li10,
.idea-box .idea-sec3 .zz-box1 .zz-li11,
.idea-box .idea-sec3 .zz-box1 .zz-li12 {
  position: absolute;
  color: #1c2d57;
  transform: scale(0);
  transition: all 0.4s;
  opacity: 0;
}
.idea-box .idea-sec3 .zz-box1 .zz-li9.on,
.idea-box .idea-sec3 .zz-box1 .zz-li10.on,
.idea-box .idea-sec3 .zz-box1 .zz-li11.on,
.idea-box .idea-sec3 .zz-box1 .zz-li12.on {
  transform: scale(1);
  opacity: 1;
}
.idea-box .idea-sec3 .zz-box1 .zz-li9 {
  top: 1.8rem;
  left: 5px;
}
.idea-box .idea-sec3 .zz-box1 .zz-li10 {
  top: 1.1rem;
  right: 0.7rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li11 {
  bottom: 2.7rem;
  right: -0.25rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li12 {
  bottom: 1.4rem;
  left: 0.5rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li13,
.idea-box .idea-sec3 .zz-box1 .zz-li14,
.idea-box .idea-sec3 .zz-box1 .zz-li15 {
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 1000px;
  background: #eef5f7;
  border: 2px solid #3b8eaa;
  position: absolute;
  transform: scale(0);
  transition: all 0.4s;
  opacity: 0;
  z-index: 2;
}
.idea-box .idea-sec3 .zz-box1 .zz-li13.on,
.idea-box .idea-sec3 .zz-box1 .zz-li14.on,
.idea-box .idea-sec3 .zz-box1 .zz-li15.on {
  transform: scale(1);
  opacity: 1;
}
.idea-box .idea-sec3 .zz-box1 .zz-li13 {
  bottom: 3.9rem;
  left: 2.18rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li14 {
  top: 2.9rem;
  right: 1.58rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-li15 {
  bottom: 1.8rem;
  right: 1.08rem;
}
.idea-box .idea-sec3 .zz-box1 .zz-box2 {
  width: 8.15rem;
  height: 8.15rem;
  border-radius: 1000px;
  border: 1px solid #e3e3e4;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box1 .zz-box2 {
    display: none;
  }
}
.idea-box .idea-sec3 .zz-box1 .zz-box2 .zz-box3 {
  width: 6.15rem;
  height: 6.15rem;
  border-radius: 1000px;
  border: 1px solid #e3e3e4;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.idea-box .idea-sec3 .zz-box4 {
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 1000px;
  background: #f8fafb;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box4 {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    order: 0;
    width: 85%;
    border-radius: 10px;
    margin: 0 auto;
  }
}
.idea-box .idea-sec3 .zz-box4 .zz-box5 {
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box4 .zz-box5 {
    width: 3rem;
    height: 3rem;
  }
}
.idea-box .idea-sec3 .zz-box4 .zz-box5 .zz-box6 {
  width: 1.7rem;
  height: 1.7rem;
  border-radius: 1000px;
  background: #fff;
  color: #1c2d57;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1580px) {
  .idea-box .idea-sec3 .zz-box4 .zz-box5 .zz-box6 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .idea-box .idea-sec3 .zz-box4 .zz-box5 .zz-box6 {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.public-mbx {
  width: 100%;
  background: #ebf3f6;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
}
.public-mbx.on {
  z-index: 300;
  box-shadow: 0 26px 28px rgba(28, 45, 87, 0.05);
  transition: all 0.4s;
}
@media (max-width: 991px) {
  .public-mbx.on {
    top: 1.2rem;
  }
}
.public-mbx.on2 {
  top: 1.45rem;
}
@media (max-width: 991px) {
  .public-mbx.on2 {
    top: 1.2rem;
  }
}
.public-mbx ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0.2rem;
}
.public-mbx ul li {
  margin-right: 0.4rem;
  padding-bottom: 0.2rem;
}
.public-mbx ul li:last-child {
  margin-right: 0;
}
.public-mbx ul li:hover a,
.public-mbx ul li.on a {
  color: #1c2d57;
}
.public-mbx ul li a {
  color: #666;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .public-mbx ul li a {
    font-size: 0.32rem;
  }
}
.alevel-swpBox .zz-public-title-box {
  width: 45%;
  position: relative;
  z-index: 11;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-public-title-box {
    width: 100%;
  }
}
.alevel-swpBox .zz-public-title-box .zz-text {
  margin-top: 15px;
  color: #666;
  line-height: 1.375em;
}
.alevel-swpBox .zz-bigbox {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-bigbox {
    flex-direction: column;
    margin-top: 0.55rem;
  }
}
.alevel-swpBox .zz-left {
  width: 45.35%;
  padding-right: 0.8rem;
  position: relative;
  z-index: 11;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left {
    width: 100%;
    padding-right: 0;
  }
}
.alevel-swpBox .zz-left::before {
  content: '';
  position: absolute;
  width: 2px;
  background: #3a8eaa;
  opacity: 0.2;
  right: 0.81rem;
  height: 100%;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left::before {
    content: unset;
  }
}
.alevel-swpBox .zz-left .zz-scroll {
  height: 5.85rem;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  padding-right: 0.55rem;
  position: relative;
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #3a8eaa;
}
@media (max-width: 1366px) {
  .alevel-swpBox .zz-left .zz-scroll {
    height: 6rem;
  }
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left .zz-scroll {
    height: auto;
    padding-right: 0;
  }
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar {
  width: 4px;
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar-track {
  background: transparent;
  width: 0;
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar-track {
  background: unset;
  -webkit-box-shadow: unset;
}
.alevel-swpBox .zz-left .zz-scroll::-webkit-scrollbar-thumb {
  border-radius: 0;
}
.alevel-swpBox .zz-left .zz-list {
  background: rgba(255, 255, 255, 0.55);
  margin-bottom: 0.2rem;
  padding: 0.2rem 0.35rem;
  border-radius: 15px;
  transition: all 0.4s;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left .zz-list {
    margin-bottom: 0.4rem;
    padding: 0.5rem 0.4rem;
  }
}
.alevel-swpBox .zz-left .zz-list.on,
.alevel-swpBox .zz-left .zz-list:hover {
  background: #3a8eaa;
}
.alevel-swpBox .zz-left .zz-list.on .zz-title,
.alevel-swpBox .zz-left .zz-list:hover .zz-title {
  color: #fff;
}
.alevel-swpBox .zz-left .zz-list.on .zz-cont,
.alevel-swpBox .zz-left .zz-list:hover .zz-cont {
  color: #fff;
}
.alevel-swpBox .zz-left .zz-list.on .zz-cont p,
.alevel-swpBox .zz-left .zz-list:hover .zz-cont p {
  color: inherit;
}
.alevel-swpBox .zz-left .zz-list.on .zz-cont p::before,
.alevel-swpBox .zz-left .zz-list:hover .zz-cont p::before {
  background: #fff;
}
.alevel-swpBox .zz-left .zz-list .zz-icon {
  position: absolute;
  width: 1.05rem;
  bottom: -0.6rem;
  right: 0.3rem;
  z-index: 1;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left .zz-list .zz-icon {
    bottom: -0.5rem;
  }
}
.alevel-swpBox .zz-left .zz-list .zz-icon img,
.alevel-swpBox .zz-left .zz-list .zz-icon svg {
  width: 100%;
}
.alevel-swpBox .zz-left .zz-list .zz-title {
  color: #222;
  position: relative;
  z-index: 2;
  transition: all 0.4s;
}
.alevel-swpBox .zz-left .zz-list .zz-cont {
  margin-top: 0.15rem;
  position: relative;
  z-index: 2;
}
.alevel-swpBox .zz-left .zz-list .zz-cont p {
  position: relative;
  padding-left: 15px;
  color: #666;
  margin-bottom: 0.15rem;
  transition: all 0.4s;
}
.alevel-swpBox .zz-left .zz-list .zz-cont p::before {
  content: '';
  position: absolute;
  background: #666;
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  top: 10px;
  left: 0;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-left .zz-list .zz-cont p::before {
    top: 7px;
  }
}
.alevel-swpBox .zz-right {
  width: 72.5%;
  position: absolute;
  top: 2.6rem;
  right: -9.2%;
}
@media (max-width: 767px) {
  .alevel-swpBox .zz-right {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
    display: none;
  }
}
.alevel-swpBox .zz-right .public-img {
  position: absolute;
  width: 55%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.alevel-swpBox .zz-right .public-img::before {
  padding-top: 100%;
}
.alevel-swpBox .zz-right .alevel-swp {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 5;
  opacity: 0;
  transition: all 0.4s;
}
.alevel-swpBox .zz-right .alevel-swp.on {
  opacity: 1;
  z-index: 6;
}
.alevel-swpBox .zz-right .alevel-swp .swiper-container-3d .swiper-slide-shadow-left,
.alevel-swpBox .zz-right .alevel-swp .swiper-container-3d .swiper-slide-shadow-right {
  background: unset;
}
.alevel-swpBox .zz-right .alevel-swp .swiper-wrapper {
  align-items: stretch;
}
.alevel-swpBox .zz-right .alevel-swp .swiper-slide {
  height: auto;
}
.alevel-swpBox .zz-right .alevel-swp .zz-box {
  background: #fff;
  border-radius: 10px;
  padding: 0.4rem 0.4rem 0.7rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.alevel-swpBox .zz-right .alevel-swp .zz-box .zz-title {
  color: #222;
}
@media (max-width: 1280px) {
  .alevel-swpBox .zz-right .alevel-swp .zz-box .zz-title {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .alevel-swpBox .zz-right .alevel-swp .zz-box .zz-title {
    font-size: 16px;
  }
}
.alevel-swpBox .zz-right .alevel-swp .zz-box .zz-text {
  margin-top: 0.7rem;
  color: #3b8eaa;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  font-family: 'Arial';
}
.alevel-swpBox .zz-right .alevel-swp .zz-box .zz-text .zz-span1 {
  font-size: 0.7rem;
  line-height: 1;
}
.alevel-box {
  padding: 0.75rem 0 0;
}
.alevel-box .alevel-sec1 {
  padding-top: 0.55rem;
}
.alevel-box .alevel-sec1 .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec1 .container {
    flex-direction: column;
  }
}
.alevel-box .alevel-sec1 .zz-left {
  width: 43.92%;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec1 .zz-left {
    width: 100%;
  }
}
.alevel-box .alevel-sec1 .zz-left .public-img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.alevel-box .alevel-sec1 .zz-left .public-img img {
  transition: all 0.8s;
}
.alevel-box .alevel-sec1 .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.alevel-box .alevel-sec1 .zz-left .public-img::before {
  padding-top: 67.47%;
}
.alevel-box .alevel-sec1 .zz-left .public-img img {
  border-radius: inherit;
}
.alevel-box .alevel-sec1 .zz-right {
  width: 49.28%;
  padding-right: 1rem;
  padding-top: 0.35rem;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec1 .zz-right {
    width: 100%;
    padding-right: 0;
    padding-top: 0.5rem;
  }
}
.alevel-box .alevel-sec1 .zz-right .h2 {
  color: #1c2d57;
}
.alevel-box .alevel-sec1 .zz-right .zz-text {
  line-height: 1.88888889em;
  margin-top: 15px;
  max-height: 2.75rem;
  padding-right: 15px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec1 .zz-right .zz-text {
    line-height: 1.5;
  }
}
.alevel-box .alevel-sec1 .zz-right .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.alevel-box .alevel-sec1 .zz-right .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.alevel-box .alevel-sec1 .zz-right .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1366px) {
  .alevel-box .alevel-sec1 .zz-right .zz-text {
    max-height: 3.15rem;
  }
}
@media (max-width: 1024px) {
  .alevel-box .alevel-sec1 .zz-right .zz-text {
    max-height: 2.3rem;
  }
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec1 .zz-right .zz-text {
    max-height: 2.6rem;
  }
}
.alevel-box .alevel-sec2 {
  margin-top: 1.4rem;
  position: relative;
  z-index: 20;
}
.alevel-box .alevel-sec2 .zz-ul {
  display: flex;
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 35.35%;
  margin-top: 0.65rem;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul {
    height: auto;
    padding-bottom: unset;
    flex-direction: column;
  }
}
.alevel-box .alevel-sec2 .zz-ul li {
  position: absolute;
  width: 35.35%;
  height: 0;
  padding-bottom: 35.35%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border: 1px solid #3a8eaa;
  box-shadow: 0 26px 28px rgba(28, 45, 87, 0.05);
  border-radius: 1000px;
  background: #fff;
}
@media (max-width: 1366px) {
  .alevel-box .alevel-sec2 .zz-ul li {
    width: 30%;
    padding-bottom: 30%;
  }
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li {
    width: 100%;
    position: unset;
    height: auto;
    padding-bottom: unset;
    border-radius: 15px;
    margin-bottom: 0.3rem;
  }
}
.alevel-box .alevel-sec2 .zz-ul li:nth-of-type(1) {
  z-index: 1;
  transition: all 1s;
  left: 15%;
  opacity: 0;
}
.alevel-box .alevel-sec2 .zz-ul li:nth-of-type(1).on {
  left: 0;
  opacity: 1;
}
@media (max-width: 1366px) {
  .alevel-box .alevel-sec2 .zz-ul li:nth-of-type(1).on {
    left: 9%;
  }
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li:nth-of-type(1) {
    position: relative;
    opacity: 1;
    left: unset;
    right: unset;
  }
}
.alevel-box .alevel-sec2 .zz-ul li:nth-of-type(2) {
  z-index: 2;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li:nth-of-type(2) {
    position: relative;
    opacity: 1;
    left: unset;
    right: unset;
    transform: unset;
  }
}
.alevel-box .alevel-sec2 .zz-ul li:nth-of-type(3) {
  z-index: 3;
  opacity: 0;
  transition: all 1s;
  right: 15%;
}
.alevel-box .alevel-sec2 .zz-ul li:nth-of-type(3).on {
  opacity: 1;
  right: 0;
}
@media (max-width: 1366px) {
  .alevel-box .alevel-sec2 .zz-ul li:nth-of-type(3).on {
    right: 9%;
  }
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li:nth-of-type(3) {
    position: relative;
    opacity: 1;
    left: unset;
    right: unset;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-boxs {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.4rem 1.1rem 0.4rem;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li .zz-boxs {
    position: relative;
    top: unset;
    left: unset;
    transform: unset;
    padding: 0.6rem 0.4rem;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li .zz-box {
    align-items: flex-start;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-icon {
  width: 1.6rem;
  height: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-icon {
    margin-bottom: 0.5rem;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-icon img,
.alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-text {
  line-height: 1.38461538em;
  color: #222;
  text-align: center;
  min-height: 70px;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li .zz-box .zz-text {
    min-height: auto;
    font-size: 0.32rem;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-imgbox {
  height: 1rem;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec2 .zz-ul li .zz-imgbox {
    position: absolute;
    top: 0rem;
    right: 0.3rem;
  }
}
.alevel-box .alevel-sec2 .zz-ul li .zz-imgbox img,
.alevel-box .alevel-sec2 .zz-ul li .zz-imgbox svg {
  height: 100%;
}
.alevel-box .sec-box {
  position: relative;
  overflow: hidden;
  padding-top: 1.8rem;
  padding-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .alevel-box .sec-box {
    padding: 1.1rem 0 0.8rem;
  }
}
.alevel-box .sec-box .bgimg,
.alevel-box .sec-box .bgimg2,
.alevel-box .sec-box .bgimg3 {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.alevel-box .sec-box .bgimg2 {
  width: 47%;
  z-index: 10;
  overflow: hidden;
}
@media (max-width: 1680px) {
  .alevel-box .sec-box .bgimg2 {
    width: 45%;
  }
}
.alevel-box .sec-box .bgimg2 img {
  width: 100vw;
  max-width: initial;
  object-fit: cover;
}
.alevel-box .sec-box .bgimg3 {
  left: unset;
  right: 0;
  width: 13.51%;
  z-index: 10;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1680px) {
  .alevel-box .sec-box .bgimg3 {
    width: 6%;
  }
}
@media (max-width: 1260px) {
  .alevel-box .sec-box .bgimg3 {
    width: 4%;
  }
}
.alevel-box .sec-box .bgimg3 img {
  width: 100vw;
  max-width: initial;
  object-fit: cover;
}
.alevel-box .alevel-sec3 {
  padding-bottom: 2.1rem;
  position: relative;
}
@media (max-width: 767px) {
  .alevel-box .alevel-sec3 {
    padding-bottom: 0.8rem;
  }
}
.alevel-box.alevel-box2 {
  padding-top: 0;
}
.alevel-box.alevel-box2 .sec-box {
  padding-top: 1.85rem;
  padding-bottom: 2.4rem;
}
@media (max-width: 767px) {
  .alevel-box.alevel-box2 .sec-box {
    padding: 1.1rem 0 0.8rem;
  }
}
.alevel-sec4 .container {
  display: flex;
  justify-content: flex-start;
  position: relative;
}
@media (max-width: 767px) {
  .alevel-sec4 .container {
    flex-direction: column;
  }
}
.alevel-sec4 .zz-left {
  width: 48.57%;
  position: relative;
  z-index: 15;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-left {
    width: 100%;
  }
}
.alevel-sec4 .zz-left .public-img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.alevel-sec4 .zz-left .public-img img {
  transition: all 0.8s;
}
.alevel-sec4 .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.alevel-sec4 .zz-left .public-img img {
  border-radius: inherit;
}
.alevel-sec4 .zz-left .public-img::before {
  padding-top: 83.82%;
}
.alevel-sec4 .zz-right {
  width: 75.71%;
  position: absolute;
  top: 0.5rem;
  right: 0;
  z-index: 16;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right {
    width: 100%;
    position: relative;
    top: unset;
    right: unset;
    margin-top: 0.4rem;
  }
}
.alevel-sec4 .zz-right .zz-public-title-box {
  text-align: right;
  padding-right: 2.75rem;
  padding-left: 0.8rem;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right .zz-public-title-box {
    padding-right: 0;
    padding-left: 0;
    text-align: left;
  }
}
.alevel-sec4 .zz-right ul {
  display: flex;
  margin-top: 0.65rem;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right ul {
    margin-top: 0.4rem;
    flex-direction: column;
  }
}
.alevel-sec4 .zz-right ul li {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 76px rgba(74, 74, 74, 0.09);
  padding: 0.4rem 0.7rem 0.65rem;
  width: 48.11%;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right ul li {
    width: 100%;
    margin-bottom: 0.4rem;
    padding: 0.6rem 0.4rem;
  }
}
.alevel-sec4 .zz-right ul li:hover {
  transform: translateY(-10px);
}
.alevel-sec4 .zz-right ul li:nth-of-type(1) {
  margin-right: 3.77%;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right ul li:nth-of-type(1) {
    margin-right: 0;
  }
}
.alevel-sec4 .zz-right ul li .zz-icon {
  height: 0.5rem;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right ul li .zz-icon {
    margin-bottom: 0.35rem;
  }
}
.alevel-sec4 .zz-right ul li .zz-icon img,
.alevel-sec4 .zz-right ul li .zz-icon svg {
  height: 100%;
}
.alevel-sec4 .zz-right ul li .zz-title {
  color: #1c2d57;
}
.alevel-sec4 .zz-right ul li .zz-cont {
  margin-top: 10px;
  color: #666;
}
.alevel-sec4 .zz-right ul li .zz-cont p {
  position: relative;
  color: inherit;
  padding-left: 0.2rem;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .alevel-sec4 .zz-right ul li .zz-cont p {
    margin-bottom: 0.2rem;
  }
}
.alevel-sec4 .zz-right ul li .zz-cont p::before {
  content: '';
  position: absolute;
  background: #9b9b9b;
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  top: 10px;
  left: 0;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .alevel-sec4 .zz-right ul li .zz-cont p::before {
    top: 7px;
  }
}
.alevel-sec4.hkdse-sec6 {
  margin-top: 1.1rem;
}
.alevel-sec4.hkdse-sec6 .container {
  justify-content: flex-end;
}
.alevel-sec4.hkdse-sec6 .zz-left {
  order: 1;
}
@media (max-width: 767px) {
  .alevel-sec4.hkdse-sec6 .zz-left {
    order: 0;
  }
}
.alevel-sec4.hkdse-sec6 .zz-right {
  order: 0;
  right: unset;
  left: 0;
}
@media (max-width: 767px) {
  .alevel-sec4.hkdse-sec6 .zz-right {
    order: 1;
  }
}
.alevel-sec4.hkdse-sec6 .zz-right .zz-public-title-box {
  text-align: left;
  padding-left: 0;
}
.hrefMao {
  margin-top: -2.25rem;
  padding-top: 2.25rem;
}
@media (max-width: 767px) {
  .hrefMao {
    margin-top: -4.2rem;
    padding-top: 4.2rem;
  }
}
.hkdse-box {
  padding: 0.35rem 0 2.4rem;
}
@media (max-width: 767px) {
  .hkdse-box {
    padding-bottom: 0.8rem;
  }
}
.hkdse-box .hkdse-sec1 {
  padding-top: 0.55rem;
}
.hkdse-box .hkdse-sec1 .container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec1 .container {
    flex-direction: column;
  }
}
.hkdse-box .hkdse-sec1 .zz-left {
  width: 43.92%;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec1 .zz-left {
    width: 100%;
  }
}
.hkdse-box .hkdse-sec1 .zz-left .public-img {
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.hkdse-box .hkdse-sec1 .zz-left .public-img img {
  transition: all 0.8s;
}
.hkdse-box .hkdse-sec1 .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.hkdse-box .hkdse-sec1 .zz-left .public-img::before {
  padding-top: 67.47%;
}
.hkdse-box .hkdse-sec1 .zz-left .public-img img {
  border-radius: inherit;
}
.hkdse-box .hkdse-sec1 .zz-right {
  width: 49.28%;
  padding-right: 1rem;
  padding-top: 0.35rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec1 .zz-right {
    width: 100%;
    padding-right: 0;
    padding-top: 0.5rem;
  }
}
.hkdse-box .hkdse-sec1 .zz-right .h2 {
  color: #1c2d57;
}
.hkdse-box .hkdse-sec1 .zz-right .zz-text {
  line-height: 1.88888889em;
  margin-top: 15px;
  max-height: 2.75rem;
  padding-right: 15px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec1 .zz-right .zz-text {
    line-height: 1.5;
  }
}
.hkdse-box .hkdse-sec1 .zz-right .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.hkdse-box .hkdse-sec1 .zz-right .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.hkdse-box .hkdse-sec1 .zz-right .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1366px) {
  .hkdse-box .hkdse-sec1 .zz-right .zz-text {
    max-height: 3.15rem;
  }
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec1 .zz-right .zz-text {
    max-height: 2.3rem;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec1 .zz-right .zz-text {
    max-height: 2.6rem;
  }
}
.hkdse-box .hkdse-sec2 {
  position: relative;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 1rem;
  padding: 0.8rem 0 1rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec2 {
    padding: 1.1rem 0;
  }
}
.hkdse-box .hkdse-sec2::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.55;
  top: 0;
  left: 0;
  z-index: 1;
}
.hkdse-box .hkdse-sec2 .h2 {
  color: #fff;
  position: relative;
  z-index: 2;
}
.hkdse-box .hkdse-sec2 .zz-ul {
  margin-top: 0.4rem;
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec2 .zz-ul {
    margin-top: 0.6rem;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li {
  border-radius: 15px;
  width: 48.57%;
  margin-right: 2.85%;
  background: #fff;
  padding: 0.3rem 0.65rem 0.3rem 0.3rem;
  margin-bottom: 0.4rem;
  display: flex;
  align-items: flex-start;
  height: auto;
  transition: all 0.4s;
  min-height: 300px;
  position: relative;
}
@media (max-width: 1366px) {
  .hkdse-box .hkdse-sec2 .zz-ul li {
    min-height: 280px;
  }
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec2 .zz-ul li {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec2 .zz-ul li {
    width: 100%;
    min-height: unset;
    padding: 0.6rem 0.4rem;
    margin-right: 0;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li:nth-of-type(2n+2) {
  margin-right: 0;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-icon2 {
  position: absolute;
  bottom: -3px;
  right: 5px;
  width: 1.45rem;
  z-index: 1;
  transition: all 0.4s;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-icon2 path {
  fill: #4997b1;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover {
  background: #3a8eaa;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-icon2 {
  opacity: 1;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-left .zz-name {
  color: #fff;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-right .zz-name {
  color: #fff;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-right .zz-cont1 {
  color: #fff;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-right .zz-cont1 p::before {
  background: #fff;
}
.hkdse-box .hkdse-sec2 .zz-ul li:hover .zz-right .zz-cont2 {
  color: #fff;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-left {
  width: 1.35rem;
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-left {
    width: 100%;
    display: flex;
    align-items: center;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-left .public-img {
  width: 100%;
  margin-bottom: 0.2rem;
  border-radius: 1000px;
  border: 1px solid #fff;
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-left .public-img {
    width: 1.35rem;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-left .public-img {
    margin-bottom: 0.3rem;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-left .public-img::before {
  padding-top: 100%;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-left .public-img .zz-img2 {
  opacity: 0;
  transition: all 0.4s;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-left .zz-name {
  color: #3a8eaa;
  text-align: center;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-left .zz-name {
    margin-left: 0.3rem;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right {
  flex: 1;
  margin-left: 0.3rem;
  position: relative;
  z-index: 2;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-name {
  transition: all 0.4s;
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 {
  margin-top: 5px;
  color: #666;
  transition: all 0.4s;
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 {
    margin-top: 10px;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 p {
  position: relative;
  color: inherit;
  padding-left: 15px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 p {
    margin-bottom: 0.2rem;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 p::before {
  content: '';
  position: absolute;
  background: #3a8eaa;
  width: 5px;
  height: 5px;
  border-radius: 1000px;
  top: 7px;
  left: 0;
  transition: all 0.4s;
}
@media (max-width: 1580px) {
  .hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont1 p::before {
    top: 7px;
  }
}
.hkdse-box .hkdse-sec2 .zz-ul li .zz-right .zz-cont2 {
  color: #666;
  line-height: 1.71428571em;
  transition: all 0.4s;
}
.hkdse-box .hkdse-sec3 {
  padding-top: 1.25rem;
}
.hkdse-box .hkdse-sec3 .zz-bigbox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 0.75rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-bigbox {
    flex-direction: column;
  }
}
.hkdse-box .hkdse-sec3 .zz-icon {
  width: 0.55rem;
  height: 0.55rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 2;
  margin-bottom: 0.25rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-icon {
    margin-bottom: 0.3rem;
  }
}
.hkdse-box .hkdse-sec3 .zz-icon img,
.hkdse-box .hkdse-sec3 .zz-icon svg {
  max-width: 100%;
  max-height: 100%;
}
.hkdse-box .hkdse-sec3 .zz-icon img path,
.hkdse-box .hkdse-sec3 .zz-icon svg path {
  fill: #1c2d57;
  transition: all 0.4s;
}
.hkdse-box .hkdse-sec3 .h3 {
  color: #222;
  transition: all 0.4s;
  position: relative;
  z-index: 2;
  line-height: 1.2;
}
@media (max-width: 1366px) {
  .hkdse-box .hkdse-sec3 .h3 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .h3 {
    font-size: 0.32rem;
  }
}
.hkdse-box .hkdse-sec3 .zz-text {
  position: relative;
  z-index: 2;
  line-height: 1.375em;
  margin-top: 0.15rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-text {
    margin-top: 0.25rem;
  }
}
.hkdse-box .hkdse-sec3 .zz-left {
  position: relative;
  width: 32.14%;
  border-radius: 15px;
  background: #fff;
  padding: 0.7rem 0.6rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-left {
    width: 100%;
    margin-bottom: 0.4rem;
    padding: 0.6rem 0.4rem;
  }
}
.hkdse-box .hkdse-sec3 .zz-left:hover .bgimg {
  opacity: 1;
}
.hkdse-box .hkdse-sec3 .zz-left:hover .h3,
.hkdse-box .hkdse-sec3 .zz-left:hover .zz-text,
.hkdse-box .hkdse-sec3 .zz-left:hover .zz-icon svg path {
  color: #fff;
  fill: #fff;
}
.hkdse-box .hkdse-sec3 .zz-left .bgimg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s;
  border-radius: inherit;
  opacity: 0;
}
.hkdse-box .hkdse-sec3 .zz-right {
  width: 64.64%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media (max-width: 1366px) {
  .hkdse-box .hkdse-sec3 .zz-right {
    width: 63.8%;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-right {
    width: 100%;
  }
}
.hkdse-box .hkdse-sec3 .zz-right li {
  border-radius: 15px;
  background: #fff;
  width: 46.96%;
  margin-right: 6.07%;
  padding: 0.45rem 0.5rem;
  margin-bottom: 0.5rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec3 .zz-right li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
    padding: 0.6rem 0.4rem;
  }
}
.hkdse-box .hkdse-sec3 .zz-right li:hover {
  background: #3a8eaa;
}
.hkdse-box .hkdse-sec3 .zz-right li:hover .h3,
.hkdse-box .hkdse-sec3 .zz-right li:hover .zz-text,
.hkdse-box .hkdse-sec3 .zz-right li:hover .zz-icon svg path {
  color: #fff;
  fill: #fff;
}
.hkdse-box .hkdse-sec3 .zz-right li:nth-of-type(2n+2) {
  margin-right: 0;
}
.hkdse-box .hkdse-sec4 {
  position: relative;
  margin-top: 2.15rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec4 {
    margin-top: 1rem;
  }
}
.hkdse-box .hkdse-sec4 .bgimg {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.hkdse-box .hkdse-sec4 .public-img {
  width: 60.71%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec4 .public-img {
    width: 80%;
  }
}
.hkdse-box .hkdse-sec4 .public-img::before {
  padding-top: 95.5%;
}
.hkdse-box .hkdse-sec5 {
  margin-top: 1.8rem;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 {
    margin-top: 1.1rem;
  }
}
.hkdse-box .hkdse-sec5 .bgimg {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 1;
}
.hkdse-box .hkdse-sec5 > .container {
  border-bottom: 1px solid #afbac8;
  padding-bottom: 0.9rem;
  position: relative;
  z-index: 2;
}
.hkdse-box .hkdse-sec5 .zz-public-title-box {
  width: 70%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 .zz-public-title-box {
    width: 100%;
  }
}
.hkdse-box .hkdse-sec5 .zz-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.85rem;
  position: relative;
  z-index: 3;
  align-items: stretch;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 .zz-ul {
    margin-top: 0.6rem;
  }
}
.hkdse-box .hkdse-sec5 .zz-ul li {
  width: 22.85%;
  margin-right: 2.86%;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
}
.hkdse-box .hkdse-sec5 .zz-ul li:hover {
  transform: translateY(-10px);
}
.hkdse-box .hkdse-sec5 .zz-ul li:nth-of-type(4n+4) {
  margin-right: 0;
}
@media (max-width: 1024px) {
  .hkdse-box .hkdse-sec5 .zz-ul li {
    width: 48.57%;
    margin-bottom: 0.4rem;
  }
  .hkdse-box .hkdse-sec5 .zz-ul li:nth-of-type(4n+4) {
    margin-right: 2.86%;
  }
  .hkdse-box .hkdse-sec5 .zz-ul li:nth-of-type(2n+2) {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 .zz-ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.5rem;
  }
}
.hkdse-box .hkdse-sec5 .zz-ul li .public-img {
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.hkdse-box .hkdse-sec5 .zz-ul li .public-img img {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.hkdse-box .hkdse-sec5 .zz-ul li .public-img::before {
  padding-top: 45.31%;
}
.hkdse-box .hkdse-sec5 .zz-ul li .zz-box {
  border: 1px solid #293961;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  color: #1c2d57;
  background: #fff;
  flex: 1;
}
.hkdse-box .hkdse-sec5 .zz-ul li .zz-box table {
  width: 100%;
  height: 100%;
}
.hkdse-box .hkdse-sec5 .zz-ul li .zz-box tr:nth-of-type(1) td {
  padding: 0.1rem 0.2rem;
  text-align: center;
}
.hkdse-box .hkdse-sec5 .zz-ul li .zz-box td {
  border-right: 1px solid #293961;
  padding: 0.15rem 0.2rem;
  border-bottom: 1px solid #293961;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 .zz-ul li .zz-box td {
    padding: 0.25rem 0.2rem;
  }
}
.hkdse-box .hkdse-sec5 .zz-tips {
  width: 61%;
  margin: 0 auto;
  margin-top: 1.7rem;
  color: #666;
  text-align: center;
}
@media (max-width: 767px) {
  .hkdse-box .hkdse-sec5 .zz-tips {
    width: 100%;
    margin-top: 0.5rem;
  }
}
.advantages-box {
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .advantages-box {
    background-position: center center;
  }
}
.advantages-box .x-adva1 {
  background: transparent;
}
.advantages-box .zz-adva2 {
  padding-bottom: 1.8rem;
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 {
    padding-bottom: 1.2rem;
  }
}
.advantages-box .zz-adva2 .zz-bigbox {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  padding: 0.45rem;
  background: #fff;
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox {
    flex-direction: column;
    padding: 0.5rem 0.4rem;
  }
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left {
  width: 46.56%;
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-left {
    width: 100%;
  }
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left .public-img {
  width: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left .public-img img {
  transition: all 0.8s;
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left .public-img img {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.advantages-box .zz-adva2 .zz-bigbox .zz-left .public-img::before {
  padding-top: 69.67%;
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right {
  width: 43.5%;
  margin-right: 0.25rem;
  margin-top: 35px;
}
@media (max-width: 1366px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right {
    width: 100%;
    margin-top: 0.5rem;
    margin-right: 0;
  }
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right .h2 {
  color: #1c2d57;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right .h2 {
    font-size: 0.38rem;
  }
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont {
  margin-top: 0.3rem;
  line-height: 1.88888889em;
  max-height: 240px;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont {
    line-height: 1.5;
  }
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 1366px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont {
    max-height: 245px;
  }
}
@media (max-width: 1024px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont {
    max-height: 145px;
  }
}
@media (max-width: 767px) {
  .advantages-box .zz-adva2 .zz-bigbox .zz-right .zz-cont {
    max-height: 2rem;
    font-size: 0.28rem;
  }
}
.dse-box {
  background: #ebf3f6;
  padding: 1.3rem 0 1.55rem;
}
@media (max-width: 767px) {
  .dse-box {
    padding: 1.2rem 0 0.8rem;
  }
}
.dse-box .zz-public-title-box {
  width: 67%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .dse-box .zz-public-title-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .dse-box .zz-public-title-box .zz-text {
    font-size: 0.28rem;
  }
}
.dse-box .zz-bigbox {
  margin-top: 0.85rem;
}
@media (max-width: 767px) {
  .dse-box .zz-bigbox {
    margin-top: 0.6rem;
  }
}
.dse-box .zz-list {
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
  padding: 0.45rem;
  background: #fff;
  margin-bottom: 0.45rem;
}
@media (max-width: 767px) {
  .dse-box .zz-list {
    flex-direction: column;
    padding: 0.5rem 0.4rem;
  }
}
.dse-box .zz-list .zz-left {
  width: 46.56%;
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-left {
    width: 100%;
  }
}
.dse-box .zz-list .zz-left .public-img {
  width: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
.dse-box .zz-list .zz-left .public-img img {
  transition: all 0.8s;
}
.dse-box .zz-list .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.dse-box .zz-list .zz-left .public-img img {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.dse-box .zz-list .zz-left .public-img::before {
  padding-top: 69.67%;
}
.dse-box .zz-list .zz-right {
  width: 43.5%;
  margin-right: 0.25rem;
  padding-top: 0.35rem;
  padding-bottom: 0.75rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-right {
    width: 100%;
    padding-top: 0.4rem;
    margin-right: 0;
    padding-bottom: 0;
  }
}
.dse-box .zz-list .zz-right .h2 {
  color: #1c2d57;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-right .h2 {
    font-size: 0.38rem;
  }
}
.dse-box .zz-list .zz-right .zz-cont {
  margin-top: 10px;
  line-height: 1.88888889em;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-right .zz-cont {
    line-height: 1.5;
  }
}
.dse-box .zz-list .zz-right .zz-cont::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.dse-box .zz-list .zz-right .zz-cont::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.dse-box .zz-list .zz-right .zz-cont::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-right .zz-cont {
    margin-top: 0.25rem;
    font-size: 0.28rem;
  }
}
.dse-box .zz-list .zz-right .zz-box2 {
  margin-top: 0.8rem;
}
@media (max-width: 1024px) {
  .dse-box .zz-list .zz-right .zz-box2 {
    margin-top: 0.4rem;
  }
}
@media (max-width: 767px) {
  .dse-box .zz-list .zz-right .zz-box2 {
    margin-top: 0.6rem;
  }
}
.history-box {
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.65rem 0 1.2rem;
}
@media (max-width: 767px) {
  .history-box {
    padding: 1.1rem 0 1.2rem;
  }
}
.history-box .zz-public-title-box .zz-text {
  color: #3a8eaa;
}
.xAbout7Swp {
  margin-top: 0.7rem;
  padding: 0 1.5rem;
  padding: 0 2.5rem;
}
@media (max-width: 1580px) {
  .xAbout7Swp {
    padding: 0 2.7rem;
  }
}
@media (max-width: 991px) {
  .xAbout7Swp {
    padding: 0 1.3rem;
  }
}
@media (max-width: 767px) {
  .xAbout7Swp {
    padding: 0 0.4rem;
  }
}
.xAbout7Swp .swiper-slide {
  flex-direction: column;
}
@media (max-width: 767px) {
  .xAbout7Swp .swiper-slide {
    background: rgba(255, 255, 255, 0.4);
    height: auto;
    display: flex;
    align-items: center;
    padding: 0.6rem 0.4rem 0.7rem;
    border-radius: 10px;
  }
}
.xAbout7Swp .swiper-slide .zz-years {
  color: #1c2d57;
}
.xAbout7Swp .swiper-slide .zz-text {
  line-height: 1.71428571em;
  overflow-y: auto;
  /*定义滚动条的轨道颜色、内阴影及圆角*/
  /*定义滑块颜色、内阴影及圆角*/
}
.xAbout7Swp .swiper-slide .zz-text::-webkit-scrollbar {
  width: 1px;
  /*对垂直流动条有效*/
}
.xAbout7Swp .swiper-slide .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #dfdfdf;
  background-color: #dfdfdf;
  border-radius: 3px;
}
.xAbout7Swp .swiper-slide .zz-text::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #1c2d57;
}
.xAbout7Swp .swiper-slide .zz-text::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px #fff;
  background-color: #fff;
}
@media (max-width: 767px) {
  .xAbout7Swp .swiper-slide .zz-text::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ddd;
    background-color: #ddd;
  }
}
@media (max-width: 767px) {
  .xAbout7Swp .swiper-slide .zz-text {
    margin-top: 0.3rem;
    max-height: 2.4rem;
    font-size: 0.28rem;
  }
}
@media (max-width: 767px) {
  .xAbout7Swp .swiper-container {
    padding-top: 0 !important;
    padding-bottom: 1.1rem;
  }
}
@media (max-width: 767px) {
  .xAbout7Swp .swiper-pagination-bullet-active {
    background: #fff;
  }
}
@font-face {
  font-family: layui-icon;
  src: url(../layui-v2.6.8/layui/font/iconfont.eot?v=256);
  src: url(../layui-v2.6.8/layui/font/iconfont.eot?v=256#iefix) format('embedded-opentype'), url(../layui-v2.6.8/layui/font/iconfont.woff2?v=256) format('woff2'), url(../layui-v2.6.8/layui/font/iconfont.woff?v=256) format('woff'), url(../layui-v2.6.8/layui/font/iconfont.ttf?v=256) format('truetype'), url(../layui-v2.6.8/layui/font/iconfont.svg?v=256#layui-icon) format('svg');
}
.layui-icon {
  font-family: layui-icon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.layui-icon-reply-fill:before {
  content: "\e611";
}
.layui-icon-set-fill:before {
  content: "\e614";
}
.layui-icon-menu-fill:before {
  content: "\e60f";
}
.layui-icon-search:before {
  content: "\e615";
}
.layui-icon-share:before {
  content: "\e641";
}
.layui-icon-set-sm:before {
  content: "\e620";
}
.layui-icon-engine:before {
  content: "\e628";
}
.layui-icon-close:before {
  content: "\1006";
}
.layui-icon-close-fill:before {
  content: "\1007";
}
.layui-icon-chart-screen:before {
  content: "\e629";
}
.layui-icon-star:before {
  content: "\e600";
}
.layui-icon-circle-dot:before {
  content: "\e617";
}
.layui-icon-chat:before {
  content: "\e606";
}
.layui-icon-release:before {
  content: "\e609";
}
.layui-icon-list:before {
  content: "\e60a";
}
.layui-icon-chart:before {
  content: "\e62c";
}
.layui-icon-ok-circle:before {
  content: "\1005";
}
.layui-icon-layim-theme:before {
  content: "\e61b";
}
.layui-icon-table:before {
  content: "\e62d";
}
.layui-icon-right:before {
  content: "\e602";
}
.layui-icon-left:before {
  content: "\e603";
}
.layui-icon-cart-simple:before {
  content: "\e698";
}
.layui-icon-face-cry:before {
  content: "\e69c";
}
.layui-icon-face-smile:before {
  content: "\e6af";
}
.layui-icon-survey:before {
  content: "\e6b2";
}
.layui-icon-tree:before {
  content: "\e62e";
}
.layui-icon-ie:before {
  content: "\e7bb";
}
.layui-icon-upload-circle:before {
  content: "\e62f";
}
.layui-icon-add-circle:before {
  content: "\e61f";
}
.layui-icon-download-circle:before {
  content: "\e601";
}
.layui-icon-templeate-1:before {
  content: "\e630";
}
.layui-icon-util:before {
  content: "\e631";
}
.layui-icon-face-surprised:before {
  content: "\e664";
}
.layui-icon-edit:before {
  content: "\e642";
}
.layui-icon-speaker:before {
  content: "\e645";
}
.layui-icon-down:before {
  content: "\e61a";
}
.layui-icon-file:before {
  content: "\e621";
}
.layui-icon-layouts:before {
  content: "\e632";
}
.layui-icon-rate-half:before {
  content: "\e6c9";
}
.layui-icon-add-circle-fine:before {
  content: "\e608";
}
.layui-icon-prev-circle:before {
  content: "\e633";
}
.layui-icon-read:before {
  content: "\e705";
}
.layui-icon-404:before {
  content: "\e61c";
}
.layui-icon-carousel:before {
  content: "\e634";
}
.layui-icon-help:before {
  content: "\e607";
}
.layui-icon-code-circle:before {
  content: "\e635";
}
.layui-icon-windows:before {
  content: "\e67f";
}
.layui-icon-water:before {
  content: "\e636";
}
.layui-icon-username:before {
  content: "\e66f";
}
.layui-icon-find-fill:before {
  content: "\e670";
}
.layui-icon-about:before {
  content: "\e60b";
}
.layui-icon-location:before {
  content: "\e715";
}
.layui-icon-up:before {
  content: "\e619";
}
.layui-icon-pause:before {
  content: "\e651";
}
.layui-icon-date:before {
  content: "\e637";
}
.layui-icon-layim-uploadfile:before {
  content: "\e61d";
}
.layui-icon-delete:before {
  content: "\e640";
}
.layui-icon-play:before {
  content: "\e652";
}
.layui-icon-top:before {
  content: "\e604";
}
.layui-icon-firefox:before {
  content: "\e686";
}
.layui-icon-friends:before {
  content: "\e612";
}
.layui-icon-refresh-3:before {
  content: "\e9aa";
}
.layui-icon-ok:before {
  content: "\e605";
}
.layui-icon-layer:before {
  content: "\e638";
}
.layui-icon-face-smile-fine:before {
  content: "\e60c";
}
.layui-icon-dollar:before {
  content: "\e659";
}
.layui-icon-group:before {
  content: "\e613";
}
.layui-icon-layim-download:before {
  content: "\e61e";
}
.layui-icon-picture-fine:before {
  content: "\e60d";
}
.layui-icon-link:before {
  content: "\e64c";
}
.layui-icon-diamond:before {
  content: "\e735";
}
.layui-icon-log:before {
  content: "\e60e";
}
.layui-icon-key:before {
  content: "\e683";
}
.layui-icon-rate-solid:before {
  content: "\e67a";
}
.layui-icon-fonts-del:before {
  content: "\e64f";
}
.layui-icon-unlink:before {
  content: "\e64d";
}
.layui-icon-fonts-clear:before {
  content: "\e639";
}
.layui-icon-triangle-r:before {
  content: "\e623";
}
.layui-icon-circle:before {
  content: "\e63f";
}
.layui-icon-radio:before {
  content: "\e643";
}
.layui-icon-align-center:before {
  content: "\e647";
}
.layui-icon-align-right:before {
  content: "\e648";
}
.layui-icon-align-left:before {
  content: "\e649";
}
.layui-icon-loading-1:before {
  content: "\e63e";
}
.layui-icon-return:before {
  content: "\e65c";
}
.layui-icon-fonts-strong:before {
  content: "\e62b";
}
.layui-icon-upload:before {
  content: "\e67c";
}
.layui-icon-dialogue:before {
  content: "\e63a";
}
.layui-icon-video:before {
  content: "\e6ed";
}
.layui-icon-headset:before {
  content: "\e6fc";
}
.layui-icon-cellphone-fine:before {
  content: "\e63b";
}
.layui-icon-add-1:before {
  content: "\e654";
}
.layui-icon-face-smile-b:before {
  content: "\e650";
}
.layui-icon-fonts-html:before {
  content: "\e64b";
}
.layui-icon-screen-full:before {
  content: "\e622";
}
.layui-icon-form:before {
  content: "\e63c";
}
.layui-icon-cart:before {
  content: "\e657";
}
.layui-icon-camera-fill:before {
  content: "\e65d";
}
.layui-icon-tabs:before {
  content: "\e62a";
}
.layui-icon-heart-fill:before {
  content: "\e68f";
}
.layui-icon-fonts-code:before {
  content: "\e64e";
}
.layui-icon-ios:before {
  content: "\e680";
}
.layui-icon-at:before {
  content: "\e687";
}
.layui-icon-fire:before {
  content: "\e756";
}
.layui-icon-set:before {
  content: "\e716";
}
.layui-icon-fonts-u:before {
  content: "\e646";
}
.layui-icon-triangle-d:before {
  content: "\e625";
}
.layui-icon-tips:before {
  content: "\e702";
}
.layui-icon-picture:before {
  content: "\e64a";
}
.layui-icon-more-vertical:before {
  content: "\e671";
}
.layui-icon-bluetooth:before {
  content: "\e689";
}
.layui-icon-flag:before {
  content: "\e66c";
}
.layui-icon-loading:before {
  content: "\e63d";
}
.layui-icon-fonts-i:before {
  content: "\e644";
}
.layui-icon-refresh-1:before {
  content: "\e666";
}
.layui-icon-rmb:before {
  content: "\e65e";
}
.layui-icon-addition:before {
  content: "\e624";
}
.layui-icon-home:before {
  content: "\e68e";
}
.layui-icon-time:before {
  content: "\e68d";
}
.layui-icon-user:before {
  content: "\e770";
}
.layui-icon-notice:before {
  content: "\e667";
}
.layui-icon-chrome:before {
  content: "\e68a";
}
.layui-icon-edge:before {
  content: "\e68b";
}
.layui-icon-login-weibo:before {
  content: "\e675";
}
.layui-icon-voice:before {
  content: "\e688";
}
.layui-icon-upload-drag:before {
  content: "\e681";
}
.layui-icon-login-qq:before {
  content: "\e676";
}
.layui-icon-snowflake:before {
  content: "\e6b1";
}
.layui-icon-heart:before {
  content: "\e68c";
}
.layui-icon-logout:before {
  content: "\e682";
}
.layui-icon-file-b:before {
  content: "\e655";
}
.layui-icon-template:before {
  content: "\e663";
}
.layui-icon-transfer:before {
  content: "\e691";
}
.layui-icon-auz:before {
  content: "\e672";
}
.layui-icon-console:before {
  content: "\e665";
}
.layui-icon-app:before {
  content: "\e653";
}
.layui-icon-prev:before {
  content: "\e65a";
}
.layui-icon-website:before {
  content: "\e7ae";
}
.layui-icon-next:before {
  content: "\e65b";
}
.layui-icon-component:before {
  content: "\e857";
}
.layui-icon-android:before {
  content: "\e684";
}
.layui-icon-more:before {
  content: "\e65f";
}
.layui-icon-login-wechat:before {
  content: "\e677";
}
.layui-icon-shrink-right:before {
  content: "\e668";
}
.layui-icon-spread-left:before {
  content: "\e66b";
}
.layui-icon-camera:before {
  content: "\e660";
}
.layui-icon-note:before {
  content: "\e66e";
}
.layui-icon-refresh:before {
  content: "\e669";
}
.layui-icon-female:before {
  content: "\e661";
}
.layui-icon-male:before {
  content: "\e662";
}
.layui-icon-screen-restore:before {
  content: "\e758";
}
.layui-icon-password:before {
  content: "\e673";
}
.layui-icon-senior:before {
  content: "\e674";
}
.layui-icon-theme:before {
  content: "\e66a";
}
.layui-icon-tread:before {
  content: "\e6c5";
}
.layui-icon-praise:before {
  content: "\e6c6";
}
.layui-icon-star-fill:before {
  content: "\e658";
}
.layui-icon-rate:before {
  content: "\e67b";
}
.layui-icon-template-1:before {
  content: "\e656";
}
.layui-icon-vercode:before {
  content: "\e679";
}
.layui-icon-service:before {
  content: "\e626";
}
.layui-icon-cellphone:before {
  content: "\e678";
}
.layui-icon-print:before {
  content: "\e66d";
}
.layui-icon-cols:before {
  content: "\e610";
}
.layui-icon-wifi:before {
  content: "\e7e0";
}
.layui-icon-export:before {
  content: "\e67d";
}
.layui-icon-rss:before {
  content: "\e808";
}
.layui-icon-slider:before {
  content: "\e714";
}
.layui-icon-email:before {
  content: "\e618";
}
.layui-icon-subtraction:before {
  content: "\e67e";
}
.layui-icon-mike:before {
  content: "\e6dc";
}
.layui-icon-light:before {
  content: "\e748";
}
.layui-icon-gift:before {
  content: "\e627";
}
.layui-icon-mute:before {
  content: "\e685";
}
.layui-icon-reduce-circle:before {
  content: "\e616";
}
.calendar-box {
  display: flex;
  justify-content: center;
  padding: 1.7rem 0 1.4rem;
  background: #eff5f8;
}
@media (max-width: 767px) {
  .calendar-box {
    padding: 0.8rem 0 1.2rem;
    background: #ebf3f6;
  }
}
.calendar-box > .container {
  position: relative;
}
@media (max-width: 1900px) {
  .calendar-box > .container {
    width: 72%;
  }
}
@media (max-width: 1280px) {
  .calendar-box > .container {
    width: 67%;
  }
}
@media (max-width: 991px) {
  .calendar-box > .container {
    width: 90%;
  }
}
.calendar-box .zz-box {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 1.05rem;
  width: 100%;
}
@media (max-width: 767px) {
  .calendar-box .zz-box {
    flex-direction: column;
    top: 1.2rem;
  }
}
.calendar-box .zz-box .zz-left {
  display: flex;
  flex-wrap: wrap;
  padding-right: 2rem;
}
.calendar-box .zz-box .zz-left li {
  position: relative;
  margin-right: 20px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: 10px;
  min-width: 100px;
  color: #fff;
  text-align: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .calendar-box .zz-box .zz-left li {
    font-size: 0.28rem;
    padding-left: 0.4rem;
    margin-right: 0.3rem;
  }
}
.calendar-box .zz-box .zz-left li::before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  width: 8px;
  height: 8px;
  border-radius: 1000px;
}
.calendar-box .zz-box .zz-left li i {
  width: 8px;
  height: 8px;
  border-radius: 1000px;
  display: inline-flex;
  margin-right: 0.2rem;
}
.calendar-box .zz-box .zz-right {
  display: flex;
}
@media (max-width: 767px) {
  .calendar-box .zz-box .zz-right {
    margin-top: 0.3rem;
  }
}
.calendar-box .zz-box .zz-right .select-box {
  width: 115px;
  height: 40px;
  border: 1px solid #d6e5ea;
  border-radius: 1000px;
  position: relative;
  margin-left: 10px;
}
@media (max-width: 767px) {
  .calendar-box .zz-box .zz-right .select-box {
    margin-left: 0;
    margin-right: 0.3rem;
    width: 2.4rem;
    height: 0.8rem;
  }
}
.calendar-box .zz-box .zz-right .select-box img,
.calendar-box .zz-box .zz-right .select-box svg {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}
.calendar-box .zz-box .zz-right .select-box select {
  width: 100%;
  height: 100%;
  padding-left: 20px;
  font-weight: bold;
  color: #1c2d57;
}
.calendar-box #layui-laydate1 {
  width: 100%;
}
.calendar-box #layui-laydate1 .layui-laydate-header {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.48rem;
  color: #1c2d57;
  font-weight: bold;
  margin-bottom: 105px;
}
@media (max-width: 767px) {
  .calendar-box #layui-laydate1 .layui-laydate-header {
    margin-bottom: 4rem;
  }
}
.calendar-box #layui-laydate1 .laydate-prev-y,
.calendar-box #layui-laydate1 .laydate-next-y {
  display: none;
}
.calendar-box #layui-laydate1 .laydate-day-prev,
.calendar-box #layui-laydate1 .laydate-day-next {
  color: #999;
}
.calendar-box #layui-laydate1 .laydate-prev-m,
.calendar-box #layui-laydate1 .laydate-next-m {
  border: 1px solid #1c2d57;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 1000px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
  transition: all 0.4s;
}
@media (max-width: 1366px) {
  .calendar-box #layui-laydate1 .laydate-prev-m,
  .calendar-box #layui-laydate1 .laydate-next-m {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .calendar-box #layui-laydate1 .laydate-prev-m,
  .calendar-box #layui-laydate1 .laydate-next-m {
    font-size: 0.28rem;
  }
}
.calendar-box #layui-laydate1 .laydate-prev-m:hover,
.calendar-box #layui-laydate1 .laydate-next-m:hover {
  background: #1c2d57;
  color: #fff;
}
.calendar-box #layui-laydate1 .laydate-prev-m {
  margin-right: 0.5rem;
}
.calendar-box #layui-laydate1 .laydate-next-m {
  margin-left: 0.45rem;
}
.calendar-box #layui-laydate1 table {
  width: 100%;
}
@media (max-width: 767px) {
  .calendar-box #layui-laydate1 table {
    width: 18rem;
  }
}
.calendar-box #layui-laydate1 table th,
.calendar-box #layui-laydate1 table td {
  width: 14.28%;
}
.calendar-box #layui-laydate1 table thead {
  background: #3b8eaa;
  border-left: 1px solid #d6e5ea;
  border-right: 1px solid #d6e5ea;
}
.calendar-box #layui-laydate1 table thead tr th {
  color: #fff;
  font-size: 18px;
  padding: 0.25rem 0;
}
.calendar-box #layui-laydate1 table tbody {
  border-left: 1px solid #d6e5ea;
}
.calendar-box #layui-laydate1 table tbody tr td {
  color: #666;
  border-right: 1px solid #d6e5ea;
  border-bottom: 1px solid #d6e5ea;
  padding: 10px 0 10px 10px;
  height: auto;
  vertical-align: top;
}
@media (max-width: 767px) {
  .calendar-box #layui-laydate1 table tbody tr td {
    height: 2.6rem;
  }
}
.calendar-box #layui-laydate1 table tbody tr td > div {
  height: 100%;
  min-height: 125px;
}
@media (max-width: 1366px) {
  .calendar-box #layui-laydate1 table tbody tr td > div {
    min-height: 115px;
  }
}
@media (max-width: 767px) {
  .calendar-box #layui-laydate1 table tbody tr td > div {
    min-height: 2.2rem;
  }
}
.calendar-box #layui-laydate1 table tbody tr td > div > .laydate-day-mark {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.calendar-box .layui-laydate-footer {
  display: none;
}
.calendar-box .layui-laydate-content {
  background: #fff;
}
@media (max-width: 767px) {
  .calendar-box .layui-laydate-content {
    display: -webkit-box;
    overflow-x: auto;
  }
}
.calendar-box .laydate-set-ym {
  position: relative;
}
.calendar-box .laydate-set-ym::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.laydate-day-mark .zz-dateInfo .zz-date {
  display: none;
}
.laydate-day-mark .zz-dateInfo:nth-of-type(1) .zz-date {
  display: block;
}
.zz-dateInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.zz-dateInfo.date-end .zz-cont {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin-right: 10px;
}
.zz-dateInfo .zz-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
@media (max-width: 1366px) {
  .zz-dateInfo .zz-title {
    font-size: 16px;
  }
}
@media (max-width: 1024px) {
  .zz-dateInfo .zz-title {
    font-size: 14px;
  }
}
.zz-dateInfo .zz-cont {
  margin-top: 10px;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 0.1rem;
  padding: 0.13rem 0 0.13rem 0.15rem;
  cursor: pointer;
  min-height: 85px;
}
@media (max-width: 767px) {
  .zz-dateInfo .zz-cont {
    min-height: 1.7rem;
  }
}
.zz-dateInfo .zz-cont::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.04rem;
  height: 100%;
}
.zz-dateInfo .zz-cont i {
  position: absolute;
  top: 0;
  left: 0;
  width: 0.04rem;
  height: 100%;
  display: inline-flex;
}
.zz-dateInfo .zz-cont .zz-time {
  margin-top: 5px;
  font-weight: 400;
  display: flex;
  align-items: center;
}
.zz-dateInfo .zz-cont .zz-time img,
.zz-dateInfo .zz-cont .zz-time svg {
  margin-right: 0.1rem;
}
.zz-dateInfo .zz-cont .zz-time img path,
.zz-dateInfo .zz-cont .zz-time svg path {
  stroke: transparent;
  stroke-width: 0px;
}
@media (max-width: 1366px) {
  .zz-dateInfo .zz-cont .zz-time span {
    font-size: 13px;
  }
}
@media (max-width: 1024px) {
  .zz-dateInfo .zz-cont .zz-time span {
    font-size: 12px;
  }
}
.zz-dateInfo-more {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.zz-dateInfo-more .zz-cont {
  height: 100%;
  width: calc(100% + 9px);
  transform: translateX(-10px);
  margin-left: 0;
  min-height: 85px;
}
@media (max-width: 767px) {
  .zz-dateInfo-more .zz-cont {
    min-height: 1.7rem;
  }
}
.zz-dateInfo-more.more-date-end .zz-cont {
  transform: translateX(-9px);
  width: 100%;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  margin-left: 0;
}
.zz-curtain {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  display: none;
}
.zz-curtain .mask {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
}
.zz-curtain .curtain_box {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #fff;
  z-index: 10000;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  width: 41.66%;
}
@media (max-width: 767px) {
  .zz-curtain .curtain_box {
    width: 90%;
    top: 45%;
  }
}
.zz-curtain .curtain_box .close_tc {
  position: absolute;
  top: 0;
  right: -50px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10;
  border-radius: 1000px;
  transition: all 0.6s;
  border: 2px solid #fff;
}
.zz-curtain .curtain_box .close_tc:hover {
  transform: rotate(180deg);
}
.zz-curtain .curtain_box .close_tc::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.zz-curtain .curtain_box .close_tc::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1px 0 0 -10px;
  width: 20px;
  height: 2px;
  background: #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media (max-width: 767px) {
  .zz-curtain .curtain_box .close_tc {
    top: unset;
    right: unset;
    width: 0.8rem;
    height: 0.8rem;
    bottom: -12%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.zz-curtain .zz-con {
  height: 100%;
  padding: 0.3rem;
  display: flex;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con {
    flex-direction: column;
    padding: 0.5rem 0.4rem;
  }
}
.zz-curtain .zz-con .zz-left {
  width: 51.5%;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con .zz-left {
    width: 100%;
  }
}
.zz-curtain .zz-con .zz-left .public-img {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.zz-curtain .zz-con .zz-left .public-img img {
  transition: all 0.8s;
}
.zz-curtain .zz-con .zz-left .public-img:hover img {
  transform: scale(1.05);
}
.zz-curtain .zz-con .zz-left .public-img img {
  border-radius: inherit;
}
.zz-curtain .zz-con .zz-left .public-img::before {
  padding-top: 84.21%;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con .zz-left .public-img::before {
    padding-top: 70%;
  }
}
.zz-curtain .zz-con .zz-right {
  padding-top: 0.2rem;
  margin-left: 0.3rem;
  flex: 1;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con .zz-right {
    margin-left: 0;
    padding-top: 0.45rem;
  }
}
.zz-curtain .zz-con .zz-right .zz-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.zz-curtain .zz-con .zz-right .zz-text {
  color: #666;
  line-height: 1.875em;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.zz-curtain .zz-con .zz-right ul {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con .zz-right ul {
    margin-top: 0.4rem;
  }
}
.zz-curtain .zz-con .zz-right ul li {
  display: flex;
  align-items: center;
  margin-bottom: 0.1rem;
}
.zz-curtain .zz-con .zz-right ul li:last-child {
  margin-bottom: 0;
}
.zz-curtain .zz-con .zz-right ul li img,
.zz-curtain .zz-con .zz-right ul li svg {
  margin-right: 15px;
}
.zz-curtain .zz-con .zz-right ul li img path,
.zz-curtain .zz-con .zz-right ul li svg path {
  stroke-width: 0px;
  stroke: transparent;
}
.zz-curtain .zz-con .zz-right ul li span {
  color: #666;
}
.zz-curtain .zz-con .zz-right .zz-box2 {
  margin-top: 0.4rem;
}
@media (max-width: 767px) {
  .zz-curtain .zz-con .zz-right .zz-box2 {
    margin-top: 0.6rem;
  }
}
.zz-curtain.activity-tc .curtain_box {
  width: 46.61%;
  border-radius: 0;
}
@media (max-width: 1366px) {
  .zz-curtain.activity-tc .curtain_box {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .zz-curtain.activity-tc .curtain_box {
    width: 75%;
  }
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box {
    width: 90%;
  }
}
.zz-curtain.activity-tc .curtain_box .close_tc {
  background: #fff;
  width: 45px;
  height: 45px;
  top: 20px;
  right: 20px;
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .close_tc {
    top: 105%;
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    width: 0.8rem;
    height: 0.8rem;
  }
}
.zz-curtain.activity-tc .curtain_box .close_tc::before,
.zz-curtain.activity-tc .curtain_box .close_tc::after {
  background: #3b8eaa;
  border-color: #3b8eaa;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox {
  display: flex;
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .zz-contbox {
    flex-direction: column;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left {
  width: 49.72%;
  overflow: hidden;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left img {
  transition: all 0.8s;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left:hover img {
  transform: scale(1.05);
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left {
    width: 100%;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left::before {
  padding-top: 125.55%;
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .zz-contbox .zz-left::before {
    padding-top: 65%;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right {
  background: #3b8eaa;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  flex: 1;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right {
    padding: 0.5rem 0.4rem 0.6rem;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .bgimg {
  position: absolute;
  width: 3.25rem;
  bottom: -0.25rem;
  right: -0.75rem;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-title {
  text-align: center;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-text {
  margin-top: 0.25rem;
  line-height: 1.57142857em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-ul {
  margin-top: 0.55rem;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-ul li {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-btn {
  margin-top: 0.8rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media max-xs {
  .zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-btn {
    margin-top: 0.6rem;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-btn a {
  width: 1.8rem;
  height: 0.6rem;
  border-radius: 1000px;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.4s;
  background: #3b8eaa;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-btn a {
    width: 2.6rem;
    height: 0.8rem;
  }
}
.zz-curtain.activity-tc .curtain_box .zz-contbox .zz-right .zz-btn a:hover {
  background: #fff;
  color: #3b8eaa;
}
.zz-curtain.contact-tc .curtain_box {
  width: 57.29%;
  max-height: 90vh;
}
@media (max-width: 767px) {
  .zz-curtain.contact-tc .curtain_box {
    width: 90%;
    max-height: 85vh;
    top: 50%;
    overflow-y: auto;
  }
}
.zz-curtain.contact-tc .curtain_box .close_tc {
  border-color: transparent;
  top: 30px;
  right: 35px;
  width: 25px;
  height: 25px;
  transform: scale(1.4);
}
.zz-curtain.contact-tc .curtain_box .close_tc:hover {
  transform: scale(1.4) rotate(180deg);
}
.zz-curtain.contact-tc .curtain_box .close_tc::before,
.zz-curtain.contact-tc .curtain_box .close_tc::after {
  background: #333;
}
@media (max-width: 767px) {
  .zz-curtain.contact-tc .curtain_box .close_tc {
    top: 0.3rem;
    right: 0.4rem;
    left: unset;
  }
}
.zz-curtain.contact-tc .zz-form {
  padding: 1rem 1.5rem 0.7rem;
  border-radius: 5px;
  background: #f3f5f9;
}
.zz-curtain.contact-tc .zz-form .zz-title-box {
  background: #f3f5f9;
  margin-bottom: 0.25rem;
}
.zz-curtain.contact-tc .zz-form .zz-title-box .zz-title {
  text-align: center;
}
.zz-curtain.contact-tc .zz-form .zz-title-box .zz-text {
  text-align: center;
  color: #999;
  margin-top: 5px;
}
.zz-curtain.contact-tc .zz-form .zz-div {
  display: flex;
  justify-content: space-between;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input {
  flex: 1;
  margin-bottom: 0.15rem;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input:nth-of-type(1) {
  margin-right: 0.3rem;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input.zz-input2 {
  width: 66.2%;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input .inputTips {
  color: #666;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input .inputTips span {
  color: #f74e4e;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input input {
  border: 1px solid #dcdfe6;
  padding: 0 20px;
  height: 0.5rem;
  min-height: 40px;
  width: 100%;
  margin-top: 0.1rem;
  background: #fff;
  border-radius: 5px;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input input::-webkit-input-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input input:-moz-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input input::-moz-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-div .zz-input input:-ms-input-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-select {
  flex: 1;
  position: relative;
}
.zz-curtain.contact-tc .zz-form .zz-select span {
  color: #f74e4e;
}
.zz-curtain.contact-tc .zz-form .zz-select .inputTips {
  color: #666;
}
.zz-curtain.contact-tc .zz-form .zz-select .zz-icon {
  position: absolute;
  right: 0.2rem;
  top: 60%;
  transform: translateY(-50%);
  pointer-events: none;
}
@media (max-width: 767px) {
  .zz-curtain.contact-tc .zz-form .zz-select .zz-icon {
    top: 54%;
  }
}
.zz-curtain.contact-tc .zz-form .zz-select .form-select {
  border: 1px solid #dcdfe6;
  padding: 0 20px;
  height: 0.5rem;
  min-height: 40px;
  width: 100%;
  background: #fff;
  margin-top: 0.1rem;
  color: #b2b2b2;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .zz-curtain.contact-tc .zz-form .zz-select .form-select {
    min-height: 0.9rem;
  }
}
.zz-curtain.contact-tc .zz-form .zz-textarea {
  position: relative;
}
.zz-curtain.contact-tc .zz-form .zz-textarea .inputTips {
  margin-bottom: 0.12rem;
}
.zz-curtain.contact-tc .zz-form .zz-textarea .inputTips span {
  color: #f74d4d;
}
.zz-curtain.contact-tc .zz-form .zz-textarea textarea {
  border: 1px solid #dcdfe6;
  width: 100%;
  height: 1.7rem;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
}
.zz-curtain.contact-tc .zz-form .zz-textarea textarea::-webkit-input-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-textarea textarea:-moz-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-textarea textarea::-moz-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-textarea textarea:-ms-input-placeholder {
  color: #b2b2b2;
}
.zz-curtain.contact-tc .zz-form .zz-tips {
  color: #666;
  margin: 0.1rem 0 0.45rem;
  line-height: 1.83333333em;
}
.zz-curtain.contact-tc .zz-form .zz-tips a {
  color: #1477a6;
  text-decoration: underline;
}
.zz-curtain.contact-tc .zz-form .btnBox {
  display: flex;
  justify-content: center;
}
.zz-curtain.contact-tc .zz-form .btnBox .zz-a {
  width: 1.8rem;
  height: 0.6rem;
  min-height: 40px;
  border-radius: 1000px;
  background: #3b8eaa;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .zz-curtain.contact-tc .zz-form {
    padding: 0.9rem 0.3rem 0.6rem;
  }
  .zz-curtain.contact-tc .zz-form .zz-div .zz-input input {
    min-height: 0.9rem;
  }
  .zz-curtain.contact-tc .zz-form .zz-div .zz-input {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  .zz-curtain.contact-tc .zz-form .c-div {
    flex-direction: column;
  }
  .zz-curtain.contact-tc .zz-form button,
  .zz-curtain.contact-tc .zz-form .zz-div .c-input.c-input2 {
    width: 100%;
  }
  .zz-curtain.contact-tc .public-form {
    margin-top: 0.5rem;
  }
  .zz-curtain.contact-tc .yd-yyzx .form-box {
    padding: 0 0.4rem;
  }
  .zz-curtain.contact-tc .public-form .c-textarea textarea {
    height: 3.4rem;
  }
  .zz-curtain.contact-tc .public-form .c-tips {
    font-size: 0.26rem;
  }
  .zz-curtain.contact-tc .public-form .btnBox .hi-btn1_4 {
    width: 100%;
  }
}
.errors {
  background: #ebf3f6;
  padding: 1.4rem 0 2.1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}
.errors .bgimg2 {
  position: absolute;
  width: 100%;
  bottom: 0;
  z-index: 1;
  height: 49.8vh;
}
@media (max-width: 1366px) {
  .errors .bgimg2 {
    height: 48vh;
  }
}
@media (max-width: 1024px) {
  .errors .bgimg2 {
    height: 46vh;
  }
}
@media (max-width: 767px) {
  .errors .bgimg2 {
    height: 22vh;
  }
}
.errors .bgimg {
  position: relative;
  z-index: 2;
  width: 20%;
}
@media (max-width: 767px) {
  .errors .bgimg {
    width: 35%;
  }
}
.errors .zz-tips {
  font-size: 2rem;
  color: #333;
}
.errors .zz-text {
  color: #333;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .errors .zz-text {
    font-size: 0.28rem;
  }
}
.errors .zz-text .zz-p {
  color: #0d457d;
}
.errors .btn-box {
  position: relative;
  z-index: 2;
}
.errors .btn-box .zz-btn {
  width: 1.9rem;
  height: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #134c93;
  border-radius: 5px;
  margin-top: 0.7rem;
}
.errors .btn-box .zz-btn .zz-span {
  color: #fff;
}
.disclaimers {
  background: #ebf3f6;
  padding-top: 0.45rem;
  padding-bottom: 2.65rem;
}
@media (max-width: 767px) {
  .disclaimers {
    padding-top: 0.8rem;
  }
}
.disclaimers .zz-title-box {
  padding-left: 2.8rem;
  padding-right: 2.8rem;
}
@media (max-width: 767px) {
  .disclaimers .zz-title-box {
    padding: 0;
  }
}
.disclaimers .h1 {
  text-align: center;
}
.disclaimers .zz-date-box {
  display: flex;
  justify-content: center;
  color: #666;
  margin-top: 0.1rem;
}
@media (max-width: 767px) {
  .disclaimers .zz-date-box {
    margin-top: 0.2rem;
  }
}
.disclaimers .zz-date-box .zz-date1 {
  margin-right: 0.3rem;
}
.disclaimers .zz-box {
  margin-top: 1rem;
  padding-left: 3rem;
  padding-right: 3rem;
  color: #666;
}
@media (max-width: 767px) {
  .disclaimers .zz-box {
    margin-top: 0.6rem;
    padding: 0;
  }
}
.disclaimers.privacy .zz-tlink {
  margin-top: -1.6rem;
  padding-top: 1.6rem;
}
.disclaimers.privacy .zz-box {
  display: flex;
  justify-content: space-between;
  padding-left: 1.3rem;
  padding-right: 1.3rem;
  position: relative;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .disclaimers.privacy .zz-box {
    padding: 0;
  }
}
.disclaimers.privacy .zz-left {
  width: 2.8rem;
  position: sticky;
  top: 1.4rem;
}
.disclaimers.privacy .zz-left .zz-li {
  margin-bottom: 0.4rem;
}
.disclaimers.privacy .zz-left .zz-li:last-child {
  margin-bottom: 0;
}
.disclaimers.privacy .zz-left .zz-li .zz-a {
  display: inline-flex;
  position: relative;
  color: #333;
}
.disclaimers.privacy .zz-left .zz-li .zz-a::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: #1c2d57;
  left: 0;
  bottom: -0.1rem;
  opacity: 0;
  transition: all 0.4s;
}
.disclaimers.privacy .zz-left .zz-li .zz-a.on::before {
  opacity: 1;
}
.disclaimers.privacy .zz-right {
  flex: 1;
}
.map {
  background: #ebf3f6;
  padding: 0.45rem 0 3rem;
}
@media (max-width: 767px) {
  .map {
    padding: 0.6rem 0 1.1rem;
  }
}
.map .h2 {
  color: #333;
}
.map .zz-box {
  margin-top: 0.9rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .map .zz-box {
    flex-direction: column;
  }
}
.map .zz-box .zz-list {
  margin-right: 0.6rem;
}
@media (max-width: 767px) {
  .map .zz-box .zz-list {
    margin-right: 0;
    margin-bottom: 0.8rem;
  }
}
.map .zz-box .zz-list:last-child {
  margin-right: 0;
}
.map .zz-box .zz-list > ul {
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .map .zz-box .zz-list > ul {
    margin-top: 0.3rem;
  }
}
.map .zz-box .zz-list > ul li {
  margin-bottom: 0.15rem;
}
.map .zz-box .zz-list > ul li:last-child {
  margin-bottom: 0;
}
.map .zz-box .h3 a {
  color: #333;
  transition: all 0.4s;
}
.map .zz-box .h3 a:hover {
  color: #1c2d57;
}
.map .zz-box h4 a {
  color: rgba(51, 51, 51, 0.8);
  transition: all 0.4s;
}
.map .zz-box h4 a:hover {
  color: #1c2d57;
}
.st-box {
  background: #3e8ea9;
  padding-bottom: 0.8rem;
}
@media (max-width: 767px) {
  .st-box {
    padding-bottom: 1rem;
  }
}
.st-box .x-mbx {
  background: #3e8ea9;
}
.st-box .x-mbx .container a,
.st-box .x-mbx .container i {
  color: #fff;
}
.st-box .x-mbx .container a svg path,
.st-box .x-mbx .container i svg path {
  fill: #fff;
}
.st-box .s-inputBox {
  height: 0.8rem;
  display: flex;
  justify-content: center;
  width: 58.57%;
  margin: 0 auto;
  margin-top: 0.6rem;
  border-bottom: 1px solid #fff;
}
@media (max-width: 767px) {
  .st-box .s-inputBox {
    width: 80%;
  }
}
.st-box .s-inputBox input {
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  flex: 1;
  color: #fff;
}
.st-box .s-inputBox input::-webkit-input-placeholder {
  color: #fff;
}
.st-box .s-inputBox input:-moz-placeholder {
  color: #fff;
}
.st-box .s-inputBox input::-moz-placeholder {
  color: #fff;
}
.st-box .s-inputBox input:-ms-input-placeholder {
  color: #fff;
}
@media (max-width: 767px) {
  .st-box .s-inputBox input {
    font-size: 0.28rem;
  }
}
.st-box .s-inputBox button {
  width: 0.35rem;
}
.st-box .s-inputBox button img,
.st-box .s-inputBox button svg {
  width: 100%;
}
.st-bigbox {
  background: #ebf3f6;
}
.st-bigbox .zz-box1 {
  padding-top: 0.9rem;
}
.st-bigbox .zz-nav-box > ul {
  border-bottom: 1px solid #b2bdca;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.25rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-nav-box > ul {
    margin-top: 0.4rem;
  }
}
.st-bigbox .zz-nav-box > ul li {
  padding-bottom: 0.3rem;
  position: relative;
  margin-right: 1rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .st-bigbox .zz-nav-box > ul li {
    font-size: 0.32rem;
    margin-right: 0.5rem;
  }
}
.st-bigbox .zz-nav-box > ul li:last-child {
  margin-right: 0;
}
.st-bigbox .zz-nav-box > ul li::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: #005aaa;
  bottom: 0;
  left: 0;
  transition: all 0.4s;
  opacity: 0;
}
.st-bigbox .zz-nav-box > ul li:hover::before,
.st-bigbox .zz-nav-box > ul li.on::before {
  opacity: 1;
}
.st-bigbox .zz-boxs {
  padding-bottom: 0.95rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs {
    padding-bottom: 1.1rem;
  }
}
.st-bigbox .zz-boxs .zz-list-box {
  display: none;
}
.st-bigbox .zz-boxs .zz-list-box:nth-of-type(1) {
  display: block;
}
.st-bigbox .zz-boxs .x-a a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 0.45rem 0;
  border-bottom: 1px solid rgba(28, 45, 87, 0.1);
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a {
    padding: 0.6rem 0;
  }
}
.st-bigbox .zz-boxs .x-a a:hover .x-text .x-title2 {
  color: #3e8ea9;
}
.st-bigbox .zz-boxs .x-a a:hover .x-ri {
  border-radius: 0.1rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a:hover .x-ri {
    border: none;
  }
}
.st-bigbox .zz-boxs .x-a a:hover .x-ri .x-img {
  border-radius: 0;
  padding: 0.2rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a:hover .x-ri .x-img {
    padding: 0;
    border-radius: 0.1rem;
  }
}
.st-bigbox .zz-boxs .x-a a:hover .x-ri .x-img img {
  border-radius: 0;
}
.st-bigbox .zz-boxs .x-a a:last-child {
  border-bottom: 0;
}
.st-bigbox .zz-boxs .x-a a .x-time {
  width: 1.08rem;
  height: 1.08rem;
  background-color: #3e8ea9;
  border-radius: 100%;
  flex-shrink: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a .x-time {
    margin-top: 0.2rem;
    width: 1.4rem;
    height: 1.4rem;
  }
}
.st-bigbox .zz-boxs .x-a a .x-time .x-img {
  width: 0.76rem;
  height: 0.76rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a .x-time .x-img {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.st-bigbox .zz-boxs .x-a a .x-time .x-img img,
.st-bigbox .zz-boxs .x-a a .x-time .x-img svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.st-bigbox .zz-boxs .x-a a .x-time .x-img img path,
.st-bigbox .zz-boxs .x-a a .x-time .x-img svg path {
  fill: rgba(222, 220, 203, 0.8);
}
.st-bigbox .zz-boxs .x-a a .x-time .x-sp {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.st-bigbox .zz-boxs .x-a a .x-time .x-sp span {
  display: block;
  color: #fff;
  text-align: center;
  width: 100%;
}
.st-bigbox .zz-boxs .x-a a .x-time .x-sp span:nth-of-type(1) {
  font-weight: bold;
  position: relative;
}
.st-bigbox .zz-boxs .x-a a .x-time .x-sp span:nth-of-type(1)::before {
  content: "";
  width: 0.34rem;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.st-bigbox .zz-boxs .x-a a .x-text {
  width: 51.57%;
  padding: 0.1rem 0.5rem 0.1rem 0.34rem;
  border-left: 1px solid #dddddd;
  margin-top: 0.45rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a .x-text {
    width: 76.57%;
    margin-top: 0;
  }
}
.st-bigbox .zz-boxs .x-a a .x-text .x-title2 {
  color: #1c2d57;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.1;
  font-weight: bold;
  transition: 0.4s ease-in-out;
}
.st-bigbox .zz-boxs .x-a a .x-text .x-p {
  color: #666666;
  margin-top: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 3em;
}
.st-bigbox .zz-boxs .x-a a .x-ri {
  width: 28.57%;
  transition: 0.4s ease-in-out;
  position: relative;
  height: 2.46rem;
}
.st-bigbox .zz-boxs .x-a a .x-ri::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #3e8ea9;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  border-radius: 0.1rem;
}
@media (max-width: 1580px) {
  .st-bigbox .zz-boxs .x-a a .x-ri {
    height: 3rem;
  }
}
@media (max-width: 1280px) {
  .st-bigbox .zz-boxs .x-a a .x-ri {
    height: 2.46rem;
  }
}
@media (max-width: 991px) {
  .st-bigbox .zz-boxs .x-a a .x-ri {
    height: 2rem;
  }
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs .x-a a .x-ri {
    width: 100%;
    margin-top: 0.3rem;
    height: auto;
  }
}
.st-bigbox .zz-boxs .x-a a .x-ri .x-img {
  transition: 0.4s ease-in-out;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.st-bigbox .zz-boxs .x-a a .x-ri .x-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.1rem;
}
.st-bigbox .zz-boxs ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 0.55rem 0 0;
  margin-bottom: 3.15rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs ul {
    width: 100%;
    margin-bottom: -0.4rem;
  }
}
.st-bigbox .zz-boxs ul li {
  width: 33.33%;
  padding: 0 0.3rem 0.3rem 0;
  display: flex;
}
@media (max-width: 991px) {
  .st-bigbox .zz-boxs ul li {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .st-bigbox .zz-boxs ul li {
    width: 100%;
    padding-bottom: 0.4rem;
    padding-right: 0;
  }
}
.st-bigbox .zz-boxs ul li a {
  display: block;
  background-color: #fff;
  border-radius: 0.1rem;
  overflow: hidden;
  padding: 0.6rem 0.5rem 0.7rem 0.5rem;
  width: 100%;
}
.st-bigbox .zz-boxs ul li a:hover .x-sp span {
  background-color: #1c2d57;
  color: #fff;
  border-color: #1c2d57;
}
.st-bigbox .zz-boxs ul li a:hover .x-title {
  color: #1c2d57;
}
.st-bigbox .zz-boxs ul li a:hover .x-title::before {
  width: 100%;
}
.st-bigbox .zz-boxs ul li a:hover .public-img img {
  transform: scale(1.08);
}
.st-bigbox .zz-boxs ul li a .x-sp span {
  color: #666666;
  display: inline-block;
  border: 1px solid #dcdcdc;
  padding: 0.05rem 0.3rem;
  border-radius: 100px;
  transition: 0.4s ease-in-out;
  margin-right: 0.1rem;
}
.st-bigbox .zz-boxs ul li a .x-title {
  color: #222222;
  margin: 0.2rem 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.4s ease-in-out;
  position: relative;
  line-height: 1.1;
  display: inline-block;
}
.st-bigbox .zz-boxs ul li a .x-title::before {
  content: "";
  width: 0;
  height: 1px;
  background-color: #1c2d57;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.4s ease-in-out;
}
.st-bigbox .zz-boxs ul li a .x-pp p {
  display: flex;
  margin-bottom: 0.08rem;
}
.st-bigbox .zz-boxs ul li a .x-pp p i {
  display: inline-flex;
  width: 22px;
  height: 22px;
  margin-right: 0.12rem;
  flex-shrink: 0;
}
@media (max-width: 1580px) {
  .st-bigbox .zz-boxs ul li a .x-pp p i {
    width: 18px;
    height: 18px;
  }
}
.st-bigbox .zz-boxs ul li a .x-pp p i svg,
.st-bigbox .zz-boxs ul li a .x-pp p i img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.st-bigbox .zz-boxs ul li a .x-pp p span {
  color: #999999;
}
.st-bigbox .zz-boxs ul li a .public-img {
  margin-top: 0.65rem;
}
.st-bigbox .zz-boxs ul li a .public-img::before {
  padding-top: 50.86705202%;
}
.st-bigbox .zz-box2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.7rem 0 7rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-box2 {
    padding: 1.2rem 0 2.6rem;
  }
}
.st-bigbox .zz-box2 .zz-icon {
  width: 0.9rem;
  height: 0.9rem;
  margin-bottom: 0.3rem;
}
@media (max-width: 767px) {
  .st-bigbox .zz-box2 .zz-icon {
    margin-bottom: 0.5rem;
  }
}
.st-bigbox .zz-box2 .zz-icon img,
.st-bigbox .zz-box2 .zz-icon svg {
  width: 100%;
  height: 100%;
}
.st-bigbox .zz-box2 .zz-text {
  text-align: center;
}
@media (max-width: 767px) {
  .st-bigbox .zz-box2 .zz-text {
    font-size: 0.28rem;
  }
}
.zz-zbl {
  position: fixed;
  right: 40px;
  bottom: 0;
  transform: translateY(-50%);
  z-index: 100;
  display: none;
}
.zz-zbl .zz-conLi {
  position: relative;
  background-image: linear-gradient(to bottom, #238fda, #33aed1, #42cac9);
  background-image: -o-linear-gradient(to bottom, #238fda, #33aed1, #42cac9);
  background-image: -moz-linear-gradient(to bottom, #238fda, #33aed1, #42cac9);
  background-image: -webkit-linear-gradient(to bottom, #238fda, #33aed1, #42cac9);
  border-radius: 1000px;
  padding: 15px 15px;
}
.zz-zbl .zz-conLi:hover .zz-wrap {
  right: 135%;
  opacity: 1;
  visibility: visible;
}
.zz-zbl .zz-conLi:hover .zz-wrap::before {
  display: block;
}
.zz-zbl .zz-conLi:nth-of-type(1) {
  padding: 17px 15px;
  margin-bottom: 10px;
}
.zz-zbl .zz-conLi .zz-div {
  display: flex;
  flex-direction: column;
}
.zz-zbl .zz-conLi .zz-img {
  margin-bottom: 10px;
  width: 20px;
}
.zz-zbl .zz-conLi .zz-img:last-child {
  margin-bottom: 0;
}
.zz-zbl .zz-conLi .zz-wrap {
  position: absolute;
  right: 100%;
  background: #f8fafc;
  border-radius: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 180px;
  height: 180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  transition: all 0.4s;
  opacity: 0;
  visibility: hidden;
}
.zz-zbl .zz-conLi .zz-wrap::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 20px;
  left: 100%;
  display: none;
  z-index: 1;
}
.zz-zbl .zz-conLi .zz-wrap img {
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}
.zz-zbl .zz-conLi .zz-wrap .zz-syb {
  position: absolute;
  border: 8px solid rgba(0, 0, 0, 0);
  border-top-color: #fff;
  transition: all 0.4s;
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(270deg);
}
.zz-hsearch-box {
  position: fixed;
  width: 100%;
  height: 100vh;
  background: rgba(62, 142, 169, 0.95);
  top: -150%;
  left: 0;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.zz-hsearch-box.on {
  top: 0;
}
@media (max-width: 767px) {
  .zz-hsearch-box .form-box {
    width: 80%;
  }
}
.zz-hsearch-box .zz-form {
  padding-bottom: 0.2rem;
  border-bottom: 1px solid #fff;
  display: flex;
  align-items: center;
  width: 845px;
}
@media (max-width: 767px) {
  .zz-hsearch-box .zz-form {
    width: 100%;
  }
}
.zz-hsearch-box .zz-form input {
  flex: 1;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
  color: #fff;
  padding-right: 0.4rem;
}
.zz-hsearch-box .zz-form input::-webkit-input-placeholder {
  color: #fff;
}
.zz-hsearch-box .zz-form input:-moz-placeholder {
  color: #fff;
}
.zz-hsearch-box .zz-form input::-moz-placeholder {
  color: #fff;
}
.zz-hsearch-box .zz-form input:-ms-input-placeholder {
  color: #fff;
}
@media (max-width: 767px) {
  .zz-hsearch-box .zz-form input {
    font-size: 0.28rem;
  }
}
.zz-hsearch-box .zz-form .zz-button {
  width: 0.3rem;
  height: 0.3rem;
}
@media (max-width: 767px) {
  .zz-hsearch-box .zz-form .zz-button {
    width: 0.6rem;
    display: flex;
    align-items: center;
  }
}
.zz-hsearch-box .zz-form .zz-button img,
.zz-hsearch-box .zz-form .zz-button svg {
  width: 100%;
  height: 100%;
}
.zz-hsearch-box .s-hot {
  width: 845px;
  margin-top: 0.3rem;
}
@media (max-width: 767px) {
  .zz-hsearch-box .s-hot {
    width: 80%;
    margin-top: 0.5rem;
  }
}
.zz-hsearch-box .s-hot .zz-title {
  color: #fff;
  text-align: left;
  line-height: 1.5;
}
.zz-hsearch-box .s-hot .zz-ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
@media (max-width: 767px) {
  .zz-hsearch-box .s-hot .zz-ul {
    margin-top: 0.4rem;
  }
}
.zz-hsearch-box .s-hot .zz-ul .zz-li {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  height: 35px;
  padding: 0 0.15rem;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
  transition: all 0.4s;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .zz-hsearch-box .s-hot .zz-ul .zz-li {
    height: 0.7rem;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
  }
}
.zz-hsearch-box .s-hot .zz-ul .zz-li:last-child {
  margin-right: 0;
}
.zz-hsearch-box .s-hot .zz-ul .zz-li .zz-a {
  color: rgba(255, 255, 255, 0.5) !important;
  transition: all 0.4s;
}
.zz-hsearch-box .s-hot .zz-ul .zz-li:hover {
  border-color: #fff;
  background: #fff;
}
.zz-hsearch-box .s-hot .zz-ul .zz-li:hover .zz-a {
  color: #1d528c !important;
}
.zz-hsearch-box .zz-close {
  width: 0.75rem;
  height: 0.75rem;
  transition: all 0.4s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1.05rem;
  border: 1px solid #fff;
  border-radius: 1000px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .zz-hsearch-box .zz-close {
    width: 0.6rem;
    height: 0.6rem;
  }
}
.zz-hsearch-box .zz-close:hover {
  transform: translateX(-50%) rotate(180deg);
}
.zz-hsearch-box .zz-close img,
.zz-hsearch-box .zz-close svg {
  width: 0.3rem;
  height: 0.3rem;
}
@media (max-width: 991px) {
  #c-header .x-top .x-ss {
    display: block;
    margin-left: 0.3rem;
  }
}
@media (max-width: 767px) {
  #c-header .x-top .x-ss {
    display: none;
  }
}
@media (max-width: 767px) {
  #c-header .x-top {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 767px) {
  #c-header .x-top .x-yy a span {
    display: none;
  }
}
@media (max-width: 767px) {
  #c-header .x-top .x-yy {
    display: none;
  }
}
@media (max-width: 767px) {
  #c-header .x-top .x-ss > a {
    display: flex;
  }
  #c-header .x-top .x-ss i {
    width: 0.32rem;
    height: 0.32rem;
  }
}
.join-tc .curtain_box {
  padding: 0.3rem 0.75rem 0.45rem;
  width: 55%;
}
@media (max-width: 1024px) {
  .join-tc .curtain_box {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .join-tc .curtain_box {
    width: 90%;
    padding: 0.3rem 0.3rem 0.45rem;
  }
}
.join-tc .zz-close {
  position: absolute;
  top: -1px;
  right: 0px;
  background: #333;
  width: 0.6rem;
  height: 0.6rem;
  min-width: 40px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top-right-radius: 10px;
  cursor: pointer;
}
.join-tc .zz-close img {
  width: 0.25rem;
  height: 0.25rem;
  min-width: 20px;
  min-height: 20px;
}
@media (max-width: 767px) {
  .join-tc .zz-box {
    max-height: 80vh;
    overflow-y: auto;
  }
}
.join-tc .zz-title {
  font-weight: bold;
  border-bottom: 1px solid #1c2d57;
  color: #000;
  margin-bottom: 0.25rem;
  padding-bottom: 0.2rem;
}
.join-tc .zz-inputBox {
  display: flex;
  justify-content: space-between;
}
.join-tc .zz-input {
  width: 5.05rem;
  margin-bottom: 0.2rem;
}
.join-tc .zz-input:nth-of-type(1) {
  margin-right: 0.4rem;
}
.join-tc .zz-input .zz-div1 {
  margin-bottom: 10px;
  color: #000;
}
.join-tc .zz-input .zz-div1 span {
  color: #f74d4d;
  margin-right: 5px;
}
.join-tc .zz-inputBox2 .zz-input {
  width: 100%;
}
.join-tc .zz-inputBox2 .zz-input .zz-div1 {
  margin-bottom: 4px;
}
.join-tc .zz-inputBox2 .zz-input .zz-div3 {
  margin-bottom: 10px;
  color: #666;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 {
  display: flex;
  align-items: stretch;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox {
  width: auto;
  flex: 1;
  margin-right: 0.3rem;
  margin-bottom: 0;
  height: auto;
  min-height: 0.6rem;
  border: 1px solid #dedede;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1%;
  flex-wrap: wrap;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl {
  background: #ededed;
  border-radius: 5px;
  padding: 0 0.35rem 0 0.2rem;
  max-width: 98%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1rem 0;
  margin-right: 0.2rem;
  height: 40px;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl:last-child {
  margin-right: 0;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl img {
  position: absolute;
  right: -5px;
  top: -2px;
  cursor: pointer;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl .zz-text {
  color: #222;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 {
  position: relative;
  background: #666;
  padding: 0 0.35rem;
  height: 0.6rem;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 {
    height: 0.8rem;
  }
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1:hover {
  background: #3b8eaa;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 span {
  font-weight: 400;
  position: relative;
  z-index: 2;
  color: #fff;
}
.join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 .c-file {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 7;
  top: 0;
  left: 0;
}
.join-tc input {
  width: 100%;
  height: 0.6rem;
  min-height: 40px;
  border: 1px solid #dedede;
  border-radius: 5px;
  padding: 0 25px;
  /* WebKit browsers */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10+ */
}
.join-tc input::-webkit-input-placeholder {
  color: #999;
}
.join-tc input:-moz-placeholder {
  color: #999;
}
.join-tc input::-moz-placeholder {
  color: #999;
}
.join-tc input:-ms-input-placeholder {
  color: #999;
}
.join-tc .zz-tips {
  margin-bottom: 0.3rem;
}
.join-tc .zz-tips .zz-div1 {
  color: #000;
  margin-bottom: 0.1rem;
}
.join-tc .zz-tips .zz-div2 {
  color: #666;
  margin-bottom: 15px;
}
.join-tc .zz-tips input {
  width: 100%;
}
.join-tc .zz-btn2 {
  position: relative;
  background: #3b8eaa;
  padding: 0 0.35rem;
  height: 0.6rem;
  transition: all 0.4s;
  width: 140px;
}
.join-tc .zz-btn2:hover {
  background: #1c2d57;
}
.join-tc .zz-btn2 span {
  font-weight: 400;
  position: relative;
  z-index: 2;
  color: #fff;
}
.join-tc .zz-btn2 .c-file {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 7;
}
@media (max-width: 1580px) {
  .join-tc .zz-input .zz-div1,
  .join-tc .zz-tips .zz-div1 {
    font-size: 16px;
  }
  .join-tc input {
    font-size: 15px;
  }
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl .zz-text,
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 span,
  .join-tc .zz-btn1 span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .join-tc .zz-input {
    width: 48%;
    margin-bottom: 0.35rem;
  }
  .join-tc .zz-input:nth-of-type(1) {
    margin-right: 4%;
  }
  .join-tc .zz-input .zz-div1,
  .join-tc .zz-tips .zz-div1 {
    font-size: 0.3rem;
  }
  .join-tc input {
    font-size: 0.28rem;
    padding: 0 0.2rem;
  }
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox .zz-jl .zz-text,
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-btn1 span,
  .join-tc .zz-btn1 span {
    font-size: 0.28rem;
  }
  .join-tc .zz-inputBox2 .zz-input .zz-div2 .zz-jlBox {
    padding: 0 0.2rem;
    margin-right: 4%;
  }
  .join-tc .zz-close img {
    width: 0.4rem;
    height: 0.4rem;
  }
  .join-tc .zz-btn2 {
    padding: 0 0.6rem;
    height: 0.8rem;
    width: 100%;
  }
}
.x-index7 .x-con a:hover .x-img {
  display: none;
}
.swpTc {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99;
  top: -100%;
  left: 0;
  transition: all 0.4s;
}
.swpTc.on {
  top: 0;
}
.swpTc .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 2;
}
.swpTc .box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
}
.swpTc .box .swpTcSwp {
  width: 50%;
  position: relative;
}
@media (max-width: 767px) {
  .swpTc .box .swpTcSwp {
    width: 90%;
  }
}
.swpTc .box .swiper-container {
  width: 100%;
  height: 100%;
}
.swpTc .box .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.swpTc .box .public-img {
  width: 100%;
}
.swpTc .box .public-img::before {
  padding-top: 57.14%;
}
@media (max-width: 1580px) {
  .swpTc .box .public-img::before {
    padding-top: 50%;
  }
}
@media (max-width: 1366px) {
  .swpTc .box .public-img::before {
    padding-top: 45%;
  }
}
@media (max-width: 767px) {
  .swpTc .box .public-img::before {
    padding-top: 65%;
  }
}
.swpTc .box .public-img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.swpTc .box .zz-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  position: relative;
  color: #fff;
  margin-top: 0.3rem;
  text-align: center;
}
.swpTc .box .zz-colse {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 1000px;
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: -15%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  transition: all 0.4s;
  z-index: 5;
}
@media (max-width: 1024px) {
  .swpTc .box .zz-colse {
    bottom: -25%;
  }
}
@media (max-width: 767px) {
  .swpTc .box .zz-colse {
    width: 0.8rem;
    height: 0.8rem;
    bottom: -30%;
  }
}
.swpTc .box .zz-colse:hover {
  transform: translateX(-50%) rotate(90deg);
}
.swpTc .box .zz-colse img,
.swpTc .box .zz-colse svg {
  width: 0.2rem;
  height: 0.2rem;
}
@media (max-width: 767px) {
  .swpTc .box .zz-colse img,
  .swpTc .box .zz-colse svg {
    width: 0.4rem;
    height: 0.4rem;
  }
}