/* pc端 */
.cont{
    width: 100%;
    background-size: cover;
    background-position: center center;
    margin-bottom: 80px; position: relative;
}
.cont .wrap.l-m-c{z-index: 10;}
.cont_wrap{
    position: relative;
    padding: 8.87% 2.7%;
}
.cont_title{
    color: #ffffff;
    margin-bottom: 20px;
    line-height: 60px;
}
.cont_font{
    width: 51%;
    color: #ffffff;
    line-height: 30px;
}
.detail{
    width: 100%; margin-top:4%;
}
.detail_wrap{
    padding: 0 50px 136px 50px;
} 
.detail_top{
    width: 100%;
    position: relative;
    padding-top: 58px;
}
.detail_top span{
    width: 24%;
    height: 3px;
    background-color: #ffbd21;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}
.detail_top p{
    line-height: 30px;
    color: #fff;
}
.detail_top p{
    margin-bottom: 35px;
}
.detail_top p:nth-last-of-type(1){
    margin-bottom: 80px;
}
.detail_btm{
    width: 100%;
    overflow: hidden;
}
.detail_btm div{
    width: 23.5%;
    margin-right: 2%;
    background-size: cover;
    background-position: center center;
    float: left;
    color: #ffffff;
    padding-bottom: 16%;
    position: relative;
}
.detail_btm div span{
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.detail_btm div:nth-of-type(4n){
    margin-right: 0;
}
.detail_btm div a{
    width: 100%;
    display: block;
    padding-bottom: 68%;
    position: absolute;
    left: 0;
    top: 0;
}

/* ipad */
@media only screen and (max-width: 1024px){
    .cont_font{
        width: 100%;
    }
}

/* 手机端 */
@media only screen and (max-width: 767px){
    .cont{
        margin-bottom: 40px;
    }
    .cont_wrap{
        padding: 100px 0px 80px 0px;
    }
    .cont_title{
        margin-bottom: 40px;
        line-height: 40px;
    }
    .cont_font{
        line-height: 26px;
    }
    .detail_wrap{
        padding: 0 0 40px 0;
    } 
    .detail_top{
        padding-top: 30px;
    }
    .detail_top p{
        margin-bottom: 25px;
    }
    .detail_top p:nth-last-of-type(1){
        margin-bottom: 40px;
    }
    .detail_btm div{
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 10px;
        padding-bottom: 32%;
    }
    .detail_btm div:nth-of-type(2n){
        margin-right: 0;
    }
    .detail_btm div a{
        padding-bottom: 66%;
    }
}