@charset "UTF-8";
body {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

@media screen and (min-width: 960px) {
  header .headerImage {
    height: 15.625vw;
    width: 100%;
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/965e146c9dee4c1289c0a4d13ba2808b.png");
    background-size: cover;
  }
  main {
    width: 62.5vw;
    height: 100%;
    margin: 3.646vw auto 0;
    position: relative;
  }
  main .introduction {
    position: relative;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 1.146vw;
    color: #333333;
    font-style: normal;
    text-transform: none;
    line-height: 2.192vw;
    text-indent: 2em;
  }
  main .title-view {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 2.604vw;
  }
  main .title-view .title {
    width: 8.75vw;
    height: 1.875vw;
    font-weight: 500;
    font-size: 2.1875vw;
    color: #383838;
    line-height: 1.875vw;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  main .title-view .title-is {
    display: none;
  }
  main .title-view .icon {
    padding-left: 0.833vw;
    width: 1.40625vw;
    height: 1.875vw;
  }
  main .culture {
    position: relative;
    width: 100%;
    height: 26.042vw;
    margin: 6.354vw 0;
  }
  main .culture .parent {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: (9.375vw)[2];
    -ms-grid-columns: (30.208vw)[2];
        grid-template: repeat(2, 9.375vw)/repeat(2, 30.208vw);
    gap: 2.083vw;
  }
  main .culture .parent .culture-content {
    padding: 2.34375vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-shadow: 0 0.208vw 1.042vw rgba(0, 0, 0, 0.2), 0 0.417vw 2.083vw rgba(255, 255, 255, 0.5);
            box-shadow: 0 0.208vw 1.042vw rgba(0, 0, 0, 0.2), 0 0.417vw 2.083vw rgba(255, 255, 255, 0.5);
    /* 第二层阴影（半透明白色） */
  }
  main .culture .parent .culture-content .culture-content-title {
    height: 1.979vw;
    font-size: 1.667vw;
    color: #333333;
    line-height: 1.979vw;
    margin-bottom: 0.833vw;
  }
  main .culture .parent .culture-content .parent-content {
    font-weight: 400;
    font-size: 1.042vw;
    color: #666666;
    line-height: 1.354vw;
  }
  main .culture .parent .culture-content:nth-child(odd) {
    background-image: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/1981768b669d41efadd8f18f73fc5f9f.png");
    background-size: 100% 100%;
  }
  main .culture .parent .culture-content:nth-child(even) {
    background-image: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/eb01cd8f04f74db2a9ad4e4d28e2a235.png");
    background-size: 100% 100%;
  }
  main .spirit {
    position: relative;
    width: 100%;
  }
  main .spirit .spirit-view {
    width: 100%;
    height: 24.167vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  main .spirit .spirit-view .spirit-item {
    width: 15.625vw;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-icon {
    width: 3.59375vw;
    height: 3.59375vw;
    margin-bottom: 2.083vw;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-title {
    font-weight: 500;
    font-size: 1.875vw;
    color: #ffffff;
    line-height: 1.875vw;
    text-align: center;
    margin-bottom: 0.729vw;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-content {
    padding: 0 2.083vw;
    opacity: 0;
    /* 初始状态为隐藏 */
    -webkit-transform: translateY(1.042vw);
            transform: translateY(1.042vw);
    /* 初始位置稍微下移 */
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    /* 过渡效果 */
    font-weight: 400;
    font-size: 0.833vw;
    color: #ffffff;
    line-height: 0.99vw;
    text-align: center;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-icon,
  main .spirit .spirit-view .spirit-item .spirit-item-title {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    /* 上移效果 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-icon {
    -webkit-transform: translateY(-1.042vw);
            transform: translateY(-1.042vw);
    /* 鼠标悬停时上移 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-title {
    -webkit-transform: translateY(-1.042vw);
            transform: translateY(-1.042vw);
    /* 鼠标悬停时上移 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-content {
    opacity: 1;
    /* 鼠标悬停时显现 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 回到正常位置 */
  }
  main .spirit .spirit-view .dedication {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/8698de91ca094abaafbd9af58a354353.png");
    background-size: cover;
  }
  main .spirit .spirit-view .learning {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/e2f3becc8b7649199ade12e404851abb.png");
    background-size: cover;
  }
  main .spirit .spirit-view .fightHard {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/3d60146231c8463188de5298a5667650.png");
    background-size: cover;
  }
  main .spirit .spirit-view .cooperation {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/2a594444fb034bd499b0bfb7622dff47.png");
    background-size: cover;
  }
  footer {
    margin-top: 15.104vw;
  }
  footer .footer-view {
    width: 100%;
    height: 10.417vw;
    background: #555555;
    margin: 0 auto;
  }
  footer .footer-view .footer-information-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  footer .footer-view .footer-information-view .information {
    width: 43.125vw;
    height: 6.302vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  footer .footer-view .footer-information-view .information .item-icon {
    width: 2.083vw;
    height: 2.083vw;
    margin-right: 1.25vw;
  }
  footer .footer-view .footer-information-view .information .item-phone {
    margin-bottom: 0.417vw;
    font-weight: 500;
    font-size: 0.729vw;
    color: #cacaca;
    line-height: 0.729vw;
    text-align: left;
    font-style: normal;
    text-decoration: none;
  }
  footer .footer-view .footer-information-view .information .item-phone-number {
    font-weight: bold;
    font-size: 0.729vw;
    color: #ffffff;
    line-height: 0.9375vw;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  footer .footer-view .footer-information-view .twoDimensionalCode {
    width: 4.6875vw;
    height: 4.6875vw;
    margin-left: 14.583vw;
  }
}

@media screen and (max-width: 960px) {
  header .headerImage {
    height: 41.6vw;
    width: 100%;
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/2d67670a7d12460ca279447003f2203e.png");
    background-size: cover;
  }
  main {
    width: 91.47vw;
    height: 100%;
    position: relative;
    margin: auto;
  }
  main .introduction {
    margin-top: 4.27vw;
    position: relative;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 3.73vw;
    color: #333333;
    font-style: normal;
    text-transform: none;
    line-height: 5.33vw;
    text-indent: 2em;
  }
  main .title-view {
    position: relative;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-bottom: 5.33vw;
  }
  main .title-view .title {
    font-weight: bold;
    font-size: 4.27vw;
    color: #111111;
    line-height: 5.33vw;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  main .title-view .title-is {
    height: 5.33vw;
    font-weight: 400;
    font-size: 2.93vw;
    color: #888888;
    line-height: 5.33vw;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  main .title-view .icon {
    display: none;
  }
  main .culture {
    position: relative;
    width: 100%;
  }
  main .culture .parent {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main .culture .parent .culture-content {
    width: 91.47vw;
    height: 28.8vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 3.73vw;
    -webkit-box-shadow: 0 0.208vw 1.042vw rgba(0, 0, 0, 0.2), 0 0.417vw 2.083vw rgba(255, 255, 255, 0.5);
            box-shadow: 0 0.208vw 1.042vw rgba(0, 0, 0, 0.2), 0 0.417vw 2.083vw rgba(255, 255, 255, 0.5);
    /* 第二层阴影（半透明白色） */
  }
  main .culture .parent .culture-content:nth-child(odd) {
    background-image: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/643e0f42487a485ea91d9b10fb24a20a.png");
    background-size: cover;
  }
  main .culture .parent .culture-content:nth-child(even) {
    background-image: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/86c0083e21904a95b56364ba33244d29.png");
    background-size: cover;
  }
  main .culture .parent .culture-content .culture-content-title {
    width: 100px;
    height: 10.13vw;
    font-weight: bold;
    font-size: 4.27vw;
    color: #333333;
    line-height: 10.13vw;
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-transform: translateX(6.4vw) translateY(3.2vw);
            transform: translateX(6.4vw) translateY(3.2vw);
  }
  main .culture .parent .culture-content .parent-content {
    margin-left: 6.4vw;
    margin-top: 3.2vw;
    height: 6.93vw;
    font-weight: 400;
    font-size: 3.73vw;
    color: #888888;
    line-height: 6.93vw;
    font-style: normal;
    text-transform: none;
  }
  main .spirit {
    position: relative;
    width: 100%;
    height: 100%;
  }
  main .spirit .spirit-view {
    width: 100%;
    height: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  main .spirit .spirit-view .spirit-item {
    width: 44.27vw;
    height: 68.27vw;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 2.67vw;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-icon {
    width: 10.13vw;
    height: 10.13vw;
    margin-bottom: 5.33vw;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-title {
    font-weight: 500;
    font-size: 4.8vw;
    color: #ffffff;
    line-height: 9.6vw;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-content {
    opacity: 0;
    /* 初始状态为隐藏 */
    -webkit-transform: translateY(1.042vw);
            transform: translateY(1.042vw);
    /* 初始位置稍微下移 */
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
    width: 38.4vw;
    height: 12.8vw;
    font-weight: 400;
    font-size: 3.2vw;
    color: #ffffff;
    line-height: 4.27vw;
    font-style: normal;
    text-transform: none;
  }
  main .spirit .spirit-view .spirit-item .spirit-item-icon,
  main .spirit .spirit-view .spirit-item .spirit-item-title {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    /* 上移效果 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-icon {
    -webkit-transform: translateY(-5.33vw);
            transform: translateY(-5.33vw);
    /* 鼠标悬停时上移 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-title {
    -webkit-transform: translateY(-5.33vw);
            transform: translateY(-5.33vw);
    /* 鼠标悬停时上移 */
  }
  main .spirit .spirit-view .spirit-item:hover .spirit-item-content {
    opacity: 1;
    /* 鼠标悬停时显现 */
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* 回到正常位置 */
  }
  main .spirit .spirit-view .dedication {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/8698de91ca094abaafbd9af58a354353.png");
    background-size: cover;
  }
  main .spirit .spirit-view .learning {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/e2f3becc8b7649199ade12e404851abb.png");
    background-size: cover;
  }
  main .spirit .spirit-view .fightHard {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/3d60146231c8463188de5298a5667650.png");
    background-size: cover;
  }
  main .spirit .spirit-view .cooperation {
    background: url("https://green-pre.oss-cn-qingdao.aliyuncs.com/backstage_good/2024/12/13/2a594444fb034bd499b0bfb7622dff47.png");
    background-size: cover;
  }
  footer {
    margin-top: 16.8vw;
  }
  footer .footer-view {
    padding: 4vw;
    background: #555555;
    position: relative;
  }
  footer .footer-view .footer-information-view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
  }
  footer .footer-view .footer-information-view .information {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  footer .footer-view .footer-information-view .information .item-phone {
    margin-bottom: 1.33vw;
    font-weight: 500;
    font-size: 3.2vw;
    color: #cacaca;
    line-height: 4.8vw;
    text-align: left;
    font-style: normal;
    text-decoration: none;
  }
  footer .footer-view .twoDimensionalCode {
    width: 10.67vw;
    height: 10.67vw;
  }
}
/*# sourceMappingURL=style.css.map */