@charset "utf-8";

body{padding-top:0;}

.zxft-banner{height:150px; text-align:center; background:url(../images/zxft-banner-bg.jpg) no-repeat top; margin-top:20px;margin:0 auto; margin-top:20px; background-size:100% 100% ;}
.zxft-banner img{margin-top:38px;}

.zxft-list{padding:2% 4% 0; overflow:hidden;}
.zxft-list ul{margin:-2% -1% 0; zoom:1; overflow:hidden;}
.zxft-list ul li{float:left; width:23%; margin:2% 1% 0; padding-bottom:15px; font-size:.8125em; line-height:140%; background-color:#ebebeb; overflow:hidden;}
.zxft-list ul li img{display:block; width:100%; height:190px; margin-bottom:10px;}
.zxft-list ul li a:hover img{filter:alpha(opacity=90); -moz-opacity: 0.9; opacity:0.9;}
.zxft-list ul li p{position:relative; padding:5px 15px 5px 55px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.zxft-list ul li p font{position:absolute; top:5px; left:15px;}
.zxft-list ul li p.time{padding-left:80px; white-space:normal;}

.zxft-page{padding-top:30px; padding-bottom:30px;}

.zxft-detail{padding:20px 0; width:89%; margin:auto;}
.zxft-detail .spilt{margin-bottom:25px;}
.zxft-detail .leftSide{float:left; width:44%;}
.zxft-detail .rightSide{float:right; width:53%;}

.zxft-detail .leftSide .form-layout{background-color:#fff;}
.zxft-detail .leftSide .form-layout input[type="text"],
.zxft-detail .leftSide .form-layout textarea{background:#fafafa;}

.zxft-detail .focusSlide{position:relative; height:380px; overflow:hidden;}
.zxft-detail .focusSlide .hd{position:absolute; right:5px; bottom:16px; z-index:2;}
.zxft-detail .focusSlide .hd ul{float:left; overflow:hidden; zoom:1;}
.zxft-detail .focusSlide .hd ul li{float:left; margin-right:6px; width:8px; height:8px; line-height:8px; border-radius:50%; background:#fff; cursor:pointer;}
.zxft-detail .focusSlide .hd ul li.on{color:#fff; background:#f00;}
.zxft-detail .focusSlide .bd{position:absolute; top:0; left:0; width:100%; height:380px;}
.zxft-detail .focusSlide .bd ul{width:100%; height:100% !important;}
.zxft-detail .focusSlide .bd ul li{position:relative; height:100%;}
.zxft-detail .focusSlide .bd li img{display:block; width:100%; height:100%;}
.zxft-detail .focusSlide .bd li span.txtbg{position:absolute; bottom:0; left:0; z-index:1; width:100%; height:45px; background:#000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.zxft-detail .focusSlide .bd li span.txt{position:absolute; bottom:0; left:3%; z-index:2; width:70%; line-height:45px; color:#fff; font-size:.875em;}
.zxft-detail .focusSlide .prev,
.zxft-detail .focusSlide .next{position:absolute; left:3%; top:50%; z-index:5; margin-top:-20px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}

.zxft-detail .focusSlide .next{left:auto; right:3%; background-position:8px 5px;}
.zxft-detail .focusSlide .prev:hover,
.zxft-detail .focusSlide .next:hover{filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}	


.zxft-detail .sideBox{border:solid #e0e0e0 1px;}
.zxft-detail .sideTitle{height:40px; line-height:40px; background-color:#f5f5f5; border-bottom:solid #e0e0e0 1px;}
.zxft-detail .sideTitle h4{position:relative; bottom:0; float:left; padding-right:25px; padding-left:35px; font-size:1.125em; font-weight:700; color:#185aae; border-bottom:solid #185aae 2px;}
.zxft-detail .sideTitle h4 i{position:absolute; top:50%; left:16px; margin-top:-5px; width:6px; height:13px; background-color:#185aae;}
.zxft-detail .sideWytw{padding:20px 20px 0; font-size:.9375em;}
.zxft-detail .sideWytw td,
.zxft-detail .sideWytw th{padding:8px 12px; line-height:180%; border:solid #e6e6e6 1px;}
.zxft-detail .sideWytw th{font-size:16px; font-weight:700; color:#fff; text-align:center; white-space:nowrap; background-color:#185aae;}
.zxft-detail .sideWytw th.name{text-align:left; border-right:none; width:20%; min-width:90px;}
.zxft-detail .sideWytw th.yj{border-left:none;}
.zxft-detail .sideWytw .pages{padding-top:15px; line-height:20px; text-align:center; color:#9fa0a0;}
.zxft-detail .sideWytw .pages span,
.zxft-detail .sideWytw .pages a{display:inline-block; margin:2px 6px;}

.zxft-detail .topic{font-size:.9375em; padding:15px 30px; background-color:#f5f5f5; line-height:150%;}
.zxft-detail .topic p{position:relative; padding:5px 0;}
.zxft-detail .topic p font{font-weight:700;}

.zxft-detail .wzsl{}
.zxft-detail .wzsl .slTitle{line-height:40px; height:40px; background-color:#f5f5f5; border-top:solid 1px #d1d0cf; border-right:solid 1px #d1d0cf; border-left:solid 1px #d1d0cf; border-bottom:solid 3px #185aae;}
.zxft-detail .wzsl .slTitle h4{ padding:0 50px; font-size:1.125em; font-weight:700; color:#fff; background-color:#185aae; display:inline-block;}
.zxft-detail .wzsl .slContent{padding-top:25px; font-size:.875em; color:#4c4c4c; line-height:180%; height:950px; overflow-x:hidden; overflow-y:auto;padding-right: 10px;}
.zxft-detail .wzsl .slContent p{margin-bottom:15px;}
/*.zxft-detail .wzsl .slContent p span{display:inline-block; color:#185aae; font-weight:700;}
.zxft-detail .wzsl .slContent p font{display:inline-block; color:#808080;}*/

@media (max-width: 1199px) {
.zxft-detail .sideWytw td,
.zxft-detail .sideWytw th{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */	}
.zxft-banner{background-size: auto;}
}
@media (max-width: 1024px) {
.zxft-container .panel{width:100%;}	
.zxft-list ul li{width:31.333333%;}
.zxft-page{padding:5% 2%;}

.zxft-detail .spilt{margin-bottom:20px;}
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:340px;}
.zxft-detail .wzsl .slContent{height:930px;}

}


@media (max-width: 880px) {
.zxft-detail .spilt{margin-bottom:15px;}
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:300px;}
.zxft-detail .wzsl .slContent{height:850px;}
.zxft-detail .sideWytw{padding:15px;}
.zxft-detail .sideWytw .pages{padding:10px 0 5px;}
}

@media (max-width: 768px) {
.zxft-list ul li img{height:160px;}
.zxft-detail .leftSide{float:none; width:100%;}
.zxft-detail .rightSide{float:none; width:100%; margin-top:20px; margin-bottom:10px;}
.zxft-detail .topic{padding:10px 20px;}
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:430px;}
.zxft-detail .sideWytw{padding:10px;}
.zxft-detail .wzsl .slContent{padding-top:15px; height:auto;}
}

@media (max-width: 640px) {
.zxft-list ul li{width:48%;}
.zxft-list ul li img{height:180px;}
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:400px;}
}

@media (max-width: 480px) {
.zxft-list ul li p{padding:5px 10px 5px 50px;}
.zxft-list ul li p font{left:10px;}
.zxft-list ul li p.time{padding-left:75px; white-space:normal;}
.zxft-list ul li img{height:150px;}
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:320px;}
}
@media (max-width: 360px) {
.zxft-detail .leftSide .form-layout{padding:0 10px;}
.zxft-banner{height:auto; padding:25px 0 10px; text-align:center;}
.zxft-banner img{display:block; margin:0 auto; width:68%;}
.zxft-list ul{margin-top:-4%;}
.zxft-list ul li{width:98%; margin-top:4%;}	
.zxft-detail .focusSlide,
.zxft-detail .focusSlide .bd{height:220px;}
}