@charset "utf-8";
/* CSS Document */
body{min-width: 1200px;}
.fl{float: left;}
.fr{float: right;}
.container{width: 1200px; margin: 0 auto;}
.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{padding-bottom: 15px; border-bottom: 1px #EBEDEE solid; position: relative;}
.zt_title h1{font-size: 24px; font-weight: bold;}
.zt_title h1 a{font-size: 24px; color: #1473d4;}
.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;}

.zttpxwBox{ height:300px; overflow:hidden; position:relative; padding: 0 45px;}
.zttpxwBox .hd{  text-align: center; position:absolute; left:0; bottom:0px; z-index:1; width: 100%;}
.zttpxwBox .hd ul{  zoom:1; }
.zttpxwBox .hd ul li{margin:0 4px; display: inline-block; width:8px; height:8px; border-radius: 50%; line-height:8px; text-align:center; overflow: hidden; text-indent: -9999em; background:#C8D8E6; cursor:pointer; }
.zttpxwBox .hd ul li.on{ background:#47B0FF; color:#47B0FF; }
.zttpxwBox .bd{ position:relative; height:100%; z-index:0; }
.zttpxwBox .bd li{ zoom:1; vertical-align:middle; }
.zttpxwBox .bd img{ width:100%; height:276px; display:block;}
.zttpxwBox .bd li b{ display:block; position:absolute; width:100%; height:32px; bottom:24px;left:0;background:#000; opacity:.6;filter:alpha(opacity=60); z-index:1;}
.zttpxwBox .bd li span{ display:block; position:absolute;width:100%;height:32px; bottom:24px;left:0; z-index:2; line-height:32px;}
.zttpxwBox .bd li span a{color:#FFF; display:block; text-align: center; padding:0 15px; position:relative; 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;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.zttpxwBox .prev,
.zttpxwBox .next{ position:absolute; top:50%; margin-top:-25px; display:block; width:31px; height:31px;}
.zttpxwBox .prev{left:6px; background: url(szzfjszt_r6_c2_s1.jpg) center no-repeat;}
.zttpxwBox .next{right:6px; background: url(szzfjszt_r6_c6_s1.jpg)center no-repeat;}

.ztlist{padding-top: 8px;}
.ztlist li{position:relative; padding-left: 19px; line-height:41px; overflow:hidden; vertical-align:top;}
.ztlist li:after{position:absolute; content:" "; left:0; top: 17px; margin-top: -1px; width: 4px; height: 13px; background: #2977D5;}
.ztlist li a{float:left; max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

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

@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;}
}