* {
    padding: 0;
    margin: 0;
}


.page_pc {
    overflow: hidden;
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
    background-color: #000;
}
.page_mobile{
    display: none;
}
.page_pc sup {
    font-size: 12px;
}

.page_pc .t_tit sup {
    font-size: 16px;
    position: relative;
}

.page_pc .t_tit sup span {
    position: absolute;
}

.page_pc li {
    list-style: none;
}

.page_pc p {
    font-size: 16px;
    /* line-height: 1.875em; */
    line-height: 165%;
    font-weight: normal;
    text-align: justify;
    text-justify: inter-ideograph;
}

.page_pc a {
    text-decoration: none;
    color: #000;
}

.page_pc img {
    display: block;
    max-width: 100%;
    vertical-align: middle;
}

.page_pc .dn {
    display: none;
}
.page_pc .pr {
    position: relative;
}

.page_pc .pa {
    position: absolute;
}
.page_pc .size14 {
    font-size: 0.7291vw;
}
.page_pc .size16 {
    font-size: 0.8333vw;
}
.page_pc .size18 {
    font-size: 0.9375vw;
}
.page_pc .size24 {
    font-size: 1.25vw;
}
.page_pc .size20 {
    font-size: 1.0416vw;
}
.page_pc .size26 {
    font-size: 1.3541vw;
}
.page_pc .size36 {
    font-size: 1.875vw;
}

.page_pc .size46 {
    font-size: 2.3958vw;
}



.page_pc .w14 {
    width: 72.9166%;
    margin: 0 auto;
}
.page_pc .w13 {
    width: 67.7083%;
    margin: 0 auto;
}

.page_pc .w12 {
    width: 62.5%;
    margin: 0 auto;
}


.page_pc .color_ching {
    color: #00ffda;
}
.page_pc .color_fff {
    color: #ffffff;
}
.page_pc .rel_kv .rel_kv_img {
    width: 9.7916%;
    top: 6%;
    left: 2.5%;
}
.page_pc .rel_kv .rel_kv_tit {
    width: 26.3541%;
    top: 29%;
    left: 13.2291%;
}
.page_pc .rel_kv .rel_kv_l {
    width: 39.8958%;
    top: 85%;
    left: 13.2291%;
}
.page_pc .rel_video {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.page_pc .rel_video .t_box {
    color: #fff;
    top: 34.5%;
    width: 100%;
}
.page_pc .rel_video .t_box p {
    text-align: center;
    padding-left: 2%;
}
.page_pc .rel_video .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .rel_video .t_box .t_detailed {
    padding-top: 0.1%;
}
.page_pc .rel_video .t_box .v_play_btn {
    width: 13.5%;
    margin: 3% auto 0;
    cursor: pointer;
}
.page_pc .sec01 .p_01 .t_box {
    color: #fff;
    top: -0%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec01 .p_01 .t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec01 .p_01 .t_box .t_tit {
    line-height: normal;
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec01 .p_01 .t_box p {
    white-space: nowrap;
    text-align: center;
    letter-spacing: 0.05rem;
}

.page_pc .sec01 .pUl {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec02 .pUl {
    top: 15%;
}
.page_pc .sec01 .pUl .itemLi {
    display: flex;
    justify-content: space-between;
    margin-top: 8.5%;
}

.page_pc .sec01 .pUl .img_box {
    width: 58%;
}
.page_pc .sec01 .pUl .t_box {
    width: 37.5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page_pc .sec01 .pUl .t_box .t_tit{
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 6% 0;
    color: #fff;
}
.page_pc .sec01 .pUl .t_box .t_detailed {
    line-height: 168%;
    padding-bottom: 5%;
    color: #bbbbbb;
}
.page_pc .sec01 .pUl .t_box span:first-child {
    display: block;
    background: #00ffda;
    width: 80px;
    height: 5px;
}
.page_pc .sec01 .pUl .t_box span:last-child {
    display: block;
    background: #00ffda;
    width: 100%;
    height: 1px;
}
.page_pc .sec01 .pUl1 .itemLi {
    margin-top: 0;
    margin-bottom: 8.5%;
}
.page_pc .sec02 .p_01 .t_box {
    color: #fff;
    top: 0.5%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec02 .p_01 .t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec02 .p_01 .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec02 .p_01 .t_box p {
    white-space: nowrap;
    text-align: center;
}
.page_pc .sec02 .p_02 .tabBox {
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec02 .p_02 .tabBox .vtabUl {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding-bottom: 3.5%;
    margin-top: -1%;
}
.page_pc .sec02 .p_02 .tabBox .vtabUl li {
    color: #07d4b6;
    padding: 0.6% 3%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #07d4b6;
    cursor: pointer;
    opacity: 0.5;
}
.page_pc .sec02 .p_02 .tabBox .vtabUl li.active {
    color: #fff;
    border-bottom: 2px solid #fff;
    opacity: 1;
}
.page_pc .sec02 .p_02 .tabBox .vtabUl li p {
    line-height: normal;
    white-space: nowrap;
}
.page_pc .sec02 .p_02 .personSwiper {
    overflow: hidden;
}
.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box {
    width: 26%;
    left: 70.3571%;
    top: 29%;
    /* height: 40%; */
    display: flex;
    flex-direction: column;
    /* border-bottom: 1px solid #05e2c2; */
}
.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box span {
    display: block;
    width: 80px;
    height: 5px;
    background: #05e2c2;
}
.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box span:last-child {
    width: 100%;
    height: 1px;
    margin-top: 6%;
}

.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box .t_tit {
    font-weight: lighter;
    color: #fff;
    /* letter-spacing: 0.1em; */
    line-height: normal;
    padding: 6% 0;
}
.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box .t_desc {
    color: #bbbbbb;
}
.page_pc .sec02 .p_02 .personSwiper .item2 .t_box .t_tit {
    color: #000;
}
.page_pc .sec02 .p_02 .personSwiper .item2 .t_box .t_desc {
    color: #666;
}

.page_pc .sec02 .p_02 .personSwiper .swiper-slide .t_box .t_desc a {
    color: #00ffda;
    text-decoration:underline;
    display: block;
    margin-top: 2%;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after ,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
    content: '';
}
.swiper-button-next, .swiper-button-prev {
    width: 40%; 
}
.page_pc .sec02 .p_03 .t_box {
    width: 30.4285%;
}
.page_pc .sec02 .p_03 .img_box {
    width: 66.6428%;
    display: flex;
    justify-content: space-between;
}
.page_pc .sec02 .p_03 .img_box div {
    display: flex;
    align-items: center;
}
.page_pc .sec03 .p_01 .t_box {
    color: #fff;
    top: -2.5%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec03 .p_01 .t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec03 .p_01 .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec03 .p_01 .t_box p {
    white-space: nowrap;
    text-align: center;
}
.page_pc .sec03 .p_01_1 .p_01_1_c {
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}
.page_pc .sec03 .p_01_1 .un_tab {
    width: 7.1428%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.page_pc .sec03 .p_01_1 .un_tab .itemLi {
    padding-top: 32%;
    cursor: pointer;
}
.page_pc .sec03 .p_01_1 .un_tab .itemLi img {
    width: 33%;
    position: absolute;
    top: 0%;
    left: 0;
    opacity: 0;
}
.page_pc .sec03 .p_01_1 .un_tab .itemLi .normal_a {
    opacity: 1;
}
.page_pc .sec03 .p_01_1 .un_tab .itemLi.ac .ac_img {
    opacity: 1;
}
.page_pc .sec03 .p_01_1 .itemLi.ac p {
    color: #00ffda;
}
.page_pc .sec03 .p_01_1 .itemLi p {
    color: #a0a0a0;
}
.page_pc .sec03 .p_01_1 .itemLi::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #a0a0a0;
    margin-top: 5%;
}
.page_pc .sec03 .p_01_1 .itemLi.ac::after {
    border-left: 15px solid #00ffda;
}
.page_pc .sec03 .p_01_1 .un_sp {
    width: 55.4285%;
}
.page_pc .sec03 .p_01_1 .t_box {
    width: 34.2142%;
    padding-left: 4%;
    color:#bbbbbb;
}
.page_pc .sec03 .p_01_1 .un_sp .item_c {
    display: flex;
    justify-content: space-between;
}
.page_pc .sec03 .p_01_1 .t_box span{
    display: block;
    background: #00ffda;
    width: 80px;
    height: 5px;
}
.page_pc .sec03 .p_01_1 .t_box .t_tit {
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 5% 0;
    color: #fff;
}

.page_pc .sec03 .p_01_1 .href_back  {
    display: inline-block;
    border: 1px solid #07d4b6;
    color: #07d4b6;
    border-radius: 50px;
    padding: 1% 3% 1.3%;
    margin: 3% 0 5%;
}
.page_pc .sec03 .p_01_1 .href_back a {
    color: #07d4b6;
}
.page_pc .sec03 .p_02 .pUl {
    top: 12.5%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: space-between;
}
.page_pc .sec03 .p_02 .pUl .itemLi {
    width:49.2857%;
}
.page_pc .sec03 .p_02 .pUl .itemLi .t_box {

    display: flex;
    flex-direction: column;
    padding-top: 3%;
}
.page_pc .sec03 .p_02 .pUl .itemLi .t_box span {
    display: block;
    width: 80px;
    height: 5px;
    background: #05e2c2;
}
.page_pc .sec03 .p_02 .pUl .itemLi .t_box span:last-child {
    width: 70.2898%;
    height: 1px;
}

.page_pc .sec03 .p_02 .pUl .itemLi .t_tit {
    font-weight: lighter;
    color: #fff;
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 2% 0;
}
.page_pc .sec03 .p_02 .pUl .itemLi .t_desc {
    color: #bbbbbb;
    padding-bottom: 3.5%;
}
.page_pc .sec03 .p_03 .t_box {
    color: #fff;
    top: 0.5%;
    left: 50%;
    transform: translateX(-50%);

}
.page_pc .sec03 .p_03 .t_box p {
    text-align: center;
    white-space: nowrap;
}
.page_pc .sec03 .p_03 .t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec03 .p_03 .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec03 .p_03 .t_box .href_btn {
    display: flex;
    justify-content: center;
    padding-top: 2%;
}
.page_pc .sec03 .p_03 .t_box .href_btn a{
    text-align: center;
    color: #07d4b6;
    /* text-decoration: underline; */
    border: 1px solid #07d4b6;
    border-radius: 50px;
    padding: 0.5% 2% 1%;
}
.page_pc .sec03 .p_03 .tabSwiper {
    position: absolute;
    top: 22.8%;
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-slide {
    width: 51.1%;
    margin:0 5%;
    opacity: 0.5;
    transition: all 0.5s;
    /* height: 80%; */
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-slide img {
    width: 90.7692%;
    margin: 0 auto;
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-slide p {
    color: #fff;
    text-align: center;
    padding-top: 10%;
    opacity: 0;
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-wrapper {
    position: absolute;
    top: 15.75%;
}

.page_pc .sec03 .p_03 .tabSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-slide.swiper-slide-active p {
    opacity: 1;
}
.page_pc .sec03 .p_03 .tabSwiper .swiper-bg {
    display: block;
    position: relative;
    text-align: center;
}
.page_pc .sec03 .p_04 .t_box {
    color: #fff;
    top: 0.5%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec03 .p_04 .t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}

.page_pc .sec03 .p_04 .t_box p {
    text-align: center;
    white-space: nowrap;
}
.page_pc .sec03 .p_04 .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec03 .p_04 .t_box .href_btn {
    display: flex;
    justify-content: center;
    padding-top: 3%;
}
.page_pc .sec03 .p_04 .t_box .href_btn a {
    text-align: center;
    color: #07d4b6;
    /* text-decoration: underline; */
    border: 1px solid #07d4b6;
    border-radius: 50px;
    padding: 0.5% 2% 1%;
}
.page_pc .sec03 .p_04 .multiscreenSwiper {
    position: absolute;
    top: 25.8%;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide {
    width: 59.375%;
    margin: 0 .5%;
    opacity: 0.5;
    transition: all 0.5s;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-wrapper {
    position: relative;
    top: 15.75%;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide .t_item {
    width: 100%;
    padding-top: 2%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide p {
    color: #fff;
    /* text-align: center; */
    opacity: 0;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide.swiper-slide-active p {
    opacity: 1;
}
.page_pc .sec03 .p_04 .multiscreenSwiper .swiper-slide .t_item .t_desc {

}
.multiscreenSwiper_next, .multiscreenSwiper_prev {
    top: 95%;
}
.page_pc .sec04 .p_01 > .t_box {
    color: #fff;
    top: 0%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec04 .p_01 >.t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec04 .p_01 > .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec04 .p_01>.t_box p {
    white-space: nowrap;
    text-align: center;
}
.page_pc .sec04 .p_01 .itemLi {
    top: 20%;
    left: 18.8020%;
    /* transform: translateX(-50%); */
    display: flex;
    justify-content: space-between;
}
.page_pc .sec04 .p_01 .itemLi .img_box {
    width: 69.2307%;
    opacity: 0.7;
}
.page_pc .sec04 .p_01 .itemLi .t_box {
    width: 27%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page_pc .sec04 .p_01 .itemLi .t_box .t_tit{
    letter-spacing: 0.1em;
    line-height: normal;
    padding: 6% 0;
    color: #fff;
}
.page_pc .sec04 .p_01 .itemLi .t_box .t_detailed {
    line-height: 168%;
    padding-bottom: 5%;
    color: #bbbbbb;
}
.page_pc .sec04 .p_01 .itemLi .t_box span:first-child {
    display: block;
    background: #00ffda;
    width: 80px;
    height: 5px;
}
.page_pc .sec04 .p_01 .itemLi .t_box span:last-child {
    display: block;
    background: #00ffda;
    width: 100%;
    height: 1px;
}
.page_pc  .p_01 .table_two {
    width: 50.78125%;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    border-collapse: collapse;
}
.page_pc  .p_01 .table_two td ,.page_pc  .p_01 th{
    text-align: center;
    padding: 2%;
    white-space: nowrap;
    color: #fff;
}
th {
    font-size: 1.1458vw;
}
td {
    font-size: 1.0416vw;
}
.page_pc  .p_01 .table_two caption>div {
    display: flex;
    justify-content: flex-end;
}
.page_pc  .p_01 .table_two caption {
    width: 100%;
    top: -58%;
    left: 5%;
}
.page_pc  .p_01 .table_two caption>div .elf_sr2{
    width:49.2307%;
}
.page_pc  .p_01 .table_two caption>div .elf_sr1{
    width:44%;
}

.ccc {
    background: #4b4b4b;
}
.page_pc .sec05 .p_01 > .t_box {
    color: #fff;
    top: 0.5%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec05 .p_01 >.t_box span {
    display: block;
    margin: 2% auto;
    background: #00ffda;
    height: 1px;
    width: 50px;
}
.page_pc .sec05 .p_01 > .t_box .t_tit {
    font-weight: lighter;
    letter-spacing: 0.1em;
}
.page_pc .sec05 .p_01>.t_box p {
    white-space: nowrap;
    text-align: center;
}
.page_pc .sec05 .p_02 > .t_box {
    color: #fff;
    top: 4.5%;
    left: 50%;
    transform: translateX(-50%);
}

.page_pc .sec05 .p_01 .table_two  {
    top: 48%;
}

.page_pc .sec05 .p_01 .sec05Ul {
    top: 27%;
    left: 50%;
    transform: translateX(-50%);
}
.page_pc .sec05 .p_01 .sec05Ul li {
    color: #fff;
    margin-bottom: 4%;
}
.page_pc .sec05 .p_01 .sec05Ul li p {
    
    font-weight: lighter;
    line-height: normal;
}
.page_pc .sec05 .p_01 .sec05Ul li:nth-child(1) img {
    width: 2.5714%;
}
.page_pc .sec05 .p_01 .sec05Ul li:nth-child(2) img {
    width: 1.71875%;
}
.page_pc .sec05 .p_01 .sec05Ul li:nth-child(3) img {
    width: 2.5714%;
}
.page_pc .sec05 .p_01 .sec05Ul li:nth-child(4) img {
    width: 1.09375%;
}
.page_pc .sec05 .p_01 .sec05Ul li:nth-child(5) img {
    width: 1.25%;
}

.page_pc .sec05 .p_01 .sec05Ul li span {
    display: block;
    padding: 0.5% 0 ;
}
.page_pc .bzBox {
    /* background: #f1f4f9; */
    padding: 0% 0 5%;
    background-color: #000;
}

.page_pc .bzBox .bzUl {
    width: 1200px;
    margin: 0 auto;
    counter-reset: num;
}

.page_pc .bzBox .bzUl>li {
    font-size: 14px;
    line-height: 26px;
    color: #fff;
}

.page_pc .bzBox .bzUl>li::before {
    content: '*' counter(num)'. ';
    counter-increment: num;
}







.page_pc .opt0 {
    opacity: 0;
}
@keyframes fadeInLeft1{
    0%{ opacity: 0; transform: translate(-100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
@keyframes fadeInRight1{
    0%{ opacity: 0; transform: translate(100px,0);}
    100%{ opacity: 1; transform: translate(0,0);}
}
@keyframes fadeInUp1{
    0%{ opacity: 0; transform: translate(0,60px);}
    100%{ opacity: 1; transform: translate(0,0);}
}
.fadeInRight1{ animation: fadeInRight1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInRight2{ animation: fadeInRight1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInRight3{ animation: fadeInRight1  0.8s ease 0s  forwards; will-change: transform,opacity;}

.fadeInLeft1{ animation: fadeInLeft1  0.8s ease 0.6s forwards; will-change:transform, opacity;}
.fadeInLeft2{ animation: fadeInLeft1  0.8s ease 0.3s forwards; will-change:transform, opacity;}
.fadeInLeft3{ animation: fadeInLeft1  0.8s ease 0s  forwards; will-change: transform,opacity;}

.fadeInUp1{ animation: fadeInUp1  0.8s ease 0.4s  forwards; will-change: transform,opacity;}
.fadeInUp2{ animation: fadeInUp1  0.8s ease 0.6s  forwards; will-change: transform,opacity;}

.fadeInUp3{ animation: fadeInUp1  0.8s ease 1s  forwards; will-change: transform,opacity;}
.fadeInUp4{ animation: fadeInUp1  0.8s ease 1.4s  forwards; will-change: transform,opacity;}
.fadeInUp5{ animation: fadeInUp1  0.8s ease 1.6s  forwards; will-change: transform,opacity;}
.fadeInUp6{ animation: fadeInUp1  0.8s ease 1.8s  forwards; will-change: transform,opacity;}
.fadeInUp7{ animation: fadeInUp1  0.8s ease 2s  forwards; will-change: transform,opacity;}
.fadeInUp8{ animation: fadeInUp1  0.8s ease 2.4s  forwards; will-change: transform,opacity;}

@keyframes intoRight{
    0%{ transform: translate(0,0);}
    100%{transform: translate(50%,0);}
}
.intoRight{ animation: intoRight 1s ease forwards;}
@keyframes fadeIn1{
    0%{ opacity: 0;}
    100%{opacity: 1;}
}
.fadeIn1{ animation: fadeIn1 1s ease 0.5s forwards;}
.fixaction3{ height: 300vh;}
@keyframes breath{
    0%{ transform: scale(1); opacity: 0.8;}
    50%{ transform: scale(1.1); opacity:1;}
    100%{ transform: scale(1); opacity:0.8;}
}
.breath{ animation: breath 1.5s linear 0s infinite ;}

@keyframes fromLeft{

    0%{ transform: translate(-50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}
.fromLeft{ animation: fromLeft 1s ease forwards;}

@keyframes fromRight{
    0%{ transform: translate(50%,0);opacity: 0;}
    100%{transform: translate(0,0);opacity: 1;}
}

.fromRight{ animation: fromRight 1s ease forwards;}



@media screen and (min-width: 1920px) {
    .page_pc .size14 {
        font-size: 14px;
    }
    .page_pc .size16 {
        font-size: 16px;
    }
    .page_pc .size18 {
        font-size: 18px;
    }
    .page_pc .size24 {
        font-size: 24px;
    }
    .page_pc .size20 {
        font-size: 20px;
    }
    .page_pc .size36 {
        font-size: 36px;
    }
    .page_pc .size26 {
        font-size: 26px;
    }
    .page_pc .size46 {
        font-size: 46px;
    }

    th {
        /* 22 */
        font-size:22px;
    }
    td {
        /* 20 */
        font-size: 20px;
    }
    .page_pc .unSwiper {
        height: 516px !important;
    }
}

@media screen and (max-width: 1500px){
    .page_pc .sec03 .p_01_1 .itemLi::after {
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 12px solid #a0a0a0;
    }
    .page_pc .sec03 .p_01_1 .itemLi.ac::after {
        border-left: 10px solid #00ffda;
    }
}
@media screen and (max-width: 1200px) {
    .page_pc .size16 {
        font-size: 12px;
    }
    .page_pc .size18 {
        font-size: 12.2px;
    }
    .page_pc .size24 {
        font-size: 15px;
    }
    .page_pc .size20 {
        font-size: 12.5px;
    }
    .page_pc .size36 {
        font-size: 22.5px;
    }
    .page_pc .size26 {
        font-size: 16px;
    }
    .page_pc .size46 {
        font-size: 28.9px;
    }

    th {
        /* 22 */
        font-size:13.8px;
    }
    td {
        /* 20 */
        font-size: 12.5px;
    }
    .page_pc .sec03 .p_01_1 .itemLi::after {
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        border-left: 10px solid #a0a0a0;
    }
    .page_pc .sec03 .p_01_1 .itemLi.ac::after {
        border-left: 10px solid #00ffda;
    }
    .page_pc .unSwiper {
        height: 327px !important;
    }
}

.href_reurlpopuptop {
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    opacity: 1;
}
.href_reurlpopuptop img {
    width: 45.3%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.href_app_reurlpopuptop{
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9999;
    opacity: 1;
}
.href_app_reurlpopuptop img {
    width: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

 .unSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition-duration: 0.5s;
  }

  .unSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
    .page_pc .unSwiper {
    width: 100%;
    height: 26.9270vw;
    overflow: hidden;
  }

@media (max-width: 768px) {
    .page_pc{
        display: none;
    }
    .page_mobile {
        display: block;
        width: 100vw;
        overflow: hidden;
        background: #000;
    }
    .page_mobile * {
        margin: 0;
        padding: 0;
        list-style: none;
        border: 0;
        -webkit-text-size-adjust: none;
        font-family: Arial, Helvetica, sans-serif;
        text-align: justify;
        text-justify: inter-ideograph;
    }
    .page_mobile sup {
        font-size: 1.6vw;
    }
    .page_mobile img {
        display: block;
        width: 100%;
        vertical-align: middle;
    }
    .page_mobile .pr {
        position: relative;
    }

    .page_mobile .t_m_tab {
        width: 91.7333vw;
        margin: 2vw auto 0;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #00ffda;
    }
    .page_mobile .mySwiper {
        width: 92vw;
        margin: 8.6666vw auto 0;
        overflow: hidden;
        background-color: #000;

    }
    .page_mobile .swiper-slide img {
        margin: 0 auto;
    }

    .page_mobile .t_m_tab >div {
        text-align: center;
        color: #00ffda;
        opacity: 0.7;
        font-size: 2.6666vw;
        padding: 2vw 0 ;
        border-bottom: 3px solid transparent;
    }
    .page_mobile .t_m_tab >div.tab_active {
        color: #fff;
        opacity: 1;
        border-bottom: 3px solid #fff;
    }
    .page_mobile .t_tab {
        color: #bbb;
        font-size: 2.4vw;
        text-align: center;
        padding: 4vw 0 13.3333vw; 
    }

    .page_mobile .tab_m_Swiper  {
        width: 100vw;
        margin: 0 auto;
        overflow: hidden;
    }
    .page_mobile .tab_m_Swiper  .swiper-wrapper  {
        position: absolute;
        top: 4.5vw;
    }
    .page_mobile .tab_m_Swiper  .swiper-wrapper .swiper-slide {
        width: 77.4%; 
        margin: 0 3vw;
    }
    .page_mobile .tab_m_Swiper  .swiper-wrapper .swiper-slide p {
        color: #fff;
        font-size: 4.8vw;
        text-align: center;
        padding: 12% 0;
    }
    .page_mobile .swiper-bg {
        width: 87vw;
        margin: 0 auto 12vw;
        padding-left: 2vw;
    }



    .page_mobile .table {
        position: absolute;
        top: 0;
        width: 100vw;
        overflow-x:scroll ;

    }
    .page_mobile table {
        width: calc(100% - 40px);
        margin: 0 20px;
        border-collapse: collapse;
    }
    .page_mobile table  td ,.page_mobile table  th{
        text-align: center;
        padding: 1% 2%;
        white-space: nowrap;
        color: #fff;
    }
    .page_mobile table th {
        font-size: 2.933vw;
        border: 1px solid #fff;
    }
    .page_mobile table td {
        font-size: 2.6666vw;
        border: 1px solid #fff;
        line-height: 1.25;
    }


    .page_mobile .un_m_tab  {
        width: 75.7333%;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
    }
    .page_mobile .un_m_tab .itemLi{display: flex;position: relative;padding-top: 6%;}
    .page_mobile .un_m_tab .itemLi img {
        width: 4.4vw;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
    .page_mobile .un_m_tab .itemLi img.normal_a {
        opacity: 1;
    }
    .page_mobile .un_m_tab .itemLi.ac img.ac_img {
        opacity: 1;
    }
    .page_mobile .un_m_tab .itemLi.ac img.normal_a {
        opacity: 0;
    }
    .page_mobile .un_m_tab .itemLi p {
        color: #bbb;
        font-size: 2.6666vw;
        white-space: nowrap;
    }
    .page_mobile .un_m_tab .itemLi.ac p {
        color: #07d4b6;
    }
    .page_mobile .un_m_tab .itemLi::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 7px solid #a0a0a0;
        margin-top: 12%;
        margin-left: 20%;
    }
    .page_mobile .un_m_tab .itemLi.ac::after {
        border-top: 7px solid #07d4b6;
    }
    .page_mobile .dn {
        display: none;
    } 
    .page_mobile .un_sp_m {
        width: 92vw;
        height: 61.3333vw;
        margin: 5% auto 0;
    }

    .page_mobile .bzBox {
        /* background: #f1f4f9; */
        padding: 0% 0 5%;
        position: absolute;
        top: 2vw;
        left: 50%;
        transform: translateX(-50%);
        width: 90vw;
    }

    .page_mobile .bzBox .bzUl {
        counter-reset: num;
    }

    .page_mobile .bzBox .bzUl>li {
        color: #fff;
        font-size: 2.6666vw;
        line-height: 1.5;
    }

    .page_mobile .bzBox .bzUl>li::before {
        content: '*' counter(num)'. ';
        counter-increment: num;
    }
    .page_mobile .unSwiper {
        width: 100%;
        height: 61.3333vw;
        overflow: hidden;
    }

    .page_mobile .duop {
        position: absolute;
    }

    .page_mobile .multiscreenSwiper_m .swiper-wrapper .swiper-slide {
        width: 77.4%;
        margin: 0 3vw;
    }
    .page_mobile .multiscreenSwiper_m .swiper-wrapper .swiper-slide .t_item {
        padding: 8vw 0 18vw;
    }
    .page_mobile .multiscreenSwiper_m .swiper-wrapper .swiper-slide p {
        color: #fff;
        font-size: 4.8vw;
        opacity: 0;
        transition: all 1s;
    }
    .page_mobile .multiscreenSwiper_m .swiper-slide.swiper-slide-active p {
        opacity: 1;
    }
    .page_mobile .multiscreenSwiper_m .swiper-wrapper .swiper-slide .t_tit {
        text-align: center;
        margin-bottom: 2vw;
    }
    .page_mobile .multiscreenSwiper_m .swiper-wrapper .swiper-slide .t_desc {
        font-size: 2.6666vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}