.swiper {
    width: 100vw;
    height: 6.19rem;
}

.swiper-slide {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-img-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.index-banner-content {
    width: 12rem;
    display: flex;
    justify-content: space-between;
    margin-top: 0.5rem;
    position: relative;
    z-index: 2;
}

.index-banner-content-left {
    width: 3.62rem;
    margin-top: 0.42rem;
}

.index-banner-content-left-title {
    font-weight: 800;
    font-size: 0.52rem;
    color: #000000;
    white-space: nowrap;
}

.index-banner-content-left-title.white {
    color: #FFFFFF;
}

.index-banner-content-left-tags {
    margin-top: 0.36rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.index-banner-content-left-tag {
    width: 0.82rem;
    height: 0.32rem;
    background: #D2EDFF;
    border-radius: 0.06rem;
    border: 1px solid #006DFF;
    opacity: 0.6;
    -webkit-border-radius: 0.06rem;
    -moz-border-radius: 0.06rem;
    -ms-border-radius: 0.06rem;
    -o-border-radius: 0.06rem;
    font-weight: 500;
    font-size: 0.14rem;
    color: #006CFF;
    line-height: 0.32rem;
    text-align: center;
}

.index-banner-content-left-btn {
    width: 1.6rem;
    height: 0.52rem;
    background: linear-gradient(-45deg, #00AAFF 0%, #006CFF 100%);
    border-radius: 0.04rem;
    -webkit-border-radius: 0.04rem;
    -moz-border-radius: 0.04rem;
    -ms-border-radius: 0.04rem;
    -o-border-radius: 0.04rem;
    margin-top: 0.58rem;
    text-align: center;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.52rem;
    cursor: pointer;
}

.index-banner-content-left-btn.white {
    display: block;
    width: 2.4rem !important;
    background: #FFFFFF !important;
    color: #0065FF;
}

/*.index-banner-content-left-btn:hover {
    background: radial-gradient(circle, rgba(0, 255, 248, 0.4), #006CFF);
}*/
.index-banner-right {
    width: 7.42rem;
    height: auto;
}


.banner-tip-box {
    width: 100vw;
    position: relative;
    margin-top: -0.75rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner-tip {
    display: flex;
    align-items: flex-end;
    height: 1.35rem;
}

.banner-tip-item-box {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    box-shadow: 0rem 0.01rem 0.15rem 0.01rem rgba(0, 0, 0, 0.05);
    cursor: pointer;
    border-radius: 0.08rem;
}

.banner-tip-item {
    width: 2.8rem;
    height: 0.88rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.08rem;
    transition: height 0.3s ease;
    -webkit-transition: height 0.3s ease;
    -moz-transition: height 0.3s ease;
    -ms-transition: height 0.3s ease;
    -o-transition: height 0.3s ease;
}

.banner-tip-item-box + .banner-tip-item-box {
    margin-left: 0.16rem;
}

.banner-tip-item.first {
    background: url("../images/banner-tip-item-first-bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 1.14rem;
}

.banner-tip-item.active .tip-button-more {
    display: block;
}

.banner-tip-item.active .tip-title {
    color: #FFFFFF;
}

.banner-tip-item.active .tip-text {
    color: #94DAFE;
}


.tab-swiper-box {
    width: 12rem;
    overflow: hidden;
    padding-bottom: 0.15rem;
}

.tab-swiper {
    height: 1.35rem;
}

.tab-swiper .swiper-slide {
    align-items: flex-end;
}

.tip-button-more {
    display: none;
    height: 0.4rem;
    width: 100%;
    text-align: center;
    line-height: 0.4rem;
    border-top: 1px solid rgba(92, 200, 255, 0.3);
    font-weight: 500;
    font-size: 0.12rem;
    color: #C2FFFD;
    margin-top: 0.2rem;
}

.banner-tip-item.active {
    height: 1.35rem;
    background: linear-gradient(90deg, #0097FD, #007DFE, #00B5FB);
    box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.05);
}

.banner-tip-item:hover {
    height: 1.35rem;
    background: linear-gradient(90deg, #0097FD, #007DFE, #00B5FB);
    box-shadow: 0px 1px 15px 1px rgba(0, 0, 0, 0.05);
}

.banner-tip-item:hover.first {
    background: url("../images/banner-tip-item-first-bg.png") no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 1.14rem;
}

.banner-tip-item:hover .tip-button-more {
    display: block;
}

.tip-title {
    display: flex;
    align-items: center;
    margin-top: 0.2rem;
    margin-left: 0.24rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #202124;
}

.tip-title > div {
    margin-left: 0.13rem;
}

.tip-text {
    margin-top: 0.1rem;
    font-weight: 500;
    font-size: 0.14rem;
    color: #60646B;
    margin-left: 0.59rem;
}

.banner-tip-item:hover .tip-title {
    color: #FFFFFF;
}

.banner-tip-item:hover .tip-text {
    color: #94DAFE;
}

.banner-tip-item.first > .tip-title {
    font-weight: bold;
    font-size: 0.2rem;
    background: linear-gradient(270deg, #F98C49 14.1357421875%, #FFC362 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-left: 0;
    margin-top: 0.06rem;
}

.banner-tip-item.first > .tip-text {
    /* color: #FFC362; */
    margin-top: 0.17rem;
    font-weight: 500;
    font-size: 0.12rem;
    width: 1.56rem;
    margin-left: 0;
    background: linear-gradient(270deg, #8E4F00 0%, #552700 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.banner-tip-icon {
    width: 0.22rem;
    height: 0.22rem;
    margin-top: 0.04rem;
}


.tip-button-prev,
.tip-button-next {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #F0F5FF 0%, #FFFFFF 100%);
    margin-bottom: 0.34rem;
    cursor: pointer;
}

.tip-button-prev {
    margin-right: 0.32rem;
}

.tip-button-next {
    margin-left: 0.32rem;
}

.tip-button-icon {
    width: 0.52rem;
    height: 0.52rem;
}

.project-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 7.85rem;
}

.project-box + .project-box {
    background: #F8FBFF;
    margin-top: 0rem;
}

.project {
    display: flex;
    align-items: center;
    width: 12rem;
    justify-content: space-between;
}

.project-content {
    width: 3.32rem;
}

.project-title {
    font-weight: 500;
    font-size: 0.36rem;
    color: #202124;
}

.project-function-list {
    margin-top: 0.59rem;
}

.project-function-item {
    display: flex;
}

.project-function-item + .project-function-item {
    margin-top: 0.3rem;
}

.function-icon {
    width: 0.15rem;
    height: 0.15rem;
    margin-top: 3px;
}

.function-text {
    font-weight: 500;
    font-size: 0.18rem;
    color: #202124;
    margin-left: 0.12rem;
}

.project-details {
    margin-top: 0.48rem;
    background: linear-gradient(-45deg, #00AAFF 0%, #006CFF 100%);
    border-radius: 0.04rem;
    width: 1.4rem;
    height: 0.48rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.48rem;
    text-align: center;
    cursor: pointer;
}

/*.project-details:hover {
    background: radial-gradient(circle, rgba(0, 255, 248, 0.4), #006CFF);
}*/
.project-img {
    width: 8.02rem;
    height: 5.85rem;
}

.advantages-box {
    width: 100vw;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 1rem;
}

.advantages {
    width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.advantages-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #202124;
}

.advantages-tip {
    font-weight: 500;
    font-size: 0.16rem;
    color: #999999;
    margin-top: 0.26rem;
}

.advantages-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0.3rem;
    column-gap: 0.27rem;
    margin-top: 0.83rem;
}

.advantages-item {
    width: 3.82rem;
    height: 3.19rem;
    background: #FFFFFF;
    border: 1px solid #F1F1F1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.advantages-item:hover {
    height: 3.17rem;
    background: linear-gradient(0deg, #FFFFFF, #F8F8F8);
    /* background: red; */
    border-top: 0.03rem solid #006CFF;
}

.advantages-icon {
    width: 0.83rem;
    height: 0.83rem;
}

.advantages-item-title {
    font-weight: bold;
    font-size: 0.22rem;
    color: #202124;
    margin-top: 0.3rem;
}

.advantages-item-tip {
    font-weight: 500;
    font-size: 0.16rem;
    color: #60646B;
    width: 3.19rem;
    text-align: center;
    line-height: 0.28rem;
    margin-top: 0.26rem;
}

.solution-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    background: url("../images/solution-bg.png") no-repeat;
    background-size: 100% 100%;
    padding: 0.79rem 0rem 0.83rem;
}

.solution {
    width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.solution-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #FFFFFF;
}

.solution-tip {
    font-weight: 500;
    font-size: 0.16rem;
    color: #AFC0D2;
    margin-top: 0.26rem;
}

.solution-card {
    width: 12rem;
    min-height: 5.58rem;
    background: #F0F7FE;
    box-shadow: 0px 7px 26px 1px rgba(36, 36, 36, 0.08);
    border-radius: 0.1rem;
    display: flex;
    margin-top: 0.5rem;
}

.solution-menu {
    padding: 0.12rem 0.2rem;
    width: calc(2.2rem - 0.4rem);
    flex-shrink: 1;
}

.solution-menu-item {
    height: 0.48rem;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 0.16rem;
    color: #202124;
    border-radius: 0.04rem;
    cursor: pointer;
}

.solution-menu-item + .solution-menu-item {
    margin-top: 0.14rem;
}

.solution-menu-icon {
    width: 0.18rem;
    height: 0.18rem;
    margin-left: 0.24rem;
}

.solution-menu-icon-active {
    width: 0.18rem;
    height: 0.18rem;
    margin-left: 0.24rem;
    display: none;
}

.solution-menu-title {
    margin-left: 0.18rem;
}

.solution-menu-item.active {
    color: #FFFFFF;
    background: linear-gradient(-45deg, #00AAFF 0%, #006CFF 100%);
}

.solution-menu-item.active .solution-menu-icon-active {
    display: inline-block;
}

.solution-menu-item.active .solution-menu-icon {
    display: none;
}

.solution-content {
    flex: 1;
    padding: 0.5rem 0.4rem;
    background: url("../images/solution-content-bg.png") no-repeat;
    background-size: 100% 100%;
}

.hide {
    display: none !important;
}

.solution-content-title {
    font-weight: bold;
    font-size: 0.24rem;
    color: #202124;
}

.solution-content-tip {
    font-weight: 500;
    font-size: 0.14rem;
    color: #4E5866;
    line-height: 0.24rem;
    width: 6.16rem;
    margin-top: 0.38rem;
}

.solution-content-list {
    margin-top: 0.4rem;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    /* background: #F0F2F7; */
    row-gap: 1px;
    column-gap: 1px;
    width: 6.25rem;
}

.solution-content-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: #FFFFFF; */
    width: 1.56rem;
    height: 1.08rem;
    border-bottom: 1px solid #F0F2F7;
    border-right: 1px solid #F0F2F7;
}

.solution-content-item:nth-child(4n) {
    border-right: none;
}

.solution-content-item:nth-child(5) {
    border-bottom: none;
}

.solution-content-item:nth-child(6) {
    border-bottom: none;
}

.solution-content-item:nth-child(7) {
    border-bottom: none;
}

.solution-content-item:nth-child(8) {
    border-bottom: none;
}

.solution-content-icon {
    width: 0.2rem;
    height: 0.2rem;
}

.solution-content-item-title {
    font-weight: 500;
    font-size: 0.14rem;
    color: #202124;
    margin-top: 0.18rem;
}

.solution-content-btn {
    margin-top: 0.45rem;
    width: 1.67rem;
    height: 0.48rem;
    cursor: pointer;
    text-align: center;
    line-height: 0.48rem;
    background: linear-gradient(-45deg, #00AAFF 0%, #006CFF 100%);
    border-radius: 0.04rem;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
}

/*.solution-content-btn:hover {
    background: radial-gradient(circle, rgba(0, 255, 248, 0.4), #006CFF);
}*/
.news-box {
    width: 100vw;
    padding: 1.01rem 0rem 1.14rem 0rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news {
    width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.news-title {
    font-size: 0.16rem;
}

.news-title span {
    font-weight: 500;
    font-size: 0.24rem;
    color: #919499;
    margin-left: 0.18rem;
}

.news-title-item {
    cursor: pointer;
}

.news-title span.news-title-active {
    font-weight: bold;
    font-size: 0.36rem;
    color: #202124;
}

.news-content {
    display: flex;
    margin-top: 0.6rem;
}

.news-recommend {
    padding-right: 0.32rem;
    border-right: 1px solid #F0F2F7;
    flex-shrink: 1;
}

.recommend-img {
    width: 5.44rem;
    height: 3.06rem;
    border-radius: 0.08rem;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
}

.recommend-img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.news-list {
    flex: 1;
    padding-left: 0.32rem;
}

.news-item {
    display: flex;
    align-items: center;
    /* height: 1.48rem; */
    border-bottom: 1px solid #F0F2F7;
    padding-bottom: 0.35rem;
}

.news-item a {
    display: inline-flex;
}

.news-item + .news-item {
    padding-top: 0.35rem;
}

.news-item:last-child {
    border-bottom: none;
    padding-bottom: 0rem;
}

.news-img {
    width: 1.6rem;
    height: 0.84rem;
    border-radius: 0.04rem;
    flex-shrink: 1;
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    cursor: pointer;
}

.news-img:hover {
    transform: scale(1.05);
}

.news-item-content {
    flex: 1;
    margin-left: 0.18rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.news-item-content:hover .news-item-title {
    color: #006CFF;
}

.news-item-content:hover .news-item-time {
    color: #9BC5FF;
}

.news-item-title {
    font-weight: 500;
    font-size: 0.22rem;
    color: #202124;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 4.1rem;
}

.recommend-content {
    cursor: pointer;
}

.recommend-content:hover .news-item-title {
    color: #006CFF;
}

.recommend-content:hover .news-item-time {
    color: #9BC5FF;
}

.news-item-time {
    font-weight: 500;
    font-size: 0.14rem;
    color: #C2C1C1;
    margin-top: 0.14rem;
}

.partner-box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    padding: 0.62rem 0rem 0.81rem;
    background: url('../images/partner-bg.jpg') no-repeat;
    background-size: 100% 100%;
}

.partner {
    width: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.partner-title {
    font-weight: bold;
    font-size: 0.36rem;
    color: #202124;
}

.partner-tip {
    font-weight: 500;
    font-size: 0.16rem;
    color: #999999;
    margin-top: 0.26rem;
}

.partner-list {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    row-gap: 0.2rem;
    column-gap: 0.27rem;
    margin-top: 0.76rem;
    width: 12rem;
}

.partner-item {
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 2px;
}

.partner-img {
    width: 100%;
    height: 100%;
}

.index-banner-content-left-text {
    font-weight: 500;
    font-size: 0.16rem;
    color: #67768C;
    line-height: 0.32rem;
    margin-top: .29rem;
}

.index-banner-content-left-text.white {
    color: #FFFFFF;
    opacity: 0.5;
}