.z-pg-main{margin:0 auto;}
.z-pg-main .z-pg-nav{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: #FFF;
    padding: 10px 20px!important;
}
.z-pg-main .z-pg-nav li{
    flex-shrink: 0;
    margin-right: 16px;
    margin: 12px 0;
}
.z-pg-main .z-pg-nav li a{
    display: inline-block;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 4px;
}
.z-pg-main .z-pg-nav li a:hover{
    background-color: #eee;
    opacity: 0.7;
}

.z-pg-main .z-pg-nav .active, .z-pg-main .z-pg-nav .active a{
    background-color: #0075C2!important;
    color: #fff!important;
    opacity: 1!important;
}

.z-pg-pro{background-color:#F1F1F1;}
.z-pg-pro .z-pro-box{margin:0 auto;display:flex;box-sizing:border-box;  flex-wrap: wrap;}
.z-pg-pro .z-pro-box .z-pg-box{margin: 1%;width: 23%;}
.z-pg-pro .z-pro-box .z-pg-box .z-pg-box-md{display:flex;justify-content:center;align-items:center;position:relative;height:305px;}
.z-pg-pro .z-pro-box .z-pg-box .z-pg-box-md .z-box-xs{
    width:44px;
    height:135px;
    border-radius:30px 0 30px 0;
    color:#FFFFFF;
    position:absolute;
    left:15px;
    top:15px;
    writing-mode:vertical-rl;
    display:flex;
    justify-content:center;
    align-items:center;
    letter-spacing:3px;
}
.z-pg-pro .z-pro-box .z-pg-box .z-pg-box-md > img{max-height:100%;max-width:100%;}
.z-pg-pro .z-pro-box .z-pg-box .z-pg-name{margin:13px auto 0;font-size:22px;color:#000000;text-align:center;}
.z-pg-pro .z-pro-box .z-pg-box .z-pg-sub{font-size:16px;margin: 15px auto; padding: 10px; 20px;color: #666;text-align: center; background-color:#0075C2; color:#fff; display:inline-block; }