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

#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;
}
.honor h1,.contents h1{
    padding:40px 0;
}

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

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

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

.honor{
    margin-top: 0px;
}
.honor .cover{
    width: 217px;
    max-width: 100%;
    height: 176px;
    margin-bottom: 5px;
    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;
    }
}
.about-con  ul li{
display:inline-block;
float:left; 
width :  120px;
font-size :  16px;        
line-height :  40px;        
text-align :  center;        
background :    #fff; 
margin: 5px 5px 10px 5px;
border: 1px solid #dedcdc;
}
.about-con  ul li a:hover{display:inline-block;width :120px;background:#000fb7;color:#FFF;text-decoration: none;}
.about-con  ul li.on{background:#000fb7;} 
.about-con  ul li.on a{color:#FFF;text-decoration: none;}