.four-box{
    width:92%;
    margin:55px auto 80px;
    display: block;
}
.four-box ul{
    width:100%;
    display: block;
}
.four-box ul li{
    width:48.6%;
    float: left;
    margin:0 2.8% 2.8% 0;
    display: inline-block;
}
.four-box ul li:nth-child(2n){
    margin-right: 0;
}
.four-box ul li a,.four-box ul li a img{
    width:100%;
    display: block;
}
@media screen and (max-width: 1080px) {
    .four-box{
        margin:4.9vw auto 7.4vw;
    }
}

.index-about{
    width:92%;
    margin:0 auto;
    display: block;
}
.index-about-title{
    width:100%;
    line-height: 36px;
    height: 36px;
    background:#f5f5f5;
}
.index-about-title span{
    width:auto;
    padding-right:10px;
    font-size:36px;
    line-height: 36px;
    color:#7f7f7f;
    font-weight: bold;
    display: inline-block;
    background:#fff;
}
.index-about-content{
    width:100%;
}
.index-about-content p{
    width:100%;
    color:#7f7f7f;
    font-size:34px;
    line-height: 60px;
    margin-top:48px;
    display: block;
    text-align: justify;
}
.index-about-content p img{
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
@media screen and (max-width: 1080px) {
    .index-about-title{
        line-height: 3.33vw;
        height: 3.33vw;
    }
    .index-about-title span{
        font-size:3.33vw;
        line-height: 3.33vw;
    }
    .index-about-content p{
        font-size:3.148vw;
        line-height: 5.55vw;
        margin-top:4.44vw;
    }
}

@media screen and (max-width: 640px) {
    .index-about-title{
        line-height: 24px;
        height: 24px;
    }
    .index-about-title span{
        font-size:18px;
        line-height: 24px;
    }
    .index-about-content p{
        font-size:14px;
        line-height: 24px;
        margin-top:24px;
    }
}