.main-wrap {
    width: 100%;
    float: left;
}

.content-wrap {
    float: left;
    width: 100%;
    line-height: 32px;
    color: #838383;
}


.page-content {
    font-size: 14px;
    line-height: 200%;
    min-height: 500px;
}
.atit{
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin:50px 0;
}
.atit .p1{
    font-size: 30px;
    color: #252525;    
}
.atit .p2{
    font-size:12px;
    padding-top:5px;
    color: #a0a0a0;
    background:url(../images/bg-about-tit.png) no-repeat center bottom;
    padding-bottom: 20px;
}
.abtbox .img{
    width: 620px;
    height: 410px;
    float: left;
    background:url(../images/bg-about.png) no-repeat top left;    
}
.abtbox .img img{
    width: 550px;
    height: 340px;
    margin-top:50px;
    margin-left: 30px;
}
.abtbox .con{
    float: left;
    line-height: 2;
}

.gcbox {
    width: 100%;
    float: left;
    padding: 50px 0;
}

.gcbox .zlist{
    width: 1230px;
    margin-left: -24px;
    float: left;
}
.gcbox .zlist a{
    display: block;
    float: left;
    width: 386px;
    background: #fff;
    height: 240px;
    text-align: center;
    margin-left: 24px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.gcbox .zlist a img{
    width: 386px;
    transition: all .5s;
    height: 240px;
}
.gcbox .zlist a:hover img{
    transform: scale(1.3);
}
.gcbox .zlist p{
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background:rgba(25,150,250,.8);
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gcbox .zlist a:hover p{
    display: block;
}

.zzbox {
    width: 100%;
    float: left;
    margin-top:75px;
    /*! padding: 50px 0; */
    background: #f2f2f2;
}
.zzbox .prev{
    position: absolute;
    top:163px;
    left: 0;
    z-index: 999;
}
.zzbox .next{
    position: absolute;
    top:163px;
    z-index: 999;
    right: 0;
}
.zzbox .zzlist{
    width: 1160px;
    height: 367px;
    padding-left: 40px;
    padding-top:100px;
    margin-top:-50px;
    padding-bottom: 20px;
    float: left;
    background:url(../images/bg-cert.png) no-repeat center;
}
.zzbox .zzlist a{
    display: block;
    float: left;
    width: 228px;
    background: #fff;
    height: 230px;
    text-align: center;
    margin-left: 112px;
    position: relative;
    overflow: hidden;
}
.zzbox .zzlist a img{
    width: 228px;
    height: 158px;
}
.zzbox .zzlist p{
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #333;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}