@charset "UTF-8";
body {
  padding-top: 0;
}

/* 澶撮儴鏍峰紡 */
.swiper-pagination-bullet {
  transition: all .5s;
}

.link {
  position: relative;
  padding-bottom: 6px;
  color: #333;
}

.link.white {
  color: #fff;
}

.link.white::before {
  background: #fff;
}

.link::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 100%;
  bottom: 0;
  height: 1px;
  background: #333333;
  transform: translateX(-50%);
  transition: all 1s;
}

.link:hover::before {
  width: 50%;
}

.banner {
  width: 100%;
  height: 100vh;
}

.banner .banner-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.banner .video-wrap {
  position: absolute;
  z-index: 99;
  top: 80px;
  left: 0;
  width: 100%;
  bottom: 0;
  display: none;
}

.banner .video-wrap .video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 3000ms cubic-bezier(0.25, 0.1, 0.25, 1);
}

.banner .video-wrap .video-close {
  position: absolute;
  top: 0;
  right: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
  font-size: 30px;
  padding: 20px;
}

.banner .banner-swiper {
  width: 100%;
  height: 100%;
}

.banner .banner-swiper .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.banner .banner-swiper .swiper-slide {
  cursor: pointer;
}

.banner .banner-swiper .swiper-slide .play {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  left: 50%;
  color: #fff;
  transform: translate(-50%, -50%);
  z-index: 10;
  font-size: 30px;
}

.banner .banner-swiper .swiper-slide .play img {
  width: 100%;
  height: 100%;
}

.banner .text-box {
  position: absolute;
  width: 100%;
  bottom: 22%;
  top: inherit;
  text-align: center;
  color: #000;
}

.banner .text-box.white {
  color: #fff;
}

.banner .banner-title {
  font-size: 60px;
}

.banner .banner-en-title {
  font-size: 50px;
  margin-bottom: 30px;
}

.banner .banner-en-desc {
  height: 66px;
  width: 560px;
  max-width: 95%;
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.6;
}

.banner .new-space {
  width: 1330px;
  position: absolute;
  left: 0;
  top: 28%;
  left: 50%;
  transform-origin: top;
  transform: translateX(-50%);
}

.banner .new-space .new-space-wrap {
  width: 100%;
  height: 195px;
  position: absolute;
}

.banner .new-space .word {
  background-image: url("/images/index/newspace.png");
  background-size: 1321px 195px;
  height: 100%;
  float: left;
}

.banner .new-space .word:nth-child(1) {
  width: 158px;
  background-position: 0 0;
}

.banner .new-space .word:nth-child(2) {
  width: 140px;
  background-position-x: -158px;
}

.banner .new-space .word:nth-child(3) {
  width: 250px;
  background-position-x: -298px;
}

.banner .new-space .word:nth-child(4) {
  width: 175px;
  background-position-x: -548px;
}

.banner .new-space .word:nth-child(5) {
  width: 140px;
  background-image: none;
  position: relative;
  cursor: pointer;
  transition: 1s;
  -webkit-animation: change infinite 4s;
  animation: change infinite 4s;
}

.banner .new-space .word:nth-child(5):active::before {
  transform: scale(0.8);
}

.banner .new-space .word:nth-child(5)::before {
  content: '';
  position: absolute;
  width: 136px;
  height: 100%;
  background-image: url("/images/index/word_p.png");
  background-size: 100%;
  left: 2px;
  transition: all 1s;
}

.banner .new-space .word:nth-child(6) {
  width: 177px;
  background-position-x: -860px;
}

.banner .new-space .word:nth-child(7) {
  width: 158px;
  background-position-x: -1037px;
}

.banner .new-space .word:nth-child(8) {
  width: 128px;
  background-position-x: -1190px;
}

.banner .banner-pagination {
  width: 100%;
  bottom: 130px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner .banner-pagination .swiper-pagination-bullet {
  position: relative;
  width: 120px;
  height: 10px;
  background: transparent;
  border-radius: 0;
  opacity: 1;
  margin: 0 10px;
}

.banner .banner-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  background: #858585;
  bottom: 4px;
}

.banner .banner-pagination .swiper-pagination-bullet-active {
  width: 300px;
}

.banner .banner-pagination .swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 3px;
  background: #f9183d;
  bottom: 4px;
}

.banner-news {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 80px;
  z-index: 10;
  overflow: hidden;
  transition: all .5s;
  z-index: 98;
}

.banner-news.open {
  height: 400px;
}

.banner-news.open .arrow-btn {
  transform: rotate(180deg);
}

.banner-news.open .abbr-news {
  display: none;
}

.banner-news.open .news-detail {
  display: block;
  height: 100%;
}

.banner-news.open .news-detail .news-detail-left,
.banner-news.open .news-detail .news-list {
  transform: translateX(0);
}

.banner-news .bg {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 400px;
  background-image: url("/images/index/banner_news_bg.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.banner-news .news-wrap {
  width: 1600px;
  max-width: 95%;
  min-width: 83%;
  margin: 0 auto;
  height: 100%;
  display: flex;
  position: relative;
  align-items: center;
}

.banner-news .abbr-news {
  display: flex;
  color: #fff;
}

.banner-news .news-label {
  line-height:20px;
  margin-right: 35px;
}

.banner-news .news-title {
  line-height: 1.3;
  width: 100%;
  color: #fff;
  opacity: 1;
  transition: .5s;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.banner-news .news-title:hover {
  opacity: 0.7;
}

.banner-news .news-desc {
  line-height: 22px;
}

.banner-news .news-detail {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 25px;
  box-sizing: border-box;
  color: #fff;
  transition: all .5s;
}

.banner-news .news-detail .news-detail-left {
  position: relative;
  float: left;
  width: 38.2%;
  box-sizing: border-box;
  padding-right: 150px;
  padding-bottom: 50px;
  transition: all .5s;
  transform: translateX(-100%);
}

.banner-news .news-detail .news-detail-left::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  top: 60px;
  width: 2px;
  background: #fff;
}

.banner-news .news-detail .news-list {
  width: 61.8%;
  float: left;
  padding: 60px 0 0 60px;
  box-sizing: border-box;
  transition: all .5s;
  transform: translateX(100%);
  display: flex;
  flex-wrap: wrap;
}

.banner-news .news-detail .news-list .news-item {
  width: 50%;
  float: left;
  padding-right: 25px;
  margin-bottom: 50px;
  box-sizing: border-box;
}

.banner-news .news-detail .icon-list {
  position: absolute;
  right: 40px;
  bottom: 20px;
}

.banner-news .news-detail .icon-list .icon-wrap {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 24px;
  margin-left: 10px;
  background-size: cover;
  color: #fff;
  background: none;
  font-size: 24;
}

.banner-news .news-detail .icon-list .icon-wrap img {
  width: 100%;
}

.banner-news .arrow-btn {
  position: absolute;
  right: 0;
  bottom: 25px;
  width: 43px;
  height: 26px;
  background-image: url("/images/arrow_up.png");
  background-size: 100% 100%;
  cursor: pointer;
  transition: all .5s;
}

.section {
  position: relative;
  width: 100%;
}

.service-section {
  position: relative;
  width: 100%;
  padding-bottom: 46.875%;
}

.service-section .section-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.service-section .wifi-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
}

.service-section .wifi-box img {
  width: 100%;
  vertical-align: middle;
}

.service-section .sensor-light-box {
  position: absolute;
  width: 15.63%;
  top: 17.7%;
  left: 54.4%;
  display: none;
}

.service-section .sensor-light-box::before {
  content: '';
  display: block;
  width: 100%;
  padding-bottom: 37.9%;
}

.service-section .sensor-light-box .sensor-light-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("/images/index/sensor_light_line.png");
  background-repeat: no-repeat;
  background-size: 100%;
}

.service-section .sensor-light-box .sensor-light-text {
  position: absolute;
  top: 0;
  right: 0;
  width: 61.1%;
  height: 100%;
  background-image: url("/images/index/sensor_light_text.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
}

.service-section .service-box {
  width: 30%;
  overflow: hidden;
  cursor: pointer;
  transition: all .6s;
  position: relative;
  color: #fff;
}

.service-section .service-box.active {
  width: 70%;
}

.service-section .service-box.active.new-digital .bg {
  transform: scale(1);
}

.service-section .service-box.active.new-digital .wifi-animate {
  opacity: 1;
}

.service-section .service-box.active.new-digital .text-box {
  z-index: 2;
  left: 11.85%;
  top: 62.25%;
  bottom: auto;
  text-align: left;
}

.service-section .service-box.active.night-economy .bg {
  opacity: 0;
}

.service-section .service-box.active.night-economy .bg::after {
  opacity: 0;
}

.service-section .service-box.active.night-economy .bg-fireworks {
  display: block;
  opacity: 1;
  z-index: 1;
}

.service-section .service-box.active.night-economy .text-box {
  right: 11.85%;
  bottom: 22%;
  text-align: right;
  z-index: 2;
}

.service-section .service-box.active .sensor-light-box {
  display: block;
}

.service-section .service-box.active .wifi-box {
  display: block;
}

.service-section .service-box.active .for-5g {
  display: block;
}

.service-section .service-box.active .link {
  display: inline-block;
}

.service-section .service-box .text-box {
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 40%;
  transform: translateY(-50%);
}

.service-section .service-box .text-box .service-title {
  margin-bottom: 10px;
}

.service-section .service-box .for-5g {
  position: absolute;
  right: 60px;
  bottom: 60px;
  width: 210px;
  display: none;
}

.service-section .service-box .link {
  display: none;
  color: #fff;
  margin-top: 40px;
  padding-bottom: 5px;
}

.service-section .service-box .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: all .5s;
}

.service-section .new-digital .bg {
  left: 0;
  background-image: url("/images/index/service_img1.jpg");
  background-size: cover;
  transform: scale(1.1);
}

.service-section .new-digital .wifi-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: 1;
  opacity: 0;
}

.service-section .night-economy .bg {
  right: 0;
  background-image: url("/images/index/service_img2.jpg");
  background-size: cover;
  background-position: right;
  opacity: 1;
}

.service-section .night-economy .bg::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all .5s;
}

.service-section .night-economy .bg-fireworks {
  position: absolute;
  background-size: cover;
  background-position: right;
  width: 100%;
  height: 100%;
  transition: all .5s;
  display: none;
  background-image: url("/images/index/service_img2.jpg");
}

.service-section .night-economy .bg-fireworks img {
  position: absolute;
  height: 100%;
  transform: translateX(-50%);
  left: 50%;
  vertical-align: middle;
  transition: none;
}

.news-section .bg {
  position: absolute;
  width: 100%;
  height: 600px;
  background-image: linear-gradient(#fff, #dfdfdf);
  z-index: -1;
}

.news-section .section-head {
  position: absolute;
  top: 0;
}

.news-section .section-wrap {
  padding-left: 8.3%;
  padding-top: 200px;
  padding-bottom: 100px;
}

.news-section .section-title {
  margin-top: 60px;
}

.news-section .news-container {
  width: 100%;
  overflow: auto;
}

.news-section .news-list-wrap {
  display: flex;
}

.news-section .news-slide {
  width: auto;
  color: #c0c0c0;
  margin-right: 40px;
  transition: .5s;
}

.news-section .news-slide a {
  display: block;
  color: #c0c0c0;
  transition: .5s;
}

.news-section .news-slide:last-child {
  margin-right: 0;
}

.news-section .news-slide.visible {
  color: #000;
}

.news-section .news-slide.visible a {
  color: #000;
}

.news-section .news-slide.visible .line {
  background: #000;
}

.news-section .news-slide .year {
  width: 100%;
  height: 50px;
  font-size: 36px;
  transition: all 1s;
}

.news-section .news-slide .year.ani {
  opacity: 0;
}

.news-section .news-slide .year.animated {
  opacity: 1;
}

.news-section .news-slide .line {
  width: 100%;
  height: 2px;
  background: #c0c0c0;
  transition: .5s;
}

.news-section .news-slide:nth-child(n) .date {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.news-section .news-slide:nth-child(n) .img-box img {
  -webkit-animation-name: moveInDown;
  animation-name: moveInDown;
}

.news-section .news-slide:nth-child(n) .item-title {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.news-section .news-slide:nth-child(2n) .date {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.news-section .news-slide:nth-child(2n) .img-box .news-img {
  -webkit-animation-name: moveInUp;
  animation-name: moveInUp;
}

.news-section .news-slide:nth-child(2n) .item-title {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.news-section .news-slide .list {
  display: flex;
  overflow: hidden;
  padding-bottom: 60px;
}

.news-section .news-slide .list .item {
  width: 352px;
  margin-left: 5px;
  padding: 30px 0;
  position: relative;
}

.news-section .news-slide .list .item:first-child {
  margin-left: 0;
}

.news-section .news-slide .list .item:hover img {
  transform: scale(1.2);
}

.news-section .news-slide .list .item .date {
  font-size: 14px;
  margin-bottom: 20px;
}

.news-section .news-slide .list .item .img-wrap {
  overflow: hidden;
}

.news-section .news-slide .list .item .img-wrap .img-box {
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  transition: all 1s;
}

.news-section .news-slide .list .item .img-wrap .img-box:hover {
  transform: scale(1.1);
}

.news-section .news-slide .list .item .img-wrap .img-box .news-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.news-section .news-slide .list .item .item-title {
  margin-top: 20px;
  line-height: 1.5;
  min-height: 50px;
  padding: 0 10px;
  /* 蹇呴』缁撳悎鐨勫睘鎬 锛屽皢瀵硅薄浣滀负寮规€т几缂╃洅瀛愭ā鍨嬫樉绀 */
  /* 鏂囨湰闇€瑕佹樉绀哄灏戣 */
}

.news-section .news-scrollbar {
  position: relative;
  margin-top: 30px;
}

.news-section .swiper-container-horizontal > .swiper-scrollbar {
  left: 0;
  width: 100%;
  height: 1px;
}

.news-section .swiper-scrollbar-drag {
  height: 8px;
  background-color: #f9183d;
  border-radius: 0;
  top: -3px;
}

.news-section .mCSB_horizontal > .mCSB_container {
  margin-bottom: 0;
}

.news-section .mCustomScrollBox > .mCSB_scrollTools {
  opacity: 1;
}

.news-section .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  height: 8px;
  background-color: #f9183d;
  border-radius: 0;
  top: -3px;
}

.news-section .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
}

.news-section .news-link i {
  font-size: 26px;
  color: #4d4d4d;
  vertical-align: middle;
  margin-right: 10px;
}

.news-section .all-news {
  position: relative;
  display: inline-block;
  color: #333333;
  margin-top: 30px;
  padding-bottom: 6px;
}

.news-section .all-news::before {
  content: '';
  position: absolute;
  left: 50%;
  width: 100%;
  bottom: 0;
  height: 1px;
  background: #333333;
  transform: translateX(-50%);
  transition: all 1s;
}

.news-section .all-news:hover::before {
  width: 50%;
}

.project-section {
  width: 100%;
  color: #fff;
  overflow: hidden;
}

.project-section::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.project-section .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #e43c41;
  z-index: -1;
}

.project-section .bg .circle {
  width: 54.7%;
  padding-bottom: 54.7%;
  background: #e74f52;
  position: absolute;
  left: 10%;
  border-radius: 50%;
  top: -20%;
  z-index: 1;
}

.project-section .bg .img-n {
  position: absolute;
  width: 46.625%;
  z-index: 2;
}

.project-section .bg .img-n:nth-child(1) {
  -webkit-animation: fadeInLeftBig linear 8s infinite;
  animation: fadeInLeftBig linear 8s infinite;
  width: 60%;
  left: 100vw;
  opacity: .8;
}

.project-section .bg .img-n:nth-child(2) {
  -webkit-animation: fadeInRightBig linear 8s infinite;
  animation: fadeInRightBig linear 8s infinite;
  left: -100%;
  width: 40%;
  opacity: .8;
  top: -50%;
  animation-delay: 1s;
}

.project-section .bg .img-n:nth-child(3) {
  -webkit-animation: fadeOutLeftBig linear 10s infinite;
  animation: fadeOutLeftBig linear 10s infinite;
  right: -60%;
  width: 65%;
  opacity: .5;
  bottom: 0;
}

.project-section .bg .img-n:nth-child(4) {
  -webkit-animation: fadeOutBottomLeft  linear 8s infinite;
  animation: fadeOutBottomLeft linear 8s infinite;
  left: -10%;
  width: 30%;
  opacity: .5;
  top: 20%;
}

.project-section .bg .img-n .icon-wrap {
  width: 100%;
  padding-bottom: 129%;
  background-image: url("/images/index/N.png");
  background-size: 100%;
  background-repeat: no-repeat;
}

.project-section .container {
  width: 83.33%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.project-section .section-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.project-section .section-title-wrap {
  position: absolute;
  top: 15.7%;
  left: 64.375%;
}

.project-section .project-main-swiper {
  width: 100%;
  height: 100%;
}

.project-section .project-swiper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 1s;
}

.project-section .project-swiper .swiper-slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.project-section .project-swiper .swiper-slide:hover .img {
  transform: scale(1.2);
}

.project-section .project-swiper .swiper-slide .img {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: all 1s;
}

.project-section .p-link {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  overflow: hidden;
}

.project-section .p-link::before {
  content: '';
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  height: 50%;
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
}

.project-section .project-title {
  line-height: 1;
  font-size: 20px;
}

.project-section .mask-bg {
  position: absolute;
  width: 65%;
  height: 49.07%;
  top: 40%;
  right: 5%;
  background: rgba(0, 0, 0, 0.36);
}

.project-section .left-top-swiper {
  position: absolute;
  width: 56%;
  top: 3.7%;
}

.project-section .left-top-swiper::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.project-section .left-top-swiper .project-title {
  position: absolute;
  left: 20px;
  bottom: 10%;
  line-height: 1;
  font-weight: bold;
  font-size: 32px;
}

.project-section .left-bottom-swiper {
  position: absolute;
  width: 35%;
  top: 48.7%;
  left: 6.25%;
}

.project-section .left-bottom-swiper::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.project-section .left-bottom-swiper .project-title {
  position: absolute;
  left: 20px;
  bottom: 6.3%;
}

.project-section .right-top-swiper {
  position: absolute;
  width: 22%;
  top: 29.6%;
  right: 10.5%;
}

.project-section .right-top-swiper::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.project-section .right-top-swiper .project-title {
  position: absolute;
  left: 20px;
  bottom: 10%;
}

.project-section .right-bottom-swiper {
  position: absolute;
  width: 42%;
  top: 60.1%;
  right: 0;
}

.project-section .right-bottom-swiper::before {
  content: '';
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 56.25%;
}

.project-section .right-bottom-swiper .project-title {
  position: absolute;
  left: 20px;
  bottom: 10%;
}

.project-section .case-text {
  position: absolute;
  bottom: 4.6%;
  left: 0;
}

.project-section .case-text .icon {
  color: #000;
  width: 26px;
  vertical-align: middle;
  margin-right: 10px;
}

.project-section .project-main-pagination {
  width: 100%;
  bottom: 4.6%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 15%;
  box-sizing: border-box;
}

.project-section .project-main-pagination .swiper-pagination-bullet {
  position: relative;
  width: 80px;
  height: 10px;
  background: transparent;
  border-radius: 0;
  opacity: 1;
  margin: 0 10px;
}

.project-section .project-main-pagination .swiper-pagination-bullet::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 4px;
  background: rgba(0, 0, 0, 0.5);
  bottom: 4px;
}

.project-section .project-main-pagination .swiper-pagination-bullet-active {
  width: 160px;
}

.project-section .project-main-pagination .swiper-pagination-bullet-active::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  height: 5px;
  background: #fff;
  bottom: 4px;
}

.footer {
  border-top: none;
}

@media all and (min-width: 2600px) {
  .banner .banner-wrap .text-box .banner-title {
    font-size: 80px;
  }
  .banner .banner-wrap .text-box .banner-en-title {
    font-size: 70px;
  }
  .banner .banner-wrap .text-box .banner-en-desc {
    width: 840px;
    font-size: 18px;
  }
  .banner .banner-wrap .banner-news .news-wrap .abbr-news .news-label {
    font-size: 38px;
  }
  .banner .banner-wrap .banner-news .news-wrap .abbr-news .news-title {
    font-size: 28px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-item {
    margin-bottom: 25px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-label {
    font-size: 60px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-title {
    font-size: 28px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-date {
    font-size: 24px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-desc {
    font-size: 24px;
    line-height: 30px;
  }
  .banner .video-wrap {
    top: 120px;
  }
  .banner .video-wrap .video-close {
    font-size: 50px;
  }
  .service-section .service-box .for-5g {
    width: 315px;
  }
  .news-section .section-title {
    font-size: 48px;
  }
  .news-section .section-subtitle {
    font-size: 36px;
  }
  .news-section .section-wrap {
    padding-top: 250px;
  }
  .news-section .section-wrap .news-slide .year {
    font-size: 45px;
    height: 60px;
  }
  .news-section .section-wrap .news-slide .list {
    height: 800px;
  }
  .news-section .section-wrap .news-slide .list .item {
    width: 550px;
  }
  .news-section .section-wrap .news-slide .list .item .date {
    font-size: 20px;
  }
  .news-section .section-wrap .news-slide .list .item .item-title {
    font-size: 28px;
    line-height: 40px;
    height: 80px;
  }
  .news-section .section-wrap .news-slide .list .item .data {
    font-size: 28px;
  }
  .news-section .section-wrap .all-news::before {
    height: 2px;
  }
  .project-section .section-wrap .section-title-wrap div:first-child {
    font-size: 60px;
  }
  .project-section .section-wrap .section-title-wrap div:last-child {
    font-size: 36px;
  }
  .project-section .section-wrap .p-link .project-title {
    font-size: 30px;
  }
  .project-section .section-wrap .case-text {
    font-size: 28px;
  }
  .project-section .section-wrap .case-text .icon {
    width: 40px;
  }
  .project-section .section-wrap .case-text .link {
    padding-bottom: 10px;
  }
  .project-section .section-wrap .case-text .link::before {
    height: 2px;
  }
}

@media all and (min-width: 3840px) {
  .banner .banner-wrap .text-box .banner-title {
    font-size: 120px;
  }
  .banner .banner-wrap .text-box .banner-en-title {
    font-size: 100px;
  }
  .banner .banner-wrap .text-box .banner-en-desc {
    width: 1120px;
    font-size: 24px;
  }
  .banner .banner-wrap .banner-news .news-wrap .abbr-news .news-label {
    font-size: 48px;
  }
  .banner .banner-wrap .banner-news .news-wrap .abbr-news .news-title {
    font-size: 38px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-item {
    margin-bottom: 25px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-label {
    font-size: 72px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-title {
    font-size: 40px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-date {
    font-size: 30px;
  }
  .banner .banner-wrap .banner-news .news-wrap .news-detail .news-desc {
    font-size: 28px;
    line-height: 34px;
  }
  .banner .video-wrap {
    top: 160px;
  }
  .banner .video-wrap .video-close {
    font-size: 60px;
  }
  .service-section .service-box .for-5g {
    width: 420px;
  }
  .news-section .section-title {
    font-size: 72px;
  }
  .news-section .section-subtitle {
    font-size: 48px;
  }
  .news-section .section-wrap {
    padding-top: 300px;
  }
  .news-section .section-wrap .news-slide .year {
    font-size: 60px;
    height: 90px;
  }
  .news-section .section-wrap .news-slide .list {
    height: 950px;
  }
  .news-section .section-wrap .news-slide .list .item {
    width: 700px;
  }
  .news-section .section-wrap .news-slide .list .item .date {
    font-size: 28px;
  }
  .news-section .section-wrap .news-slide .list .item .item-title {
    height: 100px;
  }
  .news-section .section-wrap .news-slide .list .item .data {
    font-size: 28px;
  }
  .news-section .section-wrap .all-news::before {
    height: 3px;
  }
  .project-section .section-wrap .section-title-wrap div:first-child {
    font-size: 80px;
  }
  .project-section .section-wrap .section-title-wrap div:last-child {
    font-size: 48px;
  }
  .project-section .section-wrap .p-link .project-title {
    font-size: 54px;
  }
  .project-section .section-wrap .case-text {
    font-size: 36px;
  }
  .project-section .section-wrap .case-text .icon {
    width: 50px;
  }
  .project-section .section-wrap .case-text .link {
    padding-bottom: 12px;
  }
  .project-section .section-wrap .case-text .link::before {
    height: 3px;
  }
}

@media all and (max-width: 1680px) {
  .banner .banner-title {
    font-size: 50px;
  }
  .banner .banner-en-title {
    font-size: 40px;
    margin-bottom: 15px;
  }
}

@media all and (max-width: 1440px) {
  .banner .new-space {
    top: 20%;
    transform: translateX(-50%) scale(0.8);
  }
  .banner .banner-swiper .swiper-slide .play {
    top: 41%;
  }
  .project-section .project-title {
    font-size: 16px;
  }
}

@media all and (max-width: 1000px) {
  .banner .banner-title {
    font-size: 40px;
  }
  .banner .banner-en-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .project-section::before {
    padding-bottom: 0;
  }
  .project-section .section-wrap {
    position: relative;
  }
  .project-section .section-title-wrap {
    position: relative;
    left: 0;
    top: 0;
    padding: 20px;
  }
  .project-section .container {
    width: 100%;
    padding: 0 10px 100px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .project-section .container .left-top-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .project-section .container .left-top-swiper .project-title {
    font-size: 22px;
    bottom: 30px;
    left: 20px;
  }
  .project-section .container .left-bottom-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .project-section .container .left-bottom-swiper .project-title {
    font-size: 22px;
    bottom: 30px;
    left: 20px;
  }
  .project-section .container .right-top-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-bottom: 10px;
  }
  .project-section .container .right-top-swiper .project-title {
    font-size: 22px;
    bottom: 30px;
    left: 20px;
  }
  .project-section .container .right-bottom-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
  }
  .project-section .container .right-bottom-swiper .project-title {
    font-size: 22px;
    bottom: 30px;
    left: 20px;
  }
  .project-section .container .case-text {
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .case-text .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .project-section .project-main-pagination {
    bottom: 60px;
    padding-right: 0;
  }
}

@media all and (max-width: 768px) {
  .banner .banner-title {
    font-size: 36px;
  }
  .banner .banner-en-title {
    font-size: 24px;
    margin-bottom: 30px;
  }
  .banner .banner-en-desc {
    font-size: 10px;
  }
  .banner .new-space {
    top: 30%;
    transform: translateX(-50%) scale(0.25);
  }
  .banner .banner-pagination {
    bottom: 70px;
  }
  .banner .banner-pagination .swiper-pagination-bullet {
    position: relative;
    width: 20%;
  }
  .banner .banner-pagination .swiper-pagination-bullet-active {
    width: 23%;
  }
  .banner .video-wrap {
    top: 60px;
  }
  .banner .video-wrap .video-close {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    cursor: pointer;
    z-index: 10;
    font-size: 30px;
    padding: 10px;
  }
  .banner-news {
    height: 50px;
  }
  .banner-news.open {
    height: 550px;
  }
  .banner-news .bg {
    height: 550px;
  }
  .banner-news .news-label {
    margin-right: 5px;
    font-size: 15px;
  }
  .banner-news .news-title {
    font-size: 11px;
  }
  .banner-news .news-desc {
    line-height: 22px;
  }
  .banner-news .news-detail {
    padding-top: 25px;
    transition: all .5s;
  }
  .banner-news .news-detail .news-detail-left {
    width: 100%;
    padding-right: 10px;
  }
  .banner-news .news-detail .news-detail-left::after {
    display: none;
  }
  .banner-news .news-detail .news-title {
    font-size: 14px;
  }
  .banner-news .news-detail .news-list {
    width: 100%;
    float: left;
    padding: 20px 0 0;
  }
  .banner-news .news-detail .news-list .news-item {
    width: 100%;
    padding-right: 0;
    margin-bottom: 0;
  }
  .banner-news .news-detail .news-list .news-item .news-date {
    margin-top: 5px;
  }
  .banner-news .news-detail .icon-list {
    position: absolute;
    right: 20px;
    bottom: 10px;
  }
  .banner-news .arrow-btn {
    position: absolute;
    right: 0;
    bottom: 18px;
    width: 20px;
    height: 12px;
    background-image: url("/images/arrow_up.png");
    background-size: 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .5s;
  }
  .service-section {
    padding-bottom: 170%;
  }
  .service-section .section-wrap {
    flex-direction: column;
  }
  .service-section .section-wrap .service-box {
    width: 100%;
    height: 50%;
  }
  .service-section .section-wrap .service-box .text-box {
    transform: translateY(0);
  }
  .service-section .section-wrap .service-box.active.new-digital .text-box {
    top: 50%;
  }
  .service-section .section-wrap .service-box.active .text-box {
    left: 20%;
    transform: translateY(0);
  }
  .service-section .section-wrap .service-box.active .text-box .service-title {
    margin-bottom: 5px;
  }
  .service-section .section-wrap .service-box.active .text-box .link {
    margin-top: 5px;
  }
  .service-section .section-wrap .service-box.active .text-box:last-child {
    left: auto;
  }
  .service-section .section-wrap .service-box.active .for-5g {
    width: 100px;
    bottom: 10px;
    right: 10px;
  }
  .news-section .section-wrap {
    padding: 100px 20px 30px;
  }
  .news-section .news-slide {
    width: 100%;
  }
  .news-section .news-slide .year {
    font-size: 28px;
  }
  .news-section .news-slide .list {
    height: auto;
    padding-bottom: 0;
  }
  .news-section .news-slide .list .item {
    width: 170px;
    padding: 20px 0 10px;
  }
  .news-section .news-slide .list .item .item-title {
    margin-top: 10px;
    height: auto;
  }
  .news-section .all-news {
    margin-top: 20px;
  }
  .news-section .news-link i {
    font-size: 24px;
    margin-right: 5px;
  }
  .news-section .section-title {
    margin-top: 30px;
  }
  .news-section .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    height: 0;
  }
  .project-section::before {
    padding-bottom: 0;
  }
  .project-section .section-wrap {
    position: relative;
  }
  .project-section .section-title-wrap {
    position: relative;
    left: 0;
    top: 0;
    padding: 20px;
  }
  .project-section .container {
    width: 100%;
    padding: 0 10px 100px;
    box-sizing: border-box;
    overflow: hidden;
  }
  .project-section .container .left-top-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .project-section .container .left-top-swiper .project-title {
    font-size: 16px;
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .left-bottom-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-right: 2%;
    margin-bottom: 10px;
  }
  .project-section .container .left-bottom-swiper .project-title {
    font-size: 16px;
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .right-top-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
    margin-bottom: 10px;
  }
  .project-section .container .right-top-swiper .project-title {
    font-size: 16px;
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .right-bottom-swiper {
    position: relative;
    float: left;
    top: 0;
    left: 0;
    width: 99%;
  }
  .project-section .container .right-bottom-swiper .project-title {
    font-size: 16px;
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .case-text {
    bottom: 20px;
    left: 20px;
  }
  .project-section .container .case-text .icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
  }
  .project-section .project-main-pagination {
    bottom: 60px;
    padding-right: 0;
  }
}

@media all and (max-width: 400px) {
  .banner .banner-title {
    font-size: 25px;
  }
  .banner .banner-en-title {
    font-size: 18px;
  }
  .banner .new-space {
    transform: translateX(-50%) scale(0.2);
  }
  .project-section .container .left-top-swiper .project-title {
    font-size: 14px;
    bottom: 8px;
    left: 10px;
  }
  .project-section .container .left-bottom-swiper .project-title {
    font-size: 14px;
    bottom: 8px;
    left: 10px;
  }
  .project-section .container .right-top-swiper .project-title {
    font-size: 14px;
    bottom: 8px;
    left: 10px;
  }
  .project-section .container .right-bottom-swiper .project-title {
    font-size: 14px;
    bottom: 8px;
    left: 10px;
  }
}

/*wifi鍔ㄧ敾甯?/
@-webkit-keyframes wifiAnimate {
  1.12% {
    background-image: url("/images/index/wifi/a_00041.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  2.24% {
    background-image: url("/images/index/wifi/a_00042.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  3.36% {
    background-image: url("/images/index/wifi/a_00043.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  4.48% {
    background-image: url("/images/index/wifi/a_00044.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  5.6% {
    background-image: url("/images/index/wifi/a_00045.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  6.72% {
    background-image: url("/images/index/wifi/a_00046.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  7.84% {
    background-image: url("/images/index/wifi/a_00047.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  8.96% {
    background-image: url("/images/index/wifi/a_00048.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  10.08% {
    background-image: url("/images/index/wifi/a_00049.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  11.2% {
    background-image: url("/images/index/wifi/a_00050.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  12.32% {
    background-image: url("/images/index/wifi/a_00051.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  13.44% {
    background-image: url("/images/index/wifi/a_00052.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  14.56% {
    background-image: url("/images/index/wifi/a_00053.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  15.68% {
    background-image: url("/images/index/wifi/a_00054.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  16.8% {
    background-image: url("/images/index/wifi/a_00055.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  17.92% {
    background-image: url("/images/index/wifi/a_00056.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  19.04% {
    background-image: url("/images/index/wifi/a_00057.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  20.16% {
    background-image: url("/images/index/wifi/a_00058.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  21.28% {
    background-image: url("/images/index/wifi/a_00059.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  22.4% {
    background-image: url("/images/index/wifi/a_00060.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  23.52% {
    background-image: url("/images/index/wifi/a_00061.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  24.64% {
    background-image: url("/images/index/wifi/a_00062.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  25.76% {
    background-image: url("/images/index/wifi/a_00063.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  26.88% {
    background-image: url("/images/index/wifi/a_00064.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  28% {
    background-image: url("/images/index/wifi/a_00065.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  29.12% {
    background-image: url("/images/index/wifi/a_00066.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  30.24% {
    background-image: url("/images/index/wifi/a_00067.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  31.36% {
    background-image: url("/images/index/wifi/a_00068.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  32.48% {
    background-image: url("/images/index/wifi/a_00069.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  33.6% {
    background-image: url("/images/index/wifi/a_00070.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  34.72% {
    background-image: url("/images/index/wifi/a_00071.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  35.84% {
    background-image: url("/images/index/wifi/a_00072.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  36.96% {
    background-image: url("/images/index/wifi/a_00073.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  38.08% {
    background-image: url("/images/index/wifi/a_00074.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  39.2% {
    background-image: url("/images/index/wifi/a_00075.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  40.32% {
    background-image: url("/images/index/wifi/a_00076.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  41.44% {
    background-image: url("/images/index/wifi/a_00077.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  42.56% {
    background-image: url("/images/index/wifi/a_00078.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  43.68% {
    background-image: url("/images/index/wifi/a_00079.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  44.8% {
    background-image: url("/images/index/wifi/a_00080.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  45.92% {
    background-image: url("/images/index/wifi/a_00081.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  47.04% {
    background-image: url("/images/index/wifi/a_00082.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  48.16% {
    background-image: url("/images/index/wifi/a_00083.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  49.28% {
    background-image: url("/images/index/wifi/a_00084.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  50.4% {
    background-image: url("/images/index/wifi/a_00085.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  51.52% {
    background-image: url("/images/index/wifi/a_00086.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  52.64% {
    background-image: url("/images/index/wifi/a_00087.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  53.76% {
    background-image: url("/images/index/wifi/a_00088.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  54.88% {
    background-image: url("/images/index/wifi/a_00089.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  56% {
    background-image: url("/images/index/wifi/a_00090.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  57.12% {
    background-image: url("/images/index/wifi/a_00091.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  58.24% {
    background-image: url("/images/index/wifi/a_00092.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  59.36% {
    background-image: url("/images/index/wifi/a_00093.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  60.48% {
    background-image: url("/images/index/wifi/a_00094.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  61.6% {
    background-image: url("/images/index/wifi/a_00095.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  62.72% {
    background-image: url("/images/index/wifi/a_00096.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  63.84% {
    background-image: url("/images/index/wifi/a_00097.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  64.96% {
    background-image: url("/images/index/wifi/a_00098.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  66.08% {
    background-image: url("/images/index/wifi/a_00099.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  67.2% {
    background-image: url("/images/index/wifi/a_000100.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  68.32% {
    background-image: url("/images/index/wifi/a_000101.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  69.44% {
    background-image: url("/images/index/wifi/a_000102.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  70.56% {
    background-image: url("/images/index/wifi/a_000103.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  71.68% {
    background-image: url("/images/index/wifi/a_000104.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  72.8% {
    background-image: url("/images/index/wifi/a_000105.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  73.92% {
    background-image: url("/images/index/wifi/a_000106.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  75.04% {
    background-image: url("/images/index/wifi/a_000107.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  76.16% {
    background-image: url("/images/index/wifi/a_000108.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  77.28% {
    background-image: url("/images/index/wifi/a_000109.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  78.4% {
    background-image: url("/images/index/wifi/a_000110.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  79.52% {
    background-image: url("/images/index/wifi/a_000111.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  80.64% {
    background-image: url("/images/index/wifi/a_000112.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  81.76% {
    background-image: url("/images/index/wifi/a_000113.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  82.88% {
    background-image: url("/images/index/wifi/a_000114.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  84% {
    background-image: url("/images/index/wifi/a_000115.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  85.12% {
    background-image: url("/images/index/wifi/a_000116.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  86.24% {
    background-image: url("/images/index/wifi/a_000117.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  87.36% {
    background-image: url("/images/index/wifi/a_000118.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  88.48% {
    background-image: url("/images/index/wifi/a_000119.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  89.6% {
    background-image: url("/images/index/wifi/a_000120.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  90.72% {
    background-image: url("/images/index/wifi/a_000121.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  91.84% {
    background-image: url("/images/index/wifi/a_000122.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  92.96% {
    background-image: url("/images/index/wifi/a_000123.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  94.08% {
    background-image: url("/images/index/wifi/a_000124.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  95.2% {
    background-image: url("/images/index/wifi/a_000125.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  96.32% {
    background-image: url("/images/index/wifi/a_000126.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  97.44% {
    background-image: url("/images/index/wifi/a_000127.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  98.56% {
    background-image: url("/images/index/wifi/a_000128.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  99.68% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
}

@keyframes wifiAnimate {
  1.12% {
    background-image: url("/images/index/wifi/a_00041.png");
  }
  2.24% {
    background-image: url("/images/index/wifi/a_00042.png");
  }
  3.36% {
    background-image: url("/images/index/wifi/a_00043.png");
  }
  4.48% {
    background-image: url("/images/index/wifi/a_00044.png");
  }
  5.6% {
    background-image: url("/images/index/wifi/a_00045.png");
  }
  6.72% {
    background-image: url("/images/index/wifi/a_00046.png");
  }
  7.84% {
    background-image: url("/images/index/wifi/a_00047.png");
  }
  8.96% {
    background-image: url("/images/index/wifi/a_00048.png");
  }
  10.08% {
    background-image: url("/images/index/wifi/a_00049.png");
  }
  11.2% {
    background-image: url("/images/index/wifi/a_00050.png");
  }
  12.32% {
    background-image: url("/images/index/wifi/a_00051.png");
  }
  13.44% {
    background-image: url("/images/index/wifi/a_00052.png");
  }
  14.56% {
    background-image: url("/images/index/wifi/a_00053.png");
  }
  15.68% {
    background-image: url("/images/index/wifi/a_00054.png");
  }
  16.8% {
    background-image: url("/images/index/wifi/a_00055.png");
  }
  17.92% {
    background-image: url("/images/index/wifi/a_00056.png");
  }
  19.04% {
    background-image: url("/images/index/wifi/a_00057.png");
  }
  20.16% {
    background-image: url("/images/index/wifi/a_00058.png");
  }
  21.28% {
    background-image: url("/images/index/wifi/a_00059.png");
  }
  22.4% {
    background-image: url("/images/index/wifi/a_00060.png");
  }
  23.52% {
    background-image: url("/images/index/wifi/a_00061.png");
  }
  24.64% {
    background-image: url("/images/index/wifi/a_00062.png");
  }
  25.76% {
    background-image: url("/images/index/wifi/a_00063.png");
  }
  26.88% {
    background-image: url("/images/index/wifi/a_00064.png");
  }
  28% {
    background-image: url("/images/index/wifi/a_00065.png");
  }
  29.12% {
    background-image: url("/images/index/wifi/a_00066.png");
  }
  30.24% {
    background-image: url("/images/index/wifi/a_00067.png");
  }
  31.36% {
    background-image: url("/images/index/wifi/a_00068.png");
  }
  32.48% {
    background-image: url("/images/index/wifi/a_00069.png");
  }
  33.6% {
    background-image: url("/images/index/wifi/a_00070.png");
  }
  34.72% {
    background-image: url("/images/index/wifi/a_00071.png");
  }
  35.84% {
    background-image: url("/images/index/wifi/a_00072.png");
  }
  36.96% {
    background-image: url("/images/index/wifi/a_00073.png");
  }
  38.08% {
    background-image: url("/images/index/wifi/a_00074.png");
  }
  39.2% {
    background-image: url("/images/index/wifi/a_00075.png");
  }
  40.32% {
    background-image: url("/images/index/wifi/a_00076.png");
  }
  41.44% {
    background-image: url("/images/index/wifi/a_00077.png");
  }
  42.56% {
    background-image: url("/images/index/wifi/a_00078.png");
  }
  43.68% {
    background-image: url("/images/index/wifi/a_00079.png");
  }
  44.8% {
    background-image: url("/images/index/wifi/a_00080.png");
  }
  45.92% {
    background-image: url("/images/index/wifi/a_00081.png");
  }
  47.04% {
    background-image: url("/images/index/wifi/a_00082.png");
  }
  48.16% {
    background-image: url("/images/index/wifi/a_00083.png");
  }
  49.28% {
    background-image: url("/images/index/wifi/a_00084.png");
  }
  50.4% {
    background-image: url("/images/index/wifi/a_00085.png");
  }
  51.52% {
    background-image: url("/images/index/wifi/a_00086.png");
  }
  52.64% {
    background-image: url("/images/index/wifi/a_00087.png");
  }
  53.76% {
    background-image: url("/images/index/wifi/a_00088.png");
  }
  54.88% {
    background-image: url("/images/index/wifi/a_00089.png");
  }
  56% {
    background-image: url("/images/index/wifi/a_00090.png");
  }
  57.12% {
    background-image: url("/images/index/wifi/a_00091.png");
  }
  58.24% {
    background-image: url("/images/index/wifi/a_00092.png");
  }
  59.36% {
    background-image: url("/images/index/wifi/a_00093.png");
  }
  60.48% {
    background-image: url("/images/index/wifi/a_00094.png");
  }
  61.6% {
    background-image: url("/images/index/wifi/a_00095.png");
  }
  62.72% {
    background-image: url("/images/index/wifi/a_00096.png");
  }
  63.84% {
    background-image: url("/images/index/wifi/a_00097.png");
  }
  64.96% {
    background-image: url("/images/index/wifi/a_00098.png");
  }
  66.08% {
    background-image: url("/images/index/wifi/a_00099.png");
  }
  67.2% {
    background-image: url("/images/index/wifi/a_000100.png");
  }
  68.32% {
    background-image: url("/images/index/wifi/a_000101.png");
  }
  69.44% {
    background-image: url("/images/index/wifi/a_000102.png");
  }
  70.56% {
    background-image: url("/images/index/wifi/a_000103.png");
  }
  71.68% {
    background-image: url("/images/index/wifi/a_000104.png");
  }
  72.8% {
    background-image: url("/images/index/wifi/a_000105.png");
  }
  73.92% {
    background-image: url("/images/index/wifi/a_000106.png");
  }
  75.04% {
    background-image: url("/images/index/wifi/a_000107.png");
  }
  76.16% {
    background-image: url("/images/index/wifi/a_000108.png");
  }
  77.28% {
    background-image: url("/images/index/wifi/a_000109.png");
  }
  78.4% {
    background-image: url("/images/index/wifi/a_000110.png");
  }
  79.52% {
    background-image: url("/images/index/wifi/a_000111.png");
  }
  80.64% {
    background-image: url("/images/index/wifi/a_000112.png");
  }
  81.76% {
    background-image: url("/images/index/wifi/a_000113.png");
  }
  82.88% {
    background-image: url("/images/index/wifi/a_000114.png");
  }
  84% {
    background-image: url("/images/index/wifi/a_000115.png");
  }
  85.12% {
    background-image: url("/images/index/wifi/a_000116.png");
  }
  86.24% {
    background-image: url("/images/index/wifi/a_000117.png");
  }
  87.36% {
    background-image: url("/images/index/wifi/a_000118.png");
  }
  88.48% {
    background-image: url("/images/index/wifi/a_000119.png");
  }
  89.6% {
    background-image: url("/images/index/wifi/a_000120.png");
  }
  90.72% {
    background-image: url("/images/index/wifi/a_000121.png");
  }
  91.84% {
    background-image: url("/images/index/wifi/a_000122.png");
  }
  92.96% {
    background-image: url("/images/index/wifi/a_000123.png");
  }
  94.08% {
    background-image: url("/images/index/wifi/a_000124.png");
  }
  95.2% {
    background-image: url("/images/index/wifi/a_000125.png");
  }
  96.32% {
    background-image: url("/images/index/wifi/a_000126.png");
  }
  97.44% {
    background-image: url("/images/index/wifi/a_000127.png");
  }
  98.56% {
    background-image: url("/images/index/wifi/a_000128.png");
  }
  99.68% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
  100% {
    background-image: url("/images/index/wifi/a_000129.png");
  }
}

/* 鐑熻姳 */
@-webkit-keyframes fireworks {
  0% {
    background-image: url("/images/index/fireworks/R4_00019.jpg");
  }
  1.85% {
    background-image: url("/images/index/fireworks/R4_00020.jpg");
  }
  3.7% {
    background-image: url("/images/index/fireworks/R4_00021.jpg");
  }
  5.55% {
    background-image: url("/images/index/fireworks/R4_00022.jpg");
  }
  7.4% {
    background-image: url("/images/index/fireworks/R4_00023.jpg");
  }
  9.25% {
    background-image: url("/images/index/fireworks/R4_00024.jpg");
  }
  11.1% {
    background-image: url("/images/index/fireworks/R4_00025.jpg");
  }
  12.95% {
    background-image: url("/images/index/fireworks/R4_00026.jpg");
  }
  14.8% {
    background-image: url("/images/index/fireworks/R4_00027.jpg");
  }
  16.65% {
    background-image: url("/images/index/fireworks/R4_00028.jpg");
  }
  18.5% {
    background-image: url("/images/index/fireworks/R4_00029.jpg");
  }
  20.35% {
    background-image: url("/images/index/fireworks/R4_00030.jpg");
  }
  22.2% {
    background-image: url("/images/index/fireworks/R4_00031.jpg");
  }
  24.05% {
    background-image: url("/images/index/fireworks/R4_00032.jpg");
  }
  25.9% {
    background-image: url("/images/index/fireworks/R4_00033.jpg");
  }
  27.75% {
    background-image: url("/images/index/fireworks/R4_00034.jpg");
  }
  29.6% {
    background-image: url("/images/index/fireworks/R4_00035.jpg");
  }
  31.45% {
    background-image: url("/images/index/fireworks/R4_00036.jpg");
  }
  33.3% {
    background-image: url("/images/index/fireworks/R4_00037.jpg");
  }
  35.15% {
    background-image: url("/images/index/fireworks/R4_00038.jpg");
  }
  37% {
    background-image: url("/images/index/fireworks/R4_00039.jpg");
  }
  38.85% {
    background-image: url("/images/index/fireworks/R4_00040.jpg");
  }
  40.7% {
    background-image: url("/images/index/fireworks/R4_00041.jpg");
  }
  42.55% {
    background-image: url("/images/index/fireworks/R4_00042.jpg");
  }
  44.4% {
    background-image: url("/images/index/fireworks/R4_00043.jpg");
  }
  46.25% {
    background-image: url("/images/index/fireworks/R4_00044.jpg");
  }
  48.1% {
    background-image: url("/images/index/fireworks/R4_00045.jpg");
  }
  49.95% {
    background-image: url("/images/index/fireworks/R4_00046.jpg");
  }
  51.8% {
    background-image: url("/images/index/fireworks/R4_00047.jpg");
  }
  53.65% {
    background-image: url("/images/index/fireworks/R4_00048.jpg");
  }
  55.5% {
    background-image: url("/images/index/fireworks/R4_00049.jpg");
  }
  57.35% {
    background-image: url("/images/index/fireworks/R4_00050.jpg");
  }
  59.2% {
    background-image: url("/images/index/fireworks/R4_00051.jpg");
  }
  61.05% {
    background-image: url("/images/index/fireworks/R4_00052.jpg");
  }
  62.9% {
    background-image: url("/images/index/fireworks/R4_00053.jpg");
  }
  64.75% {
    background-image: url("/images/index/fireworks/R4_00054.jpg");
  }
  66.6% {
    background-image: url("/images/index/fireworks/R4_00055.jpg");
  }
  68.45% {
    background-image: url("/images/index/fireworks/R4_00056.jpg");
  }
  70.3% {
    background-image: url("/images/index/fireworks/R4_00057.jpg");
  }
  72.15% {
    background-image: url("/images/index/fireworks/R4_00058.jpg");
  }
  74% {
    background-image: url("/images/index/fireworks/R4_00059.jpg");
  }
  75.85% {
    background-image: url("/images/index/fireworks/R4_00060.jpg");
  }
  77.7% {
    background-image: url("/images/index/fireworks/R4_00061.jpg");
  }
  79.55% {
    background-image: url("/images/index/fireworks/R4_00062.jpg");
  }
  81.4% {
    background-image: url("/images/index/fireworks/R4_00063.jpg");
  }
  83.25% {
    background-image: url("/images/index/fireworks/R4_00064.jpg");
  }
  85.1% {
    background-image: url("/images/index/fireworks/R4_00065.jpg");
  }
  86.95% {
    background-image: url("/images/index/fireworks/R4_00066.jpg");
  }
  100% {
    background-image: url("/images/index/fireworks/R4_00019.jpg");
  }
}

@keyframes fireworks {
  0% {
    background-image: url("/images/index/fireworks/R4_00019.jpg");
  }
  1.85% {
    background-image: url("/images/index/fireworks/R4_00020.jpg");
  }
  3.7% {
    background-image: url("/images/index/fireworks/R4_00021.jpg");
  }
  5.55% {
    background-image: url("/images/index/fireworks/R4_00022.jpg");
  }
  7.4% {
    background-image: url("/images/index/fireworks/R4_00023.jpg");
  }
  9.25% {
    background-image: url("/images/index/fireworks/R4_00024.jpg");
  }
  11.1% {
    background-image: url("/images/index/fireworks/R4_00025.jpg");
  }
  12.95% {
    background-image: url("/images/index/fireworks/R4_00026.jpg");
  }
  14.8% {
    background-image: url("/images/index/fireworks/R4_00027.jpg");
  }
  16.65% {
    background-image: url("/images/index/fireworks/R4_00028.jpg");
  }
  18.5% {
    background-image: url("/images/index/fireworks/R4_00029.jpg");
  }
  20.35% {
    background-image: url("/images/index/fireworks/R4_00030.jpg");
  }
  22.2% {
    background-image: url("/images/index/fireworks/R4_00031.jpg");
  }
  24.05% {
    background-image: url("/images/index/fireworks/R4_00032.jpg");
  }
  25.9% {
    background-image: url("/images/index/fireworks/R4_00033.jpg");
  }
  27.75% {
    background-image: url("/images/index/fireworks/R4_00034.jpg");
  }
  29.6% {
    background-image: url("/images/index/fireworks/R4_00035.jpg");
  }
  31.45% {
    background-image: url("/images/index/fireworks/R4_00036.jpg");
  }
  33.3% {
    background-image: url("/images/index/fireworks/R4_00037.jpg");
  }
  35.15% {
    background-image: url("/images/index/fireworks/R4_00038.jpg");
  }
  37% {
    background-image: url("/images/index/fireworks/R4_00039.jpg");
  }
  38.85% {
    background-image: url("/images/index/fireworks/R4_00040.jpg");
  }
  40.7% {
    background-image: url("/images/index/fireworks/R4_00041.jpg");
  }
  42.55% {
    background-image: url("/images/index/fireworks/R4_00042.jpg");
  }
  44.4% {
    background-image: url("/images/index/fireworks/R4_00043.jpg");
  }
  46.25% {
    background-image: url("/images/index/fireworks/R4_00044.jpg");
  }
  48.1% {
    background-image: url("/images/index/fireworks/R4_00045.jpg");
  }
  49.95% {
    background-image: url("/images/index/fireworks/R4_00046.jpg");
  }
  51.8% {
    background-image: url("/images/index/fireworks/R4_00047.jpg");
  }
  53.65% {
    background-image: url("/images/index/fireworks/R4_00048.jpg");
  }
  55.5% {
    background-image: url("/images/index/fireworks/R4_00049.jpg");
  }
  57.35% {
    background-image: url("/images/index/fireworks/R4_00050.jpg");
  }
  59.2% {
    background-image: url("/images/index/fireworks/R4_00051.jpg");
  }
  61.05% {
    background-image: url("/images/index/fireworks/R4_00052.jpg");
  }
  62.9% {
    background-image: url("/images/index/fireworks/R4_00053.jpg");
  }
  64.75% {
    background-image: url("/images/index/fireworks/R4_00054.jpg");
  }
  66.6% {
    background-image: url("/images/index/fireworks/R4_00055.jpg");
  }
  68.45% {
    background-image: url("/images/index/fireworks/R4_00056.jpg");
  }
  70.3% {
    background-image: url("/images/index/fireworks/R4_00057.jpg");
  }
  72.15% {
    background-image: url("/images/index/fireworks/R4_00058.jpg");
  }
  74% {
    background-image: url("/images/index/fireworks/R4_00059.jpg");
  }
  75.85% {
    background-image: url("/images/index/fireworks/R4_00060.jpg");
  }
  77.7% {
    background-image: url("/images/index/fireworks/R4_00061.jpg");
  }
  79.55% {
    background-image: url("/images/index/fireworks/R4_00062.jpg");
  }
  81.4% {
    background-image: url("/images/index/fireworks/R4_00063.jpg");
  }
  83.25% {
    background-image: url("/images/index/fireworks/R4_00064.jpg");
  }
  85.1% {
    background-image: url("/images/index/fireworks/R4_00065.jpg");
  }
  86.95% {
    background-image: url("/images/index/fireworks/R4_00066.jpg");
  }
  100% {
    background-image: url("/images/index/fireworks/R4_00019.jpg");
  }
}

@-webkit-keyframes imgN1 {
  0% {
    left: -100vw;
  }
  50% {
    left: 100vw;
  }
  100% {
    left: -50vw;
  }
}

@keyframes imgN1 {
  0% {
    left: -100vw;
  }
  50% {
    left: 100vw;
  }
  100% {
    left: -100vw;
  }
}

@-webkit-keyframes imgN2 {
  0% {
    left: 10%;
    top: 0%;
  }
  50% {
    left: 90%;
    top: 50%;
  }
  100% {
    left: 10%;
    top: 10%;
  }
}

@keyframes imgN2 {
  0% {
    left: 10%;
    top: 0%;
  }
  50% {
    left: 90%;
    top: 50%;
  }
  100% {
    left: 10%;
    top: 10%;
  }
}

@-webkit-keyframes imgN3 {
  0% {
    left: 100%;
    top: 100%;
  }
  50% {
    left: -100%;
    transform: scale(1);
    top: -100%;
  }
  100% {
    left: 60%;
    transform: scale(0.5);
    top: 0%;
  }
}

@keyframes imgN3 {
  0% {
    left: 100%;
    top: 100%;
  }
  50% {
    left: -100%;
    transform: scale(1);
    top: -100%;
  }
  100% {
    left: 60%;
    transform: scale(0.5);
    top: 0%;
  }
}

@-webkit-keyframes imgN4 {
  0% {
    left: -100%;
    top: 100%;
  }
  100% {
    left: 100%;
    top: -100%;
  }
}

@keyframes imgN4 {
  0% {
    left: -100%;
    top: 100%;
  }
  100% {
    left: 100%;
    top: -100%;
  }
}

@-webkit-keyframes change {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes change {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}