@charset "UTF-8";
* { margin: 0; padding: 0; }

li { list-style: none; }

.wrap { width: 100%; overflow: hidden; height: auto; background: #ffffff; padding-bottom: 4.16667vw; }

.container { position: relative; }

#container-about { width: 100%; height: 100%; }

.photon-kv { width: 100%; height: 52.08333vw; overflow: hidden; position: relative; box-sizing: border-box; background: url("../images/banner1.jpg") no-repeat; background-size: 100% 100%; }

.photon-kv .serial { width: 100%; text-align: center; color: #ffffff; font-size: 0.9375vw; display: flex; position: absolute; bottom: 0.59896vw; z-index: 2; }

.photon-kv .serial span { width: 25%; }

.photon-kv .kv-swiper { width: 100%; height: 100%; }

.photon-kv .kv-swiper .swiper-wrapper .swiper-slide { position: relative; }

.photon-kv .kv-swiper .swiper-wrapper .swiper-slide video { width: 100%; height: auto; }

.photon-kv .kv-swiper .swiper-pagination { bottom: 0; width: 100%; }

.photon-kv .kv-swiper .swiper-pagination span { position: absolute; top: -34px; color: #ffffff; width: 100%; font-size: 0; left: 0; text-align: center; line-height: 30px; }

.photon-kv .kv-swiper .swiper-pagination p { width: 50%; height: 0.13021vw; background-color: #414041; border-radius: 0; position: relative; margin: 0 !important; opacity: 1; display: block; float: left; }

.photon-kv .kv-swiper .swiper-pagination p::after { position: absolute; content: ''; width: 0.05208vw; height: 0.20833vw; bottom: 0; right: 0; background-color: #808080; }

.photon-kv .kv-swiper .swiper-pagination p:last-child::after { display: none; }

.photon-kv .kv-swiper .swiper-pagination p:hover em { height: 0.26042vw; background-color: #595759; width: 100%; }

.photon-kv .kv-swiper .swiper-pagination p.swiper-pagination-bullet-active span { color: #e0c675; }

.photon-kv .kv-swiper .swiper-pagination p.swiper-pagination-bullet-active em { background-color: #ffffff; animation: line1 14s linear both infinite; }

.photon-kv .kv-swiper .swiper-pagination em { display: block; width: 0; height: 100%; background-color: #ffffff; position: absolute; bottom: 0; left: 0; transition: 0.2s height linear; }

@keyframes line1 { from { width: 0;
    height: 0.13021vw; }
  to { width: 100%;
    height: 0.13021vw; } }

.conter-video { background: url("../images/kv.jpg") no-repeat; background-size: 100% 100%; height: 52.08333vw; }

.play-info { position: absolute; bottom: 3.125vw; left: 0; right: 0; margin: auto; }

.play-info .btn-play { background: url("../images/play.png") no-repeat; background-size: 100% 100%; width: 6.64062vw; height: 6.64062vw; display: block; margin: auto; }

.play-info .kv-title { background: url("../images/about-title.png") no-repeat; width: 29.71354vw; height: 5.36458vw; background-size: 100% 100%; margin: 5.20833vw auto 4.6875vw; }

.progressBar { position: relative; margin: auto; z-index: 2; width: 4.6875vw; }

.progressBar-txt { font-size: 0.72917vw; color: #fff; text-align: center; text-align: center; margin-bottom: 0.72917vw; }

.progressBar-icon { background: url("../images/quantum.png") no-repeat; background-size: 100% 100%; width: 0.72917vw; height: 0.625vw; display: block; margin: auto; }

.progressBar-info { width: 0.05208vw; height: 1.58854vw; background-color: rgba(255, 255, 255, 0.2); z-index: 2; margin: 0.36458vw auto 0; }

.progressBar-info span { height: 50%; width: 100%; background: #ffffff; display: block; animation: go 3s linear infinite; }

@keyframes play1 { 0%, 100% { transform: scale(1); }
  50% { transform: scale(1.2); } }

@keyframes go { 0% { height: 0; }
  100% { height: 100%; } }

.home-title { color: #333333; font-size: 2.08333vw; margin-bottom: 2.34375vw; }

.about-txt { color: #333333; font-size: 0.9375vw; width: 24.73958vw; line-height: 1.51042vw; }

.btn-photon-ljgd { color: #0044d9; width: 8.46354vw; height: 2.03125vw; position: relative; display: block; text-align: center; line-height: 2.03125vw; border: 0.02604vw solid #0044d9; font-size: 0.83333vw; margin-top: 1.43229vw; transition: 1s; }

.btn-photon-ljgd span { position: relative; z-index: 1; }

.photon-about { background: url("../images/about1-shadow.png") no-repeat; background-size: 100% 100%; width: 100vw; height: 41.66667vw; position: relative; }

.photon-about .about-box { position: relative; display: flex; overflow: hidden; justify-content: space-between; align-items: center; width: 85.28646vw; height: 41.79688vw; margin: auto; }

.photon-about .about-box .abouat-left { padding-left: 6.69271vw; width: 30.98958vw; }

.photon-about .about-box .abouat-left .home-title { color: #333333; font-size: 2.08333vw; margin-bottom: 2.08333vw; }

.photon-about .about-box .abouat-left .abouat-txt { color: #333333; }

.photon-about .about-box .abouat-left .txt2 { margin-top: 0.52083vw; }

.photon-about .about-box .abouat-left .btn-photon-ljgd { color: #0044d9; position: relative; border: 0.02604vw solid #0044d9; margin-top: 1.43229vw; }

.photon-about .about-box .abouat-left .btn-photon-ljgd span { position: relative; z-index: 1; }

.photon-about .about-box .abouat-left .btn-photon-ljgd::before { content: ''; background: #0044d9; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.photon-about .about-box .abouat-left .btn-photon-ljgd:hover { color: #ffffff; }

.photon-about .about-box .abouat-left .btn-photon-ljgd:hover::before { width: 100%; }

.photon-about .about-box .about-img { display: block; background-size: 100% 100%; width: 49.14062vw; height: 49.14062vw; position: relative; border-radius: 50%; overflow: hidden; }

.photon-about .about-box .about-img video { height: 100%; }

.photon-studio { position: relative; display: flex; justify-content: center; background: url("../images/studio-bg.jpg") no-repeat; background-size: 100% 100%; width: 100%; height: 28.125vw; align-items: center; }

.photon-studio .studio-img { background: url("../images/studio-logo.png") no-repeat; background-size: 100% 100%; width: 33.95833vw; height: 28.125vw; display: block; margin-right: 5.07812vw; }

.photon-studio .studio-box { width: 23.82812vw; }

.photon-studio .studio-box .home-title { font-size: 2.08333vw; color: #ffffff; }

.photon-studio .studio-box .about-txt { color: #ffffff; font-size: 0.9375vw; }

.photon-studio .studio-box .btn-photon-ljgd { color: #ffffff; border: 0.02604vw solid #ffffff; margin-top: 1.82292vw; }

.photon-studio .studio-box .btn-photon-ljgd::before { content: ''; background: #ffffff; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.photon-studio .studio-box .btn-photon-ljgd:hover { color: #0044d9; border: 0.02604vw solid transparent; }

.photon-studio .studio-box .btn-photon-ljgd:hover::before { width: 100%; }

.photon-yuzhou { width: 100%; height: 52.08333vw; position: relative; background: url("../images/yuzhou-video.jpg"); }

.photon-yuzhou video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; }

.photon-yuzhou .about-bg { background: url("../images/video-txt.png") no-repeat; background-size: 100% 100%; width: 42.96875vw; height: 2.91667vw; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; }

.photon-yuzhou .about-bg .video-play { background: url("../images/play.png") no-repeat; background-size: 100% 100%; width: 6.64062vw; height: 6.64062vw; display: block; position: absolute; left: 0; right: 0; margin: auto; transform: translateY(-25%); }

.photon-business { position: relative; }

.business-module-game { position: relative;  background-size: 100% 100%;  padding-top: 1.6vw; box-sizing: border-box; }

.business-module-game .business-title { color: #ffffff; font-size: 3.71875vw; text-align: center;font-weight:bold; }

.business-module-game .business-txt { color: #ffffff; font-size: 0.9375vw; text-align: center; margin-top: 1.11979vw; }

.business-module-game .btn-search { transition: 1s; width: 8.46354vw; position: relative; height: 2.03125vw; text-align: center; margin: 0.52083vw auto 0; display: block; font-size: 0.72917vw; color: #ffffff; line-height: 2.03125vw; border: 0.02604vw solid #ffffff; }

.business-module-game .btn-search span { position: relative; z-index: 1; }

.business-module-game .btn-search:hover { color: #0044d9; }

.business-module-game .btn-search::before { content: ''; background: #ffffff; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.business-module-game .btn-search:hover::before { width: 100%; }

.game-box { width: 15.36458vw; height: auto; position: relative; }

.game-box img { width: 100%; height: auto; }

.game-box .game-title { color: #ffffff; font-size: 0.9375vw; margin: 1.04167vw 0 0.52083vw;text-align:center }
.game-box .game-title a{color: #ffffff;text-decoration:none; }

.game-box .game-txt { color: rgba(255, 255, 255, 0.8); font-size: 0.72917vw; display: none;text-align:center  }

.game-swiper { padding-top: 2.60417vw; position: relative; margin-left: -4.55729vw; margin-top: 2.60417vw; }

.game-box { width: 100%; }

.game-swiper .swiper-slide.swiper-slide-active { transform: translate(0vw, -2.60417vw); opacity: 1; z-index: 1; width: 20.57292vw !important; }

.game-swiper .swiper-slide.swiper-slide-active .game-box { width: 20.57292vw; height: auto; }

.game-swiper .swiper-slide.swiper-slide-active .game-box img { filter: drop-shadow(0.26042vw 0.26042vw 0.26042vw rgba(0, 0, 0, 0.5)); }

.game-swiper .swiper-slide.swiper-slide-active .game-txt { display: none; }

.game-swiper .swiper-slide { width: 15.3125vw; opacity: 0.6; }

.business-list-box { position: relative; height: auto; padding-bottom: 4.16667vw; }

.business-list-box .module-data-box { width: 95.83333vw; margin: auto; padding-top: 4.16667vw; box-sizing: border-box; position: relative; display: flex; justify-content: space-between; }

.business-list-box .module-data-box .business-module { width: 30.20833vw; text-align: center; }

.business-list-box .module-data-box .business-module .business-title { color: #333333; font-size: 1.71875vw; }

.business-list-box .module-data-box .business-module .business-txt { color: rgba(51, 51, 51, 0.6); font-size: 0.96354vw; margin-top: 1.19792vw; }

.business-list-box .module-data-box .business-module .module-img-box { margin-top: 2.47396vw; width: 30.20833vw; overflow: hidden; position: relative; height: 17.03125vw; cursor: pointer; }

.business-list-box .module-data-box .business-module .module-img-box img { display: block; width: 100%; height: 100%; transition: transform 1200ms ease; }

.business-list-box .module-data-box .business-module .module-img-box:hover img { transform: scale(1.1); }

.business-list-box .module-data-box .business-module .module-img-box:hover .l1, .business-list-box .module-data-box .business-module .module-img-box:hover .l3 { width: 100%; }

.business-list-box .module-data-box .business-module .module-img-box:hover .l2, .business-list-box .module-data-box .business-module .module-img-box:hover .l4 { height: 100%; }

.business-list-box .module-data-box .business-module .btn-module-gd { width: 5.67708vw; height: 2.03125vw; transition: 1s; color: #0044d9; font-size: 0.72917vw; display: block; text-align: center; position: relative; line-height: 2.03125vw; border: 0.02604vw solid #0044d9; margin: 2.60417vw auto 0; }

.business-list-box .module-data-box .business-module .btn-module-gd:hover { color: #ffffff; }

.business-list-box .module-data-box .business-module .btn-module-gd span { position: relative; z-index: 1; }

.business-list-box .module-data-box .business-module .btn-module-gd::before { content: ''; background: #0044d9; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.business-list-box .module-data-box .business-module .btn-module-gd:hover::before { width: 100%; }

.photon-contact { position: relative; background: url("../images/contact-bg.jpg") no-repeat; background-size: 100% 100%; width: 100%; height: 26.04167vw; }

.photon-contact .contact-box { width: 54.6875vw; margin: auto; height: auto; position: relative; top: 50%; transform: translateY(-50%); }

.photon-contact .contact-box .home-title { color: #ffffff; margin-bottom: 1.04167vw; }

.photon-contact .contact-box .contact-txt { font-size: 0.9375vw; color: #ffffff; opacity: 0.8; margin-bottom: 1.43229vw; }

.photon-contact .contact-box .contact-btn { width: 8.46354vw; transition: 1s; height: 2.03125vw; text-align: center; line-height: 2.03125vw; color: #ffffff; position: relative; display: block; font-size: 0.72917vw; border: 0.02604vw solid #ffffff; }

.photon-contact .contact-box .contact-btn:hover { color: #0044d9; border: 0.02604vw solid transparent; }

.photon-contact .contact-box .contact-btn span { position: relative; z-index: 1; }

.photon-contact .contact-box .contact-btn::before { content: ''; background: #ffffff; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.photon-contact .contact-box .contact-btn:hover::before { width: 100%; }

.photon-dynamicState { position: relative; overflow: hidden; }

.photon-dynamicState .home-title { margin-top: 4.16667vw; text-align: center; }

.photon-dynamicState .btn-dynamicState { width: 8.46354vw; height: 2.03125vw; transition: 1s; margin: auto; text-align: center; line-height: 2.03125vw; color: #0044d9; position: relative; display: block; font-size: 0.72917vw; border: 0.02604vw solid #0044d9; }

.photon-dynamicState .btn-dynamicState:hover { color: #ffffff; border: 0.02604vw solid transparent; }

.photon-dynamicState .btn-dynamicState span { position: relative; z-index: 1; }

.photon-dynamicState .btn-dynamicState::before { content: ''; background: #0044d9; width: 0; height: 100%; transition: 0.5s; position: absolute; left: 0; z-index: 0; top: 0; }

.photon-dynamicState .btn-dynamicState:hover::before { width: 100%; }

.dynamic-list { width: 54.6875vw; position: relative; display: flex; flex-wrap: wrap; margin: 3.38542vw auto 0; }

.dynamic-data { width: 16.40625vw; position: relative; margin-right: 2.73438vw; margin-bottom: 2.73438vw; transition: 1s; cursor: pointer; }

.dynamic-data:hover { transform: translateY(-1.30208vw); }

.dynamic-data:hover a { color: #0044D9; }

.dynamic-data:nth-child(3n) { margin-right: 0; }

.dynamic-img { width: 16.40625vw; display: block; height: 9.24479vw; }

.dynamic-img img { width: 100%; height: 100%; }

.dynamic-info { height: auto; position: relative; display: flex; flex-wrap: wrap; margin-top: 1.04167vw; }

.dynamic-time { color: #999999; margin: 0; display: flex; justify-content: space-between; width: 100%; align-items: end; }

.dynamic-time-md { font-size: 0.98958vw; }

.dynamic-time-y { font-size: 0.57292vw; transform: translateY(-0.18229vw); }

.dynamic-title { color: #333333; font-size: 0.78125vw; width: 100%; height: 2.08333vw; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0 0px 0.39062vw; }

.dynamic-title a { color: #333333; }

.dynamic-txt { color: #999999; font-size: 0.57292vw; margin-top: 1.5625vw; overflow: hidden; white-space: normal; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /* 行数 */ -webkit-line-clamp: 2; overflow: hidden; }

.swiper-button-prev { background: url("../images/toggle.png") no-repeat; width: 2.60417vw; height: 2.60417vw; background-size: 100% 100%; transform: translateY(-3.125vw); left: 32.55208vw; outline: none; }

.swiper-button-next { background: url("../images/toggle.png") no-repeat; width: 2.60417vw; height: 2.60417vw; background-size: 100% 100%; transform: rotate(180deg) translateY(3.125vw); right: 27.34375vw; outline: none; }

.swiper-button-prev:after, .swiper-button-next:after { content: none; }