﻿@charset "UTF-8";

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
img {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0
}

li {
    list-style: none
}

body {
    text-align: left;
    font-family: '微软雅黑';
    color: #333;
    background: #fff;
    height: 100%
}

html {
    font-size: 16px;
    height: 100%
}

a,
ins {
    text-decoration: none
}

a {
    color: #333
}

a:hover {
    text-decoration: none;
    transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s
}

a:visited,
a:active,
a:focus {
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    body {
        min-width: 1366px;
        height: auto;
    }

    .contentWidth {
        width: 1200px;
        margin: 0 auto
    }

    .lf {
        float: left;
    }

    .rf {
        float: right;
    }

    .hidden {
        display: none;
    }

    .clearfix {
        zoom: 1
    }

    .clearfix:after {
        clear: both;
        content: '';
        display: block;
        width: 0;
        height: 0;
        visibility: hidden
    }

    .headLinesItem .tag-head span {
        max-height: 72px;
        overflow: hidden;
    }

    .headLinesItem>.headLinesWrap {
        width: 92%;
    }

    .zj_banner {
        width: 100%;
        height: 347px;
        background: url(http://zjjcmspublic.oss-cn-hangzhou-zwynet-d01-a.internet.cloud.jinchangmuye.com/jcms_files/jcms1/web3096/site/picture/1330/2012031018108066716.png) center center no-repeat;
        background-size: 100% 100%;
        position: relative
    }

    .zjSearch {
        width: 717px;
        margin: 0 auto;
        padding-top: 72px
    }

    .zjSearch input {
        float: left
    }

    .zjSearch input[type='text'] {
        width: 575px;
        height: 62px;
        line-height: 62px;
        font-size: 15px;
        color: #000;
        padding-left: 15px
    }

    .zjSearch input[type='submit'] {
        width: 142px;
        height: 62px;
        line-height: 62px;
        padding-left: 50px;
        font-size: 21px;
        color: #fff;
        border: 0;
        outline: 0;
        background: #ec940a url(http://zjjcmspublic.oss-cn-hangzhou-zwynet-d01-a.internet.cloud.jinchangmuye.com/jcms_files/jcms1/web3096/site/picture/0/1901051423596518249.png) no-repeat 27px center
    }

    input::placeholder {
        color: #999;
        font-size: 16px
    }

    .hotWord {
        font-size: 14px;
        color: #fff;
        opacity: .8;
        margin-top: 10px
    }

    .hotWord li {
        float: left;
        margin-right: 20px;
        cursor: pointer
    }

    .headLines {
        width: 1200px;
        height: 190px;
        border-bottom: 8px solid #1492ff;
        background: #fff;
        position: absolute;
        bottom: -66px
    }

    .headLines .headLines-container {
        width: 1086px;
        height: 190px;
        margin: 0 auto
    }

    .headLines .headLines-slide {
        width: 100%;
        height: 190px
    }

    .headLinesItem {
        display: block;
        width: 100%;
        padding-top: 45px
    }

    .headLinesItem .tag-head {
        margin-right: 20px;
        position: relative
    }

    .headLinesItem .tag-head span {
        display: block;
        position: absolute;
        width: 50px;
        min-height: 40px;
        font-size: 30px;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        line-height: 30px
    }

    .headLinesItem>.headLinesWrap {
        width: 88%;
        height: 80px;
        overflow: hidden
    }

    .headLinesItem>.headLinesWrap>.title {
        font-size: 30px;
        color: #000;
        line-height: 40px;
        min-height: 40px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical
    }

    .headLinesItem>.headLinesWrap>.describle {
        font-size: 20px;
        color: #333;
        margin-top: 15px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .headLines .pagination {
        position: absolute;
        z-index: 20;
        left: 50%;
        bottom: 20px;
        margin-left: -68px
    }

    .headLines .swiper-pagination-switch {
        float: left;
        width: 28px;
        height: 8px;
        background: #ddd;
        margin-right: 8px;
        cursor: pointer
    }

    .headLines .swiper-pagination-bullet {
        margin-right: 8px !important;
    }

    .headLines .swiper-active-switch {
        background: #1492ff
    }

    .Dynamic_news {
        width: 100%;
        height: 543px;
        background: #fff;
        padding-top: 108px
    }

    .Dynamic_newsWrap {
        height: 386px;
        background: #fff;
        box-shadow: 1px 1px 6px 1px rgba(0, 0, 0, 0.10);
        padding: 33px 20px
    }

    .Dynamic_newsWrap>div {
        width: 576px;
        overflow: hidden;
    }

    .dtInfosWrap a:hover {
        color: #1492ff;
    }

    .dtInfosWrap a:hover .Title {
        color: #1492ff;
    }

    .dtInfosTab {
        border-bottom: 1px solid #ededed;
        padding: 0 8px;
    }

    .dtInfosTab li {
        float: left;
        font-size: 22px;
        color: #333;
        cursor: pointer;
        background: url(./sxss.png) left 5px no-repeat;
        padding: 0 16px;
    }

    .dtInfosTab li:first-child {
        background: 0;
        padding-left: 0;
    }

    .dtInfosTab li>span {
        display: block;
        padding-bottom: 13px;
        border-bottom: 4px solid transparent;
    }

    .dtInfosTab li.Hover span {
        border-color: #1492ff;
        font-weight: bold;
        color: #1492ff;
        cursor: pointer;
    }

    .MoreBtns>a {
        float: left;
        color: #1492ff;
        font-size: 16px;
        margin-top: 7px;
    }

    .dtInfosWrap li {
        margin-top: 18px;
    }

    .dtInfosWrap li>a {
        font-size: 16px;
    }

    .dtInfosWrap li>a>em {
        float: left;
        width: 4px;
        height: 4px;
        background-color: #1492ff;
        margin-top: 9px;
        margin-right: 8px;
    }

    .dtInfosWrap li>a>span.Title {
        float: left;
        color: #333;
        max-width: 500px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .dtInfosWrap li>a>span.Days {
        float: right;
        font-size: 14px;
        color: #999;
        margin-top: 2px
    }

    .TabSelect .tabitem {
        background: #1492ff
    }

    .tabitemSub {
        width: 300px;
        height: 112px;
        cursor: pointer;
        display: table
    }

    .tabitemSubTitle {
        font-size: 30px;
        color: #fff;
        display: table-cell;
        vertical-align: middle;
        padding-left: 100px
    }

    .tabitemSubTitle>span {
        display: none
    }

    .zlb,
    .zlw {
        background: rgba(255, 255, 255, 0.40)
    }

    .zlk,
    .zld {
        background: rgba(255, 255, 255, 0.30)
    }

    .zlb .tabitemSubTitle {
        background: url(css_sprites.png) 20px -1192px no-repeat
    }

    .zlw .tabitemSubTitle {
        background: url(css_sprites.png) 20px -1116px no-repeat
    }

    .zlk .tabitemSubTitle {
        background: url(css_sprites.png) 20px -1040px no-repeat
    }

    .zld .tabitemSubTitle {
        background: url(css_sprites.png) 20px -1268px no-repeat
    }

    .tabItemWrap .active {
        padding-left: 18px;
        width: 300px;
        background: #1492ff url(./active.png) 30px bottom no-repeat
    }

    .tabItemWrap .active p {
        font-size: 38px;
        color: #fff;
        line-height: 40px;
        margin-bottom: 10px
    }

    .tabItemWrap .active span {
        display: block;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.80)
    }

    .tabItemWrap .active.zlk .tabitemSubTitle {
        padding-left: 71px;
        background: url(css_sprites.png) -20px -1448px no-repeat
    }

    .tabItemWrap .active.zlb .tabitemSubTitle {
        padding-left: 71px;
        background: url(css_sprites.png) -20px -1540px no-repeat
    }

    .tabItemWrap .active.zld .tabitemSubTitle {
        padding-left: 71px;
        background: url(css_sprites.png) -20px -1634px no-repeat
    }

    .tabItemWrap .active.zlw .tabitemSubTitle {
        padding-left: 71px;
        background: url(css_sprites.png) -20px -1358px no-repeat
    }

    .tabContent {
        width: 100%;
        background: #f6f6f6;
        padding-bottom: 45px
    }

    .tabContentWrap {
        padding-top: 48px
    }

    .zlkContent .fileNews {
        width: 834px;
        height: 503px;
        border-top: 6px solid #1492ff;
        padding: 0 24px;
        background: #fff
    }

    .fileNewsColum {
        margin-top: 30px
    }

    .fileNewsColum li {
        float: left;
        cursor: pointer;
        font-size: 24px;
        color: #000;
        margin-left: 45px
    }

    .fileNewsColum li:first-child {
        margin-left: 0
    }

    .fileNewsColum li.hoverOn {
        font-weight: bold;
        color: #1492ff
    }

    .fileNewsColum a {
        font-size: 16px;
        color: #1492ff;
        margin-top: 8px
    }

    .fileNewsList {
        margin-top: 30px
    }

    .fileNewsListItem .Topping {
        border-bottom: 1px dashed #b7b7b7;
        padding-bottom: 20px
    }

    .fileNewsListItem .Topping .TimeBox {
        width: 79px;
        height: 79px;
        border: 1px solid #d8d8d8;
        text-align: center;
        padding-top: 10px
    }

    .fileNewsListItem .Topping .TimeBox h2 {
        font-size: 30px;
        color: #000
    }

    .fileNewsListItem .Topping .TimeBox p {
        font-size: 14px;
        color: #999
    }

    .fileNewsListItem .ToppingNews .title {
        width: 675px;
        font-size: 18px;
        color: #000;
        line-height: 28px;
        cursor: pointer
    }

    .fileNewsListItem .ToppingNews .source {
        color: #828282;
        font-size: 14px;
        margin-top: 4px
    }

    .fileNewsListItem .ToppingNews .source span {
        margin-right: 12px
    }

    .fileNewsListItem .ToppingNews .source a.moreDetail {
        font-size: 14px;
        color: #1492ff
    }

    .fileNewsListItem .fileNewsListItemContent li {
        margin-top: 16px
    }

    .fileNewsListItem .fileNewsListItemContent li a em {
        float: left;
        font-style: normal;
        width: 4px;
        height: 4px;
        border-radius: 50%;
        background: #333;
        margin-left: 8px;
        margin-right: 18px;
        margin-top: 10px
    }

    .fileNewsListItem .fileNewsListItemContent li a span.titles {
        font-size: 18px;
        color: #333;
        max-width: 620px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }

    .fileNewsListItem .fileNewsListItemContent li a:hover span.titles {
        color: #1492ff
    }

    .fileNewsListItem .fileNewsListItemContent li a span.Dates {
        font-size: 14px;
        color: #828282;
        line-height: 16px;
        margin-top: 4px
    }

    .zlkContent .xxgk {
        width: 335px;
        border-top: 6px solid #1492ff;
        height: 503px;
        background: #fff
    }

    .zlkContent .xxgk li {
        width: 100%;
        height: 60px
    }

    .zlkContent .xxgk li:hover {
        background: #f4f7fd
    }

    .zlkContent .xxgk li a {
        display: block;
        width: 329px;
        height: 100%;
        line-height: 60px;
        padding-left: 87px;
        font-size: 20px;
        color: #000;
        border-top: 1px solid #eee;
        margin: 0 auto
    }

    .zlkContent .xxgk li:first-child a {
        border: 0
    }

    .zlkContent .xxgk li a.zfxxgk {
        background: url(css_sprites.png) 17px -256px no-repeat
    }

    .zlkContent .xxgk li:hover a.zfxxgk {
        background: #f4f7fd url(css_sprites.png) 17px -321px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.xxgknb {
        background: url(css_sprites.png) 20px -922px no-repeat
    }

    .zlkContent .xxgk li:hover a.xxgknb {
        background: #f4f7fd url(css_sprites.png) 20px -991px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.ysqgk {
        background: url(css_sprites.png) 20px -790px no-repeat
    }

    .zlkContent .xxgk li:hover a.ysqgk {
        background: #f4f7fd url(css_sprites.png) 20px -858px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.zfgb {
        background: url(css_sprites.png) 20px -656px no-repeat
    }

    .zlkContent .xxgk li:hover a.zfgb {
        background: #f4f7fd url(css_sprites.png) 20px -723px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.sjfb {
        background: url(css_sprites.png) 17px -128px no-repeat
    }

    .zlkContent .xxgk li:hover a.sjfb {
        background: #f4f7fd url(css_sprites.png) 17px -192px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.jgzn {
        background: url(css_sprites.png) 17px 0 no-repeat
    }

    .zlkContent .xxgk li:hover a.jgzn {
        background: #f4f7fd url(css_sprites.png) 17px -64px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.ndgzbb {
        background: url(css_sprites.png) 17px -388px no-repeat
    }

    .zlkContent .xxgk li:hover a.ndgzbb {
        background: #f4f7fd url(css_sprites.png) 17px -454px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zlkContent .xxgk li a.jcpgt {
        background: url(css_sprites.png) 20px -520px no-repeat
    }

    .zlkContent .xxgk li:hover a.jcpgt {
        background: #f4f7fd url(css_sprites.png) 20px -587px no-repeat;
        color: #1492ff;
        font-weight: bold
    }

    .zck {
        width: 100%;
        height: auto;
        margin-top: 50px;
        display: block;
    }

    .zlkContentItem2 {
        margin-top: 36px
    }

    .zlkContentItem2 .DataOpen {
        width: 582px
    }

    .zlkContentItem2 .DataOpen h1 {
        font-size: 30px
    }

    .zlkContentItem2 .DataOpen .DataOpenNums {
        width: 582px;
        height: 127px;
        background: #fff;
        padding: 36px 0;
        padding-left: 35px
    }

    .zlkContentItem2 .DataOpen .DataOpenNums .DataOpenNumsItem p {
        font-size: 16px;
        color: #000
    }

    .zlkContentItem2 .DataOpen .DataOpenNums .DataOpenNumsItem h2 {
        font-size: 29px;
        color: #1492ff;
        margin-top: 2px
    }

    .zlkContentItem2 .DataOpen .DataOpenNums .DataOpenNumsItem {
        margin-left: 61px
    }

    .zlkContentItem2 .DataOpen .DataOpenNums .DataOpenNumsItem:first-child {
        margin-left: 0
    }

    .zlkContentItem2 .DataOpen .HotData {
        margin-top: 10px
    }

    .zlkContentItem2 .DataOpen .HotData .HotDataContent {
        width: 410px;
        height: 369px;
        padding: 0 30px;
        padding-top: 24px;
        background: #fff
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataTitleWrap>a {
        font-size: 16px;
        color: #1492ff;
        margin-top: 6px
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem {
        padding: 26px 0;
        border-top: 1px solid #eee;
        line-height: 26px
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem:first-child {
        border: 0
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .HotdataNewsItem_title {
        font-size: 18px;
        color: #333;
        background: url(./stars.png) right center no-repeat
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .HotdataNewsItem_title a:hover {
        color: #1492ff
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .Downloads {
        font-size: 14px;
        color: #333
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .Downloads em {
        font-style: normal;
        color: #1492ff
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .sources {
        font-size: 16px;
        color: #666
    }

    .zlkContentItem2 .DataOpen .HotData .HotdataNewsItem .deployTime {
        font-size: 16px;
        color: #666
    }

    .zlkContentItem2 .DataOpen .HotData .DataLinks {
        width: 163px;
        height: 369px
    }

    .zlkContentItem2 .DataOpen .HotData .DataLinks a {
        display: block;
        width: 163px;
        height: 179px;
        background: #fff;
        text-align: center;
        padding: 40px 30px 0;
        color: #000;
        font-size: 16px
    }

    .zlkContentItem2 .DataOpen .HotData .DataLinks a>img {
        margin-bottom: 10px
    }

    .zlkContentItem2 .DataOpen .HotData .DataLinks a.ggsjcg {
        margin-top: 11px
    }

    .zlkContentItem2 .RegulatoryInfo {
        width: 588px
    }

    .zlkContentItem2 .RegulatoryInfo>h1 {
        font-size: 30px
    }

    .RegulatoryWrap {
        margin-top: 20px
    }

    .RegulatoryWrap .pgt {
        width: 365px;
        height: 504px;
        background: #fff;
        padding: 0 28px;
        padding-top: 25px
    }

    .RegulatoryWrap .pgt .bgtMore {
        font-size: 16px;
        color: #1492ff;
        margin-top: 8px;
        margin-right: 7px
    }

    .RegulatoryWrap .pgt .pgtList>a {
        display: block;
        font-size: 18px;
        color: #333;
        line-height: 30px;
        margin-top: 24px;
        letter-spacing: .8px
    }

    .RegulatoryWrap .pgt .pgtList>a:first-child {
        font-weight: bold;
        color: #000
    }

    .RegulatoryWrap .pgt .pgtList>a:hover {
        color: #1492ff
    }

    .RegulatoryWrap .RegulatoryLinks>a {
        display: block;
        width: 100%;
        height: 100%;
        width: 216px;
        height: 160px;
        background: #fff;
        text-align: center;
        font-size: 18px;
        color: #000;
        padding-top: 40px;
        margin-top: 12px
    }

    .RegulatoryWrap .RegulatoryLinks>a:first-child {
        margin-top: 0
    }

    .zlbSpecial {
        border-top: 6px solid #1492ff;
        height: 227px;
        background: #fff;
        padding: 10px 0
    }

    .zlbSpecial .yszq {
        width: 412px;
        padding-top: 17px
    }

    .zlbSpecial .yszq .yszqLeft {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        padding-left: 36px;
        line-height: 48px
    }

    .zlbSpecial .yszq .yszqLeft a {
        color: #000
    }

    .zlbSpecial .yszq .yszqLeft a:hover {
        color: #1492ff
    }

    .zlbSpecial .yszq .yszqRight {
        line-height: 30px;
        margin-left: 50px
    }

    .zlbSpecial .yszq .yszqRight a {
        display: block;
        font-size: 18px;
        color: #000
    }

    .zlbSpecial .yszq .yszqRight a:hover {
        color: #1492ff
    }

    .zlbSpecial .ztjcfw {
        width: 421px;
        padding-top: 17px;
        border-left: 1px solid #eee;
        border-right: 1px solid #eee
    }

    .zlbSpecial .ztjcfw .ztjcfwLeft {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        padding-left: 40px;
        line-height: 48px
    }

    .zlbSpecial .ztjcfw .ztjcfwLeft a {
        color: #000
    }

    .zlbSpecial .ztjcfw .ztjcfwLeft a:hover {
        color: #1492ff
    }

    .zlbSpecial .ztjcfw .ztjcfwRight {
        line-height: 30px;
        margin-left: 50px
    }

    .zlbSpecial .ztjcfw .ztjcfwRight a {
        display: block;
        font-size: 18px;
        color: #000
    }

    .zlbSpecial .ztjcfw .ztjcfwRight a:hover {
        color: #1492ff
    }

    .zlbSpecial .bmlq {
        width: 367px;
        padding-top: 17px
    }

    .zlbSpecial .bmlq .bmlqLeft {
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        padding-left: 36px;
        line-height: 48px
    }

    .zlbSpecial .bmlq .bmlqRight {
        line-height: 30px;
        margin-left: 50px
    }

    .zlbSpecial .bmlq .bmlqRight a {
        display: block;
        font-size: 18px;
        color: #000
    }

    .zlbSpecial .bmlq .bmlqRight a:hover {
        color: #1492ff;
    }

    .Services {
        margin-top: 40px
    }

    .Services>div {
        width: 586px;
        height: 223px;
        background: #fff;
        padding: 30px
    }

    .Services>div>h2 {
        font-size: 20px;
        color: #000
    }

    .grServiceWrap,
    .frServiceWrap {
        margin-top: 28px
    }

    .grList {
        width: 365px;
        margin-left: 18px
    }

    .grList>li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #000;
        font-size: 18px;
        line-height: 16px;
        margin-bottom: 15px
    }

    /*.grList>li:nth-child(4n) {
    border: 0
}*/
    .grList>li.grListMore {
        border: 0
    }

    .grList>li>a:hover {
        color: #1492ff
    }

    .grList>li.grListMore>a {
        color: #1492ff
    }

    .frList {
        width: 365px;
        margin-left: 18px
    }

    .frList>li {
        float: left;
        padding: 0 10px;
        border-right: 1px solid #000;
        font-size: 18px;
        line-height: 16px;
        margin-bottom: 15px
    }

    .frList>li:nth-child(3n) {
        border: 0
    }

    .frList>li.frListMore {
        border: 0
    }

    .frList>li>a:hover {
        color: #1492ff
    }

    .frList>li.frListMore>a {
        color: #1492ff
    }

    .efficiencyOpen {
        width: 100%;
        height: 146px;
        background: #fff;
        margin-top: 30px;
        padding: 24px 0
    }

    .efficiencyTitle>h2 {
        font-size: 20px;
        padding-left: 30px;
        line-height: 20px
    }

    .efficiencyMore {
        font-size: 16px;
        color: #1492ff;
        margin-right: 10px
    }

    .efficiencyOpenWrap>div {
        height: 63px;
        border-left: 1px solid #dcdcdc;
        margin-top: 16px
    }

    .efficiencyOpenWrap>div:first-child {
        border: 0
    }

    .efficiencyOpenWrap>div p {
        font-size: 18px;
        color: #000;
        line-height: 18px
    }

    .efficiencyOpenWrap>div h1 {
        font-size: 40px;
        color: #1492ff;
        line-height: 40px;
        margin-top: 5px
    }

    .efficiencyOpenWrap>div.bjl {
        width: 343px;
        padding-left: 30px
    }

    .efficiencyOpenWrap>div.sdcps {
        width: 284px;
        padding-left: 72px
    }

    .efficiencyOpenWrap>div.cpzgl {
        width: 313px;
        padding-left: 100px
    }

    .efficiencyOpenWrap>div.aqzgl {
        width: 260px;
        padding-left: 76px
    }

    .zldRotation,
    .zldRotation-container {
        height: 425px;
        position: relative
    }

    .zldRotation a img {
        width: 1200px;
        height: 425px;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }

    .zldRotation a img:hover {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .zld-pagination {
        position: absolute;
        left: 0;
        text-align: center;
        bottom: 5px;
        width: 100%
    }

    .zld-pagination .swiper-pagination-switch {
        display: inline-block;
        width: 30px;
        height: 5px;
        background: rgba(255, 255, 255, 0.6);
        margin: 0 3px;
        cursor: pointer
    }

    .zld-pagination .swiper-active-switch {
        background: #fff
    }

    .zldRotationWrap {
        margin-top: 40px;
        height: 290px
    }

    .zldRotationWrap>div {
        width: 278px;
        height: 290px;
        margin-left: 29px
    }

    .zldRotationWrap>div:first-child {
        margin-left: 0
    }

    .zldRotationWrap>div .TopsTitle {
        height: 102px;
        border-left: 6px solid #1492ff;
        padding: 16px 30px
    }

    .zddc .TopsTitle {
        background: #fff url(css_sprites.png) 130px -1731px no-repeat
    }

    .jxgl .TopsTitle {
        background: #fff url(css_sprites.png) 130px -1981px no-repeat
    }

    .zckj .TopsTitle {
        background: #fff url(css_sprites.png) 130px -1853px no-repeat
    }

    .msdt .TopsTitle {
        background: #fff url(css_sprites.png) 130px -2109px no-repeat
    }

    .zldRotationWrap>div .TopsTitle>h2 {
        font-size: 20px;
        color: #000
    }

    .zldRotationWrap>div .TopsTitle>p {
        font-size: 16px;
        color: #666;
        margin-top: 4px
    }

    .zldRotationWrap>div .dcList {
        height: 198px;
        background: #f0f0f0;
        padding-left: 26px;
        overflow: hidden
    }

    .zldRotationWrap>div .dcList a {
        display: block;
        color: #000;
        font-size: 18px;
        margin-top: 32px
    }

    .zldRotationWrap>div .dcList a:hover {
        color: #1492ff
    }

    .zldRotationWrap>div .dcList a em {
        display: inline-block;
        font-style: normal;
        width: 11px;
        height: 11px;
        background: #1492ff;
        margin-right: 20px;
        vertical-align: 1px
    }

    .zldRotationWrap>div.msdt .msdtList a {
        float: left;
        margin-right: 20px
    }

    .zldRotationWrap>div.msdt .msdtList a:hover {
        color: #1492ff
    }

    .zlwContent .zxzb {
        width: 583px
    }

    .zlwContent .zxzb .zxzbTitle>h2 {
        font-size: 30px;
        color: #000
    }

    .zlwContent .zxzb .zxzbTitle>a {
        font-size: 16px;
        color: #1492ff;
        margin-top: 12px
    }

    .zlwContent .zxzb .zxzbList>.zxzbTopping {
        width: 583px;
        height: 258px;
        margin-top: 30px;
        background: url(css_sprites.png) -20px -2252px no-repeat;
        padding-left: 36px;
        position: relative;
        z-index: 1
    }

    .zlwContent .zxzb .zxzbList>.zxzbTopping>p {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        width: 350px;
        line-height: 45px;
        padding-top: 45px
    }

    .zlwContent .zxzb .zxzbList>.zxzbTopping>a {
        display: block;
        width: 130px;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.80);
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        position: absolute;
        bottom: 32px
    }

    .zlwContent .zxzb .zxzbList>.zxzbListWrap {
        margin-top: 30px
    }

    .zlwContent .zxzb .zxzbList>.zxzbListWrap li {
        width: 583px;
        height: 100px;
        background: #fff;
        border-left: 6px solid #1492ff;
        padding: 22px 30px;
        margin-top: 14px
    }

    .zlwContent .zxzb .zxzbList>.zxzbListWrap li>a {
        font-weight: bold;
        font-size: 20px;
        color: #000
    }

    .zlwContent .zxzb .zxzbList>.zxzbListWrap li>a:hover {
        color: #1492ff
    }

    .zlwContent .zxzb .zxzbList>.zxzbListWrap li>p {
        font-size: 16px;
        color: #666;
        margin-top: 10px
    }

    .zlwContent .dczj {
        width: 583px
    }

    .zlwContent .dczj .dczjTitle>h2 {
        font-size: 30px;
        color: #000
    }

    .zlwContent .dczj .dczjTitle>a {
        font-size: 16px;
        color: #1492ff;
        margin-top: 12px
    }

    .zlwContent .dczj .dczjList>.dczjTopping {
        width: 583px;
        height: 258px;
        margin-top: 30px;
        background: url(css_sprites.png) -20px -2551px no-repeat;
        padding-left: 36px;
        position: relative
    }

    .zlwContent .dczj .dczjList>.dczjTopping>p {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        width: 300px;
        line-height: 45px;
        padding-top: 45px
    }

    .zlwContent .dczj .dczjList>.dczjTopping>a {
        display: block;
        width: 130px;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.80);
        text-align: center;
        line-height: 30px;
        font-size: 18px;
        color: #fff;
        position: absolute;
        bottom: 32px
    }

    .zlwContent .dczj .dczjList>.dczjListWrap {
        margin-top: 30px
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li {
        width: 583px;
        height: 100px;
        background: #fff;
        border-left: 6px solid #1492ff;
        padding: 22px 30px;
        margin-top: 14px;
        position: relative
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li>a {
        font-weight: bold;
        font-size: 20px;
        color: #000
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li>a:hover {
        color: #1492ff
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li>p {
        font-size: 16px;
        color: #666;
        margin-top: 10px;
        position: absolute;
        right: 28px;
        bottom: 20px
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li>p.end {
        color: #fe0101
    }

    .zlwContent .dczj .dczjList>.dczjListWrap li>p.processing {
        color: #1492ff
    }

    .zlwItemWrap2 {
        margin-top: 40px
    }

    .zlwItemWrap2>h2 {
        font-size: 30px;
        color: #000
    }

    .zlwItemWrap2>.letterWrap {
        height: 403px;
        background: #fff;
        margin-top: 30px;
        padding: 30px 0
    }

    .zlwItemWrap2>.letterWrap>.letterItem {
        width: 710px;
        padding-left: 20px;
        padding-right: 40px;
        border-right: 1px solid #efefef
    }

    .zlwItemWrap2>.letterWrap>.letterItem li {
        border-bottom: 1px solid #efefef;
        padding-bottom: 20px;
        padding-left: 10px;
        padding-right: 20px;
        margin-top: 16px
    }

    .zlwItemWrap2>.letterWrap>.letterItem li:last-child {
        border: 0
    }

    .zlwItemWrap2>.letterWrap>.letterItem li .letterTitle {
        font-size: 18px;
        color: #000
    }

    .zlwItemWrap2>.letterWrap>.letterItem li a:hover .letterTitle {
        color: #1492ff
    }

    .zlwItemWrap2>.letterWrap>.letterItem li>a .letterTime {
        font-size: 14px;
        color: #999;
        margin-top: 2px
    }

    .zlwItemWrap2>.letterWrap>.letterItem .letterTitleWrap {
        padding-left: 10px;
        padding-right: 20px;
        border: 0;
        margin: 0;
        padding-bottom: 0
    }

    .zlwItemWrap2>.letterWrap>.letterItem .letterTitleWrap h2 {
        font-size: 20px;
        color: #000
    }

    .zlwItemWrap2>.letterWrap .interact {
        width: 490px;
        font-size: 0;
        padding: 0 20px
    }

    .zlwItemWrap2>.letterWrap .interact>a {
        display: inline-block;
        width: 150px;
        font-size: 18px;
        color: #000;
        font-weight: bold;
        text-align: center;
        margin-top: 20px;
        margin-top: 40px
    }

    .zlwItemWrap2>.letterWrap .interact>a>p {
        margin-top: 24px
    }

    .Special_column {
        height: auto;
        background: #fff
    }

    .Special_columnWrap {
        padding-top: 40px;
        position: relative
    }

    .titleWrap>h2 {
        float: left;
        font-size: 40px;
        color: #000
    }

    .titleWrap>a {
        float: right;
        color: #1492ff;
        font-size: 16px;
        margin-top: 18px;
        margin-right: 10px
    }

    .titleWrap>a:hover {
        font-size: 21px;
        margin-top: 5px;
    }

    .Special_columnList {
        padding-top: 36px;
        height: auto;
        overflow: hidden
    }

    .Special_columnItem {
        width: 281px;
        height: 183px;
        background-size: 100% 100%;
        position: relative;
        z-index: 1;
        margin-left: 9px;
        margin-bottom: 64px
    }

    .xksh {
        background: url(./xksh.png) center no-repeat
    }

    .xxgkbg {
        background: url(./xxgkbg.png) center no-repeat
    }

    .yqfk {
        background: url(./yqfk.png) center no-repeat
    }

    .jobs {
        background: url(./jobs.png) center no-repeat
    }

    .Special_columnItem>img {
        width: 281px;
        height: 183px;
        -moz-transition: all .4s ease-in-out 0s;
        -ms-transition: all .4s ease-in-out 0s;
        -o-transition: all .4s ease-in-out 0s;
        -webkit-transition: all .4s ease-in-out 0s;
        transition: all .4s ease-in-out 0s
    }

    .Special_columnItem>img:hover {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .Special_columnItem>a {
        display: block;
        width: 243px;
        height: 80px;
        background: #fff;
        border-bottom: 5px solid #1492ff;
        position: absolute;
        bottom: -64px;
        z-index: 2;
        left: 19px;
        padding: 9px 21px 0;
        font-size: 20px;
        line-height: 30px
    }

    .Special_columnItem>a>p {
        height: 60px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden
    }

    .Special_columnItem>a:hover p {
        color: #1492ff
    }

    .Special_columnList .swiper-slide:first-child .Special_columnItem {
        margin-left: 0
    }

    .FriendLinks {
        width: 100%;
        height: 82px;
        background: #c5e4fe
    }

    .FriendLinksWrap {
        position: relative;
        z-index: 1
    }

    .FriendLinksItem {
        width: 225px;
        height: 42px;
        background: #fff url(./slidedown.png) 205px center no-repeat;
        line-height: 42px;
        padding-left: 20px;
        margin-top: 20px;
        margin-left: 18px;
        cursor: pointer
    }

    .FriendLinksItem:first-child {
        margin-left: 0
    }

    .FriendLinksListWrap>div {
        width: 1200px;
        max-height: 420px;
        height: auto;
        overflow: auto;
        background: #fff;
        position: absolute;
        z-index: 10;
        left: 0;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.30);
        display: none
    }

    .websiteList a {
        font-size: 14px;
        display: block;
        float: left;
        width: 23%;
        margin: 5px 9px
    }

    .websiteList>.friendlinkChild {
        overflow: hidden;
        border-bottom: 1px dashed #333
    }

    .websiteList a {
        font-size: 14px;
        display: block;
        float: left;
        width: 23%;
        margin: 5px 9px
    }

    .websiteList a:hover {
        color: #1492ff
    }

    .dfzfwz {
        top: -244px
    }

    .sjbmwz {
        top: -302px
    }

    .gsqxwz {
        top: -403px
    }

    .qtwz {
        top: -101px
    }

    .bgrk {
        top: -41px
    }

    .zjFoot {
        width: 100%;
        height: 240px
    }

    .zjFootItem1 {
        width: 100%;
        height: 176px;
        background: #1d96ff;
        padding-top: 40px
    }

    .zjFootItem1_about>a {
        display: inline-block;
        width: 136px;
        height: 120px;
        text-align: center;
        padding-top: 78px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.80)
    }

    .zjFootItem1_about>a.swsy {
        background: rgba(255, 255, 255, 0.10) url(./swsy.png) center 32px no-repeat
    }

    .zjFootItem1_about>a.lxwm {
        background: rgba(255, 255, 255, 0.10) url(./lxwm.png) center 32px no-repeat
    }

    .zjFootItem1_about>a.wzdt {
        background: rgba(255, 255, 255, 0.10) url(./wzdt.png) center 32px no-repeat
    }

    .zjFootItem1_introduce {
        width: 385px;
        height: 120px;
        background: rgba(255, 255, 255, 0.10) url(./zwym.png) 313px 51px no-repeat;
        margin-left: 22px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.80);
        padding: 10px 24px
    }

    .zjFootItem1_introduceWrap {
        line-height: 33px
    }

    .zjFootItem1_Mack {
        margin-left: 37px
    }

    .zjFootItem1_Mack_dzjg {
        width: 154px;
        height: 120px;
        background: rgba(255, 255, 255, 0.10);
        text-align: center;
        padding-top: 20px
    }

    .zjFootItem2 {
        width: 100%;
        height: 64px;
        background: #1492ff
    }

    .zjFootItem2_wrap {
        line-height: 64px;
        font-size: 16px;
        color: rgba(255, 255, 255, 0.80)
    }

    .zjFootItem2_wrap a {
        color: rgba(255, 255, 255, 0.80)
    }

    .zjFootItem2_wrap .yzbm {
        margin-left: 16px
    }

    .zjFootItem2_wrap .wzbsm {
        margin-left: 45px;
        margin-right: 22px
    }

    .zjFootItem2_wrap .beianNum {
        background: url(./police.png) left center no-repeat;
        padding-left: 28px;
        margin-left: 16px
    }

    .regulateinfo-l-title {
        height: 40px;
        padding: 30px;
        /* margin-top: 30px */
    }

    .regulateinfo-l-title h4 {
        font-weight: bold;
        font-size: 20px;
        font-family: "微软雅黑";
        float: left
    }

    .regulateinfo-l-title a,
    .publicdata-l-title a {
        float: right;
        width: 28px;
        height: 40px;
        background: url(hd-more.png) no-repeat center 10px
    }

    .monthCard {
        overflow: hidden;
        /* background-color: #fff;
    padding: 0 22px */
    }

    .ydkp {
        background-color: #fff;
    }

    .mssj {
        height: 130px;
    }

    .monthCard ul {
        overflow: hidden;
        padding-bottom: 30px
    }

    .monthCard ul li {
        padding: 19px 20px;
        border-bottom: 1px dashed #ccc
    }

    .monthCard ul li a {
        display: block;
        line-height: 30px;
        min-height: 30px;
        font-size: 18px;
        color: #000;
        overflow: hidden
    }

    .monthCard ul li:first-child a {
        font-weight: bold;
        font-size: 18px;
        color: #000
    }

    .monthCard ul li a p {
        float: left;
        min-height: 30px
    }

    .monthCard ul li a span {
        float: right;
        color: #999
    }

    .zcwj-con-tit .zcwj-con-title {
        float: left;
        padding-top: 4px;
    }

    .zcwj-con-tit .zcwj-con-title li {
        float: left
    }

    .zcwj-con-tit .zcwj-con-title li a {
        display: block;
        padding: 0 18px
    }

    .zcwj-con-title .zcwj-list-line {
        float: left;
        width: 3px;
        height: 25px;
        background: #666
    }

    .zcwj-con-tit .zcwj-con-title li a span {
        font-size: 24px;
        display: block;
        height: 40px;
        line-height: 27px
    }

    .zcwj-con-tit .zcwj-con-title li.active a span {
        font-weight: bold;
        color: #1492ff;
        border-bottom: 4px solid #1492ff
    }

    .two-box-wrap {
        overflow: hidden
    }

    .two-box-wrap>div {
        display: none
    }

    .two-box-wrap>div.active {
        display: block
    }

    .zcwj-con-tit {
        overflow: hidden;
        margin-bottom: 16px
    }

    .zcwj-con-tit .zcwj-con-title li a span {
        font-size: 30px
    }

    .zlkContentItem2 .RegulatoryInfo>h1 {
        line-height: 24px;
        height: 40px
    }

    .monthCard ul li {
        padding: 18px 20px;
    }

    .important-open .titleWrap>h1,
    .Special_column .titleWrap>h1 {
        float: left
    }

    .zcjd-list li .tab-pal-top {
        width: 100%;
        height: 106px;
        box-shadow: 0 0 15px rgba(20, 146, 255, 0.2)
    }

    .zcjd-list li .tab-pal-top p {
        overflow: hidden;
        padding: 0 25px
    }

    .zcjd-list li .tab-pal-top p>a {
        float: left;
        width: 630px;
        height: 54px;
        line-height: 54px;
        color: #000;
        font-size: 18px
    }

    .zcjd-list li .tab-pal-top p>span {
        float: right;
        text-align: right;
        font-size: 14px;
        color: #828282;
        line-height: 54px
    }

    .zcjd-list li .tab-pal-top ul {
        overflow: hidden;
        padding-left: 34px
    }

    .zcjd-list li .tab-pal-top ul li {
        float: left;
        margin-right: 22px
    }

    .zcjd-list li .tab-pal-top ul li a {
        display: block;
        width: 113px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        background-color: #1492ff;
        color: #fff;
        font-size: 18px
    }

    .zcjd-list li .tab-pal-con {
        overflow: hidden
    }

    .zcjd-list li.on+li {
        margin-top: 10px
    }

    .zcjd-list li .tab-pal-con>span.first {
        font-size: 3px;
        line-height: 40px;
        height: 40px;
        color: #000;
        float: left;
        margin-right: 17px
    }

    .zcjd-list li .tab-pal-con a {
        float: left;
        font-size: 18px;
        color: #000;
        width: 650px;
        line-height: 40px;
        height: 40px
    }

    .zcjd-list li .tab-pal-con>span {
        line-height: 40px;
        height: 40px;
        float: right;
        text-align: right;
        font-size: 14px;
        color: #828282
    }

    .zcjd-list li .tab-pal-top,
    .zcjd-list li.on .tab-pal-con {
        display: none
    }

    .zcjd-list li.on .tab-pal-top,
    .zcjd-list li .tab-pal-con {
        display: block
    }

    .important-open {
        overflow: hidden;
        padding-bottom: 15px
    }

    .important-open .box-wrap {
        margin-top: 40px
    }

    .important-open-list {
        width: 1200px;
        height: 310px;
        margin-top: 40px;
        box-shadow: 0 0 10px 0 rgba(0, 36, 121, 0.1)
    }

    .important-open-list ul {
        overflow: hidden;
        padding: 40px 0
    }

    .important-open-list ul li {
        float: left;
        height: 90px;
        margin-bottom: 50px
    }

    .important-open-list ul li a {
        display: block;
        width: 200px;
        height: 90px;
        border-right: 1px solid #dcdcdc;
    }

    .important-open-list ul li a img:hover {
        transform: rotateY(360deg);
    }

    .important-open-list ul li a div {
        height: 40px;
        width: 200px
    }

    .important-open-list ul li a img {
        display: block;
        width: auto;
        margin: 0 auto;
        transition: 0.8s;
    }

    .important-open-list ul li a span {
        display: block;
        text-align: center;
        height: 50px;
        line-height: 75px;
        font-size: 20px;
        color: #333
    }

    .special-col-img {
        width: 1200px;
        overflow: hidden
    }

    .special-col-img a {
        float: left;
        width: 280px;
        height: 180px;
        margin-right: 25px
    }

    .special-col-img a+a+a+a {
        margin-right: 0
    }

    .special-col-list {
        overflow: hidden
    }

    .special-col-list ul {
        width: 580px;
        height: 170px;
        overflow: hidden;
        margin-top: 30px
    }

    .special-col-list ul li {
        margin-bottom: 20px
    }

    .special-col-list ul li a {
        height: 18px;
        line-height: 18px;
        overflow: hidden;
        display: block
    }

    .special-col-list ul li a p:hover {
        color: #1496ff;
    }

    .special-col-list ul li a p {
        float: left;
        font-size: 16px;
        color: #333;
        padding-left: 15px;
        background: url(zt-list-dot.png) no-repeat left 50%
    }

    .special-col-list ul li a span {
        float: right;
        font-size: 14px;
        color: #999
    }

    #web {
        display: none;
    }

    #pc {
        display: block;
    }
}