body{
    background-color: #f5f5f5;
    font-family: "helvetica neue",helvetica,"pingfang sc","tahoma","hiragino sans gb","microsoft yahei","微软雅黑",arial,sans-serif;
    font-size: 14px;
    color: #666;
}

#wrapperkong *{
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
}

#wrapperkong h1{
    color: #333;
    font-size: 18px;
    margin: 34px 0px;
    clear: both;
}

#wrapperkong a{
    text-decoration: none;
    color: #666;
}

#wrapperkong ul{
    padding: 0px;
    margin: 0px;
    float: left;
}

#wrapperkong li{
    list-style-type: none;
}

.inhide{
    display: none !important;
}

.inner-nav-1 img{
    display: inline !important;
}

.inner-nav-1 span {
    position: relative;
    bottom: 4px;
}

#wrapperkong{
    width: 1200px;
    margin: 0 auto;
}

#wrapperkong img{
    display: block;
}

#part01{
    background-color: #fff;
    height: 434px;
    margin-bottom: 40px;
}

#part01 .part01l{
    width: 900px;
    float: left;
    height: 100%;
}

#part01 .part01r{
    float: right;
    width: 264px;
    padding: 18px;
}

#part01 .part01r .part01rtitle{
    font-size: 18px;
    margin-bottom: 14px;
}

#part01 .part01r .part01rtitle .tomore{
    font-size: 12px;
    color: #999;
    float: right;
    position: relative;
    top: 4px;
}

#part01 .part01r .part01rlist{
    width: 264px;
    height: 182px;
}

#part01 .part01r .part01rlist img{
    width: 100%;
    height: 100%;
}

#part01 .part01r .part01rlist > ul > li{
    margin-bottom: 10px;
    margin-top: 16px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.zt-cplb-li{margin-bottom: 10px;
    margin-top: 16px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.part02top{
    height: 68px;
    background-color: #f0f0f0;
}

.part02top > ul > li{
    float: left;
    padding: 0px 23.5px;
    height: 68px;
    line-height: 68px;
    text-align: left;
    border-right: 1px solid #e6e6e6;
    font-size: 18px;
    cursor: pointer;
}

.part02top > ul > li.thiscp{
    background-color: #fff;
    border-right: #fff;
    color: #4aa5e2;
}

.part02cont{
    height: 252px;
    padding: 52px 0;
    background-color: #fff;
}

.part02cont .cptitle{
    display: none;
}

.part02cont > ul > li{
    float: left;
    border-left: 1px solid #e6e6e6;
    width: 290px;
    height: 250px;
}

.part02cont > ul > li.cpli{
    width: auto;
}

.part02cont .cpli > img{
    width: 280px;
    height: 270px;
}

.cp01 .cpli,.cp03 .cpli,.cp04 .cpli,.cp05 .cpli,.cp06 .cpli{
    width: auto;
    padding: 0 150px;
}

.cp02 .cpli,.cp00 .cpli {
    border-left: none !important;
    padding: 0 16px;
}

.part02cont > ul > li > a > img{
    width: 80px;
    height: 80px;
    margin: 66px auto 0px;
}

.part02cont > ul > li > a > p{
    font-size: 18px;
    margin-top: 24px;
    text-align: center;
}

.part02cont > ul > li > a > div{
	width: 90%;
	margin: 0 auto;
    text-align: center;
}

#part03{
    margin-top: 38px;
}

#part03 > span{
    display: inline-block;
    background-image: ;
    height: 210px;
    width: 239px;
    margin-left: 90px;
    margin-right: 70px;
    float:left;
}

#part03 > p{
    margin: 0px 20px 20px;
}

#part03 > ul{
    display: inline-block;
    float:left;
}

#part03 > ul > li{
    float: left;
    width: 370px;
    height: 200px;
}

#part03 > ul > li div{
	width: 80%;
	margin: 0 auto;
    	text-align: center;
}

#part03 > ul > li.lastli{
    border: none;
}

#part03 > ul > li > a > img{
    width: 80px;
    height: 80px;
    margin: 28px auto 0px;
}

#part03 > ul > li > a > p{
    text-align: center;
    font-size: 18px;
    margin-top: 20px;
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #555;
    margin: 0 5px;
    opacity: 0.8;
    border: 1px solid #fff;
    cursor: pointer;
}
.swiper-active-switch {
    background: #fff;
}

@media screen and (max-width:1199px){
    #wrapperkong {
        width: 1000px;
    }

    #part01 {
        height: 402px;
    }

    #part01 .part01l {
        width: 730px !important;
        height: 352px !important;
        top: 24px;
    }

    #part01 .part01r {
        width: 234px;
    }

    #part01 .part01r .part01rlist > ul > li {
        margin-top: 14px;
    }

    #part01 .part01r .part01rlist {
        width: 232px;
        height: 160px;
    }

    #part02 .part02cont > ul > li {
        width: 228px;
    }

    .cp01 .cpli,.cp03 .cpli,.cp04 .cpli,.cp05 .cpli,.cp06 .cpli{
        padding: 0 124px;
    }

    #part03 > ul > li {
        width:266px;
    }
}

@media screen and (max-width:999px){
    #wrapperkong {
        width: 760px;
    }

    #part01 .part01l {
        width: 540px !important;
        height: 260px !important;
    }

    #part01 {
        height: 306px;
    }

    #part01 .part01r {
        width: 184px;
    }

    #part01 .part01r .part01rlist {
        width: 182px;
        height: 124px;
    }

    #part01 .part01r .part01rlist > ul > li {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    #part02 .part02cont > ul > li {
        width: 174px;
    }

    #part02 .part02cont .cpli > img {
        width: 200px;
        height: 210px;
        position: relative;
        top: 20px;
    }

    .cp01 .cpli,.cp03 .cpli,.cp04 .cpli,.cp05 .cpli,.cp06 .cpli {
        padding: 0 90px;
    }

    #part03 > ul > li {
        width: 220px;
    }

    #part03 > span {
        margin-left: 50px;
         margin-right: 0;
    }
}

@media screen and (max-width:759px){
    #wrapperkong {
        width: 100%;
    }

    #part01{
        background-color: #f5f5f5;
        height: 676px;
    }

    #part01 .part01l {
        width: 100% !important;
        height: 200px !important;
        top: 0px;
        float: none;
    }

    #part01 .part01r {
        width: 400px;
        padding: 0px;
        margin: 0 auto;
        float: none;
        height: 480px;
        background: #fff;
        margin-top: 15px;
    }

    #part01 .part01r .part01rlist {
        width: auto;
         height: auto;
    }

    #part02 .part02cont > ul > li > a > div,#part03 > ul > li div{
        display: none;
    }

    #part01 .part01r .part01rtitle {
        font-size: 12px;
        padding: 10px 10px 0px;
    }

    #part01 .part01r .part01rtitle > span{
        font-size: 16px;
        color: #1e90db;
    }

    #part01 .part01r .part01rlist {
        width: 100%;
    }

    #part01 .part01r .part01rlist img{
        width: 95%;
        height: auto;
         float: none;
        margin-left: 8px;
    }

    #part01 .part01r .part01rlist > ul{
        float: none;
        width: 95%;
         margin-right: 4px;
         height: 142px;
        margin: 10px auto;
    }

    #part01 .part01r .part01rlist > ul > li{
        margin-bottom: 14px;
        margin-top: 0px;
        font-size: 15px;
        line-height: 26px;
        color: #d06767;
    }

    #part02{
        width: 400px;
        margin: 0 auto;
    }

    #part02 .part02cont{
        padding: 0px;
    }

    .inhide{
        display: block !important;
    }

    #part02 .part02top{
        display: none;
    }

    #part02 .part02cont .cptitle{
        display: block;
        height: 40px;
        line-height: 40px;
        color: #1e90db;
        background-color: #f0f0f0;
        font-size: 16px;
        clear: both;
        padding-left: 20px;
        margin-top: 20px;
    }

    .part02cont > ul:after,#part02:after{
        content: "";
        display: block;
        clear: both;
    }

    #part02 .part02cont > ul > li:nth-of-type(2){
        border-left: none !important;
    }

    #part02 .part02cont > ul > li {
        background-color: #fff;
        width: 132.5px;
        border-top: 1px solid #e6e6e6;
    }

    #part02 .part02cont > ul > li.cpli{
        border-top: none;
    }

    .cp02 .cpli, .cp00 .cpli,{
        padding: 0 100px;
        float: none !important;
    }

    #part02 .part02cont > ul > li > a > p {
        margin-top: 14px;
    }

    .cp02 .cpli,.cp00 .cpli,.cp01 .cpli,.cp03 .cpli,.cp04 .cpli,.cp05 .cpli,.cp06 .cpli{
        border-left: none !important;
        padding: 0 100px;
    }

    .cp01 li{
        width: 199.5px !important;
    }
    .cp03 li{
        width: 199.5px !important;
    }
    .cp04 li{
        width: 199.5px !important;
    }
    .cp05 li{
        width: 199.5px !important;
    }
    .cp06 li{
        width: 199.5px !important;
    }

    #part03{
        width: 400px;
        margin: 0 auto 38px;
        height: 230px;
    }

    #part03 > ul > li {
        width: 125px;
        height: 144px;
    }

    #part03 > span {
        background-size: 100% 100%;
        height: 110px;
        width: 139px;
        margin-left: 6px;
         margin-right: 0;
    }

    #part03 > ul > li > a > p{
        margin-top: 10px;
    }

    #wrapperkong h1{
        width: 400px;
        margin: 30px auto 10px;
    }
}

@media screen and (max-width:399px){
    #part01 {
        height: 616px;
    }

    #part01 .part01l {
        height: 180px !important;
    }

    #part01 .part01r {
        width: 360px;
    }

    #part01 .part01r .part01rlist > ul > li {
        margin-bottom: 11px;
    }

    #part01 .part01r {
        height: 440px;
    }

    #part02 {
        width: 360px;
    }

    .cp02 .cpli,.cp00 .cpli,.cp01 .cpli,.cp03 .cpli,.cp04 .cpli,.cp05 .cpli,.cp06 .cpli{
        padding: 0 80px !important;
    }

    #part02 .part02cont .cpli > img {
        top: 0px;
    }

    #part02 .part02cont > ul{
        background-color: #fff;
    }

    #part02 .part02cont > ul > li {
        width: 118px;
    }

    .cp01 li {
         width: 179px !important;
    }
    .cp03 li {
         width: 179px !important;
    }
    .cp04 li {
         width: 179px !important;
    }
    .cp05 li {
         width: 179px !important;
    }
    .cp06 li {
         width: 179px !important;
    }

    #wrapperkong h1 {
        width: 360px;
    }

    #part03 {
        width: 360px;
    }

    #part03 > ul > li {
        width: 104px;
    }
}

@media screen and (max-width:359px){
    #part01 {
        height: 540px;
    }

    #part01 .part01l {
        height: 154px !important;
    }

    #part01 .part01r {
        width: 310px;
        height: 394px;
    }

    #part01 .part01r .part01rlist > ul > li {
        margin-bottom: 7px;
    }

    #part02 {
        width: 310px;
    }

    .cp02 .cpli, .cp00 .cpli, .cp01 .cpli, .cp03 .cpli, .cp04 .cpli, .cp05 .cpli, .cp06 .cpli {
        padding: 0 55px !important;
    }

    #part02 .part02cont > ul > li {
        width: 102px;
    }

    .cp01 li {
        width: 154px !important;
    }
    .cp03 li {
        width: 154px !important;
    }
    .cp04 li {
        width: 154px !important;
    }
    .cp05 li {
        width: 154px !important;
    }
    .cp06 li {
        width: 154px !important;
    }

    #wrapperkong h1 {
        width: 310px;
    }

    #part03 {
        width: 310px;
    }

    #part03 > ul > li {
        width: 80px;
    }
}

.cp00 li:nth-child(n 5),.cp01 li:nth-child(n 4),.cp02 li:nth-child(n 5),.cp03 li:nth-child(n 4),.cp04 li:nth-child(n 4),.cp05 li:nth-child(n 4),.cp06 li:nth-child(n 4){display:none;}