.fixed.act {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: -5px 0px 15px 5px rgba(0, 91, 254, 0.04);
  border-radius: 0 0 5px 5px;
  z-index: 3;
  transition: all 0.2s linear;
  border-top: 1px solid rgba(13, 19, 26, 0.1);
}
.fixed.act .wrap {
  position: static;
  transform: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}
.fixed.act.top {
  top: 0;
  border-top: none;
}
.fixed.act1 {
  position: absolute;
  bottom: 0;
}
.con .m_li {
  position: absolute;
  width: 100%;
  top: -120px;
  left: 0;
}
.con .nav .swiper .swiper-slide {
  width: auto;
  padding: 20px 30px;
  color: #333;
  cursor: pointer;
  transition: all 0.2s linear;
}
.con .nav .swiper .swiper-slide.act {
  background: var(--textColor);
  color: #fff;
}
.con .nav .swiper-pagination-progressbar {
  top: auto;
  bottom: 0;
}
.con .nav .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--textColor);
}
.con .bread {
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.con .page1 {
  position: relative;
  background: url(../img/ywpage1Bg.jpg) no-repeat;
  background-size: cover;
}
.con .page1 .wrap {
  padding-top: 240px;
  padding-bottom: 170px;
  position: relative;
}
.con .page1 .c_l {
  color: #fff;
  width: 320px;
}
.con .page1 .c_r {
  width: 1160px;
  position: absolute;
  right: -160px;
}
.con .page1 .c_r .swiper-pagination {
  width: auto;
  left: 20px;
  bottom: auto;
  top: -30px;
  display: flex;
  align-items: center;
}
.con .page1 .c_r .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #FFFFFF;
  border-radius: 50%;
  opacity: 0.75;
}
.con .page1 .c_r .swiper-pagination .swiper-pagination-bullet-active {
  width: 12px;
  height: 12px;
  opacity: 1;
}
.con .page1 .c_r .swiper-button-prev,
.con .page1 .c_r .swiper-button-next {
  width: auto;
  height: auto;
}
.con .page1 .c_r .swiper-button-prev::after,
.con .page1 .c_r .swiper-button-next::after {
  color: var(--textColor);
  font-size: 12px;
}
.con .page1 .c_r .swiper-button-prev.swiper-button-prev,
.con .page1 .c_r .swiper-button-next.swiper-button-prev {
  left: -20px;
}
.con .page1 .c_r .swiper-button-prev.swiper-button-next,
.con .page1 .c_r .swiper-button-next.swiper-button-next {
  right: -20px;
}
.con .page1 .c_r .swiper-slide .image {
  width: 100%;
  position: relative;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}
.con .page1 .c_r .swiper-slide .image > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page1 .c_r .swiper-slide .image .info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.con .page1 .c_r .swiper-slide .image .info .toPage .link {
  background: transparent;
}
.con .page1 .c_r .swiper-slide .image .info .toPage .link img {
  filter: brightness(0) invert(1);
}
.con .page1 .c_r .swiper-slide .tit {
  padding-left: 20px;
  margin-top: 10px;
}
.con .page1 .c_r .swiper-slide:hover .image > img {
  transform: scale(1.05);
}
.con .page1 .c_r .swiper-slide:hover .image .info .link {
  background: var(--textColor);
  border-color: var(--textColor);
  transform: translate(4px, -4px);
}
.con .page1 .c_r .swiper-slide:hover .tit {
  color: var(--textColor);
}
.con .page2 {
  margin-top: 310px;
  position: relative;
}
.con .page2 .c_l {
  width: 720px;
}
.con .page2 .c_l .image {
  width: 100%;
  overflow: hidden;
}
.con .page2 .c_l .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page2 .c_l .image:hover img {
  transform: scale(1.05);
}
.con .page2 .c_r {
  margin-left: 86px;
  align-self: center;
}
.con .page2 .c_r .image img {
  width: auto;
}
.con .page3 {
  margin-top: 260px;
  position: relative;
}
.con .page3 .wrap {
  position: relative;
}
.con .page3 .bg {
  position: absolute;
  right: 130px;
  width: 100%;
  bottom: calc(100% - 40px);
  z-index: -1;
}
.con .page3 .bg img {
  width: 100%;
}
.con .page3 .c_t .list {
  flex: 1;
  margin-right: 20px;
}
.con .page3 .c_t .list:hover .image > img {
  transform: scale(1.05);
}
.con .page3 .c_t .list:hover .image .info {
/*  opacity: 1;*/
}
.con .page3 .c_t .list:hover .image .info .link {
  transform: translate(4px, -4px);
}
.con .page3 .c_t .list:hover .tit {
  color: var(--textColor);
}
.con .page3 .c_t .list:last-child {
  margin-right: 0;
  margin-left: 20px;
  flex: 0 0 730px;
}
.con .page3 .c_t .list .image {
  width: 100%;
  height: 0;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}
.con .page3 .c_t .list .image > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page3 .c_t .list .image .info {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.4s linear;
}
.con .page3 .c_t .list .tit {
  color: #333;
  padding: 20px;
}
.con .page3 .c_f {
  padding-left: 98px;
}
.con .page3 .c_f .mes {
  margin-left: 40px;
}
.con .page4 {
  margin-top: 230px;
  position: relative;
}
.con .page4 .wrap {
  position: relative;
}
.con .page4 .bg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 4%;
  z-index: -1;
  width: 81.2%;
}
.con .page4 .bg img {
  width: 100%;
}
.con .page4 .c_t {
  position: relative;
}
.con .page4 .c_t .c_l {
  width: 50%;
}
.con .page4 .c_t .c_l .image {
  width: 100%;
  overflow: hidden;
}
.con .page4 .c_t .c_l .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page4 .c_t .c_l .image:hover img {
  transform: scale(1.05);
}
.con .page4 .c_t .c_r {
  margin-left: 70px;
}
.con .page4 .c_f {
  position: relative;
  margin-top: 260px;
}
.con .page4 .c_f .c_l {
  flex: 1;
  padding-left: 178px;
  padding-right: 20px;
}
.con .page4 .c_f .c_r {
  width: 730px;
}
.con .page4 .c_f .c_r .image {
  width: 100%;
  overflow: hidden;
}
.con .page4 .c_f .c_r .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page4 .c_f .c_r .image:hover img {
  transform: scale(1.05);
}
.con .page5 {
  position: relative;
  margin-top: 220px;
}
.con .page5 .wrap {
  position: relative;
}
.con .page5 .wrap .image {
  width: 100%;
  overflow: hidden;
}
.con .page5 .wrap .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page5 .wrap:hover img {
  transform: scale(1.05);
}
.con .page5 .wrap .info {
  position: absolute;
  right: 6.25%;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
}
.con .page6 {
  margin-top: 210px;
  position: relative;
}
.con .page6 .wrap {
  position: relative;
}
.con .page6 .bg {
  position: absolute;
  width: 81.1%;
  left: 9.4%;
  top: 290px;
  z-index: -1;
}
.con .page6 .bg img {
  width: 100%;
}
.con .page6 .c_t .c_l {
  width: 48.6%;
}
.con .page6 .c_t .c_l .image {
  width: 100%;
  overflow: hidden;
}
.con .page6 .c_t .c_r {
  flex: 1;
  margin-left: 12%;
}
.con .page6 .c_b {
  margin-top: 200px;
}
.con .page6 .c_b .c_l {
  width: 48.6%;
  position: relative;
}
.con .page6 .c_b .c_l .info {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px;
  width: 100%;
  color: #fff;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}
.con .page6 .c_b .c_r {
  flex: 0 0 35.3%;
  margin-left: auto;
  position: relative;
}
.con .page6 .c_b .c_r .info {
  padding-left: 8px;
  width: 100%;
}
.con .page7 {
  margin-top: 230px;
  padding-bottom: 220px;
  position: relative;
}
.con .page7 .wrap {
  position: relative;
}
.con .page7 .bg {
  position: absolute;
  top: 200px;
  left: 21%;
  z-index: -1;
  width: 52%;
}
.con .page7 .bg img {
  width: 100%;
}
.con .page7 .c_t {
  position: relative;
}
.con .page7 .c_t .c_r {
  width: 59.7%;
  margin-left: auto;
}
.con .page7 .c_t .c_r .image {
  width: 100%;
  overflow: hidden;
}
.con .page7 .c_t .c_r .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page7 .c_t .c_r .image:hover img {
  transform: scale(1.05);
}
.con .page7 .c_t .c_l {
  margin-left: 8.1%;
}
.con .page7 .c_f {
  position: relative;
  margin-top: 150px;
}
.con .page7 .c_f .c_l {
  flex: 1;
  padding-left: 150px;
  margin-top: 250px;
}
.con .page7 .c_f .c_r {
  width: 35.4%;
}
.con .page7 .c_f .c_r .image {
  width: 100%;
  overflow: hidden;
}
.con .page7 .c_f .c_r .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.4s linear;
}
.con .page7 .c_f .c_r .image:hover img {
  transform: scale(1.05);
}
@media only screen and (max-width: 1920px) {
  .con .page1 .wrap {
    padding-top: 12vw;
    padding-bottom: 8.9vw;
  }
  .con .page2 {
    margin-top: 16vw;
  }
  .con .page2 .c_r {
    margin-left: 4vw;
  }
  .con .page3 {
    margin-top: 13vw;
  }
  .con .page3 .c_f {
    padding-left: 5.1vw;
  }
  .con .page4 {
    margin-top: 11.98vw;
  }
  .con .page4 .c_t .c_r {
    margin-left: 3.5vw;
  }
  .con .page4 .c_f {
    margin-top: 13vw;
  }
  .con .page4 .c_f .c_l {
    padding-left: 9vw;
  }
  .con .page5 {
    margin-top: 11vw;
  }
  .con .page6 {
    margin-top: 10.9vw;
  }
  .con .page6 .c_b {
    margin-top: 10vw;
  }
  .con .page7 {
    margin-top: 11.5vw;
    padding-bottom: 11vw;
  }
  .con .page7 .c_f {
    margin-top: 7.5vw;
  }
  .con .page1 .c_r {
    width: 60.4vw;
    right: -7.8125vw;
  }
  .con .page3 .c_t .list:last-child {
    flex: 0 0 36.5vw;
  }
  .con .page2 .c_l {
    width: 36vw;
  }
  .con .page7 .c_f .c_l {
    padding-left: 7.5vw;
    margin-top: 12.5vw;
  }
  .con .page4 .c_f .c_r {
    width: 36.5vw;
  }
}
@media only screen and (max-width: 1600px) {
  .con .page1 .c_r {
    width: 60vw;
  }
  .con .page2 .c_r .image img {
    height: 50px;
  }
  .con .page1 .c_l .image img {
    height: 30px;
  }
  .con .page1 .c_r .swiper-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
  }
  .con .page1 .c_r .swiper-pagination .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 1200px) {
  .con .page1 .c_r {
    right: 0;
  }
  .con .page2 .c_r .image img {
    height: 24px;
  }
  .con .page1 .c_r {
    width: 50vw;
  }
}
@media only screen and (max-width: 768px) {
  .con .page1 .c_r {
    position: static;
    width: 100%;
  }
  .con .dis_flex {
    flex-wrap: wrap;
  }
  .con .page1 .c_r .swiper-pagination {
    position: static;
    margin: 10vw 0 4vw 0;
  }
  .con .bread {
    bottom: auto;
    top: 0;
    border-top: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .con .page1 .c_r .swiper-slide .tit {
    color: #fff;
    padding-left: 0;
  }
  .con .page1 .wrap {
    padding-top: calc(14vw + 46px);
    padding-bottom: 14vw;
  }
  .con .page2 {
    margin-top: 14vw;
  }
  .con .page2 .c_r,
  .con .page2 .c_l {
    width: 100%;
  }
  .con .page2 .c_l {
    order: 1;
  }
  .con .page2 .c_r {
    margin: 0 0 6vw 0;
  }
  .con .tit {
    width: 100%;
    text-align: center;
  }
  .con .page3 .c_t .list:last-child,
  .con .page3 .c_t .list {
    flex: 0 0 100%;
    margin-right: 0;
    margin-left: 0;
  }
  .con .page3 .wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .con .page3 .wrap .dis_flexwrap {
    width: 100%;
    order: 1;
  }
  .con .page3 .c_f {
    padding-left: 0;
    margin-bottom: 6vw;
    margin-top: 0;
  }
  .con .page3 .c_f .mes {
    margin-left: 0;
    margin-top: 4vw;
  }
  .con .page4 .c_t .c_r {
    width: 100%;
    margin-left: 0;
  }
  .con .page4 {
    margin-top: 14vw;
  }
  .con .page4 .c_t .c_r .info {
    padding-top: 0;
  }
  .con .page4 .c_t .c_l {
    width: 100%;
    order: 1;
    margin-top: 6vw;
  }
  .con .page4 .c_f .c_l {
    padding: 0;
    flex: 0 0 100%;
  }
  .con .page4 .c_f .c_l .info {
    padding: 0;
  }
  .con .page4 .c_f .c_r {
    width: 100%;
    margin-top: 6vw;
  }
  .con .page5 {
    margin-top: 14vw;
  }
  .con .page5 .wrap .image {
    height: 300px;
  }
  .con .page6 {
    margin-top: 14vw;
  }
  .con .page6 .c_t .c_r {
    margin-left: 0;
  }
  .con .page6 .c_t .c_r .info {
    padding-top: 0;
  }
  .con .page6 .c_t .c_l {
    width: 100%;
    order: 1;
    margin-top: 6vw;
  }
  .con .page6 .c_b .c_r {
    width: 100%;
    flex: 0 0 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .con .page6 .c_b .c_r .info {
    padding-left: 0;
    padding-top: 14vw;
  }
  .con .page6 .c_b .c_r .imgIn {
    margin-top: 6vw;
  }
  .con .page6 .c_b .c_r .imgIn {
    order: 1;
  }
  .con .page6 .c_b .c_l .info {
    padding: 6vw;
  }
  .con .page6 .c_b .c_l {
    width: 100%;
  }
  .con .page7 {
    margin-top: 14vw;
  }
  .con .page7 .c_t .c_l {
    margin-left: 0;
    width: 100%;
  }
  .con .page7 .c_t .c_l .info {
    padding-top: 0;
  }
  .con .page7 .c_t .c_r {
    width: 100%;
    margin-top: 6vw;
  }
  .con .page7 .c_f .c_r {
    width: 100%;
    order: 1;
  }
  .con .page7 .c_f {
    margin-top: 14vw;
  }
  .con .page7 .c_f .c_r {
    margin-top: 6vw;
  }
  .con .page7 .c_f .c_l {
    padding-left: 0;
    margin-top: 0;
  }
  .con .page2 .c_r .image img {
    height: 50px;
  }
  .con .page1 .c_l .image img {
    height: 24px;
  }
  .con .page1 .c_l {
    width: 100%;
  }
  .con .page1 .c_l .image {
    text-align: center;
  }
  .con .page7 .c_f .c_l .mes,
  .con .page7 .c_t .c_l .info .mes,
  .con .page6 .c_b .c_r .info .mes,
  .con .page6 .c_b .c_l .info .mes,
  .con .page6 .c_t .c_r .info,
  .con .page4 .c_f .mes,
  .con .page4 .c_r .mes,
  .con .page3 .c_f .mes,
  .con .page1 .c_l .mes {
    text-align: center;
  }
  .con .page2 .c_r .mes {
    text-align: center;
  }
  .con .page2 .c_r .image {
    justify-content: center;
  }
}