.solution{
    width: 100%;
}
.solution .title{
    padding-bottom: 30px;
}
.solution .solution-content{
    width: 100%;
    height: 1710px;
    filter: blur(8);
    background-image: url('../assets/image/icon_solution.jpg');
    background-size: 100% 100%;
    padding-top:40px;
    /* overflow-y: auto; */
}
.solution .solution-content::-webkit-scrollbar{
    display: none;
}
.solution .solution-content .solution-content-middle{
    width: 1200px;
    opacity: 0.8;
    margin: 0 auto;
    background: #E7F4FF;
    padding:40px 0;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.solution .solution-content .solution-content-middle .module-left{
    padding: 0 0 0 30px;
    color: #0B1D31;
}
.solution .solution-content .solution-content-middle .module-left>div{
    width: 306px;
    height: 182px;
    display: inline-block;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.60) 0%, #FFFFFF 50%);
    border: 2px solid #FFFFFF;
}
.solution .solution-content .solution-content-middle .module-left>div:hover{
    background: #FFFFFF;
    cursor: pointer;
}
.solution .solution-content .solution-content-middle .module-left .relative:hover{
    animation-name:moveUp;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    color: #1668FF;
}
@keyframes moveUp{
    0%{
        top:0px;
    }
    100%{
        top:-10px;
    }
}
@keyframes scrollLine{
    0%{
        width: 0;
        height: 0;
    }
    100%{
        width: 310px;
        height: 4px;
        background-image: linear-gradient(246deg, #00C0FF 0%, #1664FF 73%);
    }
}
@keyframes scrollLine2{
    0%{
        width: 310px;
        height: 4px;
        background-image: linear-gradient(246deg, #00C0FF 0%, #1664FF 73%);
    }
    100%{
        width: 0;
        height: 0;
    }
}
#scroll-line{
    position: absolute;
    bottom: -10px;
    left:-2px;
    animation: scrollLine 1s;
    animation-fill-mode: forwards;
}
#scroll-line2{
    position: absolute;
    bottom: 0;
    left:-2px;
    animation: scrollLine2 1s;
    animation-fill-mode: forwards;
}
.solution .solution-content .solution-content-middle .module-left img{
    width: 67px;
    margin: 0 auto;
    display: block;
}
.solution .solution-content .solution-content-middle .module-left p{
    width: 120px;
    margin: 0 auto;
    text-align: center;
    /* font-family: 'alibaba-regular'; */
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
}
.solution .solution-content .solution-content-middle .module-right{
    padding: 44px 54px 36px 0;
    position: relative;
}
.solution .solution-content .solution-content-middle2 .module-right>div:hover{
    background: #FFFFFF;
    cursor: pointer;
}
.solution .solution-content .solution-content-middle2 .module-right .relative:hover{
    animation: moveUp 1s;
    animation-fill-mode: forwards;
    color: #1668FF;
}
.solution .solution-content .solution-content-middle .module-right .image-title{
    position:absolute;
    top: 16px;
    right: 54px;
}
.solution .solution-content .solution-content-middle .module-right img{
    width: 385px;
}
.solution .solution-content .solution-content-middle .module-right span{
    text-align: right;
    display: block;
    line-height: 28px;
}
.solution .solution-content .solution-content-middle .module-right span:nth-child(1){
    width: 200px;
    /* font-family: 'alibaba-bold'; */
    font-size: 24px;
    font-weight: bold;
    color: #0B1D31;
    letter-spacing: 1px;
}
.solution .solution-content .solution-content-middle .module-right span:nth-child(2){
    padding-top:20px;
    font-family: 'Geometric415BT-BlackA';
    font-size: 24px;
    color: #BDD2E4;
    letter-spacing: 0;
}
.solution .solution-content .solution-content-middle2 .module-right>div{
    width: 306px;
    height: 182px;
    display: inline-block;
    background-image: linear-gradient(180deg, rgba(255,255,255,0.60) 0%, #FFFFFF 50%);
    border: 2px solid #FFFFFF;
    margin: 8px 4px 0 0;
    color: #0B1D31;
}
.solution .solution-content .solution-content-middle2 .module-right img{
    width: 67px;
    margin: 0 auto;
    display: block;
}
.solution .solution-content .solution-content-middle2 .module-right p{
    width: 120px;
    margin: 0 auto;
    text-align: center;
    /* font-family: 'alibaba-regular'; */
    font-size: 18px;
    letter-spacing: 0;
    text-align: center;
    line-height: 24px;
}
.solution .solution-content .solution-content-middle2{
    width: 1200px;
    opacity: 0.8;
    margin: 0 auto;
    background: #E7F4FF;
    margin-bottom: 40px;
    display: flex;
    padding:40px 0;
}
.solution .solution-content .solution-content-middle2 .module-left{
    padding: 154px 0 0 65px;
    position: relative;
}
.solution .solution-content .solution-content-middle2 .module-left .image-title{
    position:absolute;
    top: 16px;
    left: 54px;
}
.solution .solution-content .solution-content-middle2 .module-left img{
    width: 470px;
    margin-right: 7px;
}
.solution .solution-content .solution-content-middle2 .module-left span{
    text-align: left;
    display: block;
    line-height: 28px;
}
.solution .solution-content .solution-content-middle2 .module-left span:nth-child(1){
    width: 140px;
    /* font-family: 'alibaba-bold'; */
    font-size: 24px;
    font-weight: bold;
    color: #0B1D31;
    letter-spacing: 1px;
}
.solution .solution-content .solution-content-middle2 .module-left span:nth-child(2){
    padding-top:20px;
    font-family: 'Geometric415BT-BlackA';
    font-size: 24px;
    color: #BDD2E4;
    letter-spacing: 0;
}
.solution-content-middle .module-left>div:nth-child(1){
    margin:0 4px 0 0;
}
.solution-content-middle .module-left>div:nth-child(3){
    margin:8px 4px 0 0;
}
.solution-content-middle .module-left>div:nth-child(4){
    margin:8px 0 0 0;
}
.relative{
    position: relative;
    height: 100%;
    padding-top: 29px;
    box-sizing: border-box;
}