/* 设计稿宽 750 */
body,
html {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #fff;
}
@font-face {
  font-family: 'myFont1';
  src: url('../font/FZZDHJW.TTF');
}
@font-face {
  font-family: 'myFont2';
  src: url('../font/hyb1gjm.ttf');
}
/* 表单提示文字颜色 */
::-webkit-input-placeholder {
  color: #ee9918;
}
/* 大盒子公共样式 */
.pg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* 定位居中 */
.ps {
  position: absolute;
}
.dn {
  display: none;
}
img {
  height: auto;
  width: 100%;
  pointer-events: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
select {
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
li {
  list-style: none;
}
div {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
img[src=""] {
  display: none;
}
.inner-box {
  width: 100vw;
  height: 216.53333333vw;
  position: absolute;
  left: 0;
  top: 50%;
  margin-left: 0;
  margin-top: -108.26666667vw;
}
/* ********************************************** 自定义样式开始 *******************************************************/
.test-font {
  position: fixed;
  top: 500vw;
  left: 500vw;
  font-size: 6.4vw;
  color: #fff;
  font-family: "myFont2";
}
.test-font span {
  font-size: 7.46666667vw;
  font-family: "myFont1";
}
.box {
  top: 50%;
  left: 0;
  margin-left: 0;
  margin-top: -80vw;
  width: 100vw;
  height: 160vw;
}
.index .box .index-logo {
  top: 1.33333333vw;
  left: 50%;
  margin-left: -19.73333333vw;
  margin-top: 0;
  width: 39.46666667vw;
  height: 8vw;
}
.index .box .index-title {
  top: 17.33333333vw;
  left: 50%;
  margin-left: -40.06666667vw;
  margin-top: 0;
  width: 80.13333333vw;
  height: 22.66666667vw;
}
.index .box .index-title .index-title-ic {
  top: -2.66666667vw;
  left: 50%;
  margin-left: -40.26666667vw;
  margin-top: 0;
  width: 80.53333333vw;
  height: 57.2vw;
}
.index .box .index-list {
  top: 52vw;
  left: 50%;
  margin-left: -31.06666667vw;
  margin-top: 0;
  width: 62.13333333vw;
}
.index .box .index-list ul li {
  font-size: 0;
  line-height: 0;
  width: 62.13333333vw;
  margin-bottom: 4.4vw;
  position: relative;
}
.index .box .index-list ul li .index-click-hands {
  top: 5.33333333vw;
  right: -4vw;
  width: 13.33333333vw;
  height: 13.33333333vw;
  animation: clickHands 1s linear infinite both;
}
@keyframes clickHands {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.mission .box .mission-title {
  top: -22.4vw;
  left: 50%;
  margin-left: -20.26666667vw;
  margin-top: 0;
  width: 40.53333333vw;
  height: 29.6vw;
}
.mission .box .mission-pic {
  top: 5.06666667vw;
  left: 50%;
  margin-left: -22.4vw;
  margin-top: 0;
  width: 44.8vw;
}
.mission .box .mission-pic ul li {
  width: 44.8vw;
  height: 10.13333333vw;
  line-height: 0;
  font-size: 0;
}
.mission .box .mission-box {
  top: 83.2vw;
  left: 50%;
  margin-left: -46.06666667vw;
  margin-top: 0;
  width: 92.13333333vw;
  height: 82vw;
}
.mission .box .mission-box .mission-font {
  top: 2.4vw;
  left: 4.8vw;
  width: 84.93333333vw;
  height: 77.33333333vw;
}
.mission .box .mission-box .mission-font .mission-font-pic {
  width: 82.13333333vw;
  -webkit-user-select: auto;
}
.mission .box .mission-box .mission-font .mission-font-pic p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 2.13333333vw;
  line-height: 4.8vw;
}
.mission .box .mission-box .mission-font .mission-font-pic p span {
  font-family: "myFont1";
  color: #cb2121;
}
.mission .box .mission-box .mission-font .mission-font-pic p i {
  font-style: normal;
  font-family: "myFont1";
}
.mission .mission-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.mission .mission-bot .mission-back {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -18.46666667vw;
  margin-top: 0;
  width: 36.93333333vw;
  height: 11.6vw;
}
.vision .box .vision-title {
  top: -22.4vw;
  left: 50%;
  margin-left: -20.26666667vw;
  margin-top: 0;
  width: 40.53333333vw;
  height: 29.33333333vw;
}
.vision .box .vision-pic {
  top: 12vw;
  left: 6.4vw;
  width: 44.53333333vw;
  height: 24.93333333vw;
}
.vision .box .vision-box {
  top: 83.2vw;
  left: 50%;
  margin-left: -46.06666667vw;
  margin-top: 0;
  width: 92.13333333vw;
  height: 82vw;
}
.vision .box .vision-box .vision-font {
  top: 2.4vw;
  left: 4.8vw;
  width: 84.93333333vw;
  height: 77.33333333vw;
}
.vision .box .vision-box .vision-font .vision-font-pic {
  width: 82.13333333vw;
  -webkit-user-select: auto;
}
.vision .box .vision-box .vision-font .vision-font-pic p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 2.13333333vw;
  line-height: 4.8vw;
}
.vision .box .vision-box .vision-font .vision-font-pic p span {
  font-family: "myFont1";
  color: #cb2121;
}
.vision .box .vision-box .vision-font .vision-font-pic p i {
  font-style: normal;
  font-family: "myFont1";
}
.vision .vision-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.vision .vision-bot .vision-back {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -18.46666667vw;
  margin-top: 0;
  width: 36.93333333vw;
  height: 11.6vw;
}
.idea .box .idea-title {
  top: -22.4vw;
  left: 50%;
  margin-left: -39.33333333vw;
  margin-top: 0;
  width: 78.66666667vw;
  height: 30.13333333vw;
}
.idea .box .idea-list {
  top: 11.73333333vw;
  left: 50%;
  margin-left: -44.26666667vw;
  margin-top: 0;
  width: 88.53333333vw;
}
.idea .box .idea-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.idea .box .idea-list ul li {
  width: 27.86666667vw;
  height: 13.6vw;
  font-size: 0;
  line-height: 0;
  margin-bottom: 4.26666667vw;
  position: relative;
}
.idea .box .idea-list ul li .idea-click-hands {
  top: 5.33333333vw;
  right: -4vw;
  width: 13.33333333vw;
  height: 13.33333333vw;
  animation: clickHands 1s linear infinite both;
}
@keyframes clickHands {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.idea .box .idea-font {
  bottom: 0;
  left: 50%;
  margin-left: -44.33333333vw;
  margin-top: 0;
  width: 88.66666667vw;
  height: 51.6vw;
}
.idea .box .idea-font .idea-font-text {
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 88.66666667vw;
  height: 51.6vw;
  padding: 6.4vw 4.8vw 0 4.8vw;
  -webkit-user-select: auto;
}
.idea .box .idea-font .idea-font-text p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 1.86666667vw;
  line-height: 5.06666667vw;
}
.idea .box .idea-font .idea-font-text p span {
  font-family: "myFont1";
  color: #cb2121;
}
.idea .box .idea-font .idea-font-text p i {
  font-style: normal;
  font-weight: bold;
  font-family: "myFont1";
}
.idea .idea-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.idea .idea-bot .idea-back {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -18.46666667vw;
  margin-top: 0;
  width: 36.93333333vw;
  height: 11.6vw;
}
.idea-page .box .idea-page-title {
  top: -26.4vw;
  left: 50%;
  margin-left: -27.53333333vw;
  margin-top: 0;
  width: 55.06666667vw;
  height: 27.2vw;
}
.idea-page .box .idea-page-tit {
  top: -4vw;
  left: 50%;
  margin-left: -20.26666667vw;
  margin-top: 0;
  width: 40.53333333vw;
  height: 29.6vw;
}
.idea-page .box .idea-page-box {
  top: 22.66666667vw;
  left: 50%;
  margin-left: -44.33333333vw;
  margin-top: 0;
  width: 88.66666667vw;
  height: 61.33333333vw;
}
.idea-page .box .idea-page-box .idea-page-font {
  top: 2.13333333vw;
  left: 3.2vw;
  width: 84.8vw;
  height: 57.33333333vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-pic {
  width: 82.13333333vw;
  -webkit-user-select: auto;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-pic p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 3.2vw;
  line-height: 5.06666667vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-pic p span {
  font-family: "myFont1";
  color: #cb2121;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-pic p i {
  font-style: normal;
  font-family: "myFont1";
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item1 {
  height: 73.33333333vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item2 {
  height: 76vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item3 {
  height: 81.06666667vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item4 {
  height: 106.93333333vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item5 {
  height: 120vw;
}
.idea-page .box .idea-page-box .idea-page-font .idea-page-item6 {
  height: 58.66666667vw;
}
.idea-page .idea-page-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.idea-page .idea-page-bot .idea-page-btn {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -40.93333333vw;
  margin-top: 0;
  width: 81.86666667vw;
  height: 11.6vw;
  display: flex;
  justify-content: space-between;
}
.idea-page .idea-page-bot .idea-page-btn div {
  width: 36.93333333vw;
  height: 11.6vw;
}
.values .box .values-title {
  top: -22.4vw;
  left: 50%;
  margin-left: -31.53333333vw;
  margin-top: 0;
  width: 63.06666667vw;
  height: 30vw;
}
.values .box .values-list {
  top: 12.26666667vw;
  left: 50%;
  margin-left: -34.33333333vw;
  margin-top: 0;
  width: 68.66666667vw;
}
.values .box .values-list ul li {
  width: 68.66666667vw;
  height: 16.66666667vw;
  font-size: 0;
  line-height: 0;
  margin-bottom: 2.66666667vw;
  position: relative;
}
.values .box .values-list ul li .values-click-hands {
  top: 5.33333333vw;
  right: -4vw;
  width: 13.33333333vw;
  height: 13.33333333vw;
  animation: clickHands 1s linear infinite both;
}
@keyframes clickHands {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.values .values-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.values .values-bot .values-back {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -18.46666667vw;
  margin-top: 0;
  width: 36.93333333vw;
  height: 11.6vw;
}
.values-page .box .values-page-title {
  top: -26.4vw;
  left: 50%;
  margin-left: -29.66666667vw;
  margin-top: 0;
  width: 59.33333333vw;
  height: 27.73333333vw;
}
.values-page .box .values-page-tit {
  top: 1.33333333vw;
  left: 0;
  width: 100vw;
  height: 17.6vw;
}
.values-page .box .values-page-box {
  top: 22.66666667vw;
  left: 50%;
  margin-left: -44.33333333vw;
  margin-top: 0;
  width: 88.66666667vw;
  height: 59.6vw;
}
.values-page .box .values-page-box .values-page-font {
  top: 1.86666667vw;
  left: 3.2vw;
  width: 84.8vw;
  height: 55.46666667vw;
}
.values-page .box .values-page-box .values-page-font .values-page-pic {
  width: 82.13333333vw;
  -webkit-user-select: auto;
}
.values-page .box .values-page-box .values-page-font .values-page-pic p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 3.2vw;
  line-height: 5.06666667vw;
}
.values-page .box .values-page-box .values-page-font .values-page-pic p span {
  font-family: "myFont1";
  color: #cb2121;
}
.values-page .box .values-page-box .values-page-font .values-page-pic p i {
  font-style: normal;
  font-family: "myFont1";
}
.values-page .box .values-page-box .values-page-font .values-page-item1 {
  height: 71.46666667vw;
}
.values-page .box .values-page-box .values-page-font .values-page-item2 {
  height: 94.4vw;
}
.values-page .box .values-page-box .values-page-font .values-page-item3 {
  height: 97.06666667vw;
}
.values-page .box .values-page-box .values-page-font .values-page-item4 {
  height: 92.8vw;
}
.values-page .box .values-page-box .values-page-font .values-page-item5 {
  height: 112.26666667vw;
}
.values-page .box .values-page-box .values-page-font .values-page-item6 {
  height: 100.8vw;
}
.values-page .values-page-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.values-page .values-page-bot .values-page-btn {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -40.93333333vw;
  margin-top: 0;
  width: 81.86666667vw;
  height: 11.6vw;
  display: flex;
  justify-content: space-between;
}
.values-page .values-page-bot .values-page-btn div {
  width: 36.93333333vw;
  height: 11.6vw;
}
.spirit .box .spirit-title {
  top: -22.4vw;
  left: 50%;
  margin-left: -32.26666667vw;
  margin-top: 0;
  width: 64.53333333vw;
  height: 29.6vw;
}
.spirit .box .spirit-pic {
  top: 4.8vw;
  left: 7.46666667vw;
  width: 46.26666667vw;
}
.spirit .box .spirit-pic ul li {
  width: 46.26666667vw;
  height: 21.33333333vw;
  margin-bottom: 4.8vw;
  line-height: 0;
  font-size: 0;
}
.spirit .box .spirit-box {
  top: 83.2vw;
  left: 50%;
  margin-left: -46.06666667vw;
  margin-top: 0;
  width: 92.13333333vw;
  height: 82vw;
}
.spirit .box .spirit-box .spirit-font {
  top: 2.4vw;
  left: 4.8vw;
  width: 84.93333333vw;
  height: 77.33333333vw;
}
.spirit .box .spirit-box .spirit-font .spirit-font-pic {
  width: 82.13333333vw;
  -webkit-user-select: auto;
}
.spirit .box .spirit-box .spirit-font .spirit-font-pic p {
  font-family: "myFont2";
  font-size: 4vw;
  color: #23130d;
  padding-bottom: 2.13333333vw;
  line-height: 4.8vw;
}
.spirit .box .spirit-box .spirit-font .spirit-font-pic p span {
  font-family: "myFont1";
  color: #cb2121;
}
.spirit .box .spirit-box .spirit-font .spirit-font-pic p i {
  font-style: normal;
  font-family: "myFont1";
}
.spirit .spirit-bot {
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 15.46666667vw;
}
.spirit .spirit-bot .spirit-back {
  top: -2.13333333vw;
  left: 50%;
  margin-left: -18.46666667vw;
  margin-top: 0;
  width: 36.93333333vw;
  height: 11.6vw;
}
.move-tips {
  top: 50%;
  left: 50%;
  margin-left: -18.66666667vw;
  margin-top: -18.66666667vw;
  width: 37.33333333vw;
  height: 37.33333333vw;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2.66666667vw;
}
.move-tips .move-hands {
  top: 50%;
  left: 50%;
  margin-left: -8.4vw;
  margin-top: -15.93333333vw;
  width: 16.8vw;
  height: 31.86666667vw;
  animation: moveHands 1s linear infinite both;
}
@keyframes moveHands {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-2vw);
  }
  100% {
    transform: translateY(0);
  }
}
@media screen and (max-height: 205vw) {
  .mission .box {
    transform: scale(0.9);
  }
  .mission .box .mission-title {
    top: -27.4vw;
  }
  .mission .box .mission-pic {
    top: 0.066667vw;
  }
  .vision .box {
    transform: scale(0.9);
  }
  .spirit .box {
    transform: scale(0.9);
  }
  .idea .box {
    transform: scale(0.9);
  }
  .idea-page .box {
    transform: scale(0.9);
  }
  .values .box {
    transform: scale(0.9);
  }
  .values-page .box {
    transform: scale(0.9);
  }
}
@media screen and (max-height: 181.33vw) {
  .mission .box {
    transform: scale(0.8);
  }
  .mission .box .mission-title {
    top: -30.4vw;
  }
  .mission .box .mission-pic {
    top: -5.066667vw;
  }
  .vision .box {
    transform: scale(0.8);
  }
  .spirit .box {
    transform: scale(0.8);
  }
  .idea .box {
    transform: scale(0.8);
  }
  .idea-page .box {
    transform: scale(0.85);
  }
  .values .box {
    transform: scale(0.85);
  }
  .values-page .box {
    transform: scale(0.85);
  }
}
@media screen and (max-height: 164vw) {
  .mission .box {
    transform: scale(0.7);
  }
  .mission .box .mission-title {
    top: -35.4vw;
  }
  .mission .box .mission-pic {
    top: -10.066667vw;
  }
  .vision .box {
    transform: scale(0.7);
  }
  .spirit .box {
    transform: scale(0.7);
  }
  .idea .box {
    transform: scale(0.7);
  }
  .idea-page .box {
    transform: scale(0.75);
  }
  .values .box {
    transform: scale(0.75);
  }
  .values-page .box {
    transform: scale(0.75);
  }
}