body,
html {
    background: #fff;
}

a {
    color: #333333;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.jczwgkHead {
    position: relative;
    height: 560px;
    overflow: hidden;
}

.jczwgkHeadTxt {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.zt-jclogo {
    margin-top: 70px;
    text-align: center;
}

.zt-jclogo img {
    width: 600px;
}

.zt-jcTltle {
    overflow: hidden;
    height: 300px;
    position: relative;
}

.zt-jcTltle .txt1 {
    position: absolute;
    left: 0;
    top: 30px;
    transform: scale(0);
    text-align: center;
    width: 100%;
}

.zt-jcTltle .txt2 {
    position: absolute;
    bottom: -100px;
    text-align: center;
    width: 100%;
}

.jczwgkmain {
    padding: 54px 0 54px 0;
    background: url(../images/jczwline02.png) 40px top repeat-y;
}

.jczwgkTilte {
    height: 59px;
    line-height: 59px;
}

.jczwgkTilte.titlt01 {
    background: url(../images/jczw_title01.png);
}

.jczwgkTilte.titlt02 {
    background: url(../images/jczw_title02.png);
}

.jczwgkTilte.titlt03 {
    background: url(../images/jczw_title03.png);
}

.jczwgkTilte .text-indent {
    font-size: 30px;
    color: #fff;
    text-indent: 90px;
    display: inline-block;
}

.jczwgkTilte .more {
    font-size: 14px;
    color: #1563a0;
    margin-right: 20px;
}

.jczwgkTilte .more:hover {
    text-decoration: underline;
}

.group01,
.group02,
.group03 {
    background: url(../images/jczwline.png) 30px top no-repeat
}

.jczwgkNews,
.jczwgkZczd,
.jczwgkbzml {
    width: 1130px;
    float: right;
    margin-top: 40px;
}

.leftNews {
    width: 48.7%;
    float: left;
}

.leftNews .slick {
    width: 100%;
    height: 376px;
}

.leftNews .slick .item {
    width: 100%;
    height: 100%;
    position: relative;
}

.leftNews .slick img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.leftNews .slick .item a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.leftNews .slick .item .text {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    padding: 0 22px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .35);
    box-sizing: border-box;
    z-index: 99;
    margin: 0;
}

.leftNews .slick .slick-dots {
    margin: 0;
}

.leftNews .slick .slick-dots li.slick-active {
    background: #1563A0;
}

.rightNews {
    float: right;
    width: 48.7%;
}

.firstNews {
    border-bottom: 1px #a9a9a9 dotted;
    padding-bottom: 10px;
}

.firstNews .h-title {
    font-size: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
    line-height: 36px;
}

.firstNews .p-zy {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.firstNews .p-time {
    font-size: 16px;
    color: #999;
    line-height: 24px;
}

.rightNews ul {
    margin-top: 5px
}

.rightNews ul li {
    overflow: hidden;
    line-height: 36px;
    font-size: 16px;
}

.rightNews ul li a {
    display: block;
    width: 70%;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rightNews ul li span {
    color: #999;
    float: right;
}

.rightNews ul li:hover a {
    color: #1463A0;
}

.jczwgkZczd ul li {
    float: left;
    width: 48.7%;
    background: #f8fafc;
    height: 176px;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    border-left: 6px #bfd4e5 solid;
    box-sizing: border-box;
}

.jczwgkZczd ul li a {
    display: block;
}

.jczwgkZczd ul li h1 {
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333333;
    margin: 0;
}

.jczwgkZczd ul li p {
    color: #999;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
    height: 96px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.jczwgkZczd ul li:hover a {
    color: #1563a0;
}

.jczwgkbzml ul li {
    float: left;
    width: 48.7%;
    height: 154px;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.jczwgkbzml ul li a {
    display: block;
    color: #454545;
    font-size: 24px;
    text-align: center;
    text-decoration: none!important;
}

.jczwgkbzml ul li.li01 {
    background: #ffcbc9;
}

.jczwgkbzml ul li.li02 {
    background: #d3d9ff;
    float: right;
}

.jczwgkbzml ul li.li03 {
    background: #c2f0f4;
}

.jczwgkbzml ul li.li04 {
    background: #f5e6c6;
    float: right;
}

.jczwgkbzml ul li i {
    display: block;
    width: 105px;
    height: 58px;
    margin: 5px auto 15px;
}

.jczwgkbzml ul li i.icon_bzmb01 {
    background: url(../images/icon_bzmb01.png);
}

.jczwgkbzml ul li i.icon_bzmb02 {
    background: url(../images/icon_bzmb02.png);
}

.jczwgkbzml ul li i.icon_bzmb03 {
    background: url(../images/icon_bzmb03.png);
}

.jczwgkbzml ul li i.icon_bzmb04 {
    background: url(../images/icon_bzmb04.png);
}

.jczwgkbzml ul li:hover i {
    webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


/* 示范清单 */

.jczw-box {
    background: #FFFFFF;
}

.jczw-current {
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #CCC;
    padding: 10px 20px;
    box-sizing: border-box;
}

.RightCon {
    padding: 15px;
    margin-bottom: 15px;
}

.TypeBox {
    margin: 20px 0;
}

.TypeBox .TypeTit {
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}

.TypeTit em {
    display: inline-block;
    border: 4px solid #266eaa;
    height: 22px;
    background: #266eaa;
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 5px;
}

.TypeBox ul {
    width: 105%;
}

.TypeBox li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 280px;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: normal;
    font-size: 16px;
}

.TypeBox li a:hover {
    color: #266eaa
}

.lm-title {
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.lm-title p {
    font-size: 22px;
    color: #000000;
    margin-bottom: -1px;
}

.lm-title span,
.lm-title p a {
    display: inline-block;
    color: #266eaa;
    padding-bottom: 10px;
    border-bottom: 1px solid #266eaa;
}

.currrent {
    font-size: 14px;
}

@media only screen and (max-width:1200px) {
    .container {
        width: 970px;
    }
    .w1200 {
        width: 970px;
    }
    .jczwgkNews,
    .jczwgkZczd,
    .jczwgkbzml {
        width: 900px
    }
}

@media only screen and (max-width:996px) {
    .container {
        width: 750px;
    }
    .w1200 {
        width: 750px;
    }
    .jczwgkmain {
        background: none;
    }
    .zt-jcTltle .txt1 img {
        width: 80%;
    }
    .zt-jcTltle .txt2 img {
        width: 200px;
    }
    .group01,
    .group02,
    .group03 {
        background: none;
    }
    .jczwgkNews,
    .jczwgkZczd,
    .jczwgkbzml {
        width: 100%;
        float: none;
    }
    .leftNews,
    .rightNews {
        float: none;
        width: 100%;
    }
    .rightNews {
        margin-top: 1rem;
    }
    .jczwgkbzml ul li a {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    html,
    body {
        font-size: 62.5%;
    }
    .container,
    .w1200 {
        width: 96%;
    }
    .mt30 {
        marign-top: 1.875rem
    }
    .mt20 {
        marign-top: 1.25rem
    }
    .zt-jcTltle {
        height: 12.5rem;
    }
    .zt-jcTltle .txt1 img {
        width: 37rem;
    }
    .zt-jcTltle .txt2 img {
        width: 18.75rem;
    }
    .zt-jcTltle .txt2 {
        bottom: -12.25rem;
    }
    .zt-jclogo img {
        width: 10rem;
    }
    .jczwgkHead .slick img {
        width: 100%;
        height: 30rem;
    }
    .jczwgkmain {
        padding: 1.25rem 0
    }
    .jczwgkZczd ul li {
        width: 100%;
        height: auto;
    }
    .jczwgkNews,
    .jczwgkZczd,
    .jczwgkbzml {
        margin-top: 1.66rem;
    }
    .jczwgkTilte.titlt01,
    .jczwgkTilte.titlt02,
    .jczwgkTilte.titlt03 {
        height: 3.6875rem;
        line-height: 3.6875rem;
        background: none;
    }
    .jczwgkTilte .text-indent {
        color: #1563a0;
        text-indent: 0;
        font-size: 2.25rem;
        font-weight: bold;
    }
}

@media only screen and (max-width:414px) {
    .jczwgkbzml ul li {
        width: 100%;
    }
    .jczwgkHead .slick img {
        height: 25rem;
    }
    .zt-jcTltle .txt1 img {
        width: 24rem;
    }
    .zt-jcTltle .txt2 img {
        width: 13.75rem;
    }
}