.news-wrap { padding: 50px 0; overflow: hidden;}

.slideBox { position: relative; float: left; width: 670px; height: 370px; overflow: hidden;}
.slideBox .hd { position: absolute; right: 20px; bottom: 20px; z-index: 9; height: 5px;}
.slideBox .hd li { float: left; width: 15px; height: 5px; background: #fff; margin-left: 5px; transition: width 1s;}
.slideBox .hd li.on { width: 20px; background: #006dac; transition: width 1s;}
.slideBox .bd {  width: 670px; height: 370px; }
.slideBox .bd li { position: relative;  width: 670px; height: 370px; }
.slideBox .bd li p { position:absolute; left:0; bottom:0; width: 100%; height:50px; background:rgba(0,0,0,0.5); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000); font-size: 16px; line-height:50px; text-indent: 20px; color:#fff; cursor:pointer;}
.slideBox .bd li img { width: 100%; height: 100%; transform: scale(1); transition: all .3s;}
.slideBox .bd li:hover img { transform: scale(1.05); transition: all .3s;}

.news{ float: right; width: 510px;}

.zctj { background: #f5f5f5; padding: 25px 0 50px; overflow: hidden;}
.zctj-list{ margin-top: 30px; overflow: hidden;}
.zctj-list li{ float: left; width: 180px; height: 260px; margin-left: 24px; overflow: hidden;}
.zctj-list li:first-child { margin-left: 0;}
.zctj-list li a { display: block; width: 170px; height: 250px; padding: 5px; background: #fff; overflow: hidden;}
.zctj-list li img { display: block; width: 170px; height: 200px; transform: scale(1); transition: all .5s;}
.zctj-list li:hover img { transform: scale(1.05); transition: all .5s;}
.zctj-list li p { height: 40px; line-height: 20px; text-align: center; margin-top: 8px; cursor: pointer; overflow: hidden;}
.zctj-list li:hover p { color: #006dac;}

.jdhy-bottom { padding: 25px 0 50px; overflow: hidden;}

.cwhyjd-main { margin-top: 20px;}
.cwhyjd-main ul{ margin:0 -13px; overflow:hidden; }
.cwhyjd-main li{ width:25%; float:left; }
.cwhyjd-main li a{ display:block; margin: 0 13px; }
.cwhyjd-main .img{ height:180px; border:3px solid #ece8e6; overflow:hidden; }
.cwhyjd-main li:hover img{ -webkit-transform: scale( 1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2);  transform: scale(1.2,1.2); }
.cwhyjd-main li a img{ min-width:100%; height: 100%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all .3s ease-out;  }
.cwhyjd-main li a p{ line-height:40px;font-size:16px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;  }


/* 新闻发布会 */
.xwfbh { float: left; width: 585px; margin-top: 20px;}
.xwfbh .first { border-bottom: 1px solid #e7e7e7; padding: 25px 0; margin-bottom: 10px; overflow: hidden;}
.xwfbh .first .pic { float: left; width: 220px; height: 150px;}
.xwfbh .first .pic img { width: 100%; height: 100%;}
.xwfbh .first .text { margin-left: 240px;}
.xwfbh .first .text h3 { font-size: 16px; line-height: 26px; padding: 10px 0;}
.xwfbh .first .text p { font-size: 16px; color: #999; margin-bottom: 15px;}
.xwfbh .first .text span { display: inline-block; *display: inline; *zoom: 1; background: #d9b5b5; width: 50px; height: 20px; text-align: center; line-height: 20px; color: #fff; margin-right: 10px;}

/* 回应关切 */
.hygq { float: right; width: 585px; margin-top: 25px;}
.hygq-list { margin-top: 20px;}
.hygq-list li { height: 100px; padding: 20px 20px 0;}
.hygq-list li:nth-child(2n+1) { background: #f5f5f5;}
.hygq-list li h3 { background: url(jdhy_hygq_book.png) no-repeat left center; font-size: 18px; font-weight: normal; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 30px;}
.hygq-list li p { color: #999; line-height: 26px; text-indent: 2em; text-align: justify; margin-top: 5px;} 

/* 新闻发布会 */
.press-conference { width: 1200px; margin: 50px auto; overflow: hidden;}
.foreshow { background: #f5f5f5; height: 164px; overflow: hidden;position:relative; }
.foreshow .fbhzd{ position:absolute; right:50px; top:25px; }
.foreshow .pic { float: left; width: 471px; height: 164px; }
.foreshow .text { margin-left: 471px; margin-right: 200px; padding: 20px 40px 0;}
.foreshow .text p { font-size: 18px; line-height: 40px; padding-left: 30px; }
.foreshow .text .p1 { background: url(xwfbh_foreshow_icon1.png) no-repeat left center;}
.foreshow .text .p2 { background: url(xwfbh_foreshow_icon2.png) no-repeat left center;}
.foreshow .text .p3 { background: url(xwfbh_foreshow_icon3.png) no-repeat left center;}


.reports { float: left; width: 760px; margin-top: 40px;}

.r-b { position: relative; height: 420px; margin-top: 30px; overflow: hidden;}
.r-b .hd{ position: absolute; right: 10px; bottom: 15px; z-index: 5;}
.r-b .hd li { float: left; width: 8px; height: 8px; border: 1px solid #006dac; border-radius: 100%; margin-left: 3px; cursor: pointer;}
.r-b .hd li.on { background: #006dac;}
.r-b .bd { width: 100%; height: 100%;}
.r-b .bd li .pic { width: 760px; height: 380px; overflow: hidden;}
.r-b .bd li img { width: 100%; height: 100%; transform: scale(1); transition: .5s;}
.r-b .bd li img:hover { transform: scale(1.1); transition: .5s;}
.r-b .bd li p { font-size: 18px; line-height: 40px; padding-right: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r-b .bd li p a:hover { color: #006dac;}

.r-b .bd1 { width: 100%; height: 100%;}
.r-b .bd1 li .pic { width: 760px; height: 380px; overflow: hidden;}
.r-b .bd1 li img { width: 100%; height: 100%; transform: scale(1); transition: .5s;}
.r-b .bd1 li img:hover { transform: scale(1.1); transition: .5s;}
.r-b .bd1 li p { font-size: 18px; line-height: 40px; padding-right: 100px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.r-b .bd1 li p a:hover { color: #006dac;}

.tpcz { float: right; width: 410px; margin-top: 40px;}
.tpcz-list li { height: 120px; background: #f5f5f5; margin-top: 30px; overflow: hidden;}
.tpcz-list li .pic { float: left; width: 160px; height: 120px; background: #006dac; line-height: 120px; font-size: 0; text-align: center;}
.tpcz-list li .pic img { width: 160px; height: 120px; transform: scale(1); transition: .5s;}
.tpcz-list li .pic:hover img { transform: scale(1.1); transition: .5s;}
.tpcz-list li .pic span { display: inline-block; *display: inline; *zoom: 1; font-size: 18px; line-height: 24px; color: #fff; vertical-align: middle; padding: 0 15px;}
.tpcz-list li .text { margin-left: 160px; padding: 15px 20px 0;}
.tpcz-list li .text h4 { font-size: 16px; font-weight: normal; line-height: 26px;}
.tpcz-list li .text h4 a:hover { color: #006dac;}
.tpcz-list li .text p { color: #999; margin-top: 5px;}

.ljfbh { float: left; width: 760px; margin-top: 30px;}
.ljfbh .l-list { width: 780px; overflow: hidden;}
.ljfbh .l-list li { float: left; width: 240px; height: 210px; margin: 30px 20px 0 0; overflow: hidden;}
.ljfbh .l-list li .pic { width: 240px; height: 130px; overflow: hidden;}
.ljfbh .l-list li .pic img { width: 100%; height: 100%; transform: scale(1); transition: .5s;}
.ljfbh .l-list li .pic:hover img { transform: scale(1.1); transition: .5s;}
.ljfbh .l-list li h4 { height: 50px; font-size: 16px; line-height: 25px; font-weight: normal; padding: 5px 0; overflow: hidden;}
.ljfbh .l-list li h4 a:hover{ color: #006dac;}
.ljfbh .l-list li p { color: #999;}

.pages { font-size: 0; text-align: center; margin: 30px 0;}
.pages li { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; margin: 0 10px; line-height: 26px;}
.pages li a:hover { color: #006dac;}
.pages li.current a { display: block; background: #006dac; padding: 0 8px; color: #fff;}


@media only screen and (max-width: 1199px) {
    .foreshow .fbhzd{ display:none; }
    .cwhyjd-main li{ width: 50%; }
    .cwhyjd-main .img{ height:150px; }

    .news-wrap,.zctj { padding: 10px;}

    .slideBox,.slideBox .bd,.slideBox .bd li,.slideBox .bd li img { width: 100%; height: 500px;}
    
    .news { width: 100%; margin-top: 10px;}

    .zctj-list { margin-top: 0;}
    .zctj-list li { width: calc(100% / 3); margin: 10px 0 0;}
    .zctj-list li a { width: 180px; margin: 0 auto;}

    .cwhyjd-item .pic { display: none;}
    .cwhyjd-item .list { width: 100%; margin: 0 auto; border: 0; height: auto;}
    .cwhyjd-item .list ul { margin: 0;}
    .cwhyjd-item .list li { width: 100%; margin: 0;}

    .cwhyjd,.xwfbh,.hygq { width: 100%; padding: 0 10px; margin-top: 10px;}

    .jdhy-bottom { padding: 0 0 10px;}

    .hygq-list li { height: auto; padding: 10px;}
    .hygq-list li h3 { white-space: pre-wrap;}

    .press-conference { width: 100%; padding: 10px; margin: 0;}
    .foreshow .pic { width: 45%;}
    .foreshow .text { margin-left: 45%; padding: 15px;}
    .foreshow .text p { line-height: 30px; background-position-y: 6px !important;}

    .reports,.tpcz,.ljfbh,.ljfbh .l-list { width: 100%; margin-top: 10px;}
    .ljfbh .l-list { display: flex; flex-wrap: wrap; justify-content: space-between;}
    .ljfbh .l-list li { width: calc(100% / 3 - 10px); margin: 0}
    .ljfbh .l-list li .pic { width: 100%;}
    .ljfbh .l-list li h4{ padding: 0;}
    .r-b{ margin-top: 10px; height: auto;}
    .r-b .bd li .pic,.r-b .bd li img,.tpcz-list li .pic img { width: 100%; height: auto;}
    .r-b .bd li p { font-size: 16px;}
    .tpcz-list li { height: auto; margin-top: 10px;}
    .tpcz-list li h4,.ljfbh .l-list li h4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
}

@media only screen and (max-width: 768px) { 
    .slideBox,.slideBox .bd,.slideBox .bd li,.slideBox .bd li img { height: 400px;}

    .ljfbh .l-list li { width: calc(100% / 2 - 10px);}
}

@media only screen and (max-width: 600px) { 
    .zctj-list li { width: 50%;}
}

@media only screen and (max-width: 480px) { 
    .slideBox,.slideBox .bd,.slideBox .bd li,.slideBox .bd li img { height: 300px;}

    .title li{ margin-left: 20px;}

    .xwfbh .first { padding: 10px 0;}
    .xwfbh .first .pic,.xwfbh .first .pic img { float: none; width: 100%; height: auto;}
    .xwfbh .first .text { margin-left: 0; margin-top: 10px;}

    .zctj-list li,.zctj-list li a { height: auto;}
    .zctj-list li a { width: 140px;}
    .zctj-list li img { width: 130px; height: 153px;}

    .foreshow{ height: auto;}
    .foreshow .pic,.tpcz-list li .pic { float: none; width: 100%; height: auto;}
    .tpcz-list li .pic img { width: 100%; height: auto;}
    .foreshow .text,.tpcz-list li .text { margin-left: 0; padding: 15px;}
    .foreshow .text p { font-size: 16px; line-height: 24px; background-position-y: 4px !important;}
    .ljfbh .l-list li { width: 100%;}
}