@charset "utf-8";
/* CSS Document */

.publicTop{ background:url(../images/about_bg.jpg) no-repeat center top; 
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;}


.organization{ margin:0px 24px; background:#f6f6f6; text-align:center;  position:relative;padding:0 24px}
.organization img{  max-height:100%; max-width:100%;margin:12px 0;}

.honor_list { overflow:hidden;margin:24px;}
.honor_list li{ float:left;display:inline;position:relative; overflow:hidden;}
.honor_list li img{width:100%;height:100%;}



/*响应式*/
@media screen and (min-width:320px) and (max-width: 679px) {
.organization{ margin:6px 12px; padding:12px}
.organization img{ margin:6px 0;}


.honor_list {margin:12px;}
.honor_list li{  width:50%;}

}
@media screen and (min-width:680px) and (max-width: 1079px) {

.organization{ margin:6px 12px; padding:12px}
.organization img{ margin:6px 0;}

.honor_list {margin:12px;}
.honor_list li{  width:25%;}

}
@media screen and (min-width:1080px) {
.organization{ margin:6px 12px; padding:12px}
.organization img{ margin:6px 0;}

.honor_list {margin:12px;}
.honor_list li{  width:25%;}

}

@media screen and (min-width:1200px) {
.organization{ margin:12px 24px; padding:24px}
.organization img{ margin:12px 0;}

.honor_list {margin:24px;}
.honor_list li{  width:25;}

}