.titleInfo .title {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    color: #333333;
}

banner .content .content-text a {
    width: 186px;
}

/* 通用结束 */


/* issueInfo */
.issueInfo {
    margin-top: 94px;
}

.issueInfo ul {
    margin-top: 68px;
}


.issueInfo li {
    float: left;
    margin-right: 4%;
    width: 22%;
    position: relative;
}

.issueInfo li:last-of-type {
    margin-right: 0;
}

.issueInfo li img {
    width: 100%;
}

/* answerInfo */
.answerInfo {
    margin-top: 95px;
    position: relative;
    text-align: center;
}

.answerInfo .answerImg {
    width: 100%;
}

.answerInfo .limitWidth {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    text-align: center;
}

.answerInfo .limitWidth div {
    width: 100%;
}

.answerInfo .limitWidth div .title {
    width: 100%;
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.answerInfo .limitWidth div a {
    display: block;
    margin: 0 auto;
    width: 183px;
    height: 62px;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #FFFFFF;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 62px;
}


/* solutionInfo */
.solutionInfo {
    margin-top: 99px;
}

.solutionInfo ul {
    margin-top: 68px;
}


.solutionInfo li {
    float: left;
    margin-right: 1.25%;
    width: 19%;
    position: relative;
}

.solutionInfo li:last-of-type {
    margin-right: 0;
}

.solutionInfo li img {
    width: 100%;
}

.solutionInfo .solutionImg {
    margin-top: 84px;
    width: 100%;
}

/* caseInfo */
.caseInfo {
    margin-top: 78px;
    margin-bottom: 98px;
}

.caseInfo ul {
    margin-top: 71px;
}


.caseInfo a {
    float: left;
    margin-right: 5%;
    width: 30%;
    background: #FFFFFF;
    border: 1px solid #EAEDF1;
    box-sizing: border-box;
}

.caseInfo a:last-of-type {
    margin-right: 0;
}

.caseInfo li .mainImg {
    width: 100%;
}
.caseInfo li .mainImg  img{
    width: 100%;
}

.caseInfo li .content {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.caseInfo li .content .icon {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #EAEDF1;
    border-radius: 50%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.caseInfo li .content  .info {
    float: right;
    width: 70%;
}

.caseInfo li .content  .info .title{
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-top: 6px;
}
.caseInfo li .content  .info .desc{
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    margin-top: 14px;
}