body{ font-size:18px; background:url(../images/city/gzsw/gzsw-zt-swbm_bg.jpg) no-repeat center bottom; color:#fff;}

.index_header,.index_title{ text-align:center;}
.index_title_text{ margin-top:34px; text-indent:2em;}

.index_content{ margin-top:40px;}
.index_content .item{ float:left; margin-bottom:66px; margin-left:2.5%; margin-right:2.5%; width:15%; height: 190px; text-align:center; text-shadow: 2px 2px 2px #000;}
.index_content .item a{ color:#fff;}
.index_content .item img{ width:145px;}
.index_content .item:hover img{transform:scale(1.1);transition:all .5s linear 0s;-webkit-transform:scale(1.1);-webkit-transition:all .5s linear 0s;}
.index_content .item span{ display:block; margin-top:22px;}

.floatbox{ position: fixed; width: 1000px; top: 50%; left:50%; margin-top: -307px; margin-left:-500px; z-index:10;}
.floatbox_panel{ display:none; border-radius: 10px; overflow: hidden;}
.floatbox_panel_title{ height: 70px; line-height: 70px; background: #fff; text-align: center; font-size: 34px; font-weight: bold; color: #002870;}
.floatbox_panel_con{ overflow-y: scroll; padding: 22px; height: 400px; line-height: 38px; background: #f0f0f0; color: #000;}
.floatbox_close{ display:none; margin-top: 40px; text-align: center;}
.floatbox_close img{ cursor: pointer;}

.opacitydiv{ display:none; position:fixed; top:0; left:0; width:100%; height: 100%; background:#000; opacity:.7;}

.index_footer{ padding-bottom: 40px; text-align:center;}

@media screen and (min-width:1920px){
	html{height:100%;}
	body{height:100%;}
}
@media screen and (max-width:768px){
	body{ background-size:auto 100%}
    .index_title_text{padding:0 10px;}
	.index_content .item{ width:27%;margin-left:3%;margin-right:3%;margin-bottom:0;}
	.floatbox_panel_con{height:350px;}
	.floatbox{ left:0;width:96%;margin-top:-280px;margin-left:2%;margin-right:2%;}
	.floatbox_close img{width:40px;height:40px;}
}