@font-face {
    font-family: "HarmonyOS_Sans_SC_Bold";
    src: url("HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
}

@font-face {
    font-family: "HarmonyOS_Sans_SC_Medium";
    src: url("HarmonyOS_Sans_SC_Medium.ttf") format("truetype");
}

*, *::before, *::after {margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;-webkit-tap-highlight-color: transparent;}
* {-webkit-overflow-scrolling: touch;}
body {font-family: "Microsoft YaHei", sans-serif;color: #333;background: #000000; overflow-x: hidden; overflow-y: auto;}
ul, ol {list-style: none;}
a {text-decoration: none;color: #333;}
input, textarea {border: none;outline: none;resize: none;}
html, body {width: 100%;height: 100%;margin: 0;padding: 0;font-size: 20px;}
.P {position: absolute;top: 0;left: 0;display: none;width: 100%;height: 100%;overflow: hidden;background: #ffffff;}

.pop-mask {display: none; position: absolute;top:0;left: 0;width: 100%;height: 100%;overflow: hidden;background: rgba(0,0,0,0.65);}

.bg {position: relative;width: 100%;min-height: 100vh}
.bg-bottom {position: absolute;bottom: 0;left: 0;width: 100%;}
.bg-top {position: absolute;top: 0;left: 0;width: 100%;}
.bg-cover {object-fit: cover;}

.po { position: absolute; }

.index-container {position: relative}
.index_content_body {}
.logo {position: absolute;top: 1%;left: 2vw;width: 9.867vw;height: 7.6vw;}
.jp {position: absolute;top: 5%;left: 2vw;width: 42.67vw;height: 31vw;}
.head {
    position: absolute;top: 7%;right: 5vw;color: #fe2224;font-family: "HarmonyOS_Sans_SC_Bold";
    text-align: center;
}
.head_title {font-size: 10.667vw;}
.head_subhead {font-size: 10.667vw;margin-top: -10px;}

.title {position: absolute;top: 21%;left: 10px;width: 100%;box-sizing: border-box;text-align: center;font-style: italic;font-size: 12vw; background: linear-gradient(to bottom, #f3f0d2, #f0c157);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: "HarmonyOS_Sans_SC_Bold";}
.subhead {position: absolute;top: 29%;left: 0;width: 100%;box-sizing: border-box;text-align: center;font-size: 3.9vw;color: #ff0a0f;font-family: "HarmonyOS_Sans_SC_Medium"}
.content_body {position: absolute;top: 33%;left: 0;width: 100%;display: flex;flex-direction: row;align-items: flex-start;justify-content: space-between;box-sizing: border-box;padding: 0 3vw;}
.content_left {width: 56%; color: #ffffff;font-size: 3.53vw;line-height: 5.3vw;}
.content_right {width: 42%; color: #ffffff;font-size: 3.53vw;line-height: 5.3vw;}
.content_line {position: absolute;top: 6%;left: 56%; width: 0.2vw; height: 92%;background: #ffffff;}
.footer_title {position: absolute;bottom: 12%;left: 0;width: 100%;box-sizing: border-box;text-align: center;font-size: 3.80vw;color: #00ffff;font-weight: 700;}
.btn_body {position: absolute;bottom:4%;left: 0;width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-evenly;box-sizing: border-box;padding: 0 8vw;}
.btn_item {width: 12.4vw;height: 12.4vw;}

@media (min-width: 1000px) {
    .index-container {
        width: 100vw;
        height: auto;
        transform: scale(0.5);
        transform-origin: center top;
    }
}