* {
    margin: 0;
    padding: 0;
    font-size: 1rem; /* 16px */
}

.header_box {
    background-color: #000000;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    padding: 0.5rem 2rem;
    box-sizing: border-box;
}
.header_box .logo{
    height: 2.25rem;
}
.header_box .logo img{
    width: 100%;
    height: 100%;
}

.header_box .menu_box {
    display: flex;
    width: 75rem; /* 1200px / 16 = 75rem */
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

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

.menu li {
    display: inline-block;
    position: relative;
}

.menu a {
    display: block;
    padding: 0.625rem 1.25rem; /* 10px / 16 = 0.625rem, 20px / 16 = 1.25rem */
    text-decoration: none;
    color: #fff;
    font-size: 0.75rem;
}

.menu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #737373;
    padding: 0;
    z-index: 99999;
}

.menu ul li:hover > ul {
    display: inherit;
}

.menu ul ul li {
    width: 12.5rem; /* 200px / 16 = 12.5rem */
    float: none;
    display: list-item;
    position: relative;
}

.menu ul ul ul li {
    position: relative;
    top: -3.75rem; /* -60px / 16 = -3.75rem */
    left: 12.5rem; /* 200px / 16 = 12.5rem */
}

.menu ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

.menu a:hover {
    background-color: #eb6101;
    color: #fff;
}

.header_box .menu_box .menu {
    display: flex;
    align-items: center;
}

.header_box .menu_box .menu > .item {
    margin:  1.25rem; /* 1.25px / 16 = 0.078125rem */
    padding:  1.25rem; /* 1.25px / 16 = 0.078125rem */
}

.header_box .menu_box .menu > .item:hover {
    color: #eb6101;
    cursor: pointer;
}

.header_box .menu_box .reg_login {
    display: flex;
    align-items: center;
    
}

.header_box .menu_box .reg_login .item {
    margin: 1.25rem; /* 1.25px / 16 = 0.078125rem */
    padding: 0  1.25rem; /* 1.25px / 16 = 0.078125rem */
    cursor: pointer;
    font-size: 0.75rem;
}

.header_box .search .btn {
    text-align: center;
    background-color: #eb6101;
    padding: 0.3125rem 1.25rem; /* 0.3125px / 16 = 0.01953125rem, 1.25px / 16 = 0.078125rem */
    border-radius: 1.875rem; /* 1.875px / 16 = 0.1171875rem */
    font-size: 0.75rem;
}

.swiper {
    position: relative;
}

.swiper-pagination {
    position: absolute;
    bottom: 0.625rem; /* 10px / 16 = 0.625rem */
    left: 50%;
    transform: translateX(-50%);
}

.banner .item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.banner .item .img {
    position: relative;
    width: 100%;
}

.banner .item .img img {
    width: 100%;
    height: 100%;
}

.banner .item .content {
    position: absolute;
    color: #fff;
    text-align: center;
}

.banner .item .content .title {
    font-size: 2.75rem; /* 44px / 16 = 2.75rem */
    font-weight: bold;
}

.banner .item .content .desc {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    font-size: 1.5rem; /* 24px / 16 = 1.5rem */
}

.banner .item .content .btn {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    font-size: 1.25rem; /* 20px / 16 = 1.25rem */
    background-color: #eb6101;
    display: inline-block;
    padding: 0.3125rem 1.25rem; /* 5px / 16 = 0.3125rem, 20px / 16 = 1.25rem */
    border-radius: 1.25rem; /* 20px / 16 = 1.25rem */
}
.banner .item .content .btn a{
    color: #fff;
    text-decoration: none;
}
.title_box {
    text-align: center;
    margin: 1.25rem 0; /* 20px / 16 = 1.25rem */
}

.title_box .title {
    font-size: 2.125rem; /* 34px / 16 = 2.125rem */
    font-weight: 600;
    color: #b68250;
}

.title_box .desc {
    color: #666666;
    margin-top: 0.625rem; /* 10px / 16 = 0.625rem */
}

.industry {
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 3.125rem auto 6.25rem; /* 50px / 16 = 3.125rem, 100px / 16 = 6.25rem */
    color: #666666;
}

.industry .item_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    margin-top: 3.125rem; /* 50px / 16 = 3.125rem */
}

.industry .item_box .item {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}
.industry .item_box .item .img{
    width: 6.25rem;
    height: 6.25rem;
}
.industry .item_box .item .img img{
    width: 100%;
    height: 100%;
}
.platform {
    margin-top: 2.5rem; /* 40px / 16 = 2.5rem */
    background-image: url(../images/index_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
}

.platform .title_box {
    padding-top: 3.125rem; /* 50px / 16 = 3.125rem */
}

.platform .content {
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    padding: 2.5rem 0 12.5rem 0; /* 40px / 16 = 2.5rem, 200px / 16 = 12.5rem */
}


.platform .content .item_box .active{
    background: linear-gradient(to bottom right, #ffae60, #c04c04);
    cursor: pointer;
}

.platform .content .item_box .active .icon {
    background-color: #fff !important; /* Adjust as needed */
}

.platform .content .item_box .active .title {
    color: #fff; /* Adjust as needed */
}


.platform .content > .item_box {
    display: flex;
    justify-content: space-between;
}

.platform .content > .item_box .item {
    background-color: #fff;
    width: 23.125rem; /* 370px / 16 = 23.125rem */
    height: 23.125rem; /* 370px / 16 = 23.125rem */
    border-radius: 0.9375rem; /* 15px / 16 = 0.9375rem */
    position: relative;
}

.platform .content > .item_box .item .icon {
    width: 6.25rem; /* 100px / 16 = 6.25rem */
    height: 6.25rem; /* 100px / 16 = 6.25rem */
    margin: 3.125rem 0 0 3.125rem; /* 50px / 16 = 3.125rem */
    background-color: #f19149;
    border-radius: 3.125rem; /* 50px / 16 = 3.125rem */
    box-sizing: border-box;
    padding: 1.25rem; /* 20px / 16 = 1.25rem */
}

.platform .content > .item_box .item img {
    width: 100%;
    height: 100%;
}

.platform .content .item_box .item .title {
    font-size: 1.5rem; /* 24px / 16 = 1.5rem */
    font-weight: bold;
    margin: 1.875rem 0 0 3.125rem; /* 30px / 16 = 1.875rem, 50px / 16 = 3.125rem */
}

.platform .content .item_box .item .btn {
    width: 3.125rem; /* 50px / 16 = 3.125rem */
    height: 3.125rem; /* 50px / 16 = 3.125rem */
    background-color: #fff;
    border-radius: 3.125rem; /* 50px / 16 = 3.125rem */
    box-shadow: 0px 0px 0.6875rem 0.5rem #e8e0e0; /* 11px / 16 = 0.6875rem, 8px / 16 = 0.5rem */
    padding: 0.9375rem; /* 15px / 16 = 0.9375rem */
    box-sizing: border-box;
    position: absolute;
    right: 2.5rem; /* 40px / 16 = 2.5rem */
    bottom: 2.5rem; /* 40px / 16 = 2.5rem */
}

.platform .content .desc_box {
    margin-top: 3.125rem; /* 50px / 16 = 3.125rem */
}
.platform .content .desc_box .item_box{
    display: none;
}
.platform .content .desc_box .curr{
    display: block;
}
.platform .content .desc_box .item_box .title {
    font-size: 2rem; /* 64px / 16 = 4rem */
    font-weight: bold;
    color: #333;
}

.platform .content .desc_box .item_box .btn {
    display: inline-block;
    padding: 0.3125rem 0.9375rem; /* 5px / 16 = 0.3125rem, 15px / 16 = 0.9375rem */
    background: #eb6100;
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    border-radius: 1.25rem; /* 20px / 16 = 1.25rem */
    color: #fff;
}
.platform .content .desc_box .item_box .btn a{
    color: #fff;
    text-decoration: none;
}

.advantage .title_box {
    padding: 3.125rem 0; /* 50px / 16 = 3.125rem */
}

.advantage .item_box {
    display: flex;
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.advantage .item_box .item {
    margin: 2.5rem 1.25rem; /* 40px / 16 = 2.5rem, 20px / 16 = 1.25rem */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    box-sizing: border-box;
    width: calc(50% - 3.25rem); /* 20px / 16 = 1.25rem */
}

.advantage .item_box .item .icon {
    width: 5rem; /* 80px / 16 = 5rem */
    height: 5rem; /* 80px / 16 = 5rem */
}

.advantage .item_box .item .icon img {
    width: 100%;
    height: 100%;
}

.advantage .item_box .item .title_content {
    display: flex;
    flex-direction: column;
    margin-left: 1.875rem; /* 30px / 16 = 1.875rem */
}

.advantage .item_box .item .title_content .title {
    font-size: 1.25rem; /* 20px / 16 = 1.25rem */
    font-weight: bold;
}

.advantage .item_box .item .title_content .desc {
    color: #999;
    margin-top: 0.625rem; /* 10px / 16 = 0.625rem */
}

.contact {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.contact .img {
    width: 100%;
    height: 100%;
}

.contact .img img {
    width: 100%;
    height: 100%;
    display: block;
}

.contact .content {
    position: absolute;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.contact .content .title {
    font-size: 2.75rem; /* 44px / 16 = 2.75rem */
    font-weight: bold;
    color: #fff;
}

.contact .content .btn {
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    font-size: 1.25rem; /* 20px / 16 = 1.25rem */
    background-color: #eb6101;
    display: inline-block;
    padding: 0.3125rem 1.25rem; /* 5px / 16 = 0.3125rem, 20px / 16 = 1.25rem */
    border-radius: 1.25rem; /* 20px / 16 = 1.25rem */
    color: #fff;
}

.footer {
    background-color: #000000;
    width: 100%;
    color: #dadada;
    padding: 1.25rem; /* 20px / 16 = 1.25rem */
    box-sizing: border-box;
}

.footer .address {
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .address .item {
    margin-top: 0.625rem; /* 10px / 16 = 0.625rem */
    font-size: 0.875rem; /* 14px / 16 = 0.875rem */
}

.footer .icp {
    max-width: 75rem; /* 1200px / 16 = 75rem */
    margin: 0 auto;
    margin-top: 1.875rem; /* 30px / 16 = 1.875rem */
    font-size: 0.875rem; /* 14px / 16 = 0.875rem */
}