.section{
    width:100%;
    height:100vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section_tit{
    font-size: 3.5vw;
    color:#021136;
    font-weight: bold;
}
.block_item div{
    position: relative;
    font-size: 1vw;
    line-height: 1;
    color:#171212;
    font-weight: bold;
    padding-left: 0.6vw;
    box-sizing: border-box;
    margin-bottom: 0.5vw;
}
.block_item div::before{
    content:"";
    width:0.3vw;
    height:100%;
    border-radius: 3px;
    background: #0D53FF;
    position: absolute;
    left:0;
    top:0;
}
.block_item p{
    font-size: 0.8vw;
    line-height: 1.5;
}

/* solution_section1 */
.solution_section1{
    background-image: url(./images/solution_s1_bg.png);
    padding-top: 120px;
    padding-bottom: 120px;
}
.solution_section1 .tit{
    font-size: 4.5vw;
}
.solution_section1 .subtit{
    font-size: 2vw;
}
.solution_section1 .section_btn{
    margin-top: 4vw;
}
/* solution_section2 */
.solution_section2{
    background-image: linear-gradient(to bottom,rgb(239, 249, 255),rgb(247, 252, 255));
}
.solution_section2 .tit{
    font-size: 2.5vw;
}
.solution_section2 ul{
    margin-top: 5vw;
}
.solution_section2 ul li{
    float:left;
    width:22%;
    height:17vw;
    background: linear-gradient(150.64deg, rgba(255, 255, 255, 1) 0%, rgba(194, 212, 250, 1) 100%);
    border-radius: 0.8vw;
    box-shadow: 0 0 10px 2px rgb(194, 212, 250 / 5%);
    padding:9vw 1vw 2vw 2vw;
    box-sizing: border-box;
    position: relative;
    transition: all 0.4s ease;
}
.solution_section2 ul li:not(:last-child){
    margin-right: 4%;
}
.solution_section2 ul li div{
    font-size: 1.5vw;
    margin-bottom: 0.3vw;
}
.solution_section2 ul li p{
    font-size: 1vw;
    line-height: 1.5;
}
.solution_section2 ul li img{
    width:10vw;
    height:10vw;
    position: absolute;
    left:calc(50% - 5vw);
    top:-3vw;
}
.solution_section2 ul li:hover{
    background: linear-gradient(150.64deg, rgba(255, 255, 255, 1) 0%, rgb(182, 205, 253) 100%);
}
/* solution_section3 */
.solution_section3{
    background-image: url(./images/solution_s3_bg.png);
}
.solution_section3 .tit{
    font-size: 2.5vw;
}
.solution_section3 ul{
    margin-top: 3vw;
}
.solution_section3 ul li{
    float:left;
    width:32%;
    height:12vw;
    background: #fff;
    border-radius: 0.8vw;
    padding:2vw;
    box-sizing: border-box;
    margin-bottom: 1vw;
    transition: all 0.4s ease;
}
.solution_section3 ul li:nth-child(3n+2){
    margin-left:2%;
    margin-right: 2%;
}
.solution_section3 ul li div{
    font-size: 1.6vw;
    letter-spacing: 1px;
    padding-left: 0.6vw;
    box-sizing: border-box;
    line-height: 1;
    margin-bottom: 1.5vw;
}
.solution_section3 ul li div::before{
    content:"";
    width:0.3vw;
    height:100%;
    position: absolute;
    left:0;
    top:0;
    background: #0D53FF;
}
.solution_section3 ul li p{
    font-size: 1.2vw;
    line-height: 2.4vw;
    position: relative;
    padding-left: 1.5vw;
    box-sizing: border-box;
}
.solution_section3 ul li p::before{
    content:"";
    width:1vw;
    height:1vw;
    position: absolute;
    left:0;
    top:0.7vw;
    background: url(./images/icon_info.png) no-repeat 100% 100% / contain;
}
/* solution_section4 */
.solution_section4{
    background-color: rgb(247, 252, 255);
}
/* .solution_section4 .tit{
    font-size: 3.5vw;
} */
.solution_section4 .flow-chart{
    height:25vw;
    background: #FFF;
    border-radius: 8px;
    padding:2vw;
    box-sizing: border-box;
    margin:2vw auto;
}
.solution_section4 .flow-chart .arrow{
    width:1.8vw;
    height:3.8vw;
    vertical-align: middle;
    margin:0 1.1vw;
}
.solution_section4 .content ul li{
    float:left;
}
.solution_section4 .content ul li:not(:last-child){
    width:35%;
    margin-right: 5%;
}
.solution_section4 .content .flow_chart{
    width:20%;
    text-align: center;
}
.solution_section4 .content .flow_chart img{
    width: auto;
    height:2vw;
    margin-bottom: 1vw;
}
.solution_section4 .content .flow_chart .section_btn{
    margin:0 auto;
}
/* solution_section5 */
.solution_section5{
    background-color: rgb(237, 244, 254);
}
.solution_section5 .OMS{
    width:52vw;
    height:30vw;
    float:left;
}
.solution_section5 .OMS .OMS_btn{
    width:12vw;
    height:3vw;
    line-height: 3vw;
    text-align: center;
    border-radius: 2vw;
    background: #0D53FF;
    font-size: 1.2vw;
    color:#fff;
    position: absolute;
    left:18vw;
    top:10.5vw;
}
.solution_section5 .OMS .OMS_btn::before{
    content:"";
    width:22vw;
    height:8vw;
    position: absolute;
    left:-5vw;
    top:-2.5vw;
    border:1px solid #0D53FF;
    border-radius: 4vw;
}
.solution_section5 .OMS .OMS_btn::after{
    content:"";
    width:36vw;
    height:16vw;
    position: absolute;
    left:-12vw;
    top:-6.5vw;
    border:1px solid #0D53FF;
    border-radius: 8vw;
    z-index: 2;
}
.solution_section5 .OMS .OMS_item{
    position: absolute;
    background-color: rgb(237, 244, 254);
    z-index: 3;
    padding:1vw;
    box-sizing: border-box;
}
.solution_section5 .OMS .OMS_item.pc{
    top:0;
    left:16vw;
}
.solution_section5 .OMS .OMS_item.app{
    top:4vw;
    left:36vw;
}
.solution_section5 .OMS .OMS_item.h5{
    top:18vw;
    left:30vw;
    background: transparent;
}
.solution_section5 .OMS .OMS_item.gzh{
    top:18vw;
    left:10vw;
    background: transparent;
}
.solution_section5 .OMS .OMS_item.xcx{
    top:4vw;
    left:0vw;
}
.solution_section5 .OMS .OMS_item .pic{
    width:5vw;
    height:5vw;
    text-align: center;
}
.solution_section5 .OMS .OMS_item.gzh .pic,
.solution_section5 .OMS .OMS_item.h5 .pic{
    background-color: rgb(237, 244, 254);
}
.solution_section5 .OMS .OMS_item .pic img{
    width:3.2vw;
    height:3.2vw;
}
.solution_section5 .OMS .OMS_item ul{
    margin-top: 0.5vw;
}
.solution_section5 .OMS .OMS_item.pc ul{
    margin-left: 1.5vw;
    margin-top: 0;
}
.solution_section5 .OMS .OMS_item ul li{
    position: relative;
    font-size: 0.7vw;
    line-height: 2;
    color:#171212;
    padding-left: 10px;
    box-sizing: border-box;
    transition: all 0.4s ease;
}
.solution_section5 .OMS .OMS_item ul li::before{
    content:"";
    width:4px;
    height:4px;
    border-radius: 2px;
    background:#0D53FF;
    position: absolute;
    left:0;
    top:calc(0.7vw - 2px);
}
.solution_section5 .OMS .OMS_item .pic p{
    font-size: 1vw;
    color:#171212;
    font-weight: bold;
    line-height: 1;
    margin-top: 0.5vw;
}
.solution_section5 .text{
    float:right;
}
.solution_section5 .text ul{
    margin-top: 3vw;
}
.solution_section5 .text ul li:nth-child(1){
    margin-bottom: 2vw;
}
.solution_section5 .text .block_item{
    text-align: right;
}
.solution_section5 .text .block_item div{
    padding-left: 0;
    padding-right: 0.6vw;
}
.solution_section5 .text .block_item div::before{
    left:calc(100% - 0.3vw);
}

/* solution_section6 */
.solution_section6{
    background-color: rgb(247, 252, 255);
}
.solution_section6 ul{
    margin-top: 3vw;
}
.solution_section6 ul li{
    margin-bottom: 2vw;
}
.solution_section6 .section_btn{
    margin-top: 2vw;
}
.solution_section6 .pic .s6_icon1{
    width:28vw;
    height:31.5vw;
    position: absolute;
    right:25%;
    top:calc(50vh - 16vw);
    z-index: 2;
}
.solution_section6 .pic .s6_icon2{
    width:16.5vw;
    height:34.8vw;
    position: absolute;
    right:10%;
    top:calc(50vh - 17.4vw);
    z-index: 3;
}

/* solution_section7 */
.solution_section7{
    background-color: rgb(237, 244, 254);
}
.solution_section7 .text{
    float:left;
}
.solution_section7 .text ul{
    margin-top: 3vw;
}
.solution_section7 .text ul li{
    margin-bottom: 2vw;
}
.solution_section7 .pic{
    float:right;
    width:45vw;
}
.solution_section7 .pic img{
    float: left;
    width:13.5vw;
    height:27.7vw;
}
.solution_section7 .pic .yinliu{
    float:right;
}
.solution_section7 .yinliu_item{
    width:30vw;
    height:auto;
    padding:1.5vw;
    box-sizing: border-box;
    border-radius: 0.3vw;
    background: #fff;
}
.solution_section7 .yinliu_item:nth-child(1){
    margin-bottom: 1vw;
}
.solution_section7 .yinliu_item p{
    font-size: 1.5vw;
    margin-bottom: 1vw;
}
.solution_section7 .yinliu_item ul li{
    float:left;
    width:4vw;
    height:1.5vw;
    line-height: calc(1.5vw - 2px);
    text-align: center;
    border:1px solid #626980;
    margin-bottom: 0.6vw;
    box-sizing: border-box;
    transition: all 0.4s ease;
    font-size: 0.6vw;
    color:#454B5F;
}
.solution_section7 .yinliu_item ul li:not(:nth-child(6n)){
    margin-right: 0.6vw;
}

/* solution_section8 */
.solution_section8{
    background-color: rgb(247, 252, 255);
}
.solution_section8 .item{
    float:left;
    width:32%;
    height:32vw;
    border-radius: 0.3vw;
    background: #fff;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);
    padding:1vw;
    box-sizing: border-box;
}
.solution_section8 .item:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
}
.solution_section8 .item .tit{
    font-size: 2.5vw;
    line-height: 1.5;
}
.solution_section8 .item .desc{
    font-size: 1.2vw;
    color:#171212;
    line-height: 1.5;
}
.solution_section8 .item .line{
    width:100%;
    height:0.3vw;
    background-color:#0D53FF;
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.solution_section8 .item ul{}
.solution_section8 .item ul li{
    margin-bottom: 1.5vw;
    transition: all 0.4s ease;
}
.solution_section8 .item ul li div{
    font-size: 1.5vw;
    color:#454B5F;
    line-height: 1.5;
}
.solution_section8 .item ul li p{
    font-size: 1.2vw;
    color:#626980;
    line-height: 1.5;
}

/* 名片 */
.card_desc{
    font-size: 1.5vw;
    line-height: 2;
    margin-top: 1vw;
}
/* card_section1 */
.card_section1{
    height: 200vh;
    background-color: rgb(247, 252, 255);
    background-image: url(./images/card_s1_bg.png);
}
.card_section1 .tit{
    font-size: 3vw;
}
.card_section1 .subtit{
    font-size: 6vw;
}
.card_section1 .s1_icon4{
    width:48vw;
    height:48vw;
    margin-top: 5vw;
    margin-left: calc(50% - 24vw);
}
.card_section1 ul{
    margin-top: -3vw;
}
.card_section1 ul li{
    float:left;
    width:32%;
    height:12vw;
    border-radius: 0.5vw;
    background: #fff;
    border:0.2vw solid transparent;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 5%);
    padding:4.5vw 2vw 2vw 2vw;
    box-sizing: border-box;
    position: relative;
    transition: all 0.4s ease;
}
.card_section1 ul li:nth-child(2){
    margin-left: 2%;
    margin-right: 2%;
}
.card_section1 ul li:hover{
    border:0.2vw solid #2A82E4;
}
.card_section1 ul li:hover img{
    filter: drop-shadow(0 0 #0D53FF);
    -webkit-filter: drop-shadow(0 0 #0D53FF);
}
.card_section1 ul li img{
    width:13vw;
    height:11vw;
    position: absolute;
    right:-1vw;
    top:-2vw;
    transition: all 0.6s ease;
}
.card_section1 ul li .line{
    width:3.5vw;
    height:0.2vw;
    background: #0D53FF;
    margin-bottom: 0.3vw;
}
.card_section1 ul li .item_tit{
    font-size: 2vw;
}
.card_section1 ul li .item_desc{
    font-size: 1.2vw;
    margin-top: 0.2vw;
}

/* card_section2 */
.card_section2{
    background-image: url(./images/card_s2_bg.png);
    background-position: right bottom;
    background-size: auto auto;
}
.card_section2 .s3_icon1{
   width:30vw;
   height:38vw;
   position: absolute;
   top:calc(50vh - 19vw);
   right:22vw;
}
.card_section2 .s3_icon2{
    height:8vw;
    width:8vw;
    position: absolute;
    right:37vw;
    top:calc(50vh + 5vw);
}
.card_section2 .s3_icon3{
    width:16vw;
    height:24vw;
    position: absolute;
    right:10vw;
    top:calc(50vh - 12vw);
}
/* card_section3 */
.card_section3{
    background-image: url(./images/card_s3_bg.png);
    background-position: right top;
    background-size: auto 100%;
}
.card_section3 .section_btn{
    margin-top: 3vw;
}
.card_section3 .s3_icon1{
    width:18.6vw;
    height:38vw;
    position: absolute;
    right:38vw;
    top:calc(50vh - 19vw);
}
.card_section3 .s3_icon2{
    width:3vw;
    height:2.1vw;
    position: absolute;
    right:32vw;
    top:calc(50vh - 1vw);
}
.card_section3 .s3_icon3{
    width:66.67vw;
    height:37.5vw;
    position: absolute;
    right:-33vw;
    top:calc(50vh - 18.8vw);
}

/* card_section4 */
.card_section4{
    background-color: rgb(247, 252, 255);
}
.card_section4 ul{
    margin-top: 3vw;
}
.card_section4 ul li{
    float:left;
    margin-right: 0.8vw;
    transition: all 0.4s ease;
}
.card_section4 ul li img{
    width:2.7vw;
    height:3.4vw;
}
.card_section4 .s4_icon1{
    width:48vw;
    height:48vw;
    position: absolute;
    right:10vw;
    bottom:0;
}
.card_section4 .s4_icon2{
    width:14.7vw;
    height:14vw;
    position: absolute;
    right:35vw;
    top:calc(50vh - 15vw);
}
.card_section4 .s4_icon3{
    width:33vw;
    height:18.5vw;
    position: absolute;
    right:33vw;
    top:calc(50vh - 8vw);
}
.card_section4 .s4_icon4{
    width:7.8vw;
    height:7.8vw;
    position: absolute;
    right:16vw;
    top:calc(50vh - 18vw);
}
.card_section4 .s4_icon5{
    width:21.3vw;
    height:12.8vw;
    position: absolute;
    right:10vw;
    top:calc(50vh + 2vw);
}
/* card_section5 */
.card_section5{
    background-image: url(./images/card_s5_bg.png);
}
.card_section5 .section_tit,
.card_section5 .card_desc{
    color:#fff;
}
.card_section5 .s5_icon1{
    width:18.6vw;
    height:38vw;
    position: absolute;
    right:38vw;
    top:calc(50vh - 19vw);
}
.card_section5 .s5_icon2{
    width:18.6vw;
    height:38vw;
    position: absolute;
    right:19vw;
    top:calc(50vh - 19vw);
}
.card_section5 .s5_icon3{
    width:18.4vw;
    height:15.1vw;
    position: absolute;
    right:45vw;
    top:calc(50vh + 5vw);
}
.card_section5 .s5_icon4{
    width:17.7vw;
    height:29.9vw;
    position: absolute;
    right:9vw;
    top:calc(50vh - 15vw);
}
/* card_section6 */
.card_section6{
    background-color: rgb(247, 252, 255);
}
.card_section6 .section_tit,
.card_section6 .desc{
    line-height: 2;
}
.card_section6 .desc{
    font-size: 3vw;
}
.card_section6 .section_btn{
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vw;
}
/* card_section7 */
.card_section7{
    padding:0;
    flex-direction: row;
}
.card_section7 .item{
    padding:120px 10vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card_section7 .advantage{
    float:left;
    width:55%;
    height:100%;
    background: url(./images/card_s7_bg1.png) center center / cover;
}
.card_section7 .others{
    float:left;
    width:45%;
    height:100%;
    background: url(./images/card_s7_bg2.png) center center / cover;
}
.card_section7 .item .tit{
    font-size: 3vw;
}
.card_section7 .item.advantage .tit{
    color:#fff;
}
.card_section7 .item ul{
    margin-top: 5vw;
} 
.card_section7 .item ul li{
    letter-spacing: 2px;
    font-size: 1.5vw;
    line-height: 1.5vw;
    margin-bottom: 1.8vw;
    transition: all 0.4s ease;
}
.card_section7 .item.others ul li{
    color:#021136;
}
.card_section7 .item.advantage ul li{
    position: relative;
    padding-left: 2.5vw;
    box-sizing: border-box;
    color:#fff;
}
.card_section7 .advantage ul li::before{
    content: "";
    width:1.5vw;
    height:1.5vw;
    position: absolute;
    top:0;
    left:0;
    background: url(./images/card_s7_icon.png) no-repeat 100% 100% / contain;
}


@media (max-width: 1440px){
    .solution_section7 .yinliu_item{
        padding:1vw;
    }
    .solution_section7 .yinliu_item ul li{
        font-size: 0.7vw;
        width:4.3vw;
    }
    .solution_section7 .yinliu_item ul li:not(:nth-child(6n)) {
        margin-right: 0.44vw;
    }
    .solution_section7 .yinliu_item p{
        margin-bottom: 0.7vw;
    }
}
@media (max-width: 1280px){
    .solution_section4 .flow-chart .arrow{
        margin:0 1vw;
    }
}