/* 内容 */

.center_content {
    background-position: 0% 0%;
    /* padding-bottom: 1rem; */
}

.title_desc {
    font-weight: 400;
    font-size: .16rem;
    color: #3B3B3B;
    line-height: .34rem;
    font-style: normal;
    text-transform: none;
}

.title {
    color: #066DCC;
    font-weight: bold;
    font-size: .2rem;
    line-height: .34rem;
    font-style: normal;
    text-transform: none;
    justify-content: center;
    margin-top: .3rem !important;
}

.default_bottom {
    padding-bottom: .8rem;
}

.content_item {
    display: flex;
    flex-wrap: wrap;
    margin: .25rem;
}

.content_title {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: .25rem;
    min-width: 2.2rem;
}

.content_title img {
    width: .8rem;
}

.content_title p {
    font-weight: bold;
    font-size: 0.36rem;
    color: #222222;
    text-align: center;
    font-style: normal;
    text-transform: none;
    padding: 0 .3rem;
}


.block_1 {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    align-items: center;
}

.block_1 p {
    font-weight: 400;
    font-size: .18rem;
    color: #222222;
    line-height: .24rem;
}

.block_1 p span {
    color: #066DCC;
    font-size: .2rem;
    font-weight: bold;
}

.item-images {
    position: relative;
    margin: auto;
    max-width: 10rem;
}

/* .item-top-image,
.item-bottom-image {
    position: absolute;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
} */
.item-text {
    text-align: center;
}

.item-top-image {
    top: 40%;
    left: 2rem;
    right: 2rem;
    z-index: 2;
    position: absolute;
    height: auto;
    border-radius: 50%;
}

.item-bottom-image {
    bottom: 0;
    left: 0;
    z-index: 1;
    position: relative;
    width: 100%;
    height: auto;
    border-radius: 50%;
    border: 1px dashed #C2C2C2;
}

.block_bottom {
    display: flex;
    flex-direction: row;
    gap: .5rem;
    padding: .5rem 0;
    max-width: 10rem;
}

.bottom_right {
    display: flex;
    flex-wrap: wrap;
    gap: .2rem;
    width: 100%;
    padding: .2rem;
}

.box {
    flex: 1 1 calc(50% - .2rem);
    background: rgba(238, 247, 255, 0.85);
    border-radius: .1rem;
    border: 1px solid #066DCC;
    padding: .15rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: .1rem;
}

.box p {
    font-size: .22rem;
    color: #3B3B3B;
    line-height: .31rem;
}

.box img {
    width: .4rem;
    height: auto;
    border-radius: .1rem;
}

@media (max-width: 600px) {
    .box {
        flex: 1 1 100%;
    }
}


.button-circle {
    display: flex;
    justify-content: center;
    margin-bottom: .2rem;
    border: 1px dashed #007BFF;
    border-radius: 50%;
    overflow: hidden;
    /* 确保箭头划入时不会超出按钮边界 */
    position: relative;
    /* 使箭头可以绝对定位 */
    min-width: 2.2rem;
}
/* button-circle右侧有一个图片 */
.button-circle-line {
    width: 0.4rem;
    height: 2.2rem;
}

.button-circle-line img {
    width: 0.4rem;
    height: auto;
}

.button-circle p {
    padding: .1rem .2rem;
    background: linear-gradient(171deg, #2DA9F1 0%, #066DCC 100%);
    color: #F5F5F5;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: inline-flex;
    gap: .1rem;
    align-items: center;
    justify-content: center;
    margin: .15rem;
    transition: padding 0.5s ease-in-out;
    /* 添加过渡效果 */
    width: 1.8rem;
    height: 1.8rem;
    font-size: .26rem;
    line-height: .31rem;
    text-align: center;
}

.button_img {
    width: .2rem;
    height: .2rem;
    object-fit: contain;
}

.block_2 {
    background: #F6F7F9;
    padding-bottom: .8rem;
}



.s6_p1 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.48rem;
    color: #222222;
    text-align: center;
    transform: translateY(-1rem);
}

.s6_p2 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.2rem;
    color: #5A5A5A;
    text-align: center;
    margin-top: 0.2rem;
    margin-bottom: 0.06rem;
    transform: translateY(-1rem);
}

.s6Swiper {
    width: 100%;
    height: 6.38rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 1.2rem !important;
    transform: translateY(3rem);
}

.s6_box {
    width: 2.8rem;
    height: 1.04rem;
    background:linear-gradient(179deg, #FFFFFF 0%, #f9fdff 30%, #ecf9ff 100%);
    /* background: linear-gradient(179deg, #FFFFFF 0%, #E4F6FE 30%, #A6E1FC 100%); */
   
    border-radius: 0.09rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s6_box:hover{
     box-shadow: 0px 0px 6px 1px rgba(45, 169, 241, 0.3);
}
.s6_box img {
    width: 2.4rem !important;
    height: 0.64rem !important;
}

.row1,
.row2,
.row3 {
    display: flex;
    align-items: center;
}

.row1 {
    gap: 0.4rem;
    justify-content: center;
}

.row2 {
    /* gap: 0.5rem;
    margin: 0.45rem 0; */
    gap: 0.4rem;
    margin: 0.45rem 0;
    justify-content: center;
}

.row3 {
    /* justify-content: center;
    gap: 0.5rem; */
    gap: 0.4rem;
    margin: 0.45rem 0;
    justify-content: center;
}

.s6 .main {
    position: relative;
}

.s6_bullet {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.2rem;
    width: 0.3rem;
    height: 0.06rem;
    background: #fff;
    border-radius: 0.24rem;
    opacity: 0.8;
    transition: all 0.8s ease 0s;
}

.s6_bullet_active {
    width: 0.4rem;
    background: #066DCC;
    opacity: 1;
}

.block_container {
    padding-top: .2rem;
}

@media screen and (max-width:1024px){
    .block_1>div{
        width: 100%;
    }
    .item-top-image img{
        width: 100%;
    }
    .block_bottom{
        align-items: flex-start;
    }
    .s6_box{
        width: 16%;
    }
    .s6_box img{
        width: 100%!important;
        height: auto!important;
    }
}