.zcjd-banner{width: 100%; height: 400px; background: #edf6ff;position: relative;}
.w1200{width: 1200px; margin: 0 auto; height: auto;}
.zcjd-top{width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: right;}
.zcjd-top a{color: #333;}
.zcjd-top span{padding: 0 10px;}
.zcjd-logo{width: 355px; height: 80px; float: left; margin-top: -25px;}
.zcjd-title{width: 376px; height: 87px;position: absolute;top: 180px; left: 290px;}
.zcjd-title-pic{width: 756px; height: auto; position: absolute;right: 80px;bottom: 0;}

.zcjd-p1{width: 100%; height: auto; float: left; margin-top: 30px;}
.zcjd-p1-l{width: 48%;height: auto; float: left;}
.zcjd-p1-tit{width: 100%; height: 35px; line-height: 35px; float: left;margin: 10px 0;}
.zcjd-p1-tit img{width: 100%; height: 100%;}
.zcjd-p1-box{width: 100%; height: auto; float: left;}
.zcjd-p1-r{width: 48%;height: auto; float: right;}
.newslist{padding-top: 14px;transition: all 0.4s;}
.newslist li{line-height: 55px;position: relative;height: 55px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;padding-right: 16%;text-indent: 20px; transition: .3s all; padding-left: 0px;}
.newslist li:hover{ background-position: 10px; padding-left: 10px; transition: .3s all;}
.newslist li a{color: #333;font-size: 18px; float: left;  max-width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li:hover span, .newslist li a:hover{color: #007ad8; font-weight: bold;}
.newslist li span{position: absolute;right: 0px;top: 0px;color: #bbb;font-size: 15px;}
.newslist-more{display: none;}
.newslist li::before{content: "";position: absolute;top: 27px;left: 3px;width: 5px;height: 5px;background-color: #B0B0B0; border-radius: 50%;}
.newslist li:hover::before{background-color: #007ad8;}

.zcjd-p2{width: 100%; height: auto; float: left; margin-top: 30px;}
.zcjd-p2-tit{width: 100%; height: 35px; line-height: 35px; float: left;margin: 10px 0;}
.zcjd-p2-tit img{width: 100%; height: 100%;}
.zcjd-p2-con{width: 100%; height: auto; float: left;}
.zcjd-p2-con .zcjd-p1-tit{margin-bottom: 30px;}
.zcjd-p2-con-l{width: 48%;height: auto; float: left;}
.zcjd-p2-con-r{width: 48%;height: auto; float: right;}
.zcjd-p2-con-r-box{width: 90%;height: 300px; float: left; overflow: hidden;position: relative; margin-top: 0px;margin-left: 5%;}
.zcjd-p2-con-r-box .swiper-slide{width: 310px; height: 300px; float: left; margin-right: 13px;border: solid 1px #e5e5e5;box-shadow: 0px 5px 10px 0 rgba(0, 36, 121, 0.1); background: #fff;line-height: 53px; overflow: hidden;}
.zcjd-p2-con-r-box .swiper-slide img{width: 100%; height: 300px;}
/* .zcjd-p2-con-r-box .swiper-slide p{width: 100%; height: auto; line-height: 20px; padding: 0 10px; text-align: center;overflow: hidden;white-space: unset;text-overflow: ellipsis;vertical-align: middle;display: inline-block;} */
.zcjd-p2-con-r-box .swiper-container{display: flex;}
.zcjd-p2-con-r-box .swiper-button-next, .zcjd-p2-con-r-box .swiper-button-prev{top: 50%!important;background-color: rgba(255,255,255,0.7);background-size: 50%;}
.zcjd-p2-con-r-box .swiper-button-next:after, .zcjd-p2-con-r-box .swiper-button-prev:after{font-size: 20px!important;}

.zcjd-p3{width: 100%; height: auto; float: left; margin-top: 30px;}
.zcjd-p3-tit{width: 100%; height: 35px; line-height: 35px; float: left;margin: 10px 0; text-align: center;}
/* .zcjd-p3-tit img{width: 100%; height: 100%;} */
.zcjd-p3-box{width: 100%; height: 172px; float: left; position: relative; overflow: hidden; margin-top: 20px;}
.zcjd-p3-box .swiper-slide{width: 310px; height: 172px; float: left; margin-right: 13px;border: solid 1px #e5e5e5;box-shadow: 0px 5px 10px 0 rgba(0, 36, 121, 0.1); background: #fff;line-height: 53px; overflow: hidden;position: relative;}
.zcjd-p3-box .swiper-slide img{width: 100%; height: 172px;}
.zcjd-p3-box .swiper-slide p{position: absolute;width: 40px;height: 40px; background: url(zcjd-sp-ico.png) no-repeat;top: 67px;left: 110px;z-index: 10; background-size: 100%;}
.zcjd-p3-box .swiper-container{display: flex;}
.zcjd-p3-box .swiper-button-next, .zcjd-p3-box .swiper-button-prev{top: 50%!important;background-color: rgba(255,255,255,0.7);background-size: 50%;}
.zcjd-p3-box .swiper-button-next:after, .zcjd-p3-box .swiper-button-prev:after{font-size: 20px!important;}

.zcjd-p4{width: 100%; height: auto; float: left; margin-top: 30px; margin-bottom: 50px;}
.zcjd-p4 img{width: 100%; height: auto;}
.pc{display: block;}
.sj{display: none;}




@media screen and (max-width: 768px){
.w1200{width: 100%; padding: 0 3vw;}
.zcjd-banner{height: 40vw;}
.zcjd-title{width: 50vw;height: 10vw;position: absolute;top: 10vw;left: 23vw;}
.zcjd-title img{width: 100%; height: auto;}
.zcjd-title-pic{width: 50vw;right: 2vw;}
.zcjd-title-pic img{width: 100%; height: auto;}
.zcjd-p1{margin-top: 3vw;}
.zcjd-p1-l{width: 100%;}
.zcjd-p1-tit{height: 6vw;line-height: 6vw;margin: 2vw 0;overflow: hidden;}
.newslist{padding-top: 0;}
.newslist li a{font-size: 4vw;padding-left: 0;}
.newslist li span{font-size: 3vw;}
.newslist li::before{top: 5.5vw;left: 1vw;width: 2vw;height: 2vw;display: none;}
.newslist-more{display: block;height: 8vw;background-color: #ececec;line-height: 8vw;text-align: center;width: 30%;margin: 0 auto;margin-bottom: 3vw;font-size: 3vw;}
.zcjd-p1-r{width: 100%;}
.zcjd-p2{margin-top: 3vw;}
.sj{display: block;}
.pc{display: none;}
.zcjd-p2-con-l,.zcjd-p2-con-r{width: 100%;}
.zcjd-p2-con .zcjd-p1-tit{margin-bottom: 2vw;}
.zcjd-p2-con-r-box{height: 30vw;margin-top: 3vw;}
.zcjd-p2-con-r-box .swiper-slide{height: 30vw;}
.zcjd-p2-con-r-box .swiper-slide img{height: 30vw;}
.zcjd-p2-con-r-box .swiper-button-next, .zcjd-p2-con-r-box .swiper-button-prev{top: 50%!important;}
.zcjd-p3{margin-top: 3vw;}
.zcjd-p3-tit{height: 6vw;line-height: 6vw;margin: 2vw 0;overflow: hidden;}
.zcjd-p3-tit img{width: 100%;}
.zcjd-p3-box{height: 30vw;margin-top: 2vw;}
.zcjd-p3-box .swiper-slide{height: 30vw;}
.zcjd-p3-box .swiper-slide img{height: 30vw;}
.zcjd-p3-box .swiper-slide p{width: 10vw;height: 10vw;top: calc(50% - 5vw); left: calc(50% - 5vw);}
.zcjd-p4{margin-top: 3vw;margin-bottom: 3vw;}



}