@charset "UTF-8";

.scroll {
  position: fixed; bottom: 0.25rem; left: 50%; transform: translateX(-50%); z-index: 10;
}
.scroll span {
  width: 18px; display: inline-block; height: 28px; position: relative; border-radius: 50px; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5);
}
.scroll span::after {
  content: ""; position: absolute; width: 2px; height: 7px; left: 6px; top: 11px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50px; z-index: 5; -webkit-animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; animation: Tmouse 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.scroll.gray span {
  border-color: #bdc4cc;
}
.scroll.gray span::after {
  background-color: #bdc4cc;
}
.vh {
  visibility: hidden;
}
.fullpage .section {
  position: relative; overflow: hidden;
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.main, .kv {
  width: 100%; height: 100vh;
}
.main > .swiper-container, .kv .swiper-container {
  width: 100%; height: 100%; overflow: hidden;
}
.main > .swiper-container .swiper-wrapper, .kv .swiper-container .swiper-wrapper {
  width: 100%; height: 100%;
}
.main > .swiper-container .swiper-wrapper .swiper-slide, .kv .swiper-container .swiper-wrapper .swiper-slide {
  width: 100%; height: 100%; overflow: hidden; position: relative; transform: translateZ(0);
}
.kv .swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}
.kv .swiper-container .swiper-wrapper .swiper-slide .bg {
  width: 100%; height: 100%; overflow: hidden; transition: all .5s linear; position: absolute; left: 0; top: 0; 
}
.kv .swiper-container .swiper-wrapper .swiper-slide h2 {
  width: 4.2188rem; margin: 0.1rem auto; text-align: center; color: #12202f; font-weight: bold; position: relative;z-index: 2;
}
.kv .swiper-pagination {
  bottom: 0.6rem;
}
.kv .info {
  position: absolute; left: 50%; transform: translateX(-50%); top: 1.5rem;
}
.kv .info .dun {
  width: 1.1458rem; height: 1.5208rem; margin: 0 auto; position: relative;
}
.kv .info .dun .dun_pai {
  width: 100%; position: relative; z-index: 2;
}
.kv .info .dun .dun_light {
  position: absolute; left: 0; top: 0.02rem; width: 1.15rem; height: 1.4rem; box-shadow: 0 0 0.2rem 0.2rem #f4ced7; background: none; z-index: 0; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-right-radius: 30%; border-top-left-radius: 30%; animation: huxideng 3s infinite;
}
@keyframes huxideng {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.4;
  }
}
.kv .info .dun .xibao {
  width: 0.8333rem; height: 0.8333rem; position: absolute; top: 0.23rem; left: 0.15rem; border-radius: 50%; box-shadow: 0 0 0.1rem 0.1rem #efd9fc; z-index: 3; animation: animX 5s cubic-bezier(0.36,0,0.64,1) -5s infinite alternate; 
}
@keyframes animX{
  0% { transform: translate(0px, 0px)}
  20% { transform: translate(5px, -8px)}
  40% { transform: translate(-5px, -8px)}
  60% { transform: translate(-5px, 5px)}
  80% { transform: translate(5px, 5px)}
  100% { transform: translate(0px, 0px)}
}
.kv .point {
  position: absolute;
}
.kv .point01 {
  width: 0.724rem; height: 0.724rem; opacity: 0.2; left: 1.1458rem; top: 0.9896rem;
}
.kv .point02 {
  width: 0.6771rem; height: 0.6771rem; opacity: 0.3; left: 2.0313rem; bottom: 0.9896rem;
}
.kv .point03 {
  width: 0.5104rem; height: 0.7135rem; left: 3.125rem; top: 1.5625rem;
}
.kv .point04 {
  width: 0.9323rem; height: 0.9219rem; right: 1.9271rem; top: 1.875rem;
}
.kv .point05 {
  width: 0.2604rem; height: 0.2604rem; right: 2.8438rem; bottom: 0.6719rem;
}
.kv .point06 {
  width: 1.7448rem; height: 1.7448rem; opacity: 0.2; right: -0.4167rem; bottom: 0.2604rem;
}
.kv .point07 {
  width: 1.25rem; height: 1.25rem; opacity: 0.2; right: 1.5625rem; top: -0.3rem;
}
.kv .point08 {
  width: 1.8906rem; height: 1.8906rem; opacity: 0.1; left: -0.8rem; bottom: -1rem;
}
.fadeInDownSmall {
  -webkit-animation-name: downanimate;
  animation-name: downanimate
}
@keyframes downanimate
{
	0%{opacity:0; -webkit-transform:translate3d(0,-45%,0); transform:translate3d(0,-45%,0)}
  100%{opacity:1;-webkit-transform:none; transform:none}
}
.page2 {
  background: url(../images/index/bg-2.jpg) no-repeat center center; background-size: cover;
}
.page2 .content {
  width: 4.7396rem; margin-left: 1.3542rem;
}
.page2 .content .tab {
  margin-bottom: 0.3438rem;
}
.page2 .content .tab span {
  display: inline-block; position: relative; padding-bottom: 0.05rem; margin-left: 0.1042rem; cursor: pointer; font-weight: bold;
}
.page2 .content .tab span:first-child {
  margin-right: 0.4rem;
}
.page2 .content .tab span::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0.0208rem; border-radius: 0.0208rem; background: none; transition: background-color, width .3s linear; -webkit-transition: background-color, width .3s linear;
}
.page2 .content .tab span.active {
  color: #bd1622;
}
.page2 .content .tab span.active::after {
  background-image: linear-gradient(to right, #bd1622, rgba(255,255,255,0)); width: 100%;
}
.page2 .tab_con > div {
  display: none; height: auto; overflow: hidden; padding-bottom: 0.12rem;
}
.page2 .tab_con > div.active {
  display: block;
}
.page2 .tab_con ul {
  flex-wrap: wrap;
}
.page2 .tab_con ul li {
  width: 50%; position: relative; float: left; padding: 0.1875rem 0.1042rem; transition: all .3s linear; -webkit-transition: all .3s linear; cursor: default; background-color: none; border-radius: 0.0208rem; overflow: hidden;
}
.page2 .tab_con ul li:hover {
  background-color: #fff; box-shadow: 0px 0.05rem 0.05rem 0px rgba(140, 146, 162, 0.1);
}
.page2 .tab_con ul li img {
  display: inline-block; width: 0.2708rem; height: 0.2708rem; margin-right: 0.1302rem;
}
.page2 .tab_con ul li p {
  word-wrap:break-word; flex: 1; transition: all 0.3s linear;
}
.page2 .tab_con ul li:hover p {
  color: #bd1622; transform: scale(1.05);
}
.page2 .more {
  margin-top: 0.1604rem; margin-left: 0.1rem;
}
.page2 .page2_body {
  position: absolute; bottom: 0; right: 0.7813rem; width: 3.3021rem; height: 4.5573rem;
}
.page2 .page2_body ul {
  width: 100%; height: 100%; position: relative;
}
.page2 .page2_body ul li:last-child {
  position: absolute; left: 0; top: 0; z-index: 0;
}
.page2 .page2_body .xibao02 {
  display: none; opacity: 0;
}
.page2 .page2_body .xibao {
  position: absolute; top: 0; left: 0; z-index: 2;
}
.page2 .page2_body .xibao.active {
  opacity: 1;
}

.page3 {
  background: url(../images/index/bg-3.jpg) no-repeat center center; background-size: cover;
}
.page3 .content {
  width: 7.8125rem; margin: 0 auto;
}
.page3 .content h2 {
  color: #bd1622; text-align: center; font-weight: bold;
}
.page3 .content .desc {
  width: 3.1771rem; text-align: center; margin: 0.0781rem auto 0;
}
.page3 .point {
  position: absolute;
}
.page3 .point01 {
  width: 2.0052rem; height: 2.0052rem; right: -0.6rem; top: 0.2604rem; background: url(../images/index/3-1.png) no-repeat center center; background-size: 100%;
}
.page3 .point02 {
  width: 0.4844rem; height: 0.4844rem; right: 2.5rem; bottom: 1.3021rem; background: url(../images/index/3-1.png) no-repeat center center; background-size: 100%;
}
.page3 .point03 {
  width: 0.6875rem; height: 0.6875rem; left: 2.2917rem; bottom: 0.3125rem; background: url(../images/index/3-1.png) no-repeat center center; background-size: 100%;
}
.page3 .point_box {
  margin-top: -0.6rem;
}
.page3 .content .spoint01 {
  width: 1.3542rem;
}
.page3 .content .spoint02 {
  width: 1.3542rem;
}
.page3 .content .spoint03 {
  width: 1.3542rem;
}
.page3 .content .spoint04 {
  width: 1.42rem;
}
.page3 .content .spoint01 .dd {
  width: 1.2708rem; height: 1.3125rem; background: url(../images/index/3-4.png) no-repeat center center; background-size: 100%;
}
.page3 .content .spoint01 .dd h5 {
  line-height: 1.5rem; padding-left: 0.1rem;
}
.page3 .content .spoint02 .dd {
  width: 1.0729rem; height: 1.0729rem; background: url(../images/index/3-2.png) no-repeat center center; background-size: 100%; margin: 0 auto;
}
.page3 .content .spoint02 .dd h5 {
  line-height: 1.0729rem;
}
.page3 .content .spoint03 .dd {
  width: 1.0573rem; height: 1.0156rem; background: url(../images/index/3-3.png) no-repeat center center; background-size: 100%; margin-left: 0.25rem;
}
.page3 .content .spoint03 .dd h5 {
  line-height: 1.156rem; padding-right: 0.15rem;
}
.page3 .content .spoint04 .dd {
  width: 1.1458rem; height: 1.1458rem; background: url(../images/index/3-2.png) no-repeat center center; background-size: 100%; margin: 0 auto;
}
.page3 .content .spoint04 .dd h5 {
  line-height: 1.1458rem;
}
.page3 .content .spoint h5 {
  color: #fff; text-align: center; cursor: pointer; font-weight: bold;
}
.page3 .content .spoint p {
  color: #8c92a2; text-align: center; transition: all .3s linear; margin-top: 0.0781rem; cursor: pointer;
}
.page3 .content .spoint:hover p {
  color: #050000; transform: scale(1.05);
}
.page3 .content .spoint02 {
  margin-top: 1.0938rem;
}
.page3 .content .spoint03 {
  margin-top: 1.3021rem;
}
.page3 .content .spoint04 {
  margin-top: 0.2083rem;
}
.page4 {
  background: url(../images/index/bg-4.jpg) no-repeat center center; background-size: cover; 
}
.page4 .page4_con {
  position: relative;
}
.page4 .content {
  width: 7.1354rem; position: relative; margin-left: 1.3542rem;
}
.page4 .con_left {
  width: 4.0104rem; padding-top: 0.05rem;
}
.page4 .con_left h2 {
  color: #000; margin-bottom: 0.2rem;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: bold; -webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;
}
.page4 .con_left p {
  margin-bottom: 0.1rem; width: 100%; -webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;
}
.page4 .con_left span {
  display: block; color: #8c92a2;
}
.page4 .con_left .more {
  margin-top: 0.1563rem;
}
.page4 .con_right {
  position: relative; width: 2.7292rem; padding-bottom: 0.56rem;
}
.page4 .con_right::before {
  content: " "; position: absolute; left: 0.0781rem; top: 0.0781rem; width: 2.7292rem; height: 1.6771rem; overflow: hidden; border-top-left-radius: 0.2083rem; border-bottom-right-radius: 0.2083rem; background: #fff; z-index: 0; box-shadow: 0px 0.05rem 0.05rem 0px rgba(140, 146, 162, 0.1);
}
.page4 .con_right .img {
  width: 2.7292rem; height: 1.6771rem; overflow: hidden; border-top-left-radius: 0.2083rem; border-bottom-right-radius: 0.2083rem; z-index: 2; position: relative;
}
.page4 .con_right img {
   transition: all .8s linear;
}
.page4 .con_right .title {
  position: absolute; top: -0.2rem; right: 0.1rem; z-index: 3; color: #bd1622; font-style: normal; font-weight: bold;
}
.page4 .con_right .img_play {
  width: 0.4635rem; height: 0.4635rem; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); z-index: 3;
}
.page4 .con_right .img_play i {
  color: #fff; position: relative; z-index: 2; font-size: 0.36rem;
}
.page4 .con_right .img_play_bg {
  width: 0.4635rem; height: 0.4635rem; background: rgba(189, 22, 34, 0.4); transition: all 0.5s linear; -webkit-transition: all 0.5s linear; position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); z-index: 2; border-radius: 50%;
}
.page4 .con_right:hover {
  cursor: pointer;
}
.page4 .con_right:hover .img_play_bg {
  animation: page4bganimate 1s infinite; -webkit-animation: page4bganimate 1s infinite;
}
@keyframes page4bganimate
{
	0% {transform: translate(-50%, -50%) scale(1);}
	50% {transform: translate(-50%, -50%) scale(1.2);}
  100% {transform: translate(-50%, -50%) scale(1);}
}

@-webkit-keyframes page4bganimate /*Safari and Chrome*/
{
	0% {transform: translate(-50%, -50%) scale(1);}
	50% {transform: translate(-50%, -50%) scale(1.2);}
  100% {transform: translate(-50%, -50%) scale(1);}
}
.page4 .page4_bot {
  width: 100%;
}
.page4 .page4_bot ul li span.tit {
  color: #bd1622; margin-right: 0.0833rem; font-style: normal; display: block; font-weight: bold;
}
.page4 .page4_bot ul li:nth-child(1) span.tit {
  width: 0.51rem;
}
.page4 .page4_bot ul li:nth-child(2) span.tit {
  width: 0.56rem;
}
.page4 .page4_bot ul li:nth-child(3) span.tit {
  /* width: 0.58rem; */
}
.page4 .page4_bot ul li span.tit i {
  font-style: normal; font-weight: bold;
}
.page4 .page4_bot ul li span.txt {
  width: 1.25rem; color: #8c92a2; display: block;
}
.video_mask {
  width: 100%; height: 100%; overflow: hidden; position: fixed; left: 0; top: 0; z-index: 1050; background: rgba(0, 0, 0, 0.8); display: none;
}
.video_mask .video {
  position: absolute; top: 50%; left: 10%; transform: translateY(-50%); width: 80%;
}
.video_mask .close {width: 0.2604rem;height: 0.2604rem;position: absolute; right: 0.1042rem;top: 0.1042rem;cursor: pointer; color: #fff;}
.video_mask .close i {
  display: block; font-weight: normal;
}
.page5 {
  background: url(../images/index/bg-5.jpg) no-repeat center center; background-size: cover; 
}
.page5 .content {
  width: 6.5625rem; position: relative; margin-left: 1.3542rem;
}
.page5 .title {
  position: absolute; top: -0.05rem; left: 52.3%; z-index: 2; color: #bd1622; font-weight: bold;
}
.page5 .more {
  position: absolute; bottom: 0; left: 52.3%; z-index: 2;
}
.page5 .con_left {
  position: relative; width: 2.7292rem; padding-bottom: 0.56rem;
}
.page5 .con_left::before {
  content: " "; position: absolute; left: 0.0781rem; top: 0.0781rem; width: 2.7292rem; height: 1.6771rem; overflow: hidden; border-top-left-radius: 0.2083rem; border-bottom-right-radius: 0.2083rem; background: #fff; z-index: 0; box-shadow: 0px 0.05rem 0.05rem 0px rgba(140, 146, 162, 0.1);
}
.page5 .swiper-container {
  height: 100%;
}
.page5 .swiper-container .swiper-slide {
  opacity: 0;
}
.page5 .swiper-container .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.page5 .swiper-button-prev, .page5 .swiper-button-next {
  top: auto; bottom: 0;
}
.page5 .swiper-button-next {
  right: auto; left: 0.4rem;
}
.page5 .con_left .img {
  width: 2.7292rem; height: 1.6771rem; overflow: hidden; border-top-left-radius: 0.2083rem; border-bottom-right-radius: 0.2083rem; z-index: 2; position: relative;
}
.page5 .con_left img {
   transition: all .8s linear;
}
.page5 .con_left img:hover {
  transform: scale(1.1);
}
.page5 .con_right {
  width: 3.15rem; padding-top: 0.5rem;
}
.page5 .con_right h2 {
  color: #000; margin-bottom: 0.2rem;  overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-weight: bold;
}
.page5 .con_right p {
  margin-bottom: 0.1rem; width: 100%; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;
}
.page5 .con_right span {
  display: block; color: #8c92a2;
}
.page6 {
  position: relative;
}
.page6 .bg {
  width: 100%; height: 100%; overflow: hidden; position: absolute; left: 50%; top: 0; transform: translateX(-50%);
}
.page6 .bg img {
  width: auto;
}
.page6 .bg .bg_ani {
  width: 100%; height: 100%; overflow: hidden; background: url(../images/index/bg-6.jpg) no-repeat center bottom; background-size: cover;
}
.page6animation {
  animation: page6bganimate 3s linear; -webkit-animation: page6bganimate 3s linear;
}
@keyframes page6bganimate
{
	0% {transform: scale(1.2);}
	100% {transform: scale(1);}
}

.page6 .swiper-container {
  height: 100%; width: 100%;
}
.page6 .swiper-container .swiper-wrapper .swiper-slide {
  height: auto;
}
.page6 .content {
  width: 3.98rem; margin: 0 auto 0; position: relative;
}
.page6 .page6_con {
  position: absolute; top: 1.3021rem; left: 50%; transform: translateX(-50%); text-align: center;
}
.page6 .page6_con h2 {
  color: #bd1622; font-weight: bold; margin-bottom: 0.1042rem; -webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;
}
.page6 .page6_con p {
  margin-bottom: 0.2083rem; -webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;
}

.mCSB_inside>.mCSB_container {
  margin-right: 0;
}

@media screen and (max-width: 1440px){
  .page2 .content {
    width: 4.85rem;
  }
  .page4 .page4_bot ul li span.txt {
    width: 1.3rem;
  }
}

@media screen and (max-width: 1280px){
  .page3 .content .spoint02 {
    width: 1.542rem;
  }
  .page3 .content .spoint04 {
    width: 1.52rem;
  }
  .page4 .page4_bot ul li span.txt {
    width: 1.5rem;
  }
}

@media screen and (max-width: 768px){
  .kv .point02 {
    width: 3.46rem; height: 3.46rem; top: 1rem; left: -1.6rem;
  }
  .kv .point03 {
    width: 1.17rem; height: 1.6rem; top: 7rem; left: 0.5rem;
  }
  .kv .point04 {
    width: 2.42rem; height: 2.42rem; top: 2.58rem; right: 0.5rem;
  }
  .kv .point05 {
    width: 0.76rem; height: 0.76rem; top: 10rem; right: 0.5rem;
  }
  .kv .point06 {
    width: 1.84rem; height: 1.84rem; top: 10rem; left: -1rem;
  }
  .kv .point07 {
    width: 4.7rem; height: 4.7rem; bottom: 0; right: -2rem; top: auto;
  }
  .kv .swiper-pagination {
    bottom: 1.6rem;
  }
  .kv .info .dun {
    width: 2.8rem; height: 3.86rem;
  }
  .kv .info {
    top: 5.8rem;
  }
  .kv .info .dun .dun_light {
    width: 2.8rem; height: 3.4rem; box-shadow: 0 0 0.5rem 0.5rem #f4ced7; top: 0.07rem;
  }
  .kv .info .dun .xibao {
    width: 2.13rem; height: 2.13rem; top: 0.5rem; left: 0.35rem; box-shadow: 0 0 0.3rem 0.3rem #efd9fc;
  }
  .kv .swiper-container .swiper-wrapper .swiper-slide h2 {
    width: 8rem; margin-top: 40%;
  }
  .page2 {
    display: block;
  }
  .page2 .fp-tableCell {
    vertical-align: unset;
  }
  .page2 .content {
    width: 8.8rem; margin: 2rem auto 0; position: relative; z-index: 2;
  }
  .page2 .more {
    margin-top: 0.6rem;
  }
  .page2 .tab_con ul {
    background-color: rgba(255, 255, 255, 0.5); box-shadow: 0px 0.05rem 0.05rem 0px rgba(140, 146, 162, 0.1); height: auto; overflow: hidden;
  }
  .page2 .tab_con ul li {
    width: 100%; padding: 0.35rem 0.4rem;
  }
  .page2 .page2_body {
    width: 8.5rem; height: 10.3rem; right: 0.75rem;
  }
  .page2 .page2_body ul {}
  .page2 .tab_con ul li img {
    width: 0.5rem; height: 0.5rem; margin-right: 0.3rem;
  }
  .page2 .content .tab span::after {
    height: 2px;
  }
  .page2 .content .tab span {
    width: 3.3rem; padding-bottom: 0.2rem;
  }
  .page3 .content {
    width: 9.17rem;
  }
  .page3 .content h2 {
    width: 3.6rem; margin: 0 auto;
  }
  .page3 .content .desc {
    width: 8rem;
  }
  .page3 .point_box {
    display: block; margin-top: 0;
  }
  .page3 .content .spoint {
    display: flex; align-items: center;
  }
  .page3 .content .spoint01, .page3 .content .spoint02, .page3 .content .spoint03, .page3 .content .spoint04 {
    width: 100%;
  }
  .page3 .content .spoint01 .dd {
    width: 3.25rem; height: 3.4rem;
  }
  .page3 .content .spoint h5 {
    font-size: 0.52rem;
  }
  .page3 .content .spoint01 .dd h5 {
    line-height: 3.8rem; padding-left: 0.2rem; font-size: 0.02rem;
  }
  .page3 .content .spoint p {
    text-align: left; margin-left: 0.2604rem;
  }
  .page3 .content .spoint02 {
    margin-left: 3.5rem; margin-top: -1.6rem;
  }
  .page3 .content .spoint02 .dd {
    width: 2.76rem; height: 2.76rem; margin: unset;
  }
  .page3 .content .spoint02 p {
    text-align: right; margin-left: unset; margin-right: 0.2604rem;
  }
  .page3 .content .spoint02 .dd h5 {
    line-height: 2.5rem; font-size: 0.02rem;
  }
  .page3 .content .spoint03 .dd {
    width: 2.8rem; height: 2.62rem;
  }
  .page3 .content .spoint03 .dd h5 {
    line-height: 3rem; padding-right: 0.5rem; font-size: 0.02rem;
  }
  .page3 .content .spoint03 {
    margin-top: 0;
  }
  .page3 .content .spoint04 .dd {
    width: 2.93rem; height: 2.93rem;
  }
  .page3 .content .spoint04 .dd h5 {
    line-height: 3rem; font-size: 0.02rem;
  }
  .page3 .content .spoint04 {
    margin-top: 0; margin-left: 0.5rem;
  }
  .page3 .content .spoint04 p {
    margin-left: 1rem; text-align: right;
  }
  .page3 .point01 {
    width: 5.2rem; height: 5.2rem; left: -2rem; right: auto; top: auto; bottom: 0;
  }
  .page3 .point02 {
    width: 2rem; height: 2rem; right: 0; left: auto; top: 1.5rem;
  }
  .page3 .point03 {
    width: 2rem; height: 2rem; left: 36%; top: 50%;
  }
  .page4 .content {
    width: 8.66rem; margin: 0 auto;
  }
  .page4 .page4_con {
    display: block;
  }
  .page4 .con_left {
    width: 100%; padding-top: 0;
  }
  .page4 .con_right {
    width: 7rem; margin: 0.6rem auto 0;
  }
  .page4 .con_right .img {
    width: 7rem; height: 4.32rem; border-top-left-radius: 0.53rem; border-bottom-right-radius: 0.53rem;
  }
  .page4 .con_right::before {
    width: 7rem; height: 4.32rem; border-top-left-radius: 0.53rem; border-bottom-right-radius: 0.53rem; top: 0.2rem; left: 0.2rem; box-shadow: 0px 0.1rem 0.1rem 0px rgba(140 146 162 / 10%);
  }
  .page4 .con_left .more {
    position: relative; display: table; margin-left: auto; margin-right: auto; margin-top: 0.5rem;
  }
  .page4 .page4_bot ul {
    display: block;
  }
  .page4 .page4_bot ul li {
    display: block; width: 100%; text-align: center;
  }
  .page4 .page4_bot ul li span {
    display: block; width: 100%;
  }
  .page4 .page4_bot ul li span.tit {
    width: 100%;
  }
  .page4 .page4_bot ul li span.txt {
    width: 100%;
  }
  .page4 .con_right .title {
    top: -0.35rem;
  }
  .page4 .con_right .img_play, .page4 .con_right .img_play_bg {
    width: 0.8rem; height: 0.8rem; top: 42%;
  }
  .page4 .con_right .img_play i {
    font-size: 0.6rem;
  }
  .page5 .title {
    top: 5rem; left: 0;
  }
  .page5 .content {
    width: 7.73rem; margin: 0 auto; padding-bottom: 2.2rem;
  }
  .page5 .swiper-slide {
    display: block;
  }
  .page5 .content .con_left, .page5 .content .con_right {
    width: 100%;
  }
  .page5 .con_left .img {
    width: 7rem; height: 4.32rem; border-top-left-radius: 0.53rem; border-bottom-right-radius: 0.53rem;
  }
  .page5 .con_left::before {
    width: 7rem; height: 4.32rem; border-top-left-radius: 0.53rem; border-bottom-right-radius: 0.53rem; top: 0.2rem; left: 0.2rem; box-shadow: 0px 0.1rem 0.1rem 0px rgba(140 146 162 / 10%);
  }
  .page5 .con_right {
    padding-top: 1.2rem;
  }
  .page5 .more {
    left: 50%; transform: translateX(-50%);
  }
  .page5 .swiper-button-next {
    left: auto; right: 3.05rem; bottom: 1.2rem;
  }
  .page5 .swiper-button-prev {
    left: 3.05rem; bottom: 1.2rem;
  }
  .page6 .content {
    width: 8.53rem;
  }
  .page6 .page6_con {
    top: 4rem;
  }
  .page6 .swiper-scrollbar {
    background: none;
  }
  .page6 .swiper-scrollbar-drag {
    background: rgba(0,0,0,.1);
  }
  .page6 .bg {
    width: 100%;
  }
  .page6 .bg img {
    width: 100%;
  }
  .page6 .bg .bg_ani {
    background: url(../images/index/bg-6-m.jpg) no-repeat center center; background-size: cover;
  }
  .video_mask .close {
    width: 0.504rem; height: 0.504rem; right: 0.42rem; top: 0.42rem;
  }
  .scroll {
    bottom: 0;
  }
}
@media screen and (max-width: 480px){
  @keyframes animX{
    0% { transform: translate(0px, 0px)}
    20% { transform: translate(2px, -5px)}
    40% { transform: translate(-2px, -5px)}
    60% { transform: translate(-2px, 2px)}
    80% { transform: translate(2px, 2px)}
    100% { transform: translate(0px, 0px)}
  }
  .page3 .content h2 {
    width: 6rem;
  }
  .page3 .content .spoint02 {
    padding-left: 1.1rem;
  }
  .page4 .con_right .title {
    top: -0.45rem;
  }
  .page4 .con_right .img_play, .page4 .con_right .img_play_bg {
    width: 1.2rem; height: 1.2rem; top: 44%;
  }
  .page4 .con_right .img_play i {
    font-size: 0.9rem;
  }
  .page5 .content {
    padding-bottom: 2.6rem;
  }
  .page5 .swiper-button-next {
    right: 2.9rem; bottom: 1.5rem;
  }
  .page5 .swiper-button-prev {
    left: 2.9rem; bottom: 1.5rem;
  }
}