.hzkj {background: url(../images/kjt_hz01.jpg) no-repeat center top; background-size: 100% auto; padding-bottom: 50px;}
.hzkjcon {width: 85%; margin: 12.8% auto;}
.hzkjconL {float: left; width: 3%;}
.hzkjconR {float: left; width: 83%; font-size: 18px; line-height: 1.8;}

.container_box{width: 1100px; margin: auto; padding-right: 100px;}
.container_kjthz{width: 100%; position: relative;}

.kjt_hz1{position: relative;}
.kjt_hz1::before{content: ""; width: 62.5%; height: 60%; background: #f6f5f5; position: absolute; left: 0; top: -10%; z-index: -1;}
.kjt_hz1::after{content: ""; width: 20.8%; height: 110%; background: #ebf5f6; position: absolute; left: 60%; top: -10%; z-index: -2;}
.kjt_hz1 img{display: block; width: 100%;}

.kjt_hz2{position: relative; padding-bottom: 84px; background: url(../images/kjt_hz05.jpg) no-repeat center bottom; background-size: 100% 85px; overflow: hidden;}
.kjt_hz2::after{content: ""; width: 20.8%; height: 110%; background: #ebf5f6; position: absolute; left: 60%; top: -10%; z-index: -2;}
.kjt_hz2 .kjt_hz2_ban{position: relative; width: 55%; float: left;}
.kjt_hz_prev, .kjt_hz_next{width: 48px; height: 48px; border-radius: 50%; background-color: #f0f0f0; background-position: center; background-repeat: no-repeat; background-size: auto; position: absolute; bottom: 20px; z-index: 10;}
.kjt_hz_prev{background-image: url(../images/kjt_hz_prev.png); right: -92px;}
.kjt_hz_next{background-image: url(../images/kjt_hz_next.png); right: -150px;}
.kjt_hz_prev:hover{background-color: #89c9f2; background-image: url(../images/kjt_hz_prevh.png);}
.kjt_hz_next:hover{background-color: #89c9f2; background-image: url(../images/kjt_hz_nexth.png);}
.kjt_hz2 .kjt_hz2_con{width: 45%; float: right; background: url(../images/kjt_hz04.png) repeat-y center; background-size: 100% auto; padding: 50px 4% 10px 7%; position: relative;}
.kjt_hz2 .kjt_hz2_con img{position: absolute; left: 10%; top: 60px;}
.kjt_hz2 .kjt_hz2_con p{font-size: 18px; color: #444; line-height: 1.8; text-align: justify;}

.kjt_hz3{background: url(../images/kjt_hz07.png) no-repeat center bottom; background-size: auto;}
.kjt_hz3 .container_kjthz{position: relative;}
.kjt_hz3 img{display: block; width: 100%;}
.kjt_hz3 p{width: 52%; max-height: 288px; font-size: 18px; color: #444; line-height: 1.8; text-align: justify; position: absolute; right: -18px; top: 150px; overflow-y: auto; padding-right: 20px;}
.kjt_hz3 p::-webkit-scrollbar {width: 5px; height: 1px;}
.kjt_hz3 p::-webkit-scrollbar-thumb {border-radius: 5px; background: #6f6f6f;}
.kjt_hz3 p::-webkit-scrollbar-track {border-radius: 5px; background: none;}

.kjt_hz4{background: url(../images/kjt_hz08.jpg) no-repeat center; background-size: cover; margin-bottom: 50px;}
.kjt_hz4 h3{font-size: 60px; color: #006dc7; line-height: 1; padding: 160px 0 560px;}


@media (max-width: 1200px) {
    .container_box{width: 85%; padding: 0;}
    .kjt_hz2 .kjt_hz2_con{padding-top: 30px;}
    .kjt_hz2 .kjt_hz2_con img{left: 8%; top: 35px;}
    .kjt_hz2 .kjt_hz2_con p{font-size: 18px; line-height: 30px;}
    .kjt_hz3 p{font-size: 18px; line-height: 30px; max-height: 300px; top: 120px;}
    .kjt_hz4 h3{font-size: 50px; padding: 120px 0 400px;}
}

@media (max-width: 992px) {
    .container_box{width: 85%; padding: 0;}
    .kjt_hz1::before{content: unset;}
    .kjt_hz1::after{content: unset;}
    .kjt_hz2::after{content: unset;}
    .kjt_hz2 .kjt_hz2_ban{width: 100%; float: unset;}
    .kjt_hz2 .kjt_hz2_con{width: 100%; float: unset; background: unset; padding: 25px 15px;}
    .kjt_hz2 .kjt_hz2_con img{display: none;}
    .kjt_hz4 h3 {font-size: 40px; padding: 100px 0 300px;}
}

@media (max-width: 768px) {
    .hzkj{background: url(../images/kjt_hz01.jpg) no-repeat 15% -11px; background-size: 1200px auto; padding-top: 100px; padding-bottom: 30px;}
    .hzkjcon{width: 100%; margin: 0; padding-top: 0;}
    .hzkjconL{float: left; width: 14%; text-align: right;}
    .hzkjconR{float: left; width: 86%; font-size: 15px;}
    .container_box{width: 100%; padding: 0 15px;}
    .kjt_hz2{padding-bottom: 60px; background-size: 100% 60px;}
    .kjt_hz2 .kjt_hz2_con p{font-size: 16px; line-height: 26px;}
    .kjt_hz3 p{width: 100%; max-height: 260px; font-size: 16px; line-height: 26px; top: 30px; right: -8px; padding-right: 10px;}
    .kjt_hz4{margin-bottom: 35px;}
    .kjt_hz4 h3{font-size: 30px; padding: 50px 0 150px;}
}