/* index头部 */
.index-header{
    height: 26.02vw;
    background: url('../images/banner_03@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;
}
/* 解决方案内容导航条 */
.solution-cont-nav{
    width: 100%;
    height: 12vw;
}
.solution-cont-nav>ul{
    width: 80%;
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
}
.solution-nav-li{
    cursor: pointer;
    width:inherit;
    height: 100%;
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.5;
}
.solunav-nav-active{
    opacity: 1;
    border-bottom: 2px solid #EF7438;
}
.solunav-li-div{
    width: 100%;
    text-align: center;
}
.solunav-li-div>img{
    width: 5vw;
    height: 5vw;
    margin-bottom: 0.8vw;
}
.solunav-li-div>p{
    font-size:1vw;
    font-weight:bold;
    color:#EF7438;
    white-space: nowrap;
}
/* 解决方案内容框 */
.solution-content-Box{
    width: 70%;
    min-height: 30vw;
    margin: 1.85vw auto;
    overflow: hidden;
}
.solution-content-div img{
    max-width: 100%;
    height: inherit;
}
.h5soluCont img{
    width: 100%;
    height: inherit;
}
.solu-cont-title{
    font-size:1.57vw;
    line-height: 2.78vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
}
.solu-cont-titlebottom{
    font-size:0.93vw;
    margin-bottom: 2vw;
    font-weight:400;
    color:rgba(194,198,204,1);
}
.solu-cont-p{
    line-height: 2.3vw;
    font-size:9.3vw;
    font-weight:400;
    color:rgba(97,98,102,1);
}
.solu-cont-span{
    font-size:9.3vw;
    font-weight:bold;
    color:rgba(97,98,102,1);
}

/* 核心技术内容样式 */
.soluContDiv{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.soluContDiv div{
    width: 50%;
}
.soluContDiv h6{
    color: #616266;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}
.soluContDiv p{
    color: #616266;
    font-size: 1vw;
    line-height: 1.8vw;
}
.soluContDiv img{
    width: 45%;
    height: 40%;
    margin-left: 2vw;
}

/* 解决方案内容样式 */
.soluContentDiv{
    width: 100%;
}
.soluContentDiv h6{
    color: #616266;
    line-height: 3vw;
    font-size: 1.2vw;
    margin-bottom: 0.5vw;
}
.soluContentDiv p{
    color: #616266;
    font-size: 1vw;
    line-height: 1.8vw;
}
.soluContentDiv img{
    height: inherit;
    text-align: center;
    margin: auto;
}
/* 社会管理云平台 */
.cloud-Introduct{
    width: 100%;
    display: flex;
    margin: 3.15vw 0;
}
.cloud-Introduct>div{
    width: 100%;
    height: 100%;
}
.cloud-img{
    width: 90%;
}
.cloud-Core{
    margin: 3.15vw 0;
}
/* .cloud-Core-cont{
    line-height: 2.78vw;
    position: relative;
}
.cloud-Core-contdiv{
    width: 40%;
    display: inline-block;
}
.cloud-Core-imgdiv{
    width: 60%;
    height: 20vw;
    display: inline-block;
    text-align: right;
}
.cloud-Core-imgdiv>img{
    width: 80%;
} */
.cloud-function{
    text-align: center;
}
.cloud-function>img{
    width: 70%;
}
/* /////////////////////////H5 样式//////////////////////// */
.h5soluHead{
    height: 33.33vw;
    background: url('../images/banner_03@2x.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
}
.h5solution-head{
    width: 90%;
    margin: 0 auto;
    color: #fff;
}
.h5solution-head>h2{
    font-size:4.27vw;
    font-weight:bold;
    color:rgba(255,255,255,1);
    margin-bottom: 2vw;
}
.h5solution-head>p{
    font-size:3.2vw;
    font-weight:400;
    color:rgba(235,238,246,1);
    line-height: 6vw;
}
.h5soluCont-nav{
    width: 100%;
}
.h5solution-cont-li{
    /* width: 32.35%; */
    width: 25%;
    display: inline-block;
    opacity: 0.5;
    vertical-align: top;
    border-bottom: #F2F4F7 2px solid;
}
.h5solution-li-div{
    width: 100%;
    padding: 5.33vw 0 ;
    text-align: center;
}
.h5soludli-div{
    width: 16vw;
    height: 16vw;
    margin: 0 auto;
}
.h5soludli-div>img{
    width: 100%;
    height: 100%;
}
.h5soludli-p{
    font-size:2.67vw;
    font-weight:bold;
    color: #F1742D;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    word-wrap: break-word;
}
.h5solunav-active{
    opacity: 1;
    /* color: #F1742D; */
    border-bottom: #F1742D 2px solid;
}
.h5soluCont{
    width: 90%;
    margin: 0 auto;
    padding: 5.33vw 0;
    background-color: #fff;
}
.h5soluCont-title{
    font-size: 2.96vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
    text-align: center;
    margin: 2vw 0 8.88vw 0;
}
.h5solu-cont-title{
    font-size:3.59vw;
    font-weight:bold;
    color:rgba(24,39,96,1);
}
.h5solu-cont-english{
    font-size:2.67vw;
    font-weight:400;
    margin: 1vw 0 2vw;
    color:rgba(194,198,204,1);
}