
body{ background-color: #fff;}

.header { background:url(../images/zhsw_ztzl_jjbfwd_banner.png) center top  no-repeat;}
.header-bg { height: 746px; width: 1200px; margin: 0 auto; background:url(../images/zhsw_ztzl_jjbfwd_banner.png) center top  no-repeat;}
.header_m{ display: none;}

.wrap{ width:1200px;margin: -142px auto 0 auto;background-color: #fff;padding: 50px;border-radius: 6px;box-sizing: border-box;-webkit-box-sizing: border-box;}

.wrap_title{ width:100%; margin-bottom: 20px; }

.search{position: relative;overflow: hidden;border-radius: 3px;margin-bottom:30px;}
.search input[name='title']{width: 100%; padding:0\9; padding: 30px 120px 30px 60px;background: url(../images/zhsw_ztzl_fjcsbsfw_search.png) 18px center  no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 16px;border: 1px solid #0170bc;border-radius: 3px;letter-spacing: 2px;}
.search .search_btn{position: absolute;right: 0px;width: 100px;padding: 16px 0 16px 16px;font-size: 22px;background-color: #0170bc;color: #fff;letter-spacing: 15px;box-sizing: border-box;-webkit-box-sizing: border-box;}

.btn{margin: 0px -35px;}
.btn li{float: left;position: relative;margin: 60px 34px 0;width: 319px;border: 1px solid #f3f3f3;box-shadow: 0 0 10px #c4c4c4;box-sizing: border-box;-webkit-box-sizing: border-box;}
.btn li + li + li + li{margin-left: 230px;}
.btn li + li + li + li + li{margin-left: 34px;}
.btn li a{display: inline-block;width: 100%;height: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;background-color: #fff;border-radius: 4px;overflow: hidden;}
.btn li span{ display: block; overflow: hidden;}
.btn li span.txt{padding: 15px 0 10px;text-align:center;}

.common_title{margin:30px 0 20px;height: 90px;line-height: 90px;text-align: center;background: url(../images/zhsw_ztzl_jjbfwd_commonTitle.png) center bottom no-repeat;}
.contentWrap .common_title{ margin-top:0}
.listWrap .subTitle{border-bottom: 1px solid #b4d4ff;}
.listWrap .subTitle span{display: inline-block;padding: 15px 7px;font-size:22px;color: #1a56a8;border-bottom: 8px solid #1a56a8;margin-bottom: -1px;}
.listWrap .title img{}
.listWrap .bsdList{ padding-top: 20px; margin: 0 -10px 30px;}
.listWrap .bsdList li{ float: left; width: 50%;}
.listWrap .bsdList li a{font-size: 18px;display: block;padding: 20px 0;margin: 0 10px 20px;border: 1px solid #999;text-align: center;}
.listWrap .bsdList li a:hover{ border:1px solid #38ea39; background-color:#38ea39; color:#fff}
.listWrap .bstList li{ width:100%;}

.footer{ width:100%; margin-top:60px; padding:26px 0; background-color: #eee; font-size: 14px; color:#999; text-align: center;}
.mFooter{ display: none; text-align: center; padding: 10px 0; font-size: 14px; color: #bbb; background-color: #fbfbfb;}

.backtop{width:39px; height:39px; position:fixed; right:0; bottom:0; z-index:999; overflow:hidden; display:none; border-radius:2px;}
.backtop .btn{width:39px; height:39px; margin:0; background:url(/gdsw/xhtml/images/gotop.gif) no-repeat center #1a56a8; cursor:pointer; position:relative;}
.backtop .rotate{position:absolute;top:0;left:0; padding:5px 0; width:39px; height:29px; line-height:14px; text-align:center; font-size:12px;font-weight:700;color:#fff!important;background-color:#1a56a8;text-decoration:none!important;text-align:center;-webkit-transform-origin:-50% 50%;transform-origin:-50% 50%;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);-webkit-transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;opacity:0\9;filter:alpha(opacity=0)\9;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.backtop:hover .rotate,.backtop:hover{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.backtop:hover .rotate{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);text-decoration:none;opacity:1\9;filter:alpha(opacity=100)\9;}


.btn li span.img img{
	transition:all 0.6s;
	-ms-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-webkit-transition:all 0.6s;
	-o-transition:all 0.6s;
}
.btn li span.img:hover img{
	transform:scale(1.2);
	-ms-transition:scale(1.2);
	-moz-transition:scale(1.2);
	-webkit-transition:scale(1.2);
	-o-transition:scale(1.2);
}


@media (max-width:768px) {
    html,body,.header-bg,.wrap{ max-width: 100%;}
    body{ background-color: #fbfbfb;}
    .header{ background: none;}
    .header-bg,.bottom{ display: none;}
    .header_m,.mFooter{ display: block;}
	.search{ margin-bottom:0px;}
    .wrap{ margin-top: 0px; padding:20px; background-color: unset;}
	.btn{ margin: 0 -10px;}
    .btn li{width: 44%;margin: 20px 3% 0!important;}
    .btn li + li + li + li + li{margin-left: 28%!important;} 
	.listWrap .title{background: url(../images/zhsw_ztzl_jjbfwd_commonTitle_m.png) center bottom no-repeat;margin: 20px 0 0;}
	.listWrap .bsdList li{width:100%;}
	.listWrap .bsdList li a{ padding: 10px 0;}
	.btn li span.txt img{ width:80%}
}