/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    background: #000;
}
body {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #fff;
}
h1,h2,h3,h4,h5,h6 {
    
}
a {
    text-decoration: none;
    color: #fff;
}

ul {
  list-style-type: none; 
}
.row {
    display: flex;
    flex-direction: row;
}
.col {
    display: flex;
    flex-direction: column;
}
.row-c {
    flex-direction: row-reverse;
}
.col-c {
    flex-direction: column-reverse;
}

.row-center {
   justify-content: center; 
}

.row-between {
    justify-content: space-between;
}
.col-center {
    align-items: center;
}

.body-inner {
    background: #000;
    min-height: 100vh;
}
/* 容器样式 */
.container {
    display: flex;
    flex-direction: column;
}
.header-two {
    position: sticky;
    top: 0;
    background: #000;
    z-index: 9;
}
/*nav 样式*/
.nav {
    padding: 0 4.38rem;
    border-bottom: 1px solid #444D50;
}
.nav-logo img {
    width: auto;
    height: 2.62rem;
}
@media (max-width: 990px){
    .header-two {
        max-height: 100vh;
        overflow: hidden;
        z-index: 9;
    }
    .nav {
        padding: 0;
        border-bottom: none;
        flex-direction: column;
        max-height: 100vh;
        overflow-y: auto;
    }
    .nav-logo img {
        width: auto;
        height: 1.62rem;
    }
}
.nav-item {
    text-align: center;
}
.nav-links {
    font-weight: 400;
    font-size: 1rem;
    leading-trim: NONE;
    line-height: 1.62rem;
    letter-spacing: 0px;
    margin-left: 2.25rem;
    padding: 2.25rem 1.88rem;
    border-left: 1px solid #444D50;
}
.nav-links a {
    padding: 0 1.25rem;
}
.arrow-img {
    display: none;
    height: 0.75rem;
    width: auto;
}
.btn-language {
    display: none;
    justify-content: center;
    align-items: center;
}
.btn-language img{
    width: 1.88rem;
    height: 1.88rem;
}
.contact-box {
    padding: 0.44rem 1.06rem;
    border: 1px solid #fff;
    border-radius: 0.5rem;
}
.language-list {
    position: relative;
    margin-left: 1.25rem;
}

.language-title {
    display: flex;
    align-items: center;
    font-size: 0.88rem;
    font-weight: 400;
    padding: 0.75rem 1.25rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.language-img {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    margin-right: 0.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #2c3e50;
}

.language-title span {
    font-weight: 600;
}

.language-title i {
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    width: 12.5rem;
    background: rgba(0,0,0,0.8);
    box-shadow: 0 0px 1.75rem 0.75rem rgb(163 255 252 / 15%);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 1000;
    padding: 0.5rem 0;
}

.language-list.active .dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.language-list.active .language-title .arrow-img {
    transform: rotate(90deg);
}

.dropdown-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
}

.dropdown-menu li a {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.25rem;
    text-decoration: none;
    transition: all 0.2s ease;
    border-left: 4px solid transparent;
}

.dropdown-menu li a:hover {
    padding-left: 1rem;
}

.dropdown-menu li.active a {
    color: rgb(21 245 253);
    font-weight: 600;
    border-left: 4px solid rgb(21 245 253);
}

.dropdown-menu li a i {
    margin-right: 0.63rem;
    width: 1.25rem;
    text-align: center;
}
.check-box {
    display: none;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background:#2B4C5C;
    color: #fff;
    overflow: hidden;
}
.check-box img {
    display: none;
    width: 0.7rem;
}
.dropdown-menu .active .check-box {
    background: #00B4BA;
}
.dropdown-menu .active .check-box img {
    display: inline-block;
}
@media (max-width: 990px) {
    .nav-menu {
        width: 100%;
        flex-direction: column;
    }
    .nav-web-menu {
        position: sticky;
        top: 0;
        padding: 1rem;
        background: #000;
        width: 100%;
        justify-content: space-between;
    }
    .btn-language {
        display: flex;
    }
    .nav-links {
        display: none; /* 简化移动端导航 */
        border-left: none;
        margin: 0 1.75rem;
        padding: 0;
    }
    .nav-links a {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .arrow-img {
        display: flex;
    }
    .nav .nav-item  {
        padding:1.25rem 0;
        border-bottom: 1px solid #5F5F5F;
        display: flex;
        justify-content: space-between;
    }
    .nav-links.menu.show{
        display: flex;
        flex-direction: column;
    }
    .contact-box {
        width: 100%;
        border: none;
        border-radius: 0;
        padding: 1.25rem 0;
        border-bottom: 1px solid #5F5F5F;
    }
    .language-box {
        display: none; /* 简化移动端导航 */
        flex-direction: column;
        align-items: start;
        border-bottom: 1px solid #5F5F5F;
        margin: 0 1.75rem;
    }
    .language-box.show {
      display: flex; 
    }
    .language-list {
        margin-left: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
        float: none;
    }
    .language-title {
        padding: 1.25rem 0;
        display: flex;
        justify-content: space-between;
        float: none;
        border-bottom: 1px solid #5F5F5F;
    }
    .language-img {
        display: none;
    }
    .dropdown-menu {
        position: relative;
        float: none;
        width: 100%;
        padding: 0;
        box-shadow: none;
        display: none;
        opacity: 0;
        visibility: visible;
        transform: none;
        overflow-y: auto;
    }
    .dropdown-menu li {
    }
    .dropdown-menu li a {
        display: flex;
        justify-content: space-between;
        padding: 1.25rem 0;
    }
    .language-list.active .dropdown-menu {
        display: flex;
        flex-direction: column;
    }
    .dropdown-menu li.active a {
        color: #fff;
        border-left: none;
    }
    .check-box {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.home-bg {
    position: relative;
    padding-top: 10rem;
    padding-bottom: 17rem;
    background: url('../images/pic-25Del.png');
    background-size: 56.5rem auto;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 3.12rem);
    background-position-y: 1rem;
}
.banner-txt {
    margin-left: 13.5rem;
}
.banner-title {
    width: 61rem;
    font-weight: 700;
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 0px;
}
.banner-dec {
    margin-top: 3.56rem;
    width: 37.94rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.62rem;
    letter-spacing: 0px;
}
.joinEI-box {
    display: flex;
    margin-top: 2.94rem;
}
.joinEI-btn {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    text-align: center;
    color: #000;
    padding: 1.25rem 2.5rem;
    border-radius: 2.19rem;
    background: #15F5FD;
    margin-right: 1.25rem;
}
.joinEI-img-box {
    display: flex;
    align-items: center;
}
.joinEI-img-box a {
    width: 3.13rem;
    height: 3.13rem;
    border-radius: 50%;
    background: #fff;
    margin-left: 1.88rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.joinEI-img-box .joinEI-img {
    width: 3.13rem;
    height: auto;
}
@media (max-width: 990px) {
    .home-bg {
        padding-top: 2.5rem;
        padding-bottom: 2.88rem;
        background-size: 28.3rem auto;
        background-position-x: center;
        background-position-y: 28rem;
    }
    .banner-txt {
        margin:0 1.38rem;
    }
    .banner-title {
        width: auto;
        font-size: 1.75rem;
        line-height: 2.38rem;
        letter-spacing: 0px;
    }
    .banner-dec {
        margin-top: 1.25rem;
        width: auto;
        font-size: 0.88rem;
        line-height: 1.75rem;
        letter-spacing: 0px;
    }
    .joinEI-box {
        flex-direction: column;
        margin-top: 23.38rem;
    }
    .joinEI-btn {
        font-size: 1rem;
        line-height: 1.75rem;
        letter-spacing: 0px;
        text-align: center;
        padding: 1.25rem 4rem;
        border-radius: 1.25rem;
        margin:0;
    }
    .joinEI-img-box {
        margin:1.56rem 1.38rem 0;
        justify-content: center;
    }
    .joinEI-img-box a {
        width: 2.5rem;
        height: 2.5rem;
        margin-left: 0;
        margin-right: 1.75rem;
    }
    .joinEI-img-box .joinEI-img {
        width: 2.5rem;
        height: auto;
    }
}
.why-area-box {
    margin:1.25rem 15rem 0;
    padding-bottom: 10.93rem;
}
.section-title {
    font-weight: 700;
    font-size: 4rem;
    line-height: 5rem;
    letter-spacing: 0px;
    text-align: center;
}
@media (max-width: 990px) {
    .section-title {
        font-size: 2rem;
        line-height: 3.25rem;
        letter-spacing: 0px;
        text-align: center;
    }
}
.why-info-box {
    display: flex;
    margin:4.38rem 0 0;
    justify-content: center;
}
.why-info-item {
    width: 20.63rem;
    height: 21.88rem;
    background: url('../images/tab-bk.jpg');
    background-size: 20.63rem auto;
    background-repeat: no-repeat;
    border-radius: 0.63rem;
    margin-right: 2.5rem;
    padding: 1.56rem;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.why-info-item img{
    width: 7.38rem;
    height: 7.38rem;
}
.why-info-item:last-child{
    margin-right: 0;
}
.why-info-title {
    margin-top: 1.75rem;
    font-weight: 700;
    font-size: 1.13rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    text-align: center;
}
.why-info-dec {
    margin-top: 0.63rem;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    text-align: center;
}

@media (max-width: 990px) {
    .why-area-box {
        margin:1.25rem 1.44rem 0;
        padding-bottom: 2.69rem;
    }
    .why-info-item {
        margin-right: 0;
        margin-top: 1.56rem;
    }
    .why-info-box {
        flex-direction: column;
        margin:0.31rem 0 0;
    }
}
.pa-area {
    margin: 0 15rem;
    padding-top: 5.31rem;
    background: url('../images/bk-light.png');
    background-position-y: -8rem;
    background-position-x: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
}
.pa-title {
    margin-bottom: 0.62rem;
}
.pa-content {
    padding:5.75rem 13.06rem 17.13rem;
    background: url('../images/tab-pt.png');
    background-repeat: no-repeat;
    background-size: 100%;
    /*max-width: 90rem;*/
}
.pa-mian {
    margin-top: 3.75rem;
    display: flex;
    flex-wrap: wrap;
    gap: 3.75rem;
}
.pa-item {
    width: calc(50% - 3.44rem);
}
.pa-item:nth-child(2n+1){
    margin-right: 1.56rem;
}
.pa-item:nth-child(2n){
    margin-left: 1.56rem;
}
.pa-info-title {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1.25rem;
}
.pa-info-title img {
    width: auto;
    height: 1.74rem;
    margin-right: 0.32rem;
}
.pa-info-title span{
    font-weight: 700;
    font-size: 1.13rem;
    line-height: 1.75rem;
    letter-spacing: 0px;

}
.pa-info-dec {
    margin-left: 3.25rem;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    display: flex;
    color: #B1B1B1;
}
.pa-info-dec span {
    margin-left: 0.8rem;
}
.pa-info-dec::before {
   display: block;
   content: "";
   margin-top: 0.5rem;
   width: 0.5rem;
   min-width: 0.5rem;
   height:  0.5rem;
   border-radius: 50%;
   background: #fff;
}
@media (max-width: 990px) {
    .pa-area {
        margin: 0;
        padding-top: 0;
        padding-bottom: 3.13rem;
        background-size: 0%;
    }
    .pa-content {
        padding:2.5rem 0 7.88rem;
        background: url('../images/bk-pa-w3.png');
        background-repeat: no-repeat;
        background-size: 23.44rem 108%;
        background-position-x: center;
        background-position-y: -3.3rem;
    }
    .pa-title {
        margin-bottom: 0;
        padding: 0 1.38rem;
    }
    .pa-mian {
        margin-top: 0;
        padding: 0 1.38rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0;
    }
    .pa-item {
        width: auto;
        margin-top: 2.19rem;
    }
    .pa-item:nth-child(2n+1){
        margin-left:1.38rem;
        margin-right:1.38rem;
    }
    .pa-item:nth-child(2n){
        margin-left:1.38rem;
        margin-right:1.38rem;
    }
    .pa-info-title {
        align-items: start;
    }
    .pa-info-title img {
       width: 1.38rem;
       height: 1.38rem;
    }
    .pa-info-title span{
        font-weight: 700;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        margin-left: 0.63rem;
    }
    .pa-info-dec {
        margin-top: 0;
        margin-left: 2.19rem;
        font-size: 0.75rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        align-items: start;
    }
    .pa-info-dec span {
        margin-left: 0.63rem;
    }
    .pa-info-dec::before {
        margin-top: 0.6rem;
    }
}
.features-area {
    padding-top: 2.8rem;
    background: url('../images/bk-fea.jpg');
    background-position-y: 0rem;
    background-position-x: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.features-title {
    text-align: left;
    padding: 0 15rem 2.35rem;
    border-bottom: 1px solid #444D50;
}
.features-content {
    border-bottom: 1px solid #444D50;
}
.features-mian {
    padding-top: 3.75rem;
    padding-left: 4.35rem ;
    margin-left: 15rem;
    padding-right: 15rem;
    border-left: 1px solid #444D50;
    display: flex;
    flex-wrap: wrap;
}
.features-item {
    width: calc(33% - 5.25rem);
    margin-left: 6.25rem;
    margin-bottom: 5.25rem;
}
.features-item:nth-child(3n+1){
    margin-left: 0;
}
.features-item:nth-child(3n){
    width: 27rem;
}
.features-info-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.features-info-title img {
    width: auto;
    height: 1.74rem;
    margin-right: 0.12rem;
}
.features-info-title span{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0px;

}
.features-info-dec {
    margin-top: 2.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    display: flex;
}
.features-info-dec span {
    margin-left: 0.69rem;
}
.features-info-dec::before {
   display: block;
   content: "";
   margin-top: 0.5rem;
   width: 0.5rem;
   min-width: 0.5rem;
   height:  0.5rem;
   background: url('../images/ico-list.svg');
   background-size: 100%;
}
@media (max-width: 990px) {
    .features-area {
        margin: 0;
        padding-top: 0;
        background-position-y: center;
        background-position-x: center;
        background-size: 120rem auto;
        background-repeat: no-repeat;
    }
    .features-content {
        padding:2.5rem 0 0rem;
    }
    .features-title {
        margin-bottom: 0;
        padding: 0 1.38rem 1.25rem;
        font-size: 2rem;
        line-height: 3.35rem;
    }
    .features-mian {
        margin-top: 1.18rem;
        margin-left: 0;
        padding: 0 1.45rem;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 0;
    }
    .features-item {
        width: auto;
        margin-left: 0rem;
        margin-bottom: 3.13rem;
    }
    .features-item:nth-child(3n){
        width: auto;
    }
    .features-info-title {
        margin-bottom: 2rem;
    }
    .features-info-title img {
       width: 1.38rem;
       height: 1.38rem;
    }
    .features-info-title span{
        font-weight: 700;
        font-size: 1.25rem;
        line-height: 100%;
        letter-spacing: 0px;
    }
    .features-info-dec {
        margin-top: 0;
        margin-left: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        align-items: start;
    }
    .features-info-dec::before {
        margin-top: 0.6rem;
    }
}
.case-area {
    margin-top:5.00rem;
    margin-bottom:5.3rem;
}
.case-title {
    margin-bottom: 2.5rem;
}
.accordion {
    width: 53.13rem;
    margin: auto;
    border: 1px solid #444D50;
    border-radius: 0.5rem;
    color: #fff;
}

.accordion-item {
    
}

.accordion-input {
    display: none;
}

.accordion-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    padding: 1.38rem;
    font-size: 1rem;
    line-height: 100%;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    margin: 0;
    border-bottom: 1px solid #444D50;
}

.accordion-label:hover {
   
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    background-color: #222221;
    transition: max-height 0.5s ease, padding 0.5s ease;
    font-size: 1rem;
    font-weight: 400;
}

.accordion-input:checked + .accordion-label + .accordion-content {
    padding: 1.38rem 1.38rem 2.19rem;
}
.accordion-input:checked + .accordion-label img{
    transform: rotate(180deg);
}
/* 第一个面板默认展开 */
#item-1:checked + .accordion-label {
    font-weight: 700;
}

/* 响应式设计 */
@media (max-width: 990px) {
    .case-area {
        margin-top: 2.50rem;
        margin-bottom:3.13rem;
    }
    .case-title {
        margin-bottom: 1rem;
    }
    .accordion {
        width: 20.63rem;
    }
    .accordion-label {
        padding: 1.38rem;
        font-size: 1rem;
    }
    
    .accordion-content {
        padding: 0;
        font-size: 0.88rem;
        line-height: 1.5rem;
    }
    
    .accordion-input:checked + .accordion-label + .accordion-content {
        max-height: 5rem;
        padding: 0.88rem 1.5rem;
        color: #fff;
    }
}
.team-area {
    margin: 0 15rem;
}
.team-title {
    margin: 4.69rem 0 1.75rem;
}
.team-dec {
    margin: 0 23.75rem 3.5rem;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    text-align: center;
}
.team-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.team-info-dec {
    display: flex;
    width: calc(50% - 1.25rem);
    margin-bottom: 4.38rem;
}
.team-info-dec .content {
    display: flex;
    flex-direction: column;
   justify-content: space-between;
}
.team-info-dec .team-img img {
    width: 16.75rem;
    height: 22.06rem;
    margin-right: 2rem;
}
.btn-arrow img {
    width: 0.75rem;
    height: auto;
}
.team-info-dec .item-title {
    font-weight: 700;
    font-size: 1.88rem;
    line-height: 2.81rem;
    letter-spacing: 0px;
    margin-top: 0.88rem;
    margin-bottom: 2rem;
}
.team-info-dec .team-item {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    display: flex;
}
.team-info-dec:nth-child(4) .team-item::before {
    display: block;
    content: "";
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    width: 0.5rem;
    min-width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background: #fff;
}
.team-info-dec .view-more .btn{
    color: #000;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: 0px;
    border-radius: 6.25rem;
    padding: 0.88rem 2rem;
    background: #15F5FD;
    box-sizing: unset;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
}
.btn-arrow {
    width: 1.13rem;
    height: 1.13rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1.06rem;
}
@media (max-width: 990px){
   .team-area {
        margin: 0 1.44rem;
    }
    .team-title {
        margin: 1.06rem 0 0.63rem;
        font-size: 2rem;
        line-height: 3.25rem;
        text-align: center;
    }
    .team-dec {
        margin: 0 0 2.19rem;
        font-weight: 400;
        text-align: center;
    }
    .team-info-dec {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 1.31rem;
    }
    .team-info-dec .item-title {
        margin-top: 1.25rem;
        margin-bottom: 0.94rem;
        font-size: 1.63rem;
        line-height: 2.81rem;
        letter-spacing: 0px;
    }
    .team-info-dec .team-item  {
    }
    .team-info-dec .team-img img {
        width: 20.63rem;
        height: 27.38rem;
        margin-right: 0;
    }
    .team-info-dec .view-more .btn{
        margin-top: 1rem;
    }
}
.partner-area {
    background: #222221;
    padding-top: 5rem;
    padding-bottom: 3.6rem;
}
.partner-title {
    margin-bottom: 20px;
}
.partner-dec {
    max-width: 53.13rem;
    margin:0 auto 2.69rem;
    text-align: center ;
    color: #B1B1B1;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
}
.partner-list {
    display: flex;
    justify-content:center;
    flex-wrap: wrap;
    border-top: 1px solid #444D50;
}
.partner-slide {
    margin-top: 0.63rem;
}
.partner-slide img {
    width: 15rem;
    height: auto;
}
@media (max-width: 990px) {
    .partner-list{
        flex-wrap: wrap;
        justify-content: start;
    }
    .partner-slide {
        flex: 0 0 calc(50%);
        margin-bottom: 0.94rem;
    }
    .partner-slide img {
        width: 9.88rem;
        height: auto;
    }
}
.roadmap-area {
    padding-top: 5rem;
}
.roadmap-title {
    text-align: center;
    padding: 0 15rem 1.75rem;
}
.roadmap-dec {
    margin: 0 38.75rem 1.87rem;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    text-align: center;
}
.roadmap-content {
}
.roadmap-box {
    width: 98vw;
    overflow-y: hidden;
}
.roadmap-box::-webkit-scrollbar {
  display: none;
}
.roadmap-mian {
    width: 150%;
    padding-top: 3.75rem;
    padding-left: 8.13rem;
    padding-bottom:0.32rem;
    display: flex;
    overflow: auto;
}
.roadmap-mian::-webkit-scrollbar {
  display: none;
}
.roadmap-item {
    position: relative;
    width: calc(22% - 2rem);
    padding: 0 2.99rem 1.45rem 3.69rem;
    border-left: 1px solid #444D50;
    border-bottom: 1px solid #444D50;
}
.roadmap-item::after {
    position: absolute;
    display: block;
    content: "";
    width: 0.63rem;
    min-width: 0.63rem;
    height: 0.63rem;
    border-radius: 50%;
    background: #444D50;
    bottom: -0.31rem;
    left: -0.31rem;
}
.roadmap-item:nth-child(2)::after {
    background: #15F5FD ;
}
.road-img-lo {
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: -2.5rem;
    left: -2.5rem;
}
.road-img-lo img{
    width: 5rem;
    height: 5rem;
}
.roadmap-info-title {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.roadmap-info-title img {
    width: auto;
    height: 1.74rem;
    margin-right: 0.12rem;
}
.roadmap-info-title span{
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0px;

}
.roadmap-info-dec {
    margin-top: 2.5rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    display: flex;
}
.roadmap-info-dec span {
    margin-left: 0.69rem;
}
.roadmap-info-dec::before {
   display: block;
   content: "";
   margin-top: 0.5rem;
   width: 0.5rem;
   min-width: 0.5rem;
   height:  0.5rem;
   background: url('../images/ico-list.svg');
   background-size: 100%;
}
@media (max-width: 990px) {
    .roadmap-area {
        margin: 0;
        padding-top: 0;
    }
    .roadmap-content {
        padding:2.5rem 0 0rem;
    }
    .roadmap-title {
        margin-bottom: 0;
        padding: 0 1.38rem 1.25rem;
        font-size: 2rem;
        line-height: 3.35rem;
    }
    .roadmap-dec {
        margin: 0 1.43rem 2.5rem;
        font-weight: 400;
        font-size: 0.88rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        text-align: center;
    }
    .roadmap-box {
        width: auto;
        overflow: unset;
    }
    .roadmap-mian {
        width: auto;
        margin-top: 1.18rem;
        margin-left: 3.03rem;
        padding:0 1.45rem 0 0;
        display: flex;
        flex-direction: column;
        overflow: unset;
    }
    .roadmap-item {
        width: auto;
        margin-left: 0rem;
        margin-bottom: 0;
        padding: 0 0 3.13rem 2.06rem;
        border-bottom: none;
    }
    .roadmap-item::after {
        display: none;
    }
    .roadmap-item:last-child {
        border-left: none;
    }
    .road-img-lo {
        width: 3.13rem;
        height: 3.13rem;
        position: absolute;
        top: -1rem;
        left: -1.56rem;
    }
    .road-img-lo img{
        width: 3.13rem;
        height: 3.13rem;
    }
    .roadmap-info-title {
        margin-bottom: 2rem;
    }
    .roadmap-info-title img {
       width: 1.38rem;
       height: 1.38rem;
    }
    .roadmap-info-title span{
        font-weight: 700;
        font-size: 1.13rem;
        line-height: 100%;
        letter-spacing: 0px;
    }
    .roadmap-info-dec {
        margin-top: 1.3rem;
        margin-left: 0;
        font-size: 1rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        align-items: start;
    }
    .roadmap-info-dec::before {
        margin-top: 0.6rem;
    }
}
.vision-area {
    padding: 5rem 15rem 3.6rem;
    background: url("../images/bk-vis.jpg");
    background-size: 100% auto;
}
.vision-title {
     margin: 4.69rem 0 1.75rem;
}
.vision-dec {
    margin: 0 23.75rem 3.5rem;
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    text-align: center;
}
.vision-list {
    display: flex;
    justify-content: center;
}
@media (max-width: 990px) {
    .vision-area {
        margin: 0;
        padding: 0;
    }
    .vision-dec {
        margin: 0 1.43rem 3.44rem;
        font-weight: 400;
        font-size: 0.88rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        text-align: center;
    }
}
.footer-main {
    padding: 4.88rem 15rem;
}

.footer-title {
    font-weight: 700;
    font-size: 3.25rem;
    line-height: 5rem;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin-top: 1.75rem;
}
.contact-footer-box {
    display: flex;
    margin-top: 1.75rem;
    margin-left: 0.63rem;
}
.footer .widget-title {
    font-weight: 600;
    font-size: 1.13rem;
    line-height: 2rem;
    letter-spacing: 0px;
    margin-bottom: 0.63rem;
}
.logo-copy {
    display: flex;
    justify-content: space-between;
    margin-left: 0.63rem;
    margin-top: 5.13rem;
}
.footer-contact-info {
    font-weight: 400;
    font-size: 0.88rem;
    line-height: 2rem;
    letter-spacing: 0;
    margin-right: 8.25rem;
}
.footer-contact-info{
    list-style-type: none;
}
@media (max-width: 991px){
    .footer-main {
        padding: 3.13rem 1.75rem;
    }
    .contact-footer-box {
        flex-direction: column;
        margin-top: 1.75rem;
        margin-left:0;
    }
    .footer-title {
        font-weight: 700;
        font-size: 2rem;
        line-height: 5rem;
        letter-spacing: 0px;
        text-transform: uppercase;
    } 
    .footer .widget-title {
        font-size: 1.13rem;
        font-weight: 600;
        line-height: 2rem;
    }
    .footer-contact-info {
        margin-right: 0px;
        margin-bottom: 1.56rem;
    }
    .logo-copy {
        flex-direction: column;
        justify-content: space-between;
        margin-left: 0px;
        margin-top: 2.69rem;
    }
}

/* Footer about us */
.footer-logo {
    margin-top: 1.56rem;
    max-height: 4.38rem;
}

/* Footer social */
.footer-social {
    margin-top: 0.94rem;
    margin-left: 0.94rem;
}

.footer-social .widget-title {
    font-size: 0.88rem;
    margin-bottom: 10px;
}

.footer-social ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -0.84rem;
    display: flex;
}

.footer-social ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    background: #fff;
    margin-right: 1.13rem;
    
}
.footer-social ul li img{
    width: 1rem;
    height: 1rem;
}
.footer-social ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-social ul li a i {
    display: block;
    font-size: 1rem;
    color: #000;
    transition: 400ms;
}

.footer-social ul li:hover {
    color: #fff;
}
.copyright-info {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0px;
    display: flex;
    align-items: end;
}
@media (max-width: 991px){
    .footer-logo {
      width: 15.31rem;
    }
    .copyright-info {
        margin-left: 0;
        margin-top: 2.19rem;
        font-size: 0.75rem;
        line-height: 1.5rem;
        font-weight: 600;
    }
}
.ann-list-box {
    margin: 0 15rem;
}
.bnews-box {
    padding: 2rem 15rem 0;
    border-bottom: 1px solid #444D50;
}
.bnews-title {
    font-weight: 700;
    font-size: 3rem;
    line-height:5rem;
    letter-spacing: 0px;
}
.ann-news-list {
    list-style-type: none;
    margin-top: 1rem;
}
.ann-news-list .item {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #444D50;
}
.ann-news-list .item a{
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: 0px;
    margin-top: 1.88rem;
}
.ann-news-list .item .date{
    margin-top: 0.5rem;
    margin-bottom: 1.88rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    color: #B1B1B1;
}
.ann-breadcrumb {
    margin-bottom: 2.75rem;   
}
@media (max-width: 990px) {
    .ann-list-box {
        margin: 0 1.13rem;
    }
    .bnews-box {
        padding: 1.5rem 1.13rem 0;
    }
    .bnews-title {
        font-size: 2rem;
        line-height: 54px;
    }
    .ann-breadcrumb {
        font-size: 0.88;
        line-height: 1.5rem;
        letter-spacing: 0px;
        margin-bottom: 1.25rem;
    }
    .ann-news-list {
        margin-top: 0;
    }
    .ann-news-list .item {
       border-bottom: 1px solid #444D50; 
    }
    .ann-news-list .item a {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-top: 1.5rem;
    }
    .ann-news-list .item .date{
        margin-top: 0.63rem;
        margin-bottom: 1.13rem;
        font-size: 0.88rem;
        letter-spacing: 0px;
    }
}
.ann-box{
    padding: 2rem 15rem 0;
    border-bottom: 1px solid #444D50
}
.ann-title {
    font-weight: 700;
    font-size: 3rem;
    line-height: 5rem;
    letter-spacing: 0px;
}
.main-container {
    flex: 1;
    padding: 2rem 15rem 0;
    color: #fff;
}
.entry-title {
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: 0px;
    margin-bottom: 0.5rem;
}
.post-meta {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0px;
    margin-bottom: 1.88rem;
    color: #B1B1B1;
}
.mian-content {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0px;

}
.main-content span {
    text-wrap-mode: wrap !important;
    color: #fff !important;
    background: #000 !important;
}

@media (max-width: 990px) {
    .ann-box {
        padding: 0 1.13rem;
    }
    .bnews-box {
        padding: 1.5rem 1.13rem 0;
    }
    .ann-title {
        font-size: 2rem;
        line-height: 54px;
    }
    .main-container {
        padding: 1.5rem 1.13rem 0;
    }
    .entry-title {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.63rem;
    }
    .post-meta {
        font-size: 0.75rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
        margin-bottom: 1.5rem;
    }
    .mian-content {
        font-size: 0.88rem;
        line-height: 1.5rem;
        letter-spacing: 0px;
    }
}

/*分页*/
.page-nav {
    display: flex;
    margin: 2.5rem 15rem 0;
}
.pagination-block {
    display: flex;
    justify-content: center;
    margin-bottom: 0.94rem;
}

.pagination {
    margin: 0;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination li {
    width: 3rem;
    height: 3rem;
    border-radius: 0.63rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.63rem;
}
.pagination li.active{
    background: #252B2C;
}
@media (max-width: 990px) {
    .page-nav {
        margin: 1.5rem 0rem 0;
    }
    .pagination li {
        width: 2rem;
        height: 2rem;
    }
}
 /* Animation classes */
.animate-from-left {
    opacity: 0;
    transform: translateX(-6.25rem);
    transition: all 0.8s ease-out;
}

.animate-from-right {
    opacity: 0;
    transform: translateX(6.25rem);
    transition: all 0.8s ease-out;
}

.animate-from-bottom {
    opacity: 0;
    transform: translateY(6.25rem);
    transition: all 0.8s ease-out;
}

.animate-active {
    opacity: 1;
    transform: translate(0, 0);
}