@charset "utf-8";
/* CSS Document */
body{min-width: 1200px;}
.fl{float: left;}
.fr{float: right;}
.container{width: 1200px; margin: 0 auto;}
.clear{clear: both;}
.space40{height: 40px; clear: both;}
.ztheader img{width: 100%; height: auto; display: block;}
.ztbox{width: 45%; border: 1px #E0F2FF solid; border-radius: 10px; box-shadow: 0 0 8px 0 #d6eefd; padding: 20px; background: #fff;}
.ztbox2{width: 48%; border: 1px #E0F2FF solid; border-radius: 10px; box-shadow: 0 0 8px 0 #d6eefd; padding: 28px 0 15px; background: #fff;}
.zt_title{ position: relative; padding: 50px 0 40px;}
.zt_title img{display: block; width: 100%; height: auto;}
.zt_title .ztmore{position: absolute; top: 8px; right: 0; background: url(szzfjszt_r3_c8_s1.jpg) right center no-repeat;}
.zt_title .ztmore a{font-size: 14px; color: #78a7d0; padding-right: 20px;}

/* 两会速递 */
.lhsd_l{width: 50%; float: left;}
.ztlist li{position:relative; padding:0 100px  0 16px; height:48px; line-height:48px; overflow:hidden; vertical-align:top;}
.ztlist li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 5px; height: 5px; background: #B42716;}
.ztlist li span{position:absolute; right:0; top:0; color:#999999; font-size: 16px;}
.ztlist li a{float:left; display: block; max-width:100%; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

.ztmore{background: url(2023zjlh_r17_c2_s1.png) left center no-repeat; height: 33px;}
.ztmore img{float: right; width: auto; height: auto;}

.lhsd_r{width: 47%; float: right;}
.zttpxwBox{ height:320px; overflow:hidden; position:relative;}
.zttpxwBox .hd{  text-align: center; position:absolute; right:0; bottom:15px; z-index:1;}
.zttpxwBox .hd ul{  zoom:1; }
.zttpxwBox .hd ul li{float: left; width:8px; height:8px; margin-right: 8px; border-radius: 50%; line-height:8px; text-align:center; overflow: hidden; text-indent: -9999em; background:#B82617; cursor:pointer; }
.zttpxwBox .hd ul li.on{ background:#FEFFFF; color:#FEFFFF; }
.zttpxwBox .bd{ position:relative; height:100%; z-index:0; }
.zttpxwBox .bd li{ zoom:1; vertical-align:middle; }
.zttpxwBox .bd img{ width:100%; height:320px; display:block;}
.zttpxwBox .bd li b{ display:block; position:absolute; width:100%; height:40px; bottom:0;left:0;background:#000; opacity:.6;filter:alpha(opacity=60); z-index:1;}
.zttpxwBox .bd li span{ display:block; position:absolute;width:88%;height:40px; bottom:0; right:50px; z-index:2; line-height:40px;}
.zttpxwBox .bd li span a{color:#FFF; display:block; z-index:3; font-size:16px;  white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.zttpxwBox .bd li span a:hover{color:#fff;}

/* 报告解读 */
.bgjd_list li{width: 340px; margin: 0 30px; float: left;}
.bgjd_list li .pic{background: url(2023zjlh_r11_c4_s1.png) top center no-repeat; height: 182px; margin-bottom: 26px;}
.bgjd_list li .pic img{height: 180px; width:320px; border: 1px #E74530 solid; margin: 0 auto; display: block;}
.bgjd_list li .text{text-align: center; line-height: 1.5; display: block;}
.bgjd_list li .text a{font-size: 16px;}

/* 媒体报道 */
.mtbd{ background: url(2023zjlh_bg.jpg) top center no-repeat; padding:0 0 60px; margin-top: 50px;}
.mtbd_title{ position: relative; padding-bottom: 12px;}
.mtbd_title img{display: block; width: 100%; height: auto;}
.mtbdimg{padding-top:55px;}
.mtbdimg img{width: 100%; height: 317px;}


@media (max-width: 1024px) {
    .mlqd_zy{width: 910px;}
    .mlqd_list{width: 1000px;}
    body{min-width: auto;}
    .mlqd_list li{width: 16%;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .mlqd{padding: 100px 2% 0;}
    .mlqd_zy{width: 87%;}
    .mlqd_list{width: 100%;}
    .mlqd_list li{width: 22%;}
}

@media (max-width: 768px) {
    .mlqd{padding: 100px 2% 0;}
    .mlqd_zy{width: auto;}
    .mlqd_list{width: auto;}
    .mlqd_list li{width: 22%;}
}

@media (max-width: 480px) {
    .mlqd{padding-top: 85px;  background-size: 140%;
        background-position-x: 75%;}
    .mlqd_zy{width: auto; padding: 15px; font-size: 16px; line-height: 1.8;
        box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
        -webkit-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
        -moz-box-shadow: 0px 10px 22px 0px rgba(7,148,242,0.12);
    }
    .mlqd_list{ padding: 10px;}
    .mlqd_list li{width: 38%; margin: 10px 10px;}
}

@media (max-width: 400px) {
    .mlqd_list li{width: 37%; margin: 10px 10px; height: 75px;}
}

@media (max-width: 360px) {
    .mlqd_list li{width:90%; margin: 10px 10px; height:auto;}
}