#banner{
    width: 100%;
    margin-bottom: 40px;
}

#banner img{
    display: block;
    margin:0 auto;
    width:100%;
    height: auto;
}

h1{
    font-size: 24px;
    color: #404040;
    padding:65px 0;
    margin: 0;
    line-height: 1em;
    text-align: center;
    font-weight: bold;
}

.img1{
    padding-right: 55px;
    padding-bottom: 28px;
    max-width: 100%;
    display: inline-block;
}
.img1 img{
    max-width: 100%;
}

.art1{
    font-size: 14px;
    color: #404040;
    line-height: 2em;
}

.value{
    margin-top: 60px;
}
.value h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 2em;
}
.value p{
    margin-bottom: 50px;
}

.honor{
    margin-top: 45px;
}
.honor .cover{
    width: 217px;
    max-width: 100%;
    height: 176px;
    margin-bottom: 20px;
    text-align: center;
}
.honor .cover img{
    max-width: 100%;max-height:100%;
}
.honor li{
    margin-bottom: 30px;
}
.honor .con{
    height:35px;
}
@media screen and (max-width: 768px){
    .img1{
        width: 100%;
        max-width: 100%;
        display: block;
        margin:10px auto;
        text-align: center;
        padding: 0;
    }

    .img2 img{
        width: 100%;
        max-width: 100%;
    }

    .honor .cover{
        height: 110px;
    }

    #banner{
        margin-bottom: 20px;
    }

    h1 {
        padding: 20px 0;
    }
}