* {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

.page-contant {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100vh;
}

header {
    height: 2.4rem;
    display: flex;
    align-items: center;
    background-color: #10291D;
    justify-content: center;

}

header .logo {
    display: flex;
    flex-direction: column;
    gap: .24rem 0;
    font-weight: bold;
    font-size: 0.28rem;
    color: #1B2A5A;
}

header .logo img {
    width: .8rem;
    height: .8rem;
}

header ul {
    display: flex;
    gap: 0 1.06rem;
    align-items: center;
    font-size: 0.32rem;
    color: #000000;
}

header ul li {
    cursor: pointer;
    position: relative;
    font-size: 0.48rem;
    color: #FFFFFF;
}

header ul li a {
    position: absolute;
    inset: 0;
}

header ul li.active {
    font-weight: bold;
}

.section-body {
    flex: 1;
    overflow-y: auto;
}

.section1 {
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    padding-top: 2.4rem;
    height: 17.66rem;
    background: url('../images/Group 1000009973.jpg') no-repeat center center;
    background-size: 100%;
}

.section1-title {
    font-weight: bold;
    font-size: 2rem;
    color: #FFFFFF;
    margin-bottom: .8rem;
}

.section1-sub-title {
    font-weight: bold;
    font-size: 0.8rem;
    color: #FFFFFF;
    margin-bottom: .64rem;
}

.section1-remark {
    font-size: 0.56rem;
    color: #FFFFFF;
    line-height: 0.84rem;
    margin-bottom: .88rem;
}

.learn-more-btn {
    width: 3.84rem;
    height: 1.08rem;
    background: #FFFFFF;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.4rem;
    color: #000000;
    cursor: pointer;
}

.section2 {
    height: 16.48rem;
    background: url('../images/Group 1000009975.jpg') no-repeat center center;
    background-size: 100%;
    padding-left: 2.4rem;
    padding-top: 2rem;
    position: relative;
    padding-right: 15.72rem;
}

.circle-title {
    width: 7.16rem;
    height: 2rem;
    background: #10291D;
    border: 0.12rem solid #2DB69B;
    border-radius: 1rem 0 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    color: #FFFFFF;
    margin-bottom: 1.54rem;
}

.section2-item-title {
    font-weight: bold;
    font-size: 0.64rem;
    color: #2DB69B;
    margin-bottom: .4rem;
}

.section2-item-remark {
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 0.6rem;
    margin-bottom: .76rem;
}

.section2 img {
    position: absolute;
    bottom: 0;
    right: 2.4rem;
    width: 13.26rem;
    height: 14.78rem;
}

.section2-item-remark+.learn-more-btn {
    margin-top: .73rem;
}

.section3 {
    background: #0A5C36;
    padding: 2.4rem;
    padding-top: 2.6rem;
}

.section3 .circle-title {
    margin-bottom: 2.36rem;
}

.learn-challenge {
    display: flex;
    gap: 0 .8rem;
}

.learn-challenge-item {
    flex: 1;
    position: relative;
    background: #10291D;
    border-radius: 0.4rem;
    padding: 0 .8rem;
    padding-top: 3.12rem;
    min-height: 16.86rem;
    ;
}

.learn-challenge-item img {
    position: absolute;
    top: -1.04rem;
    left: 50%;
    transform: translateX(-50%);
    width: 3.2rem;
    height: 3.2rem;
}

.learn-challenge-item-title {
    font-weight: bold;
    font-size: 0.8rem;
    color: #FFFFFF;
    line-height: 1.2rem;
    text-align: center;
    margin-bottom: .34rem;
}

.dot-title {
    font-weight: bold;
    font-size: 0.64rem;
    color: #2DB69B;
    line-height: 0.96rem;
}

.dot-remark {
    font-weight: 400;
    font-size: 0.44rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.66rem;
    margin-bottom: 1.3rem;
}

.section4 {
    height: 21.98rem;
    background: url('../images/Group 1000009976.png') #10291D no-repeat center center;
    background-size: 100%;
    padding: 2.4rem;
    padding-top: 2.6rem;
}

.section4 .circle-title {
    width: 10.26rem;
    margin-bottom: 1.6rem;
}

.section4-flex {
    display: flex;
    gap: 0 .68rem;
}

.section4-flex img {
    width: 8.4rem;
    height: 12rem;
}

.section4-item-title {
    font-size: 0.8rem;
    color: #FFFFFF;
    line-height: 1.2rem;
    margin-bottom: .28rem;
}

.section4-item-remark {
    margin-bottom: .8rem;
    font-size: 0.44rem;
    color: #FFFFFF;
    line-height: 0.66rem;
}

.section5 {
    padding: 2.4rem;
    padding-top: 2.6rem;
    background: #0A5C36;
}

.contact-remark {
    font-size: 0.48rem;
    color: rgba(255, 255, 255, 0.7);
    line-height: 0.72rem;
    padding-right: 10rem;
    margin-bottom: .96rem;
}

.email-box{
    font-size: 0.8rem;
    color: #FFFFFF;
    line-height: 1.2rem;
    margin-bottom: .96rem;
}

.contact-us-box{
    background: #FFFFFF;
    border-radius: 0.4rem;
    padding: .8rem 1rem;
    position: relative;
    display: flex;
    gap: 0 .8rem;
}

.sub-btn{
    position: absolute;
    right: 1rem;
    bottom: .8rem;
    width: 1.72rem;
    height: 1.08rem;
    background: #10291D;
    border-radius: 0.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.4rem;
    color: #FFFFFF;
    cursor: pointer;
}

.contact-us-box .label{
    font-size: 0.4rem;
    color: #000000;
    line-height: 0.6rem;
    margin-bottom: .24rem;
}

.contact-us-box input{
    width: 8.08rem;
    height: 1.3rem;
    border: 0.02rem solid #BCBCBC;
    margin-bottom: .48rem;
}

.contact-us-box textarea{
    width: 9.92rem;
    height: 7.3rem;
    border: 0.02rem solid #BCBCBC;
}

.textarea-info .label{
    margin-bottom: .54rem;
}

.aboutus-section1{
    height: 23.72rem;
    background: url('../images/Group 1000009977.png') #10291D no-repeat center center;
    background-size: 100%;
    padding: 2.4rem;
    padding-bottom: 0;
    position: relative;
}

.aboutus-text{
    background: linear-gradient( 90deg, #181815 0%, rgba(24,24,21,0.8) 100%);
    border-radius: 0.8rem;
    font-size: 0.6rem;
    color: #FFFFFF;
    line-height: 0.9rem;
    padding: .8rem;
}

.nexa-bridge-text{
    padding-top: 2.4rem;
}

.nexa-bridge-text .title{
    font-weight: bold;
    font-size: 2rem;
    color: #FFFFFF;
}

.nexa-bridge-item-title{
    font-weight: bold;
    font-size: 0.64rem;
    color: #2DB69B;
    margin-bottom: .4rem;
}

.nexa-bridge-item-text{
    font-size: 0.4rem;
    color: #FFFFFF;
    line-height: 0.6rem;
    padding-right: 13.32rem;
    margin-bottom: .6rem;
}

.aboutus-section1 img{
    position: absolute;
    bottom: 0;
    right: 2.4rem;
    width: 10rem;
    height: 12rem;
}

.aboutus-section2{
   width: 28.8rem;
   height: 6.8rem;
   background: rgba(10,92,54,1);
   display: flex;
   align-items: center;
   justify-content: center;
}

.aboutus-sub-section2{
    padding: 2.6rem 2.4rem;
    background: #10291D;
    display: flex;
    align-items: center;
    gap: 0 1.06rem;
}

.aboutus-sub-section2 img{
    width: 10.82rem;
    height: 12.02rem;
}

.sub-title{
    font-weight: bold;
    font-size: 1.2rem;
    color: #FFFFFF;
    margin-bottom: .8rem;
}

.sub-remark{
    font-weight: bold;
    font-size: 0.8rem;
    color: #FFFFFF;
    margin-bottom: 1.4rem;
}

.contactus-section.section5 .circle-title{
    background: none;
    border: none;
    display: block;
    font-weight: bold;
    font-size: 1.2rem;
    color: #FFFFFF;
    margin-bottom: .7rem;
}