/*CSS reset*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote,
th,
td,
p {
    margin: 0;
    padding: 0;
    font-family: "microsoft yahei";
    font-size: 16px;
    cursor: default;
    color: #333;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none;
}

/*tr,td{border:none;}*/
fieldset,
img {
    border: 0;
    border: none;
}

ul,
li,
dl,
dt,
dd,
ol,
p,
img {
    list-style: none;
    border: none;
    vertical-align: middle;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal;
}

del,
ins {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: baseline;
}

sub {
    vertical-align: baseline;
}

a {
    text-decoration: none;
    outline: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #3371cc;
}

a:active {
    outline: none;
}

i {
    font-style: normal
}

*:focus {
    outline: -webkit-focus-ring-color auto 2px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 2px;
}

*:focus-visible {
    outline: -webkit-focus-ring-color auto 2px;
    outline-color: -webkit-focus-ring-color;
    outline-style: auto;
    outline-width: 2px;
}


.w1200 {
    width: 1200px;
    margin: 0 auto;
}

/* ä¸“æ  */
body {
    background-color: #eaf4fe;
}

.foot { 
    margin-top: 40px;
}

.zl-header {
    height: 568px;
    background: url(header_bg.png) no-repeat center top;

}

.zl-header .logo {
    padding-top: 20px;
}

.zl-header .header-title {
    text-align: center;
    margin-top: 50px;
}

.zl-header .slogen {
    width: 1100px;
    height: 175px;
    background: url(slogen_bg.png) no-repeat;
    margin: 60px auto 0;
    overflow: hidden;
}

.zl-header .slogen p {
    font-size: 18px;
    line-height: 2;
    color: #fff;
    text-indent: 2em;
    text-align: justify;
    padding: 30px 60px 0;
}


.main-title {
    height: 56px;
    background: url(title_bg.png) no-repeat center top;
    font-size: 24px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.zcwj .main-title {
    position: relative;
}

.zcwj-list {
    box-shadow: 0 0 10px -5px #1368d1;
    padding: 60px 30px 30px;
    background-color: #fff;
    margin-top: -25px;
}

.zcwj-list .more {
    display: block;
    background-color: #f4f4f4;
    width: 160px;
    line-height: 50px;
    text-align: center;
    margin: 10px auto 0;
}

.zcwj-list .more:hover {
    color: #fff;
    background-color: #1368d1;
}

.zcwj-list ul {
    display: none;
}

.zcwj-list ul:first-child {
    display: block;
}

.zcwj-list li {
    background: url(list_dot.png) no-repeat 0 center;
    position: relative;
    padding-right: 100px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 38px;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zcwj-list li span {
    position: absolute;
    right: 0;
    font-size: 14px;
    color: #999;
}

.gkly {
    position: relative;
    padding: 80px 30px 50px;
    margin-top: 35px;
    background-color: #fff;
    box-shadow: 0 0 10px -5px #1368d1;
}

.gkly .main-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.gkly ul {
    width: 1160px;
    overflow: hidden;
}

.gkly ul li {
    position: relative;
    float: left;
    border: 1px solid #1368d1;
    width: 123px;
    height: 123px;
    background-color: #edf7ff;
    text-align: center;
    margin: 20px 20px 0 0;
}

.gkly ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.gkly ul li i {
    display: block;
    width: 50px;
    height: 50px;
    background: no-repeat center center;
    margin: 20px auto 10px;
}

.gkly ul li span {
    color: #1368d1;
}

.gkly ul li:hover {
    box-shadow: 4px 4px 0 0 #c7e1fa;
    background-color: #1368d1;
}

.gkly ul li:hover span {
    color: #fff;
}

.gkly ul li.zdxmjs i {
    background-image: url(gkly_icon_zdxmjs.png);
}

.gkly ul li.ywjy i {
    background-image: url(gkly_icon_ywjy.png);
}

.gkly ul li.hjgl i {
    background-image: url(gkly_icon_hjgl.png);
}

.gkly ul li.shjz i {
    background-image: url(gkly_icon_shjz.png);
}

.gkly ul li.ylfw i {
    background-image: url(gkly_icon_ylfw.png);
}

.gkly ul li.czyjs i {
    background-image: url(gkly_icon_czyjs.png);
}

.gkly ul li.jycy i {
    background-image: url(gkly_icon_jycy.png);
}

.gkly ul li.shbx i {
    background-image: url(gkly_icon_shbx.png);
}

.gkly ul li.hjbh i {
    background-image: url(gkly_icon_hjbh.png);
}

.gkly ul li.ncwfgz i {
    background-image: url(gkly_icon_ncwfgz.png);
}

.gkly ul li.cszhzf i {
    background-image: url(gkly_icon_cszhzf.png);
}

.gkly ul li.snbt i {
    background-image: url(gkly_icon_snbt.png);
}

.gkly ul li.ggwhfw i {
    background-image: url(gkly_icon_ggwhfw.png);
}

.gkly ul li.ylws i {
    background-image: url(gkly_icon_ylws.png);
}

.gkly ul li.aqsc i {
    background-image: url(gkly_icon_aqsc.png);
}

.gkly ul li.jiuzai i {
    background-image: url(gkly_icon_jiuzai.png);
}

.gkly ul li.spypjd i {
    background-image: url(gkly_icon_spypjd.png);
}

.gkly ul li.xczx i {
    background-image: url(gkly_icon_xczx.png);
}

.gkly ul li.ssgl i {
    background-image: url(gkly_icon_ssgl.png);
}

.gkly ul li.jtys i {
    background-image: url(gkly_icon_jtys.png);
}

.gkly ul li.lvyou i {
    background-image: url(gkly_icon_lvyou.png);
}

.gkly ul li.sjtj i {
    background-image: url(gkly_icon_sjtj.png);
}

.gkly ul li.gbds i {
    background-image: url(gkly_icon_gbds.png);
}

.gkly ul li.zrzy i {
    background-image: url(gkly_icon_zrzy.png);
}

.gkly ul li.xwcbs i {
    background-image: url(gkly_icon_xwcbs.png);
}

.gkly ul li.shuili i {
    background-image: url(gkly_icon_shuili.png);
}


.gkly ul li.ggzyjy i {
    background-image: url(gkly_icon_ggzyjy.png);
}


.gkly ul li.szjs i {
    background-image: url(gkly_icon_szjs.png);
}


.gkly ul li.zdxmjs:hover i {
    background-image: url(gkly_icon_zdxmjs_h.png);
}

.gkly ul li.ywjy:hover i {
    background-image: url(gkly_icon_ywjy_h.png);
}

.gkly ul li.hjgl:hover i {
    background-image: url(gkly_icon_hjgl_h.png);
}

.gkly ul li.shjz:hover i {
    background-image: url(gkly_icon_shjz_h.png);
}

.gkly ul li.ylfw:hover i {
    background-image: url(gkly_icon_ylfw_h.png);
}

.gkly ul li.czyjs:hover i {
    background-image: url(gkly_icon_czyjs_h.png);
}

.gkly ul li.jycy:hover i {
    background-image: url(gkly_icon_jycy_h.png);
}

.gkly ul li.shbx:hover i {
    background-image: url(gkly_icon_shbx_h.png);
}

.gkly ul li.hjbh:hover i {
    background-image: url(gkly_icon_hjbh_h.png);
}

.gkly ul li.ncwfgz:hover i {
    background-image: url(gkly_icon_ncwfgz_h.png);
}

.gkly ul li.cszhzf:hover i {
    background-image: url(gkly_icon_cszhzf_h.png);
}

.gkly ul li.snbt:hover i {
    background-image: url(gkly_icon_snbt_h.png);
}

.gkly ul li.ggwhfw:hover i {
    background-image: url(gkly_icon_ggwhfw_h.png);
}

.gkly ul li.ylws:hover i {
    background-image: url(gkly_icon_ylws_h.png);
}

.gkly ul li.aqsc:hover i {
    background-image: url(gkly_icon_aqsc_h.png);
}

.gkly ul li.jiuzai:hover i {
    background-image: url(gkly_icon_jiuzai_h.png);
}

.gkly ul li.spypjd:hover i {
    background-image: url(gkly_icon_spypjd_h.png);
}

.gkly ul li.xczx:hover i {
    background-image: url(gkly_icon_xczx_h.png);
}

.gkly ul li.ssgl:hover i {
    background-image: url(gkly_icon_ssgl_h.png);
}

.gkly ul li.jtys:hover i {
    background-image: url(gkly_icon_jtys_h.png);
}

.gkly ul li.lvyou:hover i {
    background-image: url(gkly_icon_lvyou_h.png);
}

.gkly ul li.sjtj:hover i {
    background-image: url(gkly_icon_sjtj_h.png);
}

.gkly ul li.gbds:hover i {
    background-image: url(gkly_icon_gbds_h.png);
}

.gkly ul li.zrzy:hover i {
    background-image: url(gkly_icon_zrzy_h.png);
}

.gkly ul li.xwcbs:hover i {
    background-image: url(gkly_icon_xwcbs_h.png);
}

.gkly ul li.shuili:hover i {
    background-image: url(gkly_icon_shuili_h.png);
}


.gkly ul li.ggzyjy:hover i {
    background-image: url(gkly_icon_ggzyjy_h.png);
}

.gkly ul li.szjs:hover i {
    background-image: url(gkly_icon_szjs_h.png);
}