/* index头部 */
.index-header{
    height: 26.02vw;
    background: url('../images/banner_04@2x.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.solution-head{
    width: 80%;
    margin: 0 auto;
    color: #fff;
}
.solution-head>h2{
    font-size:3.15vw;
    font-weight:bold;
    color:rgba(235,238,246,1);
    margin-bottom: 1.67vw;
}
.solution-head>p{
    font-size:1.3vw;
    font-weight:400;
    color:rgba(235,238,246,1);
    line-height:2.5vw;
}
/* 经典案例内容框 */
.caseList-box{
    width: 100%;
    min-width: 1080px;
}
.caseList-li{
    width: 100%;
    padding: 3vw 0;
}
.caseList-div{
    display: flex;
    min-width: 1080px;
    min-height: 17vw;
    align-items: center;
    justify-content: space-between;
    /* justify-content: center; */
}
.caseList-li:nth-child(2n){
    background-color: #EDF0F7;
}
.caseList-li:nth-child(2n+1){
    background-color: #ffffff;
}
.caseList-h2{
    font-size:1.57vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
    /* padding: 4.07vw 0 0.83vw 0; */
    padding: 0 0 0.83vw 0;
    text-align: center;
}
.caseList-p{
    font-size:0.93vw;
    font-weight:400;
    color:rgba(194,198,204,1);
    text-align: center;
}
.caseList-li-imgdiv{
    width: 81%;
    margin: 0 auto;
}
.caseList-img-div{
    width: 23vw;
    height: 15.65vw;
    display: inline-block;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    margin: 1vw 1.79vw;
    overflow: hidden;
    vertical-align: top;
    position: relative;
}
.caselist_bgcdiv{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}
.caseList-img-div:hover{
    transform: scale(1.08);
    cursor: pointer;
}
.caseList-img-div>h2,.caseList-img-div>p{
    width: 70%;
    color: #fff;
    margin: 0 auto;
    cursor: default;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
    position: relative;
    z-index: 2;
}
.caseList-img-div>h2{
    font-size:1.2vw;
    font-weight:bold;
    line-height: 2.4vw;
    padding-top: 3.89vw;
    cursor: pointer;
}
.caseList-img-div>p{
    font-size:0.83vw;
    font-weight:400;
    -webkit-line-clamp: 1;
    cursor: pointer;
}
.caseList-li-btn{
    width:11.5vw;
    height:2.31vw;
    background: transparent;
    border:1px solid rgba(24, 39, 96, 1);
    border-radius:2px;
    font-size:0.83vw;
    font-weight:400;
    color:rgba(24,39,96,1);
}

/* 案例详情内容 */
.caseContentDiv h6{
    color: #616266;
    font-size: 1.3vw;
    line-height: 2.5vw;
    margin-top: 2.2vw;
}
.caseContentDiv p{
    color: #616266;
    font-size: 1.2vw;
    line-height: 2vw;
}
/* //////////////////////////H5 样式//////////////////// */
.h5caseHead{
    height: 33.33vw;
    background: url('../images/banner_04@2x.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.h5classCase-head{
    width: 90%;
    margin: 0 auto;
    color: #fff;
}
.h5classCase-head>h2{
    font-size:4.27vw;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin-bottom: 2vw;
}
.h5classCase-head>p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(235,238,246,1);
    line-height: 6vw;
}
.h5caseCont-nav{
    width: 100%;
    display: flex;
    align-items: center;
}
.h5classCase-cont-li{
    width: 25%;
    height: 14vw;
    opacity: 0.5;
    display: flex;
    align-items: center;
}
.h5classCase-li-div{
    width: 66%;
    padding: 4.4vw 0 1.87vw 0;
    margin: 0 auto;
    text-align:center;
}
.h5casedli-p{
    margin: 0 auto;
    word-wrap:break-word;
    font-size:3.2vw;
    font-weight:bold;
}
.h5classCase-active{
    opacity: 1;
    color:#F1742D;
    border-bottom: 2px solid #F1742D;
}
.h5caseCont-cont{
    width: 100%;
    padding: 2.67vw 0 10.67vw 0;
}
.h5caseCont-cont-li{
    width: 90%;
    height: 27.2vw;
    margin: 2.67vw auto;
    display: flex;
    align-items: center;
}
.h5caseCont-li-img{
    width: 40vw;
    height: 100%;
}
.h5caseCont-li-img>img{
    width: 100%;
    height: 100%;
}
.h5caseCont-li-msg{
    width: 44.67vw;
    margin-left: 5.33vw;
}
.h5caseCont-li-msg>h6{
    font-size:3.73vw;
    font-weight:500;
    color:rgba(51,51,51,1);
    line-height: 6vw;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    word-break: break-all;
}
.h5caseCont-li-msg>p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(153,153,153,1);
    line-height: 6vw;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow: hidden;
    word-break: break-all;
}
.h5caseCont-cont-btn{
    width:64vw;
    padding: 3vw;
    margin: 0 auto;
    background:rgba(255,255,255,1);
    border:1px solid rgba(97, 98, 102, 1);
    border-radius:4px;
    font-size:3.2vw;
    font-weight:500;
    color:rgba(97,98,102,1);
}
.h5casePageCont{
    width: 90%;
    margin: 0 auto;
    min-height: 0vw;
    padding: 4vw 0;
}
.h5casePageCont img{
    width: 100%;
}