.link-hover-wrapper .link-btn-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 2.73vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.73);
  height: -moz-calc(var(--vw, 1vw) * 2.73);
  height: calc(var(--vw, 1vw) * 2.73);
  -webkit-justify-content: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 2.73vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.73);
  width: -moz-calc(var(--vw, 1vw) * 2.73);
  width: calc(var(--vw, 1vw) * 2.73);
}
.link-hover-wrapper .link-btn-wrapper .link-arrow {
  height: 0.9vw;
  height: -webkit-calc(var(--vw, 1vw) * 0.9);
  height: -moz-calc(var(--vw, 1vw) * 0.9);
  height: calc(var(--vw, 1vw) * 0.9);
  width: 0.79vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.79);
  width: -moz-calc(var(--vw, 1vw) * 0.79);
  width: calc(var(--vw, 1vw) * 0.79);
}
.slick-track {
  -webkit-box-align: center !important;
  -moz-box-align: center !important;
  -webkit-align-items: center !important;
  align-items: center !important;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -moz-box !important;
  display: flex !important;
}
.slick-list {
  width: 100%;
}
.slick-list .slick-slide {
  position: relative;
}
.zn-banner-wrapper {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.zn-banner-wrapper .slick-track {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.zn-banner-wrapper .banner-container {
  position: relative;
  z-index: 1;
}
.zn-banner-wrapper .banner-container .banner-item {
  min-height: 25.2vw;
  min-height: -webkit-calc(var(--vw, 1vw) * 25.2);
  min-height: -moz-calc(var(--vw, 1vw) * 25.2);
  min-height: calc(var(--vw, 1vw) * 25.2);
  padding: 3.15vw 3.15vw 8.4vw;
  padding: calc(var(--vw, 1vw) * 3.15) calc(var(--vw, 1vw) * 3.15)
    calc(var(--vw, 1vw) * 8.4);
  position: relative;
  width: 100%;
}
.zn-banner-wrapper .banner-container .banner-item .banner-img {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.zn-banner-wrapper .banner-container .banner-item .banner-content {
  position: relative;
  z-index: 2;
}
.zn-banner-wrapper
  .banner-container
  .banner-item
  .banner-content
  .banner-title {
  color: #fff;
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.05);
  font-size: -moz-calc(var(--vw, 1vw) * 3.05);
  font-size: calc(var(--vw, 1vw) * 3.05);
  line-height: 1.2;
}
.zn-banner-wrapper .banner-container .banner-item .banner-content .banner-text {
  color: #fffc;
  font-size: 1.26vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.26);
  font-size: -moz-calc(var(--vw, 1vw) * 1.26);
  font-size: calc(var(--vw, 1vw) * 1.26);
  line-height: 1.25;
  margin-top: 1.26vw;
  margin-top: calc(var(--vw, 1vw) * 1.26);
}
.zn-banner-wrapper .banner-container .banner-item .banner-link-more-wrapper {
  background: #fff;
  bottom: 3.15vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 3.15);
  bottom: -moz-calc(var(--vw, 1vw) * 3.15);
  bottom: calc(var(--vw, 1vw) * 3.15);
  height: 4.2vw;
  height: -webkit-calc(var(--vw, 1vw) * 4.2);
  height: -moz-calc(var(--vw, 1vw) * 4.2);
  height: calc(var(--vw, 1vw) * 4.2);
  min-height: 50px;
  padding: 0.42vw;
  padding: calc(var(--vw, 1vw) * 0.42);
  position: absolute;
  right: 3.15vw;
  right: -webkit-calc(var(--vw, 1vw) * 3.15);
  right: -moz-calc(var(--vw, 1vw) * 3.15);
  right: calc(var(--vw, 1vw) * 3.15);
  width: 18.9vw;
  width: -webkit-calc(var(--vw, 1vw) * 18.9);
  width: -moz-calc(var(--vw, 1vw) * 18.9);
  width: calc(var(--vw, 1vw) * 18.9);
  z-index: 2;
}
.zn-banner-wrapper
  .banner-container
  .banner-item
  .banner-link-more-wrapper
  .media-link-more-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
}
.zn-banner-wrapper
  .banner-container
  .banner-item
  .banner-link-more-wrapper
  .media-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 0.63vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 0.63);
  bottom: -moz-calc(var(--vw, 1vw) * 0.63);
  bottom: calc(var(--vw, 1vw) * 0.63);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.63vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.63);
  right: -moz-calc(var(--vw, 1vw) * 0.63);
  right: calc(var(--vw, 1vw) * 0.63);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-banner-wrapper
  .banner-container
  .banner-item
  .banner-link-more-wrapper
  .media-link-icon-wrapper
  .media-link-icon {
  height: auto;
  width: 0.53vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.53);
  width: -moz-calc(var(--vw, 1vw) * 0.53);
  width: calc(var(--vw, 1vw) * 0.53);
}
.zn-banner-wrapper .points-container {
  bottom: 3.15vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 3.15);
  bottom: -moz-calc(var(--vw, 1vw) * 3.15);
  bottom: calc(var(--vw, 1vw) * 3.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 3.15vw;
  left: -webkit-calc(var(--vw, 1vw) * 3.15);
  left: -moz-calc(var(--vw, 1vw) * 3.15);
  left: calc(var(--vw, 1vw) * 3.15);
  position: absolute;
  z-index: 2;
}
.zn-banner-wrapper .points-container .banner-point {
  background: hsla(0, 0%, 100%, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 12px;
  width: 12px;
}
.zn-banner-wrapper .points-container .banner-point.active {
  background: #fff;
  cursor: default;
}
.zn-banner-wrapper .points-container .banner-point:not(:first-child) {
  margin-left: 0.74vw;
  margin-left: calc(var(--vw, 1vw) * 0.74);
}
.zn-banner-wrapper-mo {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.zn-banner-wrapper-mo .slick-track {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.zn-banner-wrapper-mo .banner-container {
  position: relative;
  z-index: 1;
}
.zn-banner-wrapper-mo .banner-container .banner-item {
  position: relative;
  width: 100%;
}
.zn-banner-wrapper-mo .banner-container .banner-item .banner-img {
  height: 53.34vw;
  height: -webkit-calc(var(--vw, 1vw) * 53.34);
  height: -moz-calc(var(--vw, 1vw) * 53.34);
  height: calc(var(--vw, 1vw) * 53.34);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.zn-banner-wrapper-mo .banner-container .banner-item .banner-content {
  background: #eceff2;
  padding: 6.67vw 5.56vw 41.67vw;
  padding: calc(var(--vw, 1vw) * 6.67) calc(var(--vw, 1vw) * 5.56)
    calc(var(--vw, 1vw) * 41.67);
  position: relative;
  width: 100%;
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-title {
  color: #000;
  font-size: 8.34vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 8.34);
  font-size: -moz-calc(var(--vw, 1vw) * 8.34);
  font-size: calc(var(--vw, 1vw) * 8.34);
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-text {
  color: #000c;
  font-size: 5.56vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
  font-size: -moz-calc(var(--vw, 1vw) * 5.56);
  font-size: calc(var(--vw, 1vw) * 5.56);
  margin-top: 5.56vw;
  margin-top: calc(var(--vw, 1vw) * 5.56);
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-link-more-wrapper {
  background: #fff;
  bottom: 5.56vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
  bottom: -moz-calc(var(--vw, 1vw) * 5.56);
  bottom: calc(var(--vw, 1vw) * 5.56);
  height: 16.67vw;
  height: -webkit-calc(var(--vw, 1vw) * 16.67);
  height: -moz-calc(var(--vw, 1vw) * 16.67);
  height: calc(var(--vw, 1vw) * 16.67);
  min-height: 50px;
  padding: 2.23vw 3.34vw;
  padding: calc(var(--vw, 1vw) * 2.23) calc(var(--vw, 1vw) * 3.34);
  position: absolute;
  right: 5.56vw;
  right: -webkit-calc(var(--vw, 1vw) * 5.56);
  right: -moz-calc(var(--vw, 1vw) * 5.56);
  right: calc(var(--vw, 1vw) * 5.56);
  width: 59.17vw;
  width: -webkit-calc(var(--vw, 1vw) * 59.17);
  width: -moz-calc(var(--vw, 1vw) * 59.17);
  width: calc(var(--vw, 1vw) * 59.17);
  z-index: 2;
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-link-more-wrapper
  .media-link-more-text {
  font-size: 3.89vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
  font-size: -moz-calc(var(--vw, 1vw) * 3.89);
  font-size: calc(var(--vw, 1vw) * 3.89);
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-link-more-wrapper
  .media-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 3.34vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 3.34);
  bottom: -moz-calc(var(--vw, 1vw) * 3.34);
  bottom: calc(var(--vw, 1vw) * 3.34);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 6.67vw;
  height: -webkit-calc(var(--vw, 1vw) * 6.67);
  height: -moz-calc(var(--vw, 1vw) * 6.67);
  height: calc(var(--vw, 1vw) * 6.67);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 3.34vw;
  right: -webkit-calc(var(--vw, 1vw) * 3.34);
  right: -moz-calc(var(--vw, 1vw) * 3.34);
  right: calc(var(--vw, 1vw) * 3.34);
  width: 6.67vw;
  width: -webkit-calc(var(--vw, 1vw) * 6.67);
  width: -moz-calc(var(--vw, 1vw) * 6.67);
  width: calc(var(--vw, 1vw) * 6.67);
}
.zn-banner-wrapper-mo
  .banner-container
  .banner-item
  .banner-content
  .banner-link-more-wrapper
  .media-link-icon-wrapper
  .media-link-icon {
  height: auto;
  width: 2.23vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.23);
  width: -moz-calc(var(--vw, 1vw) * 2.23);
  width: calc(var(--vw, 1vw) * 2.23);
}
.zn-banner-wrapper-mo .points-container {
  bottom: 33.34vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 33.34);
  bottom: -moz-calc(var(--vw, 1vw) * 33.34);
  bottom: calc(var(--vw, 1vw) * 33.34);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 5.56vw;
  left: -webkit-calc(var(--vw, 1vw) * 5.56);
  left: -moz-calc(var(--vw, 1vw) * 5.56);
  left: calc(var(--vw, 1vw) * 5.56);
  position: absolute;
  z-index: 2;
}
.zn-banner-wrapper-mo .points-container .banner-point {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 6px;
  width: 6px;
}
.zn-banner-wrapper-mo .points-container .banner-point.active {
  background: #000;
  cursor: default;
}
.zn-banner-wrapper-mo .points-container .banner-point:not(:first-child) {
  margin-left: 2.23vw;
  margin-left: calc(var(--vw, 1vw) * 2.23);
}
.zn-bread-crump {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  font-size: 16px;
  line-height: 1.25;
}
.zn-bread-crump .bread-item {
  color: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-right: 4px;
}
.zn-bread-crump .bread-item.now-item {
  color: #000;
}
.zn-bread-crump .bread-icon {
  height: 20px;
  margin-left: 4px;
  width: 20px;
}
.zn-media-link-1 {
  background: #10263b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.zn-media-link-1 .media-link-img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%;
}
.zn-media-link-1 .media-link-detail-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 2.1vw 3.15vw 2.1vw 2.1vw;
  padding: calc(var(--vw, 1vw) * 2.1) calc(var(--vw, 1vw) * 3.15)
    calc(var(--vw, 1vw) * 2.1) calc(var(--vw, 1vw) * 2.1);
  width: 50%;
}
.zn-media-link-1 .media-link-detail-wrapper .media-link-text-title {
  color: #fff;
  font-size: 1.89vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.89);
  font-size: -moz-calc(var(--vw, 1vw) * 1.89);
  font-size: calc(var(--vw, 1vw) * 1.89);
  line-height: 1.2;
  width: 100%;
}
.zn-media-link-1 .media-link-detail-wrapper .media-link-text-wrapper {
  margin-top: 18px;
  min-width: 200px;
  width: 14.7vw;
  width: -webkit-calc(var(--vw, 1vw) * 14.7);
  width: -moz-calc(var(--vw, 1vw) * 14.7);
  width: calc(var(--vw, 1vw) * 14.7);
}
.zn-media-link-1
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-text-desc {
  color: #fff;
  font-family: CircularStdBook;
  font-size: 16px;
  line-height: 1.2;
}
.zn-media-link-1
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-more-wrapper {
  background: #fff;
  display: block;
  height: 3.15vw;
  height: -webkit-calc(var(--vw, 1vw) * 3.15);
  height: -moz-calc(var(--vw, 1vw) * 3.15);
  height: calc(var(--vw, 1vw) * 3.15);
  margin-top: 16px;
  min-height: 50px;
  padding: 0.42vw;
  padding: calc(var(--vw, 1vw) * 0.42);
  position: relative;
}
.zn-media-link-1
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-more-wrapper
  .media-link-more-text {
  font-size: 14px;
}
.zn-media-link-1
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-more-wrapper
  .media-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 0.42vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 0.42);
  bottom: -moz-calc(var(--vw, 1vw) * 0.42);
  bottom: calc(var(--vw, 1vw) * 0.42);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.42vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.42);
  right: -moz-calc(var(--vw, 1vw) * 0.42);
  right: calc(var(--vw, 1vw) * 0.42);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-media-link-1
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-more-wrapper
  .media-link-icon-wrapper
  .media-link-icon {
  height: auto;
  width: 0.53vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.53);
  width: -moz-calc(var(--vw, 1vw) * 0.53);
  width: calc(var(--vw, 1vw) * 0.53);
}
.zn-media-link-2 .media-link-item {
  position: relative;
}
.zn-media-link-2 .media-link-item .media-link-img {
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.zn-media-link-2 .media-link-item .media-link-detail-wrapper {
  background: #fff;
  bottom: 0.63vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 0.63);
  bottom: -moz-calc(var(--vw, 1vw) * 0.63);
  bottom: calc(var(--vw, 1vw) * 0.63);
  max-width: -webkit-calc(100% - 1.26vw);
  max-width: -moz-calc(100% - 1.26vw);
  max-width: calc(100% - 1.26vw);
  max-width: -webkit-calc(100% - var(--vw, 1vw) * 1.26);
  max-width: -moz-calc(100% - var(--vw, 1vw) * 1.26);
  max-width: calc(100% - var(--vw, 1vw) * 1.26);
  min-height: 4.52vw;
  min-height: -webkit-calc(var(--vw, 1vw) * 4.52);
  min-height: -moz-calc(var(--vw, 1vw) * 4.52);
  min-height: calc(var(--vw, 1vw) * 4.52);
  padding: 0.63vw;
  padding: calc(var(--vw, 1vw) * 0.63);
  position: absolute;
  right: 0.63vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.63);
  right: -moz-calc(var(--vw, 1vw) * 0.63);
  right: calc(var(--vw, 1vw) * 0.63);
  width: 15.54vw;
  width: -webkit-calc(var(--vw, 1vw) * 15.54);
  width: -moz-calc(var(--vw, 1vw) * 15.54);
  width: calc(var(--vw, 1vw) * 15.54);
  z-index: 2;
}
.zn-media-link-2
  .media-link-item
  .media-link-detail-wrapper
  .media-link-text-title {
  color: #000;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-media-link-2
  .media-link-item
  .media-link-detail-wrapper
  .media-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 0.42vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 0.42);
  bottom: -moz-calc(var(--vw, 1vw) * 0.42);
  bottom: calc(var(--vw, 1vw) * 0.42);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.42vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.42);
  right: -moz-calc(var(--vw, 1vw) * 0.42);
  right: calc(var(--vw, 1vw) * 0.42);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-media-link-2
  .media-link-item
  .media-link-detail-wrapper
  .media-link-icon-wrapper
  .media-link-icon {
  height: auto;
  width: 0.53vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.53);
  width: -moz-calc(var(--vw, 1vw) * 0.53);
  width: calc(var(--vw, 1vw) * 0.53);
}
.zn-media-link-3 .media-link-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.zn-media-link-3 .media-link-item .media-link-img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 12.6vw;
  height: -webkit-calc(var(--vw, 1vw) * 12.6);
  height: -moz-calc(var(--vw, 1vw) * 12.6);
  height: calc(var(--vw, 1vw) * 12.6);
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.zn-media-link-3 .media-link-item .media-link-detail-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  background: #eceff2;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
  min-height: 7.14vw;
  min-height: -webkit-calc(var(--vw, 1vw) * 7.14);
  min-height: -moz-calc(var(--vw, 1vw) * 7.14);
  min-height: calc(var(--vw, 1vw) * 7.14);
  padding: 1.05vw 0.84vw;
  padding: calc(var(--vw, 1vw) * 1.05) calc(var(--vw, 1vw) * 0.84);
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 100%;
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-text-wrapper {
  color: #000;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s;
  width: -webkit-calc(100% - 2.63vw);
  width: -moz-calc(100% - 2.63vw);
  width: calc(100% - 2.63vw);
  width: -webkit-calc(100% - var(--vw, 1vw) * 2.63);
  width: -moz-calc(100% - var(--vw, 1vw) * 2.63);
  width: calc(100% - var(--vw, 1vw) * 2.63);
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-text-title {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-text-wrapper
  .media-link-text-desc {
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
  opacity: 0.4;
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 1.05vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 1.05);
  bottom: -moz-calc(var(--vw, 1vw) * 1.05);
  bottom: calc(var(--vw, 1vw) * 1.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 2.1vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.1);
  height: -moz-calc(var(--vw, 1vw) * 2.1);
  height: calc(var(--vw, 1vw) * 2.1);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.84vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.84);
  right: -moz-calc(var(--vw, 1vw) * 0.84);
  right: calc(var(--vw, 1vw) * 0.84);
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 2.1vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.1);
  width: -moz-calc(var(--vw, 1vw) * 2.1);
  width: calc(var(--vw, 1vw) * 2.1);
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-icon-wrapper
  .media-link-icon {
  height: auto;
  width: 0.63vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.63);
  width: -moz-calc(var(--vw, 1vw) * 0.63);
  width: calc(var(--vw, 1vw) * 0.63);
}
.zn-media-link-3
  .media-link-item
  .media-link-detail-wrapper
  .media-link-icon-wrapper
  .media-link-icon
  path {
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  transition: fill 0.5s;
}
.zn-menu {
  background: #fff;
  border-right: 1px solid #e5e5e5;
  padding-right: 1.58vw;
  padding-right: calc(var(--vw, 1vw) * 1.58);
}
.zn-menu .zn-menu-item:not(.active) .zn-menu-subItem-wrapper {
  height: 0;
}
.zn-menu
  .zn-menu-item.active
  .zn-menu-item-title-wrapper
  .zn-menu-item-dropdown {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.zn-menu .zn-menu-item .zn-menu-item-title-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.84vw 0;
  padding: calc(var(--vw, 1vw) * 0.84) 0;
}
.zn-menu .zn-menu-item .zn-menu-item-title-wrapper .zn-menu-item-title {
  color: #000;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.1;
  width: 75%;
}
.zn-menu .zn-menu-item .zn-menu-item-title-wrapper .zn-menu-item-dropdown {
  height: 1.16vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.16);
  height: -moz-calc(var(--vw, 1vw) * 1.16);
  height: calc(var(--vw, 1vw) * 1.16);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0);
  width: 1.16vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.16);
  width: -moz-calc(var(--vw, 1vw) * 1.16);
  width: calc(var(--vw, 1vw) * 1.16);
}
.zn-menu .zn-menu-item .zn-menu-subItem-wrapper {
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.zn-menu .zn-menu-item .zn-menu-subItem-wrapper .zn-menu-subItem {
  display: block;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.1;
  padding: 0.84vw 1.68vw;
  padding: calc(var(--vw, 1vw) * 0.84) calc(var(--vw, 1vw) * 1.68);
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.zn-menu .zn-menu-item .zn-menu-subItem-wrapper .zn-menu-subItem.active {
  color: #225492;
}
.zn-menu
  .zn-menu-item
  .zn-menu-subItem-wrapper
  .zn-menu-subItem:not(.active):hover {
  color: rgba(0, 0, 0, 0.6);
}
.zn-menu-mo {
  background: #f8f8f9;
  width: 100%;
}
.zn-menu-mo
  .zn-menu-main-item.active
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.zn-menu-mo .zn-menu-main-item .zn-menu-main-title-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 4.45vw;
  padding: calc(var(--vw, 1vw) * 4.45);
}
.zn-menu-mo .zn-menu-main-item .zn-menu-main-title-wrapper .zn-menu-main-title {
  font-size: 3.89vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
  font-size: -moz-calc(var(--vw, 1vw) * 3.89);
  font-size: calc(var(--vw, 1vw) * 3.89);
}
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 6.12vw;
  height: -webkit-calc(var(--vw, 1vw) * 6.12);
  height: -moz-calc(var(--vw, 1vw) * 6.12);
  height: calc(var(--vw, 1vw) * 6.12);
  -webkit-justify-content: center;
  justify-content: center;
  width: 6.12vw;
  width: -webkit-calc(var(--vw, 1vw) * 6.12);
  width: -moz-calc(var(--vw, 1vw) * 6.12);
  width: calc(var(--vw, 1vw) * 6.12);
}
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon {
  height: 3.62vw;
  height: -webkit-calc(var(--vw, 1vw) * 3.62);
  height: -moz-calc(var(--vw, 1vw) * 3.62);
  height: calc(var(--vw, 1vw) * 3.62);
  position: relative;
  width: 3.62vw;
  width: -webkit-calc(var(--vw, 1vw) * 3.62);
  width: -moz-calc(var(--vw, 1vw) * 3.62);
  width: calc(var(--vw, 1vw) * 3.62);
}
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon:after,
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon:before {
  background: #000;
  content: '';
  position: absolute;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon:before {
  height: 0.56vw;
  height: -webkit-calc(var(--vw, 1vw) * 0.56);
  height: -moz-calc(var(--vw, 1vw) * 0.56);
  height: calc(var(--vw, 1vw) * 0.56);
  left: 0;
  top: 1.39vw;
  top: -webkit-calc(var(--vw, 1vw) * 1.39);
  top: -moz-calc(var(--vw, 1vw) * 1.39);
  top: calc(var(--vw, 1vw) * 1.39);
  width: 3.62vw;
  width: -webkit-calc(var(--vw, 1vw) * 3.62);
  width: -moz-calc(var(--vw, 1vw) * 3.62);
  width: calc(var(--vw, 1vw) * 3.62);
}
.zn-menu-mo
  .zn-menu-main-item
  .zn-menu-main-title-wrapper
  .zn-menu-collapse-icon
  .collapse-icon:after {
  height: 3.62vw;
  height: -webkit-calc(var(--vw, 1vw) * 3.62);
  height: -moz-calc(var(--vw, 1vw) * 3.62);
  height: calc(var(--vw, 1vw) * 3.62);
  left: 1.67vw;
  left: -webkit-calc(var(--vw, 1vw) * 1.67);
  left: -moz-calc(var(--vw, 1vw) * 1.67);
  left: calc(var(--vw, 1vw) * 1.67);
  top: 0;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease,
    -moz-transform 0.5s ease;
  width: 0.56vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.56);
  width: -moz-calc(var(--vw, 1vw) * 0.56);
  width: calc(var(--vw, 1vw) * 0.56);
}
.zn-menu-mo .zn-menu-main-content-wrapper {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.zn-menu-mo .zn-menu-item .zn-menu-item-title-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 3.34vw 4.45vw;
  padding: calc(var(--vw, 1vw) * 3.34) calc(var(--vw, 1vw) * 4.45);
}
.zn-menu-mo .zn-menu-item .zn-menu-item-title-wrapper .zn-menu-item-title {
  color: #000;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  font-size: 3.89vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
  font-size: -moz-calc(var(--vw, 1vw) * 3.89);
  font-size: calc(var(--vw, 1vw) * 3.89);
  line-height: 1.1;
  width: 82.23vw;
  width: -webkit-calc(var(--vw, 1vw) * 82.23);
  width: -moz-calc(var(--vw, 1vw) * 82.23);
  width: calc(var(--vw, 1vw) * 82.23);
}
.zn-menu-mo .zn-menu-item .zn-menu-item-title-wrapper .zn-menu-item-dropdown {
  height: 6.12vw;
  height: -webkit-calc(var(--vw, 1vw) * 6.12);
  height: -moz-calc(var(--vw, 1vw) * 6.12);
  height: calc(var(--vw, 1vw) * 6.12);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0);
  width: 6.12vw;
  width: -webkit-calc(var(--vw, 1vw) * 6.12);
  width: -moz-calc(var(--vw, 1vw) * 6.12);
  width: calc(var(--vw, 1vw) * 6.12);
}
.zn-menu-mo .zn-menu-item .zn-menu-subItem-wrapper {
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.zn-menu-mo .zn-menu-item .zn-menu-subItem-wrapper .zn-menu-subItem {
  color: #10263b99;
  display: block;
  font-size: 3.89vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
  font-size: -moz-calc(var(--vw, 1vw) * 3.89);
  font-size: calc(var(--vw, 1vw) * 3.89);
  line-height: 1.1;
  padding: 3.34vw 4.45vw;
  padding: calc(var(--vw, 1vw) * 3.34) calc(var(--vw, 1vw) * 4.45);
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.zn-menu-mo .zn-menu-item .zn-menu-subItem-wrapper .zn-menu-subItem.active {
  color: #225492;
}
.zn-text-link .link-block {
  -webkit-transition: background 0.5s ease, color 0.5s ease;
  -moz-transition: background 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, color 0.5s ease;
}
.zn-text-link .link-block .link-icon {
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  -moz-transition: filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}
.zn-text-link .link-block .link-content {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.zn-text-link .link-block .link-content .link-text {
  font-size: 1.47vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.47);
  font-size: -moz-calc(var(--vw, 1vw) * 1.47);
  font-size: calc(var(--vw, 1vw) * 1.47);
  line-height: 1.2;
}
.zn-text-link .link-block .link-content .link-arrow {
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  -moz-transition: filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}
.zn-text-link-1 .link-block,
.zn-text-link-2 .link-block {
  padding: 2.1vw 1.89vw;
  padding: calc(var(--vw, 1vw) * 2.1) calc(var(--vw, 1vw) * 1.89);
}
.zn-text-link-1 .link-block .link-icon,
.zn-text-link-2 .link-block .link-icon {
  height: 2.52vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.52);
  height: -moz-calc(var(--vw, 1vw) * 2.52);
  height: calc(var(--vw, 1vw) * 2.52);
  width: 2.52vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.52);
  width: -moz-calc(var(--vw, 1vw) * 2.52);
  width: calc(var(--vw, 1vw) * 2.52);
}
.zn-text-link-1 .link-block .link-content,
.zn-text-link-2 .link-block .link-content {
  margin-top: 1.89vw;
  margin-top: calc(var(--vw, 1vw) * 1.89);
}
.zn-text-link-1 .link-block .link-content .link-text,
.zn-text-link-2 .link-block .link-content .link-text {
  width: 9.87vw;
  width: -webkit-calc(var(--vw, 1vw) * 9.87);
  width: -moz-calc(var(--vw, 1vw) * 9.87);
  width: calc(var(--vw, 1vw) * 9.87);
}
.zn-text-link-1 .link-block .link-content .link-arrow,
.zn-text-link-2 .link-block .link-content .link-arrow {
  height: 2.1vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.1);
  height: -moz-calc(var(--vw, 1vw) * 2.1);
  height: calc(var(--vw, 1vw) * 2.1);
  width: 2.1vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.1);
  width: -moz-calc(var(--vw, 1vw) * 2.1);
  width: calc(var(--vw, 1vw) * 2.1);
}
.zn-text-link-1 .link-block,
.zn-text-link-2 {
  background: #fff;
}
.zn-text-link-2 .link-block {
  background: #eceff2;
}
.zn-text-link-3 {
  background: #fff;
}
.zn-text-link-3 .link-block {
  background: #eceff2;
  padding: 1.26vw 1.05vw;
  padding: calc(var(--vw, 1vw) * 1.26) calc(var(--vw, 1vw) * 1.05);
}
.zn-text-link-3 .link-block .link-icon {
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-text-link-3 .link-block .link-content {
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-text-link-3 .link-block .link-content .link-text {
  width: 11.97vw;
  width: -webkit-calc(var(--vw, 1vw) * 11.97);
  width: -moz-calc(var(--vw, 1vw) * 11.97);
  width: calc(var(--vw, 1vw) * 11.97);
}
.zn-text-link-3 .link-block .link-content .link-arrow {
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-text-link-4 {
  background: #fff;
}
.zn-text-link-4 .link-block {
  background: #eceff2;
  padding: 1.26vw 1.05vw;
  padding: calc(var(--vw, 1vw) * 1.26) calc(var(--vw, 1vw) * 1.05);
}
.zn-text-link-4 .link-block .link-content .link-text {
  width: 11.97vw;
  width: -webkit-calc(var(--vw, 1vw) * 11.97);
  width: -moz-calc(var(--vw, 1vw) * 11.97);
  width: calc(var(--vw, 1vw) * 11.97);
}
.zn-text-link-4 .link-block .link-content .link-arrow {
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-text-link-5 {
  background: #10263b;
  padding: 1.89vw;
  padding: calc(var(--vw, 1vw) * 1.89);
  position: relative;
}
.zn-text-link-5 .text-link-title {
  color: #fff;
  font-size: 2.1vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 2.1);
  font-size: -moz-calc(var(--vw, 1vw) * 2.1);
  font-size: calc(var(--vw, 1vw) * 2.1);
}
.zn-text-link-5 .text-link-content {
  color: #fffc;
  font-size: 1.26vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.26);
  font-size: -moz-calc(var(--vw, 1vw) * 1.26);
  font-size: calc(var(--vw, 1vw) * 1.26);
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-text-link-5 .text-link-more-wrapper {
  background: #fff;
  display: block;
  height: 4.2vw;
  height: -webkit-calc(var(--vw, 1vw) * 4.2);
  height: -moz-calc(var(--vw, 1vw) * 4.2);
  height: calc(var(--vw, 1vw) * 4.2);
  margin-left: calc(100% - 16.8vw);
  margin-left: calc(100% - var(--vw, 1vw) * 16.8);
  margin-top: 4.57vw;
  margin-top: calc(var(--vw, 1vw) * 4.57);
  min-height: 60px;
  padding: 0.42vw 0.63vw;
  padding: calc(var(--vw, 1vw) * 0.42) calc(var(--vw, 1vw) * 0.63);
  position: relative;
  -webkit-transition: background 0.5s ease, color 0.5s ease;
  -moz-transition: background 0.5s ease, color 0.5s ease;
  transition: background 0.5s ease, color 0.5s ease;
  width: 16.8vw;
  width: -webkit-calc(var(--vw, 1vw) * 16.8);
  width: -moz-calc(var(--vw, 1vw) * 16.8);
  width: calc(var(--vw, 1vw) * 16.8);
}
.zn-text-link-5 .text-link-more-wrapper:hover {
  background: #225492;
  color: #fff;
}
.zn-text-link-5 .text-link-more-wrapper:hover .text-link-icon-wrapper {
  background: #fff;
}
.zn-text-link-5
  .text-link-more-wrapper:hover
  .text-link-icon-wrapper
  .text-link-icon
  path {
  fill: #225492;
}
.zn-text-link-5 .text-link-more-wrapper .text-link-more-text {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
}
.zn-text-link-5 .text-link-more-wrapper .text-link-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 0.63vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 0.63);
  bottom: -moz-calc(var(--vw, 1vw) * 0.63);
  bottom: calc(var(--vw, 1vw) * 0.63);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 1.68vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.68);
  height: -moz-calc(var(--vw, 1vw) * 1.68);
  height: calc(var(--vw, 1vw) * 1.68);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.63vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.63);
  right: -moz-calc(var(--vw, 1vw) * 0.63);
  right: calc(var(--vw, 1vw) * 0.63);
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-text-link-5
  .text-link-more-wrapper
  .text-link-icon-wrapper
  .text-link-icon {
  height: auto;
  width: 0.53vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.53);
  width: -moz-calc(var(--vw, 1vw) * 0.53);
  width: calc(var(--vw, 1vw) * 0.53);
}
.zn-article-list-1 .article-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.zn-article-list-1 .article-item .article-img-container {
  height: 14.91vw;
  height: -webkit-calc(var(--vw, 1vw) * 14.91);
  height: -moz-calc(var(--vw, 1vw) * 14.91);
  height: calc(var(--vw, 1vw) * 14.91);
  position: relative;
  width: 100%;
}
.zn-article-list-1 .article-item .article-img-container .article-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.zn-article-list-1 .article-item .article-img-container .article-mask {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#000)
  );
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
  bottom: 0;
  height: 4.73vw;
  height: -webkit-calc(var(--vw, 1vw) * 4.73);
  height: -moz-calc(var(--vw, 1vw) * 4.73);
  height: calc(var(--vw, 1vw) * 4.73);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.zn-article-list-1
  .article-item
  .article-img-container
  .article-date-container {
  bottom: 1.26vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 1.26);
  bottom: -moz-calc(var(--vw, 1vw) * 1.26);
  bottom: calc(var(--vw, 1vw) * 1.26);
  color: #fff;
  left: 1.26vw;
  left: -webkit-calc(var(--vw, 1vw) * 1.26);
  left: -moz-calc(var(--vw, 1vw) * 1.26);
  left: calc(var(--vw, 1vw) * 1.26);
  position: absolute;
  z-index: 3;
}
.zn-article-list-1
  .article-item
  .article-img-container
  .article-date-container
  .article-date {
  font-size: 1.68vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.68);
  font-size: -moz-calc(var(--vw, 1vw) * 1.68);
  font-size: calc(var(--vw, 1vw) * 1.68);
  line-height: 1.2;
}
.zn-article-list-1
  .article-item
  .article-img-container
  .article-date-container
  .article-month {
  font-size: 0.74vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.74);
  font-size: -moz-calc(var(--vw, 1vw) * 0.74);
  font-size: calc(var(--vw, 1vw) * 0.74);
  margin-left: -0.31vw;
  margin-left: calc(var(--vw, 1vw) * -0.31);
}
.zn-article-list-1 .article-item .article-detail-wrapper {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  background: #eceff2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
  min-height: 8.67vw;
  min-height: -webkit-calc(var(--vw, 1vw) * 8.67);
  min-height: -moz-calc(var(--vw, 1vw) * 8.67);
  min-height: calc(var(--vw, 1vw) * 8.67);
  padding: 1.05vw 0.84vw;
  padding: calc(var(--vw, 1vw) * 1.05) calc(var(--vw, 1vw) * 0.84);
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 100%;
}
.zn-article-list-1 .article-item .article-detail-wrapper .article-text-wrapper {
  color: #000;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s;
  width: -webkit-calc(100% - 3.36vw);
  width: -moz-calc(100% - 3.36vw);
  width: calc(100% - 3.36vw);
  width: -webkit-calc(100% - var(--vw, 1vw) * 3.36);
  width: -moz-calc(100% - var(--vw, 1vw) * 3.36);
  width: calc(100% - var(--vw, 1vw) * 3.36);
}
.zn-article-list-1
  .article-item
  .article-detail-wrapper
  .article-text-wrapper
  .article-text-title {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-article-list-1
  .article-item
  .article-detail-wrapper
  .article-text-wrapper
  .article-text-desc {
  color: #0006;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
}
.zn-article-list-1
  .article-item
  .article-detail-wrapper
  .article-text-wrapper
  .article-tab {
  color: #4499b9;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
}
.zn-article-list-1 .article-item .article-detail-wrapper .article-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 2.1vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.1);
  height: -moz-calc(var(--vw, 1vw) * 2.1);
  height: calc(var(--vw, 1vw) * 2.1);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 2.1vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.1);
  width: -moz-calc(var(--vw, 1vw) * 2.1);
  width: calc(var(--vw, 1vw) * 2.1);
}
.zn-article-list-1
  .article-item
  .article-detail-wrapper
  .article-icon-wrapper
  .article-icon {
  height: auto;
  width: 0.63vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.63);
  width: -moz-calc(var(--vw, 1vw) * 0.63);
  width: calc(var(--vw, 1vw) * 0.63);
}
.zn-article-list-1
  .article-item
  .article-detail-wrapper
  .article-icon-wrapper
  .article-icon
  path {
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  transition: fill 0.5s;
}
.zn-article-list-2 {
  margin: 0 auto;
  width: 100%;
}
.zn-article-list-2 .article-item .article-img-container {
  height: 7.98vw;
  height: -webkit-calc(var(--vw, 1vw) * 7.98);
  height: -moz-calc(var(--vw, 1vw) * 7.98);
  height: calc(var(--vw, 1vw) * 7.98);
  position: relative;
  width: 40%;
}
.zn-article-list-2 .article-item .article-img-container .article-img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.zn-article-list-2
  .article-item
  .article-img-container
  .article-date-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  background: #010544;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  height: 69px;
  -webkit-justify-content: center;
  justify-content: center;
  left: 12px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 52px;
  z-index: 2;
}
.zn-article-list-2
  .article-item
  .article-img-container
  .article-date-container
  .article-month {
  font-size: 12px;
  line-height: 1.2;
}
.zn-article-list-2
  .article-item
  .article-img-container
  .article-date-container
  .article-date {
  font-size: 24px;
  line-height: 1.2;
}
.zn-article-list-2 .article-item .article-detail-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-left: 0.63vw;
  margin-left: calc(var(--vw, 1vw) * 0.63);
  width: 55%;
}
.zn-article-list-2 .article-item .article-detail-wrapper .article-text-title {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.zn-article-list-2 .article-item .article-detail-wrapper .article-text-desc {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #0006;
  display: -webkit-box;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zn-article-list-2 .article-item .article-detail-wrapper .article-tab {
  color: #4499b9;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
}
.zn-tabs {
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.zn-tabs .zn-tab {
  color: #000;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.1;
  position: relative;
}
.zn-tabs-1 .zn-tab .zn-tab-text {
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, #225492)
  );
  background-image: -webkit-linear-gradient(#225492 0 0);
  background-image: -moz-linear-gradient(#225492 0 0);
  background-image: linear-gradient(#225492 0 0);
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-background-size: 0 2px;
  background-size: 0 2px;
  line-height: 2;
  -webkit-transition: background-position 0s 0.5s, -webkit-background-size 0.5s;
  transition: background-position 0s 0.5s, -webkit-background-size 0.5s;
  -moz-transition: background-size 0.5s, background-position 0s 0.5s;
  transition: background-size 0.5s, background-position 0s 0.5s;
  transition: background-size 0.5s, background-position 0s 0.5s,
    -webkit-background-size 0.5s;
}
.zn-tabs-1 .zn-tab.active {
  color: #225492;
}
.zn-tabs-1 .zn-tab.active .zn-tab-text {
  background-position: 100% 100%;
  -webkit-background-size: 100% 2px;
  background-size: 100% 2px;
}
.zn-collapse {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
}
.zn-collapse .collapse-item {
  padding-bottom: 1.05vw;
  padding-bottom: calc(var(--vw, 1vw) * 1.05);
}
.zn-collapse
  .collapse-item.active
  .collapse-title-wrapper
  .collapse-icon:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.zn-collapse .collapse-item .collapse-title-wrapper {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-align-items: center;
  align-items: center;
  /*border-top: 1px solid rgba(0, 0, 0, 0.2);*/ /*TB-2024-06-26*/
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-top: 1.05vw;
  padding-top: calc(var(--vw, 1vw) * 1.05);
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-title {
  font-size: 1.26vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.26);
  font-size: -moz-calc(var(--vw, 1vw) * 1.26);
  font-size: calc(var(--vw, 1vw) * 1.26);
}
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon {
  height: 2.52vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.52);
  height: -moz-calc(var(--vw, 1vw) * 2.52);
  height: calc(var(--vw, 1vw) * 2.52);
  position: relative;
  width: 2.52vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.52);
  width: -moz-calc(var(--vw, 1vw) * 2.52);
  width: calc(var(--vw, 1vw) * 2.52);
}
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:after,
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:before {
  background: #000;
  content: '';
  position: absolute;
  -webkit-transition: background 0.5s ease;
  -moz-transition: background 0.5s ease;
  transition: background 0.5s ease;
}
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:before {
  height: 0.16vw;
  height: -webkit-calc(var(--vw, 1vw) * 0.16);
  height: -moz-calc(var(--vw, 1vw) * 0.16);
  height: calc(var(--vw, 1vw) * 0.16);
  left: 0.48vw;
  left: -webkit-calc(var(--vw, 1vw) * 0.48);
  left: -moz-calc(var(--vw, 1vw) * 0.48);
  left: calc(var(--vw, 1vw) * 0.48);
  top: 1.21vw;
  top: -webkit-calc(var(--vw, 1vw) * 1.21);
  top: -moz-calc(var(--vw, 1vw) * 1.21);
  top: calc(var(--vw, 1vw) * 1.21);
  width: 1.58vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.58);
  width: -moz-calc(var(--vw, 1vw) * 1.58);
  width: calc(var(--vw, 1vw) * 1.58);
}
.zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:after {
  height: 1.58vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.58);
  height: -moz-calc(var(--vw, 1vw) * 1.58);
  height: calc(var(--vw, 1vw) * 1.58);
  left: 1.21vw;
  left: -webkit-calc(var(--vw, 1vw) * 1.21);
  left: -moz-calc(var(--vw, 1vw) * 1.21);
  left: calc(var(--vw, 1vw) * 1.21);
  top: 0.48vw;
  top: -webkit-calc(var(--vw, 1vw) * 0.48);
  top: -moz-calc(var(--vw, 1vw) * 0.48);
  top: calc(var(--vw, 1vw) * 0.48);
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  -moz-transition: transform 0.5s ease, -moz-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease,
    -moz-transform 0.5s ease;
  width: 0.16vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.16);
  width: -moz-calc(var(--vw, 1vw) * 0.16);
  width: calc(var(--vw, 1vw) * 0.16);
}
.zn-collapse .collapse-item .collapse-detail-wrapper {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
.zn-collapse .collapse-item .collapse-detail-wrapper .collapse-detail {
  color: #0009;
  font-size: 0.95vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.95);
  font-size: -moz-calc(var(--vw, 1vw) * 0.95);
  font-size: calc(var(--vw, 1vw) * 0.95);
  line-height: 1.2;
  padding-top: 1.05vw;
  padding-top: calc(var(--vw, 1vw) * 1.05);
  width: 90%;
}
.zn-collapse-2 .collapse-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
}
.zn-collapse-2 .title-q {
  color: #4499b9;
  margin-right: 0.63vw;
  margin-right: calc(var(--vw, 1vw) * 0.63);
}
.zn-collapse-2 .collapse-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  width: 87.5%;
}
.zn-collapse-2 .collapse-detail .detail-a {
  color: #4499b9;
  font-size: 1.47vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.47);
  font-size: -moz-calc(var(--vw, 1vw) * 1.47);
  font-size: calc(var(--vw, 1vw) * 1.47);
  margin-right: 0.63vw;
  margin-right: calc(var(--vw, 1vw) * 0.63);
}
.zn-calender-wrapper {
  margin: 0 auto;
  width: 100%;
}
.zn-calender-wrapper .calender-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
}
.zn-calender-wrapper .calender-item .calender-img-container {
  height: 12.6vw;
  height: -webkit-calc(var(--vw, 1vw) * 12.6);
  height: -moz-calc(var(--vw, 1vw) * 12.6);
  height: calc(var(--vw, 1vw) * 12.6);
  position: relative;
  width: 100%;
}
.zn-calender-wrapper .calender-item .calender-img-container .calender-img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  width: 100%;
  z-index: 1;
}
.zn-calender-wrapper .calender-item .calender-img-container .calender-mask {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0)),
    to(#000)
  );
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000);
  bottom: 0;
  height: 4.73vw;
  height: -webkit-calc(var(--vw, 1vw) * 4.73);
  height: -moz-calc(var(--vw, 1vw) * 4.73);
  height: calc(var(--vw, 1vw) * 4.73);
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 2;
}
.zn-calender-wrapper
  .calender-item
  .calender-img-container
  .calender-date-container {
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  bottom: 1.58vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 1.58);
  bottom: -moz-calc(var(--vw, 1vw) * 1.58);
  bottom: calc(var(--vw, 1vw) * 1.58);
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  left: 1.58vw;
  left: -webkit-calc(var(--vw, 1vw) * 1.58);
  left: -moz-calc(var(--vw, 1vw) * 1.58);
  left: calc(var(--vw, 1vw) * 1.58);
  position: absolute;
  z-index: 3;
}
.zn-calender-wrapper
  .calender-item
  .calender-img-container
  .calender-date-container
  .calender-date {
  font-size: 3.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 3.05);
  font-size: -moz-calc(var(--vw, 1vw) * 3.05);
  font-size: calc(var(--vw, 1vw) * 3.05);
  line-height: 82%;
}
.zn-calender-wrapper
  .calender-item
  .calender-img-container
  .calender-date-container
  .calender-month {
  font-size: 0.95vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.95);
  font-size: -moz-calc(var(--vw, 1vw) * 0.95);
  font-size: calc(var(--vw, 1vw) * 0.95);
  margin-left: 0.53vw;
  margin-left: calc(var(--vw, 1vw) * 0.53);
}
.zn-calender-wrapper .calender-item .calender-detail-wrapper {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  background: #eceff2;
  -webkit-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
  min-height: 6.15vw;
  min-height: -webkit-calc(var(--vw, 1vw) * 6.15);
  min-height: -moz-calc(var(--vw, 1vw) * 6.15);
  min-height: calc(var(--vw, 1vw) * 6.15);
  padding: 1.05vw 0.84vw;
  padding: calc(var(--vw, 1vw) * 1.05) calc(var(--vw, 1vw) * 0.84);
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 100%;
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-text-wrapper {
  color: #000;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s;
  width: -webkit-calc(100% - 4.2vw);
  width: -moz-calc(100% - 4.2vw);
  width: calc(100% - 4.2vw);
  width: -webkit-calc(100% - var(--vw, 1vw) * 4.2);
  width: -moz-calc(100% - var(--vw, 1vw) * 4.2);
  width: calc(100% - var(--vw, 1vw) * 4.2);
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-text-wrapper
  .calender-text-title {
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-text-wrapper
  .calender-text-desc {
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  font-weight: 500;
  line-height: 1.2;
  margin-top: 0.53vw;
  margin-top: calc(var(--vw, 1vw) * 0.53);
  opacity: 0.4;
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-icon-wrapper {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: #10263b;
  border-radius: 50%;
  bottom: 1.05vw;
  bottom: -webkit-calc(var(--vw, 1vw) * 1.05);
  bottom: -moz-calc(var(--vw, 1vw) * 1.05);
  bottom: calc(var(--vw, 1vw) * 1.05);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  height: 2.1vw;
  height: -webkit-calc(var(--vw, 1vw) * 2.1);
  height: -moz-calc(var(--vw, 1vw) * 2.1);
  height: calc(var(--vw, 1vw) * 2.1);
  -webkit-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0.84vw;
  right: -webkit-calc(var(--vw, 1vw) * 0.84);
  right: -moz-calc(var(--vw, 1vw) * 0.84);
  right: calc(var(--vw, 1vw) * 0.84);
  -webkit-transition: background 0.5s;
  -moz-transition: background 0.5s;
  transition: background 0.5s;
  width: 2.1vw;
  width: -webkit-calc(var(--vw, 1vw) * 2.1);
  width: -moz-calc(var(--vw, 1vw) * 2.1);
  width: calc(var(--vw, 1vw) * 2.1);
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-icon-wrapper
  .calender-icon {
  height: auto;
  width: 0.63vw;
  width: -webkit-calc(var(--vw, 1vw) * 0.63);
  width: -moz-calc(var(--vw, 1vw) * 0.63);
  width: calc(var(--vw, 1vw) * 0.63);
}
.zn-calender-wrapper
  .calender-item
  .calender-detail-wrapper
  .calender-icon-wrapper
  .calender-icon
  path {
  -webkit-transition: fill 0.5s;
  -moz-transition: fill 0.5s;
  transition: fill 0.5s;
}
.zn-quote-wrapper {
  background: #10263b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin: 0 auto;
  width: 100%;
}
.zn-quote-wrapper .quote-img {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%;
}
.zn-quote-wrapper .quote-detail-wrapper {
  padding: 2.52vw 4.2vw 2.52vw 3.36vw;
  padding: calc(var(--vw, 1vw) * 2.52) calc(var(--vw, 1vw) * 4.2)
    calc(var(--vw, 1vw) * 2.52) calc(var(--vw, 1vw) * 3.36);
  width: 50%;
}
.zn-quote-wrapper .quote-detail-wrapper .quote-logo {
  height: 1.32vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.32);
  height: -moz-calc(var(--vw, 1vw) * 1.32);
  height: calc(var(--vw, 1vw) * 1.32);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-quote-wrapper .quote-detail-wrapper .quote-text-wrapper {
  margin-top: 1.68vw;
  margin-top: calc(var(--vw, 1vw) * 1.68);
}
.zn-quote-wrapper .quote-detail-wrapper .quote-text-wrapper .quote-text-desc {
  color: #fff;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-quote-wrapper
  .quote-detail-wrapper
  .quote-text-wrapper
  .quote-text-desc:not(:first-child) {
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-quote-wrapper
  .quote-detail-wrapper
  .quote-text-wrapper
  .quote-text-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 3vw;
  margin-top: calc(var(--vw, 1vw) * 3);
}
.zn-quote-wrapper
  .quote-detail-wrapper
  .quote-text-wrapper
  .quote-text-container
  .quote-sub-text {
  color: #fff9;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-quote-wrapper-mo {
  background: #10263b;
  padding: 22.23vw 4.45vw;
  padding: calc(var(--vw, 1vw) * 22.23) calc(var(--vw, 1vw) * 4.45);
  width: 100%;
}
.zn-quote-wrapper-mo .quote-logo {
  width: 6.12vw;
  width: -webkit-calc(var(--vw, 1vw) * 6.12);
  width: -moz-calc(var(--vw, 1vw) * 6.12);
  width: calc(var(--vw, 1vw) * 6.12);
}
.zn-quote-wrapper-mo .quote-text-wrapper {
  margin-top: 6.67vw;
  margin-top: calc(var(--vw, 1vw) * 6.67);
}
.zn-quote-wrapper-mo .quote-text-wrapper .quote-text-desc {
  color: #fff;
  font-size: 5.56vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
  font-size: -moz-calc(var(--vw, 1vw) * 5.56);
  font-size: calc(var(--vw, 1vw) * 5.56);
  line-height: 1.2;
}
.zn-quote-wrapper-mo .quote-text-wrapper .quote-text-desc:not(:first-child) {
  margin-top: 3.34vw;
  margin-top: calc(var(--vw, 1vw) * 3.34);
}
.zn-quote-wrapper-mo .quote-text-wrapper .quote-text-container {
  margin-top: 6.67vw;
  margin-top: calc(var(--vw, 1vw) * 6.67);
}
.zn-quote-wrapper-mo .quote-text-wrapper .quote-text-container .quote-sub-text {
  color: #fff9;
  font-size: 4.45vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
  font-size: -moz-calc(var(--vw, 1vw) * 4.45);
  font-size: calc(var(--vw, 1vw) * 4.45);
  line-height: 1.2;
  margin-top: 3.34vw;
  margin-top: calc(var(--vw, 1vw) * 3.34);
}
.zn-quote-wrapper-mo .quote-img {
  height: auto;
  margin-top: 10vw;
  margin-top: calc(var(--vw, 1vw) * 10);
  width: 100%;
}
.zn-quote-wrapper-2 {
  background: #10263b;
  margin: 0 auto;
  width: 100%;
}
.zn-quote-wrapper-2 .quote-logo {
  height: 1.32vw;
  height: -webkit-calc(var(--vw, 1vw) * 1.32);
  height: -moz-calc(var(--vw, 1vw) * 1.32);
  height: calc(var(--vw, 1vw) * 1.32);
  width: 1.68vw;
  width: -webkit-calc(var(--vw, 1vw) * 1.68);
  width: -moz-calc(var(--vw, 1vw) * 1.68);
  width: calc(var(--vw, 1vw) * 1.68);
}
.zn-quote-wrapper-2 .quote-text-wrapper {
  margin-top: 1.68vw;
  margin-top: calc(var(--vw, 1vw) * 1.68);
}
.zn-quote-wrapper-2 .quote-text-wrapper .quote-text-desc {
  color: #fff;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-quote-wrapper-2 .quote-text-wrapper .quote-text-desc:not(:first-child) {
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-quote-wrapper-2 .quote-text-wrapper .quote-text-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -webkit-box-align: end;
  -moz-box-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-top: 3vw;
  margin-top: calc(var(--vw, 1vw) * 3);
}
.zn-quote-wrapper-2 .quote-text-wrapper .quote-text-container .quote-text-name {
  color: #fff;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
  line-height: 1.2;
}
.zn-quote-wrapper-2 .quote-text-wrapper .quote-text-container .quote-sub-text {
  color: #fff9;
  font-size: 0.84vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 0.84);
  font-size: -moz-calc(var(--vw, 1vw) * 0.84);
  font-size: calc(var(--vw, 1vw) * 0.84);
  line-height: 1.2;
  margin-top: 0.63vw;
  margin-top: calc(var(--vw, 1vw) * 0.63);
}
.zn-table-wrapper {
  border: 1px solid #f4f4f4;
  border-radius: 4px;
  display: table;
  margin: 0 auto;
  text-align: left;
}
.zn-table-wrapper table {
  border-spacing: 0;
  font-size: 1.05vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 1.05);
  font-size: -moz-calc(var(--vw, 1vw) * 1.05);
  font-size: calc(var(--vw, 1vw) * 1.05);
}
.zn-table-wrapper th {
  background: #f7f7f7;
  color: #10263b;
}
.zn-table-wrapper td {
  color: #7f8489;
}
.zn-table-wrapper td,
.zn-table-wrapper th {
  border: 0.5px solid #f4f4f4;
  padding: 0.63vw 0.84vw;
  padding: calc(var(--vw, 1vw) * 0.63) calc(var(--vw, 1vw) * 0.84);
}
.zn-title-wrapper .title-text {
  color: #10263b;
  display: inline-block;
  font-size: 2.1vw;
  font-size: -webkit-calc(var(--vw, 1vw) * 2.1);
  font-size: -moz-calc(var(--vw, 1vw) * 2.1);
  font-size: calc(var(--vw, 1vw) * 2.1);
  line-height: 1.2;
  padding-bottom: 20px;
  position: relative;
  /*white-space: nowrap;*/ /*TB-20240529*/
}
.zn-title-wrapper .title-text:after {
  background: #225492;
  content: '';
  height: 5px;
  left: 0;
  position: absolute;
  top: 3.15vw;
  top: -webkit-calc(var(--vw, 1vw) * 3.15);
  top: -moz-calc(var(--vw, 1vw) * 3.15);
  top: calc(var(--vw, 1vw) * ); /*TB-20240529 top: calc(var(--vw, 1vw) * 3.15)*/
  bottom: 0px; /*TB-20240529*/
  width: 29%;
}
@media (min-width: 769px) {
  .mo-only,
  .pad-only,
  .pc-hidden {
    display: none;
  }
  .link-hover-wrapper {
    cursor: pointer;
  }
  .link-hover-wrapper:hover .link-arrow {
    -webkit-animation: arrowAni 0.2s ease-in-out 1 forwards;
    -moz-animation: arrowAni 0.2s ease-in-out 1 forwards;
    animation: arrowAni 0.2s ease-in-out 1 forwards;
  }
  @-moz-keyframes arrowAni {
    0% {
      -moz-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%);
    }
    to {
      -moz-transform: translate(0);
      transform: translate(0);
    }
  }
  @-webkit-keyframes arrowAni {
    0% {
      -webkit-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%);
    }
    to {
      -webkit-transform: translate(0);
      transform: translate(0);
    }
  }
  @keyframes arrowAni {
    0% {
      -webkit-transform: translate(-60%, 60%);
      -moz-transform: translate(-60%, 60%);
      transform: translate(-60%, 60%);
    }
    to {
      -webkit-transform: translate(0);
      -moz-transform: translate(0);
      transform: translate(0);
    }
  }
  .zn-bread-crump .bread-item:not(.now-item) .bread-name {
    cursor: pointer;
  }
  .zn-bread-crump .bread-item:not(.now-item) .bread-name:hover {
    color: #225492;
  }
  .zn-media-link-3:hover .media-link-item .media-link-detail-wrapper {
    background: #10263b;
  }
  .zn-media-link-3:hover
    .media-link-item
    .media-link-detail-wrapper
    .media-link-text-wrapper {
    color: #fff;
  }
  .zn-media-link-3:hover
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper {
    background: #fff;
  }
  .zn-media-link-3:hover
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper
    .media-link-icon
    path {
    fill: #10263b;
  }
  .zn-text-link .link-block:hover {
    background: #10263b;
    color: #fff;
  }
  .zn-text-link .link-block:hover .link-content .link-arrow,
  .zn-text-link .link-block:hover .link-icon {
    -webkit-filter: invert(1);
    filter: invert(1);
  }
  .zn-article-list-1:hover .article-item .article-detail-wrapper {
    background: #10263b;
  }
  .zn-article-list-1:hover
    .article-item
    .article-detail-wrapper
    .article-text-wrapper
    .article-text-desc,
  .zn-article-list-1:hover
    .article-item
    .article-detail-wrapper
    .article-text-wrapper
    .article-text-title {
    color: #fff;
  }
  .zn-article-list-1:hover
    .article-item
    .article-detail-wrapper
    .article-icon-wrapper {
    background: #fff;
  }
  .zn-article-list-1:hover
    .article-item
    .article-detail-wrapper
    .article-icon-wrapper
    .article-icon
    path {
    fill: #10263b;
  }
  .zn-article-list-2:hover
    .article-item
    .article-detail-wrapper
    .article-text-title {
    color: #225492;
  }
  .zn-article-list-2 .article-item {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .zn-tabs {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .zn-tabs-1 .zn-tab:hover {
    color: #225492;
  }
  .zn-tabs-1 .zn-tab:hover .zn-tab-text {
    background-position: 100% 100%;
    -webkit-background-size: 100% 2px;
    background-size: 100% 2px;
  }
  .zn-collapse .collapse-item .collapse-title-wrapper:hover {
    color: #225492;
  }
  .zn-collapse
    .collapse-item
    .collapse-title-wrapper:hover
    .collapse-icon:after,
  .zn-collapse
    .collapse-item
    .collapse-title-wrapper:hover
    .collapse-icon:before {
    background: #225492;
  }
  .zn-calender-wrapper:hover .calender-item .calender-detail-wrapper {
    background: #10263b;
  }
  .zn-calender-wrapper:hover
    .calender-item
    .calender-detail-wrapper
    .calender-text-wrapper {
    color: #fff;
  }
  .zn-calender-wrapper:hover
    .calender-item
    .calender-detail-wrapper
    .calender-icon-wrapper {
    background: #fff;
  }
  .zn-calender-wrapper:hover
    .calender-item
    .calender-detail-wrapper
    .calender-icon-wrapper
    .calender-icon
    path {
    fill: #10263b;
  }
  .zn-quote-wrapper {
    max-width: 68.88vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 68.88);
    max-width: -moz-calc(var(--vw, 1vw) * 68.88);
    max-width: calc(var(--vw, 1vw) * 68.88);
  }
  .zn-quote-wrapper-2 {
    max-width: 68.88vw;
    max-width: -webkit-calc(var(--vw, 1vw) * 68.88);
    max-width: -moz-calc(var(--vw, 1vw) * 68.88);
    max-width: calc(var(--vw, 1vw) * 68.88);
    padding: 2.52vw 3.36vw;
    padding: calc(var(--vw, 1vw) * 2.52) calc(var(--vw, 1vw) * 3.36);
  }
}
@media (max-width: 768px) {
  .mo-hidden,
  .pad-only,
  .pc-only {
    display: none;
  }
  .link-hover-wrapper .link-btn-wrapper {
    height: 24px;
    width: 24px;
  }
  .link-hover-wrapper .link-btn-wrapper .link-arrow {
    height: 6px;
    width: 5px;
  }
  .zn-banner-wrapper .banner-container .banner-item {
    min-height: 166.67vw;
    min-height: -webkit-calc(var(--vw, 1vw) * 166.67);
    min-height: -moz-calc(var(--vw, 1vw) * 166.67);
    min-height: calc(var(--vw, 1vw) * 166.67);
    padding: 11.12vw 5.56vw 41.67vw;
    padding: calc(var(--vw, 1vw) * 11.12) calc(var(--vw, 1vw) * 5.56)
      calc(var(--vw, 1vw) * 41.67);
  }
  .zn-banner-wrapper
    .banner-container
    .banner-item
    .banner-content
    .banner-title {
    font-size: 8.34vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 8.34);
    font-size: -moz-calc(var(--vw, 1vw) * 8.34);
    font-size: calc(var(--vw, 1vw) * 8.34);
  }
  .zn-banner-wrapper
    .banner-container
    .banner-item
    .banner-content
    .banner-text {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
    margin-top: 6.67vw;
    margin-top: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-banner-wrapper .banner-container .banner-item .banner-link-more-wrapper {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
    height: 16.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 16.67);
    height: -moz-calc(var(--vw, 1vw) * 16.67);
    height: calc(var(--vw, 1vw) * 16.67);
    padding: 2.23vw 3.34vw;
    padding: calc(var(--vw, 1vw) * 2.23) calc(var(--vw, 1vw) * 3.34);
    right: 5.56vw;
    right: -webkit-calc(var(--vw, 1vw) * 5.56);
    right: -moz-calc(var(--vw, 1vw) * 5.56);
    right: calc(var(--vw, 1vw) * 5.56);
    width: 59.17vw;
    width: -webkit-calc(var(--vw, 1vw) * 59.17);
    width: -moz-calc(var(--vw, 1vw) * 59.17);
    width: calc(var(--vw, 1vw) * 59.17);
  }
  .zn-banner-wrapper
    .banner-container
    .banner-item
    .banner-link-more-wrapper
    .media-link-more-text {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
  }
  .zn-banner-wrapper
    .banner-container
    .banner-item
    .banner-link-more-wrapper
    .media-link-icon-wrapper {
    bottom: 3.34vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 3.34);
    bottom: -moz-calc(var(--vw, 1vw) * 3.34);
    bottom: calc(var(--vw, 1vw) * 3.34);
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    right: 3.34vw;
    right: -webkit-calc(var(--vw, 1vw) * 3.34);
    right: -moz-calc(var(--vw, 1vw) * 3.34);
    right: calc(var(--vw, 1vw) * 3.34);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-banner-wrapper
    .banner-container
    .banner-item
    .banner-link-more-wrapper
    .media-link-icon-wrapper
    .media-link-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-banner-wrapper .points-container {
    bottom: 33.34vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 33.34);
    bottom: -moz-calc(var(--vw, 1vw) * 33.34);
    bottom: calc(var(--vw, 1vw) * 33.34);
    left: 5.56vw;
    left: -webkit-calc(var(--vw, 1vw) * 5.56);
    left: -moz-calc(var(--vw, 1vw) * 5.56);
    left: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-banner-wrapper .points-container .banner-point {
    height: 6px;
    width: 6px;
  }
  .zn-banner-wrapper .points-container .banner-point:not(:first-child) {
    margin-left: 2.23vw;
    margin-left: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-bread-crump {
    font-size: 14px;
    padding: 0 4.45vw;
    padding: 0 calc(var(--vw, 1vw) * 4.45);
  }
  .zn-bread-crump .bread-icon {
    height: 18px;
    width: 18px;
  }
  .zn-media-link-1 {
    display: block;
    padding: 16.67vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 16.67) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-media-link-1 .media-link-img {
    height: auto;
    margin: 28px 0 16px;
    width: 100%;
  }
  .zn-media-link-1 .media-link-detail-wrapper {
    display: block;
    padding: 0;
    width: 100%;
  }
  .zn-media-link-1 .media-link-detail-wrapper .media-link-text-title {
    font-size: 7.78vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 7.78);
    font-size: -moz-calc(var(--vw, 1vw) * 7.78);
    font-size: calc(var(--vw, 1vw) * 7.78);
  }
  .zn-media-link-1 .media-link-detail-wrapper .media-link-text-wrapper {
    margin-top: 16px;
    width: 100%;
  }
  .zn-media-link-1
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-text-desc {
    font-size: 14px;
  }
  .zn-media-link-1
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-more-wrapper {
    height: 16.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 16.67);
    height: -moz-calc(var(--vw, 1vw) * 16.67);
    height: calc(var(--vw, 1vw) * 16.67);
    margin: 0;
    padding: 2.78vw;
    padding: calc(var(--vw, 1vw) * 2.78);
    width: 48.62vw;
    width: -webkit-calc(var(--vw, 1vw) * 48.62);
    width: -moz-calc(var(--vw, 1vw) * 48.62);
    width: calc(var(--vw, 1vw) * 48.62);
  }
  .zn-media-link-1
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-more-wrapper
    .media-link-icon-wrapper {
    bottom: 2.78vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 2.78);
    bottom: -moz-calc(var(--vw, 1vw) * 2.78);
    bottom: calc(var(--vw, 1vw) * 2.78);
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    right: 2.78vw;
    right: -webkit-calc(var(--vw, 1vw) * 2.78);
    right: -moz-calc(var(--vw, 1vw) * 2.78);
    right: calc(var(--vw, 1vw) * 2.78);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-media-link-1
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-more-wrapper
    .media-link-icon-wrapper
    .media-link-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-media-link-2 {
    margin-bottom: 1.67vw;
    margin-bottom: calc(var(--vw, 1vw) * 1.67);
  }
  .zn-media-link-2 .media-link-item .media-link-detail-wrapper {
    bottom: 1.39vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 1.39);
    bottom: -moz-calc(var(--vw, 1vw) * 1.39);
    bottom: calc(var(--vw, 1vw) * 1.39);
    left: 1.39vw;
    left: -webkit-calc(var(--vw, 1vw) * 1.39);
    left: -moz-calc(var(--vw, 1vw) * 1.39);
    left: calc(var(--vw, 1vw) * 1.39);
    max-width: -webkit-calc(100% - 2.78vw);
    max-width: -moz-calc(100% - 2.78vw);
    max-width: calc(100% - 2.78vw);
    max-width: -webkit-calc(100% - var(--vw, 1vw) * 2.78);
    max-width: -moz-calc(100% - var(--vw, 1vw) * 2.78);
    max-width: calc(100% - var(--vw, 1vw) * 2.78);
    min-height: 13.89vw;
    min-height: -webkit-calc(var(--vw, 1vw) * 13.89);
    min-height: -moz-calc(var(--vw, 1vw) * 13.89);
    min-height: calc(var(--vw, 1vw) * 13.89);
    padding: 2.78vw;
    padding: calc(var(--vw, 1vw) * 2.78);
    right: unset;
    width: 41.95vw;
    width: -webkit-calc(var(--vw, 1vw) * 41.95);
    width: -moz-calc(var(--vw, 1vw) * 41.95);
    width: calc(var(--vw, 1vw) * 41.95);
  }
  .zn-media-link-2
    .media-link-item
    .media-link-detail-wrapper
    .media-link-text-title {
    font-size: 3.34vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.34);
    font-size: -moz-calc(var(--vw, 1vw) * 3.34);
    font-size: calc(var(--vw, 1vw) * 3.34);
    width: -webkit-calc(100% - 6.12vw);
    width: -moz-calc(100% - 6.12vw);
    width: calc(100% - 6.12vw);
    width: -webkit-calc(100% - var(--vw, 1vw) * 6.12);
    width: -moz-calc(100% - var(--vw, 1vw) * 6.12);
    width: calc(100% - var(--vw, 1vw) * 6.12);
  }
  .zn-media-link-2
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper {
    bottom: 2.78vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 2.78);
    bottom: -moz-calc(var(--vw, 1vw) * 2.78);
    bottom: calc(var(--vw, 1vw) * 2.78);
    height: 6.12vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.12);
    height: -moz-calc(var(--vw, 1vw) * 6.12);
    height: calc(var(--vw, 1vw) * 6.12);
    right: 2.78vw;
    right: -webkit-calc(var(--vw, 1vw) * 2.78);
    right: -moz-calc(var(--vw, 1vw) * 2.78);
    right: calc(var(--vw, 1vw) * 2.78);
    width: 6.12vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.12);
    width: -moz-calc(var(--vw, 1vw) * 6.12);
    width: calc(var(--vw, 1vw) * 6.12);
  }
  .zn-media-link-2
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper
    .media-link-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-media-link-3:not(:first-child) {
    margin-top: 10vw;
    margin-top: calc(var(--vw, 1vw) * 10);
  }
  .zn-media-link-3 .media-link-item .media-link-img {
    height: 51.39vw;
    height: -webkit-calc(var(--vw, 1vw) * 51.39);
    height: -moz-calc(var(--vw, 1vw) * 51.39);
    height: calc(var(--vw, 1vw) * 51.39);
  }
  .zn-media-link-3 .media-link-item .media-link-detail-wrapper {
    margin-top: 2.78vw;
    margin-top: calc(var(--vw, 1vw) * 2.78);
    min-height: 31.39vw;
    min-height: -webkit-calc(var(--vw, 1vw) * 31.39);
    min-height: -moz-calc(var(--vw, 1vw) * 31.39);
    min-height: calc(var(--vw, 1vw) * 31.39);
    padding: 5.56vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 5.56) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-media-link-3
    .media-link-item
    .media-link-detail-wrapper
    .media-link-text-wrapper {
    width: -webkit-calc(100% - 10vw);
    width: -moz-calc(100% - 10vw);
    width: calc(100% - 10vw);
    width: -webkit-calc(100% - var(--vw, 1vw) * 10);
    width: -moz-calc(100% - var(--vw, 1vw) * 10);
    width: calc(100% - var(--vw, 1vw) * 10);
  }
  .zn-media-link-3
    .media-link-item
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-text-title {
    font-size: 5vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5);
    font-size: -moz-calc(var(--vw, 1vw) * 5);
    font-size: calc(var(--vw, 1vw) * 5);
  }
  .zn-media-link-3
    .media-link-item
    .media-link-detail-wrapper
    .media-link-text-wrapper
    .media-link-text-desc {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    margin-top: 2.23vw;
    margin-top: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-media-link-3
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    right: 4.45vw;
    right: -webkit-calc(var(--vw, 1vw) * 4.45);
    right: -moz-calc(var(--vw, 1vw) * 4.45);
    right: calc(var(--vw, 1vw) * 4.45);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-media-link-3
    .media-link-item
    .media-link-detail-wrapper
    .media-link-icon-wrapper
    .media-link-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-text-link .link-block .link-content .link-text {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
  }
  .zn-text-link-1 .link-block,
  .zn-text-link-2 .link-block {
    padding: 5vw 3.34vw 3.34vw;
    padding: calc(var(--vw, 1vw) * 5) calc(var(--vw, 1vw) * 3.34)
      calc(var(--vw, 1vw) * 3.34);
  }
  .zn-text-link-1 .link-block .link-icon,
  .zn-text-link-2 .link-block .link-icon {
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-text-link-1 .link-block .link-content,
  .zn-text-link-2 .link-block .link-content {
    margin-top: 11.12vw;
    margin-top: calc(var(--vw, 1vw) * 11.12);
  }
  .zn-text-link-1 .link-block .link-content .link-text,
  .zn-text-link-2 .link-block .link-content .link-text {
    width: 70%;
  }
  .zn-text-link-1 .link-block .link-content .link-arrow,
  .zn-text-link-2 .link-block .link-content .link-arrow {
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-text-link-3 .link-block {
    padding: 5vw 3.34vw 3.34vw;
    padding: calc(var(--vw, 1vw) * 5) calc(var(--vw, 1vw) * 3.34)
      calc(var(--vw, 1vw) * 3.34);
  }
  .zn-text-link-3 .link-block .link-icon {
    height: 5.56vw;
    height: -webkit-calc(var(--vw, 1vw) * 5.56);
    height: -moz-calc(var(--vw, 1vw) * 5.56);
    height: calc(var(--vw, 1vw) * 5.56);
    width: 5.56vw;
    width: -webkit-calc(var(--vw, 1vw) * 5.56);
    width: -moz-calc(var(--vw, 1vw) * 5.56);
    width: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-text-link-3 .link-block .link-content {
    margin-top: 3.34vw;
    margin-top: calc(var(--vw, 1vw) * 3.34);
  }
  .zn-text-link-3 .link-block .link-content .link-text {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    width: 70%;
  }
  .zn-text-link-3 .link-block .link-content .link-arrow {
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-text-link-4 .link-block {
    padding: 3.34vw;
    padding: calc(var(--vw, 1vw) * 3.34);
  }
  .zn-text-link-4 .link-block .link-content .link-text {
    width: 70%;
  }
  .zn-text-link-4 .link-block .link-content .link-arrow {
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-text-link-5 {
    padding: 5.56vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 5.56) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-text-link-5 .text-link-title {
    font-size: 7.78vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 7.78);
    font-size: -moz-calc(var(--vw, 1vw) * 7.78);
    font-size: calc(var(--vw, 1vw) * 7.78);
  }
  .zn-text-link-5 .text-link-content {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
    margin-top: 3.34vw;
    margin-top: calc(var(--vw, 1vw) * 3.34);
  }
  .zn-text-link-5 .text-link-more-wrapper {
    height: 16.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 16.67);
    height: -moz-calc(var(--vw, 1vw) * 16.67);
    height: calc(var(--vw, 1vw) * 16.67);
    margin-left: 0;
    margin-top: 10vw;
    margin-top: calc(var(--vw, 1vw) * 10);
    padding: 2.78vw;
    padding: calc(var(--vw, 1vw) * 2.78);
    width: 48.34vw;
    width: -webkit-calc(var(--vw, 1vw) * 48.34);
    width: -moz-calc(var(--vw, 1vw) * 48.34);
    width: calc(var(--vw, 1vw) * 48.34);
  }
  .zn-text-link-5 .text-link-more-wrapper .text-link-more-text {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
  }
  .zn-text-link-5 .text-link-more-wrapper .text-link-icon-wrapper {
    bottom: 2.78vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 2.78);
    bottom: -moz-calc(var(--vw, 1vw) * 2.78);
    bottom: calc(var(--vw, 1vw) * 2.78);
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    right: 2.78vw;
    right: -webkit-calc(var(--vw, 1vw) * 2.78);
    right: -moz-calc(var(--vw, 1vw) * 2.78);
    right: calc(var(--vw, 1vw) * 2.78);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-text-link-5
    .text-link-more-wrapper
    .text-link-icon-wrapper
    .text-link-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-article-list-1 .article-item .article-img-container {
    height: 51.39vw;
    height: -webkit-calc(var(--vw, 1vw) * 51.39);
    height: -moz-calc(var(--vw, 1vw) * 51.39);
    height: calc(var(--vw, 1vw) * 51.39);
  }
  .zn-article-list-1 .article-item .article-img-container .article-mask {
    height: 16.12vw;
    height: -webkit-calc(var(--vw, 1vw) * 16.12);
    height: -moz-calc(var(--vw, 1vw) * 16.12);
    height: calc(var(--vw, 1vw) * 16.12);
  }
  .zn-article-list-1
    .article-item
    .article-img-container
    .article-date-container {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
    left: 4.45vw;
    left: -webkit-calc(var(--vw, 1vw) * 4.45);
    left: -moz-calc(var(--vw, 1vw) * 4.45);
    left: calc(var(--vw, 1vw) * 4.45);
  }
  .zn-article-list-1
    .article-item
    .article-img-container
    .article-date-container
    .article-date {
    font-size: 8.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 8.89);
    font-size: -moz-calc(var(--vw, 1vw) * 8.89);
    font-size: calc(var(--vw, 1vw) * 8.89);
  }
  .zn-article-list-1
    .article-item
    .article-img-container
    .article-date-container
    .article-month {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    margin-left: 0;
  }
  .zn-article-list-1 .article-item .article-detail-wrapper {
    margin-top: 2.78vw;
    margin-top: calc(var(--vw, 1vw) * 2.78);
    min-height: 47.78vw;
    min-height: -webkit-calc(var(--vw, 1vw) * 47.78);
    min-height: -moz-calc(var(--vw, 1vw) * 47.78);
    min-height: calc(var(--vw, 1vw) * 47.78);
    padding: 5.56vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 5.56) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-text-wrapper {
    width: -webkit-calc(100% - 10vw);
    width: -moz-calc(100% - 10vw);
    width: calc(100% - 10vw);
    width: -webkit-calc(100% - var(--vw, 1vw) * 10);
    width: -moz-calc(100% - var(--vw, 1vw) * 10);
    width: calc(100% - var(--vw, 1vw) * 10);
  }
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-text-wrapper
    .article-text-title {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-text-wrapper
    .article-text-desc,
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-text-wrapper
    .article-tab {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    margin-top: 2.23vw;
    margin-top: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-icon-wrapper {
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-article-list-1
    .article-item
    .article-detail-wrapper
    .article-icon-wrapper
    .article-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-article-list-2 .article-item {
    display: block;
  }
  .zn-article-list-2 .article-item .article-img-container {
    height: 51.39vw;
    height: -webkit-calc(var(--vw, 1vw) * 51.39);
    height: -moz-calc(var(--vw, 1vw) * 51.39);
    height: calc(var(--vw, 1vw) * 51.39);
    width: 100%;
  }
  .zn-article-list-2 .article-item .article-detail-wrapper {
    margin-top: 12px;
    width: 100%;
  }
  .zn-article-list-2 .article-item .article-detail-wrapper .article-text-title {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-article-list-2 .article-item .article-detail-wrapper .article-text-desc {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
  }
  .zn-article-list-2 .article-item .article-detail-wrapper .article-tab {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
    margin-top: 10px;
  }
  .zn-tabs .zn-tab {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
  }
  .zn-tabs-1 {
    position: relative;
  }
  .zn-tabs-1 .zn-tabs-mo-wrapper {
    scroll-width: 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    overflow-x: scroll;
    padding: 0 4.45vw;
    padding: 0 calc(var(--vw, 1vw) * 4.45);
    position: relative;
    white-space: nowrap;
    width: 100%;
    z-index: 1;
  }
  .zn-tabs-1 .zn-tabs-mo-wrapper::-webkit-scrollbar {
    width: 1px;
  }
  .zn-tabs-1 .tab-shadow {
    height: 100%;
    position: absolute;
    top: 0;
    width: 12.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 12.23);
    width: -moz-calc(var(--vw, 1vw) * 12.23);
    width: calc(var(--vw, 1vw) * 12.23);
    z-index: 2;
  }
  .zn-tabs-1 .tab-shadow.left {
    background: -webkit-gradient(
      linear,
      right top,
      left top,
      from(hsla(0, 0%, 100%, 0)),
      color-stop(72.06%, #fff)
    );
    background: -webkit-linear-gradient(
      right,
      hsla(0, 0%, 100%, 0),
      #fff 72.06%
    );
    background: -moz-linear-gradient(
      right,
      hsla(0, 0%, 100%, 0) 0,
      #fff 72.06%
    );
    background: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff 72.06%);
    left: 0;
  }
  .zn-tabs-1 .tab-shadow.right {
    background: -webkit-gradient(
      linear,
      left top,
      right top,
      from(hsla(0, 0%, 100%, 0)),
      color-stop(72.06%, #fff)
    );
    background: -webkit-linear-gradient(
      left,
      hsla(0, 0%, 100%, 0),
      #fff 72.06%
    );
    background: -moz-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 72.06%);
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 72.06%);
    right: 0;
  }
  .zn-tabs-1 .zn-tab {
    margin-right: 5.56vw;
    margin-right: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-collapse .collapse-item {
    padding-bottom: 6.67vw;
    padding-bottom: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-collapse .collapse-item .collapse-title-wrapper {
    padding-top: 6.67vw;
    padding-top: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-collapse .collapse-item .collapse-title-wrapper .collapse-title {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
    max-width: 80%;
  }
  .zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon {
    height: 3.62vw;
    height: -webkit-calc(var(--vw, 1vw) * 3.62);
    height: -moz-calc(var(--vw, 1vw) * 3.62);
    height: calc(var(--vw, 1vw) * 3.62);
    width: 3.62vw;
    width: -webkit-calc(var(--vw, 1vw) * 3.62);
    width: -moz-calc(var(--vw, 1vw) * 3.62);
    width: calc(var(--vw, 1vw) * 3.62);
  }
  .zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:before {
    height: 0.56vw;
    height: -webkit-calc(var(--vw, 1vw) * 0.56);
    height: -moz-calc(var(--vw, 1vw) * 0.56);
    height: calc(var(--vw, 1vw) * 0.56);
    left: 0;
    top: 1.39vw;
    top: -webkit-calc(var(--vw, 1vw) * 1.39);
    top: -moz-calc(var(--vw, 1vw) * 1.39);
    top: calc(var(--vw, 1vw) * 1.39);
    width: 3.62vw;
    width: -webkit-calc(var(--vw, 1vw) * 3.62);
    width: -moz-calc(var(--vw, 1vw) * 3.62);
    width: calc(var(--vw, 1vw) * 3.62);
  }
  .zn-collapse .collapse-item .collapse-title-wrapper .collapse-icon:after {
    height: 3.62vw;
    height: -webkit-calc(var(--vw, 1vw) * 3.62);
    height: -moz-calc(var(--vw, 1vw) * 3.62);
    height: calc(var(--vw, 1vw) * 3.62);
    left: 1.67vw;
    left: -webkit-calc(var(--vw, 1vw) * 1.67);
    left: -moz-calc(var(--vw, 1vw) * 1.67);
    left: calc(var(--vw, 1vw) * 1.67);
    top: 0;
    width: 0.56vw;
    width: -webkit-calc(var(--vw, 1vw) * 0.56);
    width: -moz-calc(var(--vw, 1vw) * 0.56);
    width: calc(var(--vw, 1vw) * 0.56);
  }
  .zn-collapse .collapse-item .collapse-detail-wrapper .collapse-detail {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    padding-top: 6.67vw;
    padding-top: calc(var(--vw, 1vw) * 6.67);
    width: 100%;
  }
  .zn-collapse-2 .title-q {
    margin-right: 2.23vw;
    margin-right: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-collapse-2 .collapse-detail {
    width: 100%;
  }
  .zn-collapse-2 .collapse-detail .detail-a {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
    margin-right: 2.23vw;
    margin-right: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-calender-wrapper .calender-item .calender-img-container {
    height: 51.39vw;
    height: -webkit-calc(var(--vw, 1vw) * 51.39);
    height: -moz-calc(var(--vw, 1vw) * 51.39);
    height: calc(var(--vw, 1vw) * 51.39);
  }
  .zn-calender-wrapper .calender-item .calender-img-container .calender-mask {
    height: 38%;
  }
  .zn-calender-wrapper
    .calender-item
    .calender-img-container
    .calender-date-container {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
    display: block;
    left: 4.45vw;
    left: -webkit-calc(var(--vw, 1vw) * 4.45);
    left: -moz-calc(var(--vw, 1vw) * 4.45);
    left: calc(var(--vw, 1vw) * 4.45);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-img-container
    .calender-date-container
    .calender-date {
    font-size: 8.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 8.89);
    font-size: -moz-calc(var(--vw, 1vw) * 8.89);
    font-size: calc(var(--vw, 1vw) * 8.89);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-img-container
    .calender-date-container
    .calender-month {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    margin-left: unset;
    margin-top: 2px;
  }
  .zn-calender-wrapper .calender-item .calender-detail-wrapper {
    margin-top: 2.78vw;
    margin-top: calc(var(--vw, 1vw) * 2.78);
    min-height: 31.12vw;
    min-height: -webkit-calc(var(--vw, 1vw) * 31.12);
    min-height: -moz-calc(var(--vw, 1vw) * 31.12);
    min-height: calc(var(--vw, 1vw) * 31.12);
    padding: 5.56vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 5.56) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-detail-wrapper
    .calender-text-wrapper {
    width: -webkit-calc(100% - 10vw);
    width: -moz-calc(100% - 10vw);
    width: calc(100% - 10vw);
    width: -webkit-calc(100% - var(--vw, 1vw) * 10);
    width: -moz-calc(100% - var(--vw, 1vw) * 10);
    width: calc(100% - var(--vw, 1vw) * 10);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-detail-wrapper
    .calender-text-wrapper
    .calender-text-title {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-detail-wrapper
    .calender-text-wrapper
    .calender-text-desc {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
    margin-top: 2.23vw;
    margin-top: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-detail-wrapper
    .calender-icon-wrapper {
    bottom: 5.56vw;
    bottom: -webkit-calc(var(--vw, 1vw) * 5.56);
    bottom: -moz-calc(var(--vw, 1vw) * 5.56);
    bottom: calc(var(--vw, 1vw) * 5.56);
    height: 6.67vw;
    height: -webkit-calc(var(--vw, 1vw) * 6.67);
    height: -moz-calc(var(--vw, 1vw) * 6.67);
    height: calc(var(--vw, 1vw) * 6.67);
    right: 4.45vw;
    right: -webkit-calc(var(--vw, 1vw) * 4.45);
    right: -moz-calc(var(--vw, 1vw) * 4.45);
    right: calc(var(--vw, 1vw) * 4.45);
    width: 6.67vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.67);
    width: -moz-calc(var(--vw, 1vw) * 6.67);
    width: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-calender-wrapper
    .calender-item
    .calender-detail-wrapper
    .calender-icon-wrapper
    .calender-icon {
    width: 2.23vw;
    width: -webkit-calc(var(--vw, 1vw) * 2.23);
    width: -moz-calc(var(--vw, 1vw) * 2.23);
    width: calc(var(--vw, 1vw) * 2.23);
  }
  .zn-quote-wrapper-2 {
    padding: 22.23vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 22.23) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-quote-wrapper-2 .quote-logo {
    height: 4.73vw;
    height: -webkit-calc(var(--vw, 1vw) * 4.73);
    height: -moz-calc(var(--vw, 1vw) * 4.73);
    height: calc(var(--vw, 1vw) * 4.73);
    width: 6.12vw;
    width: -webkit-calc(var(--vw, 1vw) * 6.12);
    width: -moz-calc(var(--vw, 1vw) * 6.12);
    width: calc(var(--vw, 1vw) * 6.12);
  }
  .zn-quote-wrapper-2 .quote-text-wrapper {
    margin-top: 6.67vw;
    margin-top: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-quote-wrapper-2 .quote-text-wrapper .quote-text-desc {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
    width: 100%;
  }
  .zn-quote-wrapper-2 .quote-text-wrapper .quote-text-desc:not(:first-child) {
    margin-top: 3.34vw;
    margin-top: calc(var(--vw, 1vw) * 3.34);
  }
  .zn-quote-wrapper-2 .quote-text-wrapper .quote-text-container {
    margin-top: 6.67vw;
    margin-top: calc(var(--vw, 1vw) * 6.67);
  }
  .zn-quote-wrapper-2
    .quote-text-wrapper
    .quote-text-container
    .quote-text-name {
    font-size: 5.56vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 5.56);
    font-size: -moz-calc(var(--vw, 1vw) * 5.56);
    font-size: calc(var(--vw, 1vw) * 5.56);
  }
  .zn-quote-wrapper-2
    .quote-text-wrapper
    .quote-text-container
    .quote-sub-text {
    font-size: 4.45vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 4.45);
    font-size: -moz-calc(var(--vw, 1vw) * 4.45);
    font-size: calc(var(--vw, 1vw) * 4.45);
    margin-top: 3.34vw;
    margin-top: calc(var(--vw, 1vw) * 3.34);
  }
  .zn-table-wrapper table {
    font-size: 3.89vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 3.89);
    font-size: -moz-calc(var(--vw, 1vw) * 3.89);
    font-size: calc(var(--vw, 1vw) * 3.89);
  }
  .zn-table-wrapper td,
  .zn-table-wrapper th {
    padding: 3.34vw 4.45vw;
    padding: calc(var(--vw, 1vw) * 3.34) calc(var(--vw, 1vw) * 4.45);
  }
  .zn-title-wrapper .title-text {
    font-size: 10vw;
    font-size: -webkit-calc(var(--vw, 1vw) * 10);
    font-size: -moz-calc(var(--vw, 1vw) * 10);
    font-size: calc(var(--vw, 1vw) * 6.5); /*TB-20240529 font-size: calc(var(--vw, 1vw) * 10);*/
    padding-bottom: 15px;
  }
  .zn-title-wrapper .title-text:after {
    top: 13.89vw;
    top: -webkit-calc(var(--vw, 1vw) * 13.89);
    top: -moz-calc(var(--vw, 1vw) * 13.89);
    top: calc(var(--vw, 1vw) * ); /* TB-20240529 top: calc(var(--vw, 1vw) * 13.89);*/
    bottom: 0px; /* TB-20240529 */
  }
}
@media (min-width: 769px) and (max-width: 1100px) {
  .mo-only,
  .pad-hidden {
    display: none;
  }
}

/* TB-20240530 */

.tb-2023-revamp-extra-wrapper {
  font-family: CircularStdMedium;
  font-size: 16px;
  overflow: hidden;
  width: 100%;
  margin-bottom: 20px;
}
.tb-heading-2024-style {
  display: inline-block;
}
@media (max-width: 768px) {
  .tb-heading-2024-style {
    display: block;
  }
}

/* TB-20240607 */
.tb2023-revamp-rotating-banner-image-mask {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(61.02%, #000));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000 61.02%);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, #000 61.02%);
  background: linear-gradient(-50deg, rgba(0, 0, 0, 0), #333333 61.02%);
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}