.marginTop3{
    margin-top:3rem!important;
}
.marginTop4{
    margin-top:4rem!important;
}
.marginTop5{
    margin-top:5rem!important;
}
.marginTop1{
    margin-top:1rem!important;
}
.marginTop6{
    margin-top:6rem!important;
}
.marginBottom3{
    margin-bottom:3rem!important;
}
.marginRight4{
    margin-right:4rem!important;
}
.floatRight{
    float:right!important;
}
.width50{
    width:65%!important;
}
.alignCenter{
    text-align: center!important;
}
.positionRelative{
    position: relative;
}
.solutionMain{
    margin-top:3rem;
    font-family: PingFangSC-Semibold;
    color: #333333;
    font-size: .7rem;
}
.solutionMain a{
    color:#fff;
}
.solutionMainBanner{
    position: relative;
}
.solutionMainBannerFont
{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left:2rem;
    width: 85%;
    color: #fff;
    transform: translate(-50%,-50%);
}
.solutionMainBannerFont>h4{
    font-size:1.5rem;
    font-weight:normal;
}
.solutionMainBannerFont>h5{
    font-size:1rem;
    font-weight:normal;
}
.solutionMainItem{
    min-width: 768px;
    max-width: 1200px;
    margin: 0 auto;
    width: 85%;
    padding:3rem 2rem;
    box-shadow:0px 1px 4px 0px rgba(0,0,0,0.14);
    border:1px solid #EAEAEA;
    box-sizing: border-box;
}
.solutionMainItem>h5{
    font-size: 1.5rem;
    margin-bottom:1rem;
}
.solutionMainItemDateEspecially{
    margin-bottom:.3rem;
}
.solutionMainItemDate>strong{
    font-weight:normal;
}
.solutionMainItemDate>span{
    margin-left:1rem;
    font-family: PingFangSC-Regular;
}
.solutionMainItemHr{
    width:100%;
    height:.1rem;
    background:rgba(246,246,246,1);
    margin:1rem 0px;
}
.solutionMainItem>p{
    margin-bottom:.7rem;
    font-size:.8rem;
    font-family:PingFangSC-Regular;
    line-height:1.4rem;
    color:#333;
}
.solutionMainItem>h4{
    font-size: 1.5rem;
    color: #333333;
    margin-bottom:1rem;
}
.solutionMainItem>ul>li{
    width:9%;
    float: left;
}
.solutionMainItem>ul>li>img{
    width:46%;
    margin-bottom:.4rem;
}
.solutionMainItemApk>ul>li{
    width:16.4%;
}
.solutionMainItemApk>ul>li>img{
    width:100%;
}
.solutionMainItem>ul>li>p{
    width:100%;
    color:#333;
    font-family:PingFangSC-Regular;
}
.clearBoth{
    display:block;
    clear:both;
}
.solutionMainItemBtn{
    width: 9rem;
    height: 2rem;
    font-size:.7rem;
    background: #2F7CFF;
    border-radius: 1rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
    margin-top:4rem;
    font-family:PingFangSC-Regular;
}
.solutionMainItemTwo>ul>li{
    width:20%;
}
.solutionMainItemTwo>ul>li>img{
    width:80%;
}
.solutionMainItemEs{
    min-width: 768px;
    max-width: 1200px;
    margin: 0 auto;
    width: 85%;
    box-sizing: border-box;
}

.solutionMainItemEsFour{
    width:50%;
    float:left;
}
.solutionMainItemEsFour>img{
    width:100%;
    display: block;
}
.solutionMainItemEsFourBtn{
    width: 8rem;
    height: 2rem;
    font-size:.7rem;
    background: #2F7CFF;
    border-radius: 1rem;
    color: #fff;
    text-align: center;
    line-height: 2rem;
    font-family:PingFangSC-Regular;
}
.solutionMainItemEsFourAlign{
    width:80%;
}
.solutionMainItemEsFourAlign>h5{
    font-size:1.4rem;
    margin-bottom:1rem;
}
.solutionMainItemEsFourAlign>p{
    font-size:.8rem;
    font-family:PingFangSC-Regular;
    line-height:1.4rem;
    color:#333;
    
}
.solutionMainItemEsFourAlign>img{
    margin:1.4rem 0px;
    width:100%;
}
.solutionMainMuBanner{
    position: relative;
}
.solutionMainMuBannerFont{
    position: absolute;
    top:50%;
    left:0px;
    text-align: center;
    font-weight: normal;
    font-size:1.5rem;
    width:100%;
    margin-top:-2rem;
}
.solutionMainItemEsCase{
    width:31.33%;
    float: left;
    position: relative;
    margin-right:2%;
    margin-bottom:1rem;
}
.solutionMainItemEsCase>img{
    width:100%;
    display:block;
}
.solutionMainItemEsCase>div{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    color: #fff;
    text-align: center;
    margin-top: -1rem;
}
.solutionMainItemEsCase>div>h4{
    font-size:.7rem;
    font-weight:normal;
    margin-bottom:.2rem;
}
.solutionMainItemEsCase>div>h5{
    font-size:.5rem;
    font-weight:normal;
}
.solutionMainItemEsOut{
    position: relative;
}
.solutionMainItemEsTwo{
    width: 38%;
    position: absolute;
    right: 0px;
    top: 50%;
    transform:translateY(-50%)
}
.solutionMainItemEsThree{
    width: 38%;
    position: absolute;
    left: 0px;
    top: 50%;
    transform:translateY(-50%)
}


/* 样式一直没有生效 */
.solutionMainItemGrounp{
    text-align: center;
    width: 22rem;
    margin: 0 auto;
}
.solutionMainItemGrounp>.solutionMainItemBtn{
    float: left;
}

/* 设置需要的字体 */
@font-face {
    font-family: 'PingFangSC-Semibold'; 
    src: url('../font/PingFang/PingFangSC-Semibold.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PingFangSC-Regular'; 
    src: url('../font/PingFang/PingFangSC-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

/* 具体值需要单独控制 */
@media ( min-width : 1440px) {
    .solutionMainItemHr{
        height:2px;
    }
    .solutionMainBannerFont>h4{
        font-size:40px;
    }
    .solutionMainBannerFont>h5 {
        font-size: 28px;
        font-weight: normal;
    }
    .solutionMainItem>h5{
        font-size:40px;
    }
    .solutionMainItem>p{
        font-size:20px;
    }
    .solutionMainItemDate>span{
        font-size:20px;
    }
    .solutionMainItemDate>strong{
        font-size:20px;
    }
    .solutionMainItem>ul>li>p{
        font-size:20px;
    }
    .solutionMainItemBtn>a{
        font-size:18px;
    }
    .solutionMainItemEsFourAlign>h5{
        font-size:38px;
    }
    .solutionMainItemEsFourAlign>p{
        font-size:24px;
    }
    .solutionMainItemEsFourBtn>a{
        font-size:18px;
    }
    .solutionMainItemEsCase>div>h4{
        font-size:24px;
    }
    .solutionMainItemEsCase>div>h5{
        font-size:18px;
    }
    .solutionMainMuBannerFont>h4{
        font-size:40px;
    }
    .solutionMainMuBannerFont>h5{
        font-size:40px;
    }
}