.wrapper { max-width:1500px; width:100%; margin:0 auto;}


.gongju-tit { background:#1c87d3; color:#fff; padding:12px 28px; font-size:18px; margin-bottom:1%; }

.gongju-menu { width:15%; float:left; border:1px solid #eee; box-shadow:0px -1px 5px 2px #eee; position: sticky;    top: 0px;}
.gongju-menu li { position:relative; height:60px; line-height:60px; text-align:left; font-size:16px; margin-bottom:1px;padding-left: 40px; }
.gongju-menu li a { display:block; font-size: 16px;}
.gongju-menu li.active,.gongju-menu li:hover { background:#ECFFFF; color:#1c87d3; font-weight:bold ; }
.gongju-menu li.active a { color:#1c87d3; }
.gongju-menu li .icon { width:24px; height:24px; margin-right:5px; background-size:22px auto }
.gongju-menu li .class1 { background-image:url(../img/icon-c1.png) }
.gongju-menu li .class2 { background-image:url(../img/icon-c2.png) }
.gongju-menu li.active .class1 { background-image:url(../img/icon-c1s.png) }
.gongju-menu li.active .class2 { background-image:url(../img/icon-c2s.png) }

.gongju-box { width:83%; float:right; box-sizing:border-box; padding:10px; border:1px solid #eee; box-shadow:0px -1px 5px 2px #eee;margin-bottom: 20px; }
.gongju-box .gongju-title { font-size:16px; font-weight:bold; margin-bottom:20px; }
.gongju-box .gongju-title .icon { width:24px; height:24px; background-size:22px auto }
.gongju-box .gongju-title .class1 { background-image:url(../img/icon-c1.png) }
.gongju-box .gongju-title .class2 { background-image:url(../img/icon-c2.png) }
 
.gongju-list { padding:10px 20px; }
.gongju-list ul li {background: #ECFFFF;
    width: 242px;width: calc(25% - 8px);
    height: 65px; height:90px;
    line-height: 70px;float:left;
    margin: 0 10px 10px 0;
    border: 1px solid #f9f9f9;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
.gongju-list ul li a{display:block;width:100%;height:100%;}

.cardinfo{background:#fff;width: 242px;height: 65px;line-height: 70px;margin: 0 10px 10px 0;border: 1px solid #f9f9f9;box-sizing: border-box;border-radius: 8px;padding:15px 10px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.gongju-list ul li:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.gongju-list ul li .img { position: relative; float:left; width:35px;height:35px; margin-right:5px; text-align:center ;    width: 60px;
    height: 60px;}
.gongju-list ul li .img  img { max-width:100%; float:left;display: block;
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;}
.gongju-list ul li:nth-of-type(4n) { margin-right:0 }
.gongju-list ul li .txt { font-size:12px; color:#383838;  }
.gongju-list ul li .txt h3 {font-size: 13px;
    font-weight: 600;
    /*width: 150px;*/
    height: 18px;
    line-height: 18px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;margin-bottom: 10px;
    padding-top: 6px;}
.gongju-list ul li .txt p{
   font-size: 12px;
    color: #505b67;
    /*width: 150px;*/
    line-height: 16px;
    word-break: break-all;
    height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.gongju-list ul li .txt h3 a { color:#111; }

#nav{ margin-bottom:20px;}
.gongju-tit{ margin-bottom:20px;}