.content-honor{
    width: 1002px;
    margin: 0 auto;
    height: auto;
    clear: both;
    overflow: hidden;
    zoom: 1;
}
.clearfix {
    display: block;
}

.sectionA{
    max-width: 975px;
    margin: 0 auto;
    height: auto;
}

.sectionA .content-top {
    max-width: 786px;
    height: 146px;
    margin: 0 auto;
    position: relative;
    font-size: 50px;
}
.content-top{
    text-align: center;
}
.sectionA .content-bottom {
    max-width: 975px;
    height: 600px;
    margin: 0 auto;
    margin-top: 26px;
}

.content-bottom div {
    width: 309px;
    height: 277px;
    /*overflow: hidden;*/
    /*margin: 0 6px;*/
    margin-top: 18px;
    text-align: center;
    display: inline-block;
    font-size: 20px;
    background-color: #efefef;
    color: #77be59;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.sectionB {
    max-width: 1002px;
    height: auto;
    margin: 10px auto;
    overflow: hidden;
    /*padding-left: 15px;*/
}
.sectionB .portfolio {
    width: 31.33%;
    height: 289px;
    float: left;
    /*display: inline;*/
    position:relative;
    margin: 10px 1%;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    /*background: #CCCCCC;*/
}
.sectionB .portfolio1 {
    width: 31.33%;
    height: 289px;
    float: left;
    /*display: inline;*/
    position:relative;
    margin: 10px 1%;
    text-align: center;
    overflow: hidden;
    zoom: 1;
    /*background: #CCCCCC;*/
}
.sectionB #div2 {
    width: 100%;
    height: 40px;
    float: left;
    display: block;
    position:absolute;
    z-indent:2;
    margin: 0px;
    background: #000000;
    opacity: 0.6;
    top: 250px;
    /*left:10px;*/
}
.sectionB #div2 .p1 {
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 40px;
    font-family: '宋体';
}
.sectionB #div2 .p2 {
    display: none;
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-family: '宋体';
}

/*.sectionB #div2 {*/
    /*float: left;*/
    /*width: 220px;*/
    /*height: 139px;*/
    /*margin: -139px 0 0 0;*/
    /*display: none;*/
    /*color: #666;*/
    /*text-align: center;*/
    /*font-size: 14px;*/
    /*-webkit-transition: all .8s;*/
    /*-moz-transition: all .8s;*/
    /*-o-transition: all .8s;*/
    /*transition: all .8s;*/
/*}*/
/*.sectionB div:hover{*/
    /*background:#000;*/
    /*filter:alpha(opacity=90);*/
    /*-moz-opacity:0.9;*/
    /*-khtml-opacity: 0.9;*/
    /*opacity: 0.9;*/
    /*color:#fff;}*/
/*.sectionB .portfolio:hover #div1{*/
    /*display: none;*/
/*}*/
/*.sectionB .portfolio:hover #div2{*/
    /*display:block;*/
    /*padding-left: 10px;*/
    /*height: 100%;*/
    /*top:0px;*/
/*}*/
/*.sectionB .portfolio:hover #div2 .p2{*/
    /*display: block;*/
/*}*/
/*.sectionB .portfolio:hover #div2 .p1{*/
    /*display:none;*/
    /*-webkit-transition:all .8s;*/
    /*-moz-transition:all .8s;*/
    /*-o-transition:all .8s;*/
    /*transition:all .8s;}*/
.p2 .p2title{
    font-size:20px;
}
.p2 .p2desc{
    text-align:left;
}

.btn_click{
    display:block;
    width:128px;
    height:26px;
    border-top:1px solid #f7c775;
    border-bottom:3px solid #cf8200;
    background:#f39800;
    color:#fff;
    text-align:center;
    -webkit-box-shadow:1px 1px 3px #dddbdc;
    -moz-box-shadow:1px 1px 3px #dddbdc;
    box-shadow:1px 1px 3px #dddbdc;
    float:right;
    top:67px;
    right:166px;
    position:absolute;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    overflow:hidden;
    font:normal 14px/26px "Microsoft Yahei";
}
.btn_click:hover{
    background:#d18300;
    border-bottom:3px solid #975f00;
}

.honor_show{
    max-width: 875px;
    margin: 0 auto;
    height: auto;
    overflow: hidden;
}
.honor_top{
    width: 100%;
    margin-top: 4%;
    height: 50px;
}
.crumbs{
    display:block;
    float: right;
}
.crumbs a{
    color: #000000;
}
.honor_title{
    margin-top: 2%;
    height: auto;
    text-align: center;
    font: 25px/40px "Microsoft Yahei";
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.honor_img{
    max-width:430px;
    height: auto;
    margin:0 auto;
}
.honor_img img{
    width: 100%;
    height: auto;
}
/*.divcss5-3{*/
    /*border-top:1px dashed #000;*/
    /*height:5px;*/
    /*max-width:875px*/
/*}*/
/*.divcss5-4{*/
    /*margin-top: 6%;*/
    /*border-top:1px dashed #000;*/
    /*height:5px;*/
    /*max-width:875px;*/
/*}*/

.item {
    width: 333px;
    background: #fff;
    overflow: hidden;
    height: 300px;
    margin-left: 0px;
    position: relative;
}

.item .dec {
    width: 333px;
    height: 300px;
    background: #F29700 no-repeat top center;
    position: absolute;
    top: 190px;
    z-index: 99;
    cursor: pointer;
    opacity: 0.7;
}

.summary {
    word-break: break-all;
}

@media screen and (max-width:960px){
    /*.honor_show{width: 90%!important;}*/
    .honor_top{width: 95%!important;margin: 0 auto;    margin-top: 4%;}
    #sectionA{width: 95%!important;margin: 0 auto;}
    .sectionB .portfolio{width: auto!important;}
}
@media screen and (max-width:767px){

}
@media screen and (max-width:767px){
    .honor_title{font-size: 23px}
}
@media screen and (max-width:641px){
    .honor_img{width:60%!important;}
    .honor_title{font-size: 20px}
    .portfolio #div1{display: none;}
    .portfolio1 #div1{display: none;}
    .sectionB .portfolio{margin: 10px 0%;!important;}
    .sectionB .portfolio1{width: 50%;margin: -20px 0%;!important;}
    .sectionB #div2{display: none;!important;}
}
@media screen and (max-width:481px) {
    .honor_title{font-size: 17px}
    .sectionB .portfolio{width:100%!important;}
    /*.sectionB #div2{    top: 200px;  left: 5px;}*/
    .sectionB .portfolio1{    width: 80%;    margin: -20px 10%;!important;}
}
@media screen and (max-width:375px){
    .honor_title{font-size: 15px}
}