body,html{ height:100%; width:100%; font-size:14px; position:relative; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;
-khtml-user-select: none; user-select: none; }
*{ margin:0; padding:0; box-sizing:border-box; }
ul li{ list-style: none; }
img{ max-width:100%; width:auto; vertical-align:middle; }
a{ text-decoration:none; color:#333; }
input::-webkit-input-placeholder{ color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
input::-moz-input-placeholder{ color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
input::-ms-input-placeholder{ color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
textarea{ resize: none; }
textarea::-webkit-input-placeholder { color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
textarea::-moz-input-placeholder { color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
textarea::-ms-input-placeholder { color:#D9D9D9; letter-spacing: 1px; font-size: 14px; }
input,textarea,select,button{ outline:none; border: 0; box-sizing: border-box; font-weight:inherit; }
input{ font-family:inherit; font-size:14px;}

.page{ background: #0D0D0D; }
.pagetop{ background: url(../images/Group_1261162782@2x.png) no-repeat; background-size: 100%; height: 100vh; }
.pagelogo{ width: 379px; margin: 0px auto; padding-top: 73px; }
.pagetop01{ display: flex; align-items: center; justify-content: center; }
.pagetop01item01{ width: 233px; height: 233px; background: url(../images/Group_1261162781@2x.png) no-repeat; background-size: 100%; }
.pagetop01item02{ width: 233px; height: 233px; background: url(../images/Group_1261162762@2x.png) no-repeat; background-size: 100%; }
.pagetop01item03{ height: 89px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 800; font-size: 59px; color: #FFFFFF;letter-spacing: 6px; text-align: center; padding-top: 50px; }
.pagetop01item04{ height: 89px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 800; font-size: 59px; color: #44FF24;
letter-spacing: 6px; text-align: center; padding-top: 50px; }

.pagetop02{ font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 35px; color: #FEFDCB;
text-align: center; font-style: normal; text-transform: none; padding-top: 41px;}

.pagetop03{ display: flex; align-items: baseline; width: 497px;  margin: 0px auto; }
.pagetop03item{  }
.pagetop03item01{ height: 54px; font-family: Microsoft JhengHei, Microsoft JhengHei; font-weight: bold; font-size: 40px; color: #FFFFFF; text-align: center; }
.pagetop03item02{ height: 33px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 22px; color: #7E7E7E;text-align: center; }
.pagetop03item03{ height: 72px; font-family: Microsoft JhengHei, Microsoft JhengHei; font-weight: bold; font-size: 54px; color: #FFFFFF; padding: 0px 48px 0px 40px; text-align: center; }

.pagetop04{ width: 561px; height: 72px; margin: 0px auto; margin-top: 81px; margin-bottom: 18px; background: url(../images/Button@2x.png) no-repeat; background-size: 100%; cursor: pointer; }

.pagetop05{ text-align: center; height: 48px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 32px; color: #FFFFFF; }

.pagefrom{ width: 916px; margin: 0px auto; }
.pagefrom01{  font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 66px; color: #FFFFFF;
text-align: center; padding-top: 165px; margin-bottom: 46px; }
.pagefrom02{ padding: 45px 0px; border-top: 1px solid #3A3A3A; display: flex; align-items: center; justify-content: space-between; }
.pagefrom03{ height: 48px; font-family: Microsoft YaHei UI, Microsoft YaHei UI;  font-weight: 300; font-size: 34px; color: #FFFFFF;
line-height: 47px; letter-spacing: 4px; }
.pagefrom04{ width: 746px; height: 103px; background: #292929; border-radius: 3px 3px 3px 3px; }
.pagefrom04 input{ width: 100%; height: 103px; line-height: 103px; background: none; color: #FFFFFF; padding-left: 50px;
font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 34px; letter-spacing: 4px; }
.pagefrom05{ border-bottom: 1px solid #3A3A3A; }

.pagefrom06{ width: 746px; height: 103px; display: flex; align-items: center; justify-content: space-around; }
.pagefrom06item{ display: flex; align-items: center; }
.pagefrom06icon{ width: 42px; height: 42px; }
.pagefrom06text{ height: 48px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 34px; color: #FFFFFF;
line-height: 47px; letter-spacing: 4px; margin-left: 13px; }
.pagefrom07{ width: 561px; height: 72px; background: url(../images/Button2x.png) no-repeat; background-size: 100%; margin: 0px auto; margin-top: 50px; cursor: pointer; }
.pagefrom08{ padding-top: 178px; text-align: center; padding-bottom: 46px;  font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 500; font-size: 66px; color: #FFFFFF; border-bottom: 1px solid #3A3A3A; }

.pagefrom09{ padding: 118px 245px 132px 151px; position: relative; }
.pagefrom09_01{ position: relative; }
.pagefrom09_01::before{ content: ''; width: 1px; height: 80%; top: 32px; left: 14px; background: #44FF24; position: absolute; }
.pagefrom10{ width: 28px; height: 28px; z-index: 99; }
.pagefrom11{ width: 445px; height: 50px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 34px; color: #FFFFFF;
line-height: 50px;}
.pagefrom12{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px; }

.pagefrom13{ background: #1C1C1C; padding: 95px 0px 150px 0px; }
.pagefrom14{ width: 916px; margin: 0px auto; border-bottom: 1px solid #3A3A3A; padding-bottom: 46px; text-align: center; height: 99px;
font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 66px; color: #FFFFFF; }
.pagefrom15{ width: 1366px; margin: 0px auto; margin-top: 67px; }
.pagefrom15 p{ font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 34px; color: #FFFFFF;
line-height: 89px; letter-spacing: 4px; }

.pagefrom16{ width: 916px; margin: 0px auto; padding-top: 95px; padding-bottom: 46px; border-bottom: 1px solid #3A3A3A; text-align: center; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 66px; color: #FFFFFF; }

.pagefrom17{ width: 1491px; margin: 0px auto; margin-top: 88px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 54px; padding-bottom: 257px; }
.pagefrom18{ width: 461px; height: 169px; }
.pagefrom18 img{ width: 100%; }
.pagefrom19{ height: 169px; line-height: 169px; text-align: center; background: #272727; font-family: Source Han Sans CN, Source Han Sans CN;
font-weight: 400; font-size: 34px; color: #7E7E7E; }

.pageinit{ display: none; }

@media screen and (max-width:767px) {
    .pagetop{ height: 65vh;}
    .pagelogo{ width: 150px; padding-top: 30px; padding-bottom: 40px; }
    .pagetop01item01{ width: 100px; height: 100px; }
    .pagetop01item02{ width: 100px; height: 100px; margin-left: 60px; }
    .pagetop01item03{ font-size: 22px; }

    .pagetop01item03{ height: 33px; font-weight: 800; font-size: 22px; color: #FFFFFF;letter-spacing: 6px; text-align: center; padding-top: 20px; }
    .pagetop01item04{ height: 33px; font-weight: 800; font-size: 22px; color: #44FF24;
    letter-spacing: 6px; text-align: center; padding-top: 20px; }
    .pagetop02{ font-size: 22px; padding-bottom: 20px; }
    
    .pagetop03{ width: 60%;  }
    .pagetop03item01{ height: 54px; font-weight: bold; font-size: 22px; color: #FFFFFF; text-align: center; }
    .pagetop03item02{ height: 33px; font-weight: 400; font-size: 22px; color: #7E7E7E;text-align: center; }
    .pagetop03item03{ height: 72px; font-family: Microsoft JhengHei, Microsoft JhengHei; font-weight: bold; font-size: 22px; color: #FFFFFF; padding: 0px 28px 0px 20px; text-align: center; }
    
    .pagetop04{ width: 70%; height: 40px; margin-top: 31px; }
    .pagetop05{ font-size: 16px; }

    /* .pagefrom06{ width: 80%; height: 103px; display: flex; align-items: center; justify-content: space-around; } */
    .pagefrom{ width: 90%; margin: 0px auto; }
    .pagefrom01{  font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 22px; color: #FFFFFF;
    text-align: center; padding-top: 25px; margin-bottom: 26px; }
    .pagefrom02{ padding: 25px 0px; border-top: 1px solid #3A3A3A; display: flex; align-items: center; justify-content: space-between; }
    .pagefrom03{ height: 28px; font-family: Microsoft YaHei UI, Microsoft YaHei UI;  font-weight: 300; font-size: 16px; color: #FFFFFF;
    line-height: 27px; letter-spacing: 4px; }
    .pagefrom04{ width: 80%; height: 30px; background: #292929; border-radius: 3px 3px 3px 3px; }
    .pagefrom04 input{ width: 100%; height: 30px; line-height: 30px; background: none; color: #FFFFFF; padding-left: 10px;
    font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 16px; letter-spacing: 4px; }

    .pagefrom06{ width: 80%; height: 28px; display: flex; align-items: center; justify-content: space-around; }
    .pagefrom06item{ display: flex; align-items: center; }
    .pagefrom06icon{ width: 22px; height: 22px; }
    .pagefrom06text{ height: 28px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 16px; color: #FFFFFF;
    line-height: 28px; letter-spacing: 4px; margin-left: 8px; }
    .pagefrom07{ width: 80%; height: 42px; background: url(../images/Button2x.png) no-repeat; background-size: 100%; margin: 0px auto; margin-top: 30px; cursor: pointer; }
    .pagefrom08{ padding-top: 38px; text-align: center; padding-bottom: 26px;  font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 500; font-size: 22px; color: #FFFFFF; border-bottom: 1px solid #3A3A3A; }
    
    .pagefrom09{ padding: 28px 25px; position: relative; }
    .pagefrom09_01{ position: relative; }
    .pagefrom09_01::before{ content: ''; width: 1px; height: 82%; top: 25px; left: 10px; background: #44FF24; position: absolute; }
    .pagefrom10{ width: 20px; height: 20px; z-index: 99; }
    .pagefrom11{ width: 270px; height: 20px; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 16px; color: #FFFFFF; line-height: 20px;}
    .pagefrom12{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px; }
    
    .pagefrom13{ background: #1C1C1C; padding: 35px 30px; }
    .pagefrom14{ width: 100%; margin: 0px auto; border-bottom: 1px solid #3A3A3A; padding-bottom: 26px; text-align: center; height: 39px;
    font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 22px; color: #FFFFFF; }
    .pagefrom15{ width: 100%; margin: 0px auto; margin-top: 37px; }
    .pagefrom15 p{ font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 14px; color: #FFFFFF;
    line-height: 25px; letter-spacing: 4px; }

    .pagefrom16{ width: 85%; margin: 0px auto; padding-top: 35px; padding-bottom: 26px; border-bottom: 1px solid #3A3A3A; text-align: center; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 22px; color: #FFFFFF; }

    .pagefrom17{ width: 100%; margin: 0px auto; margin-top: 0px; padding: 30px; display: grid; grid-template-columns: 1fr 1fr; gap: 24px;}
    .pagefrom18{ width: auto; height: auto; }
    .pagefrom18 img{ width: 100%; }
    .pagefrom19{ height: 49px; line-height: 49px; text-align: center; background: #272727; font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400; font-size: 12px; color: #7E7E7E; }

}