html {
    font-size: 100px;
}
body {
    font-size: 16px;
}
.xgly_header {
    width:100%;
    background:url(../images/banner.png) top center no-repeat;
    height:500px;
    padding-top:20px;
}
#warp {
    margin: 40px auto;
}
.xgly_header a.back_btn {
    float:right;
    color:#fff;
    font-size:16px;
    background:#1369c0;
    text-align:center;
    width:110px;
    height:40px;
    line-height:40px;
    border-radius:5px;
}
.xgly_header a.back_btn:hover {
    background:#d80000;
}
.xgly_header .title_img {
    width: 100%;
}
.xgly_header .title_img img {
    display: block;
    margin: 0 auto;
}
.search_panel {
    margin: 60px 205px 0 205px;
    height: 50px;
    position: relative;
}
.search_input {
    width: 100%;
    height: 50px;
    padding: 0 0 0 18px;
    border-width: 2px;
    border-color: #2c78d3;
    border-radius: 6px;
}
.search_button {
    top: 2px;
    right: 5px;
    width: 60px;
    height: 46px;
    border: none;
    cursor: pointer;
    background: none;
    font-size: 30px;
    color: #2c78d3;
    position: absolute;
}
.jsan {
    background: url(../images/search_btn.png) no-repeat center center;
    width: 50px;
    height: 45px;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xgly_mar {
    margin-top:40px
}
.xgly_tit {
    width:100%;
    float:left;
    font-weight:bold;
    font-size:22px;
    color:#000;
    height:54px
}
.xgly_tit span a {
    float:right;
    font-size:16px;
    color:#1369c0;
    font-weight:normal;
    margin-top:5px
}
.xgly_t1 {
    float:left;
    width:100%;
    border-left:1px solid #ddd;
}
.xgly_t1 ul {
    display:inline
}
.xgly_t1 li {
    float:left;
    cursor:pointer
}
.xgly_t1 li a {
    float:left;
    width:178px;
    border-right:1px solid #ddd;
    height:95px;
    margin-left:-1px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    font-size:16px;
    text-align:center
}
.xgly_t1 li a strong {
    float:left;
    width:100%;
    text-align:center;
    padding-top:14px;
    height:45px
}
.xgly_t1 * a.on {
    background:#1369c0;
    color:#fff;
}
.xgly_t1 li .on img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.font14 {
    font-size:14px
}
.xgly_t2 {
    float:left;
    width:177px;
    border-left:1px solid #ddd;
    margin-top:-1px
}
.xgly_t2 ul {
    display:inline
}
.xgly_t2 li {
    float:left;
    cursor:pointer
}
.xgly_t2 li a {
    float:left;
    width:177px;
    border-right:1px solid #ddd;
    height:95px;
    margin-bottom:-1px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    font-size:16px;
    text-align:center
}
.xgly_t2 li strong {
    float:left;
    width:100%;
    text-align:center;
    padding-top:14px;
    height:45px
}
.xgly_t2 .on {
    background:#1369c0;
    color:#fff
}
.xgly_t2 .on img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.xgly_t3 {
    float:right;
    width:177px;
    border-left:1px solid #ddd;
    margin-right:4px;
    margin-top:-1px;
}
.xgly_t3 ul {
    display:inline
}
.xgly_t3 li {
    float:left;
    cursor:pointer
}
.xgly_t3 li a {
    float:left;
    width:177px;
    border-right:1px solid #ddd;
    height:95px;
    margin-bottom:-1px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    font-size:16px;
    text-align:center;
    overflow:hidden;
    background:#fff
}
.xgly_t3 li a strong {
    float:left;
    width:100%;
    text-align:center;
    padding-top:14px;
    height:45px
}
.xgly_t3 .on {
    background:#1369c0;
    color:#fff
}
.xgly_t3 .on img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.xgly_t4 {
    float:left;
    width:100%;
    border-left:1px solid #ddd;
}
.xgly_t4 ul {
    display:inline
}
.xgly_t4 li {
    float:left;
    cursor:pointer
}
.xgly_t4 li a {
    float:left;
    width:178px;
    border-right:1px solid #ddd;
    height:95px;
    margin-left:-1px;
    border-bottom:1px solid #ddd;
    border-top:1px solid #ddd;
    font-size:16px;
    text-align:center
}
.xgly_t4 li a strong {
    float:left;
    width:100%;
    text-align:center;
    padding-top:14px;
    height:45px
}
.xgly_t4 li .on {
    background:#1369c0;
    color:#fff;
}
.xgly_t4 li .on img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.xgly_area {
    width:830px;
    float:left;
    height:510px;
    padding:30px;
}
#zdgklist {
    width:100%;
    float:left;
}
#zdgklist ul {
    display:inline
}
#zdgklist li {
    float:left;
}
#zdgklist li a {
    width:170px;
    float:left;
    height:54px;
    line-height:54px;
    text-align:center;
    overflow:hidden;
    background:#f0f0f0;
    font-size: 16px;
    margin-bottom:10px
}
#zdgklist li a:hover {
    background:#1369c0;
    color:#fff
}
.zdgklist {
    margin-right:10px
}
#zdgklist li:nth-child(7),
#zdgklist li:nth-child(14),
#zdgklist li:nth-child(21),
#zdgklist li:nth-child(28) {
    margin-right: 0;
}