@charset "utf-8";

.zwfw-header{background: url(../images/zwfw/zwfw_header_bg.png) center top no-repeat;height: 663px;}
.zwfw-header .logo{padding-top: 32px;}
.zwfw-tit{padding-top: 140px;text-align: center;}
.zwfw-nav ul{margin:0 -40px;}
.zwfw-nav ul li{width: 25%;float: left;}
.zwfw-nav ul li a{display: block;margin:0 40px;text-align: center;}
.zwfw-nav ul li a .icon-box{width: 100%;height: 240px;background: url(../images/zwfw/zwfw_nav_bg1.png) center top no-repeat;background-size: 100% 100%;}
.zwfw-nav ul li.on a .icon-box{background-image: url(../images/zwfw/zwfw_nav_bg2.png);}
.zwfw-nav ul li a .icon-box .icon{display: inline-block;width:104px;height:95px;background: url(../images/zwfw/zwfw_nav_icon_bg1.png) center top no-repeat;margin-top: 65px;}
.zwfw-nav ul li.on a .icon-box .icon{background-image: url(../images/zwfw/zwfw_nav_icon_bg2.png);}
.zwfw-nav ul li a .icon-box .icon i{display: inline-block;width: 48px;height: 48px;background: center center no-repeat;margin-top: 30px;margin-left: 25px;}
.zwfw-nav ul li.grbs a .icon-box .icon i{background-image: url(../images/zwfw/icon_grbs.png);}
.zwfw-nav ul li.frbs a .icon-box .icon i{background-image: url(../images/zwfw/icon_frbs.png);}
.zwfw-nav ul li.ztfw a .icon-box .icon i{background-image: url(../images/zwfw/icon_ztfw.png);}
.zwfw-nav ul li.gdzwfw-xgz a .icon-box .icon i{background-image: url(../images/zwfw/icon_gdzwfw.png);}
.zwfw-nav ul li a .tit{font-size: 1.5em;padding:30px 0;}
.zwfw-nav ul li.on a .tit{color: #0168B7;}
.ztfw-nav ul{background: #F0F7FF;height: 200px;}
.ztfw-nav ul li{width: 16.666%;float: left;height: 100%;}
.ztfw-nav ul li a{display: block;text-align: center;height: 100%;position: relative;}
.ztfw-nav ul li a i{display: inline-block;width:70px;height:70px;background: #fff center center no-repeat;border:1px solid #287AFC;border-radius: 100%;margin:28px 0;}
.ztfw-nav ul li.on a i{background-color: #0655CC;border:1px solid #fff;}
.zwfw-nav ul li:nth-child(3){display: none}

.ztfw-nav ul li.li1 a i{background-image: url(../images/zwfw/icon_jsws1.png);}
.ztfw-nav ul li.li2 a i{background-image: url(../images/zwfw/icon_bdcdj1.png);}
.ztfw-nav ul li.li3 a i{background-image: url(../images/zwfw/icon_qygthdjzc1.png);}
.ztfw-nav ul li.li4 a i{background-image: url(../images/zwfw/icon_sbyw1.png);}
.ztfw-nav ul li.li5 a i{background-image: url(../images/zwfw/icon_sfzyw1.png);}
.ztfw-nav ul li.li6 a i{background-image: url(../images/zwfw/icon_hzbfywcx1.png);}
.ztfw-nav ul li.on.li1 a i{background-image:url(../images/zwfw/icon_jsws2.png);}
.ztfw-nav ul li.on.li2 a i{background-image: url(../images/zwfw/icon_bdcdj2.png);}
.ztfw-nav ul li.on.li3 a i{background-image: url(../images/zwfw/icon_qygthdjzc2.png);}
.ztfw-nav ul li.on.li4 a i{background-image: url(../images/zwfw/icon_sbyw2.png);}
.ztfw-nav ul li.on.li5 a i{background-image: url(../images/zwfw/icon_sfzyw2.png);}
.ztfw-nav ul li.on.li6 a i{background-image: url(../images/zwfw/icon_hzbfywcx2.png);}
.ztfw-nav ul li a span{display: block;}
.ztfw-nav ul li.on a:after{content:"";display: block;height: 4px;width: 100%;background: #2A82E4;bottom: 0;left: 0;position: absolute;}

.item-sx-list ul{margin:0 -12px;}
.item-sx-list ul li{float: left;width: 25%}
.item-sx-list ul li a{display: block;height: 90px;background: #F7F7F7;margin: 24px 12px 0 12px;padding:0 30px;font-size: 1.125em;}
.item-sx-list ul li a:hover{background: #e7e7e7;}
.item-sx-list ul li a .table-con{display: table;height: 90px;width: 100%;}
.item-sx-list ul li a .table-wz{display: table-cell;vertical-align: middle;}

.zwfw-cjwt-list li{padding:20px;background: #F5F5F5;margin-top: 20px;}
.zwfw-cjwt-list li .tit a{font-size: 1.125em;color: #0168B7;line-height: 26px;}
.zwfw-cjwt-list li .tit:before{content: "";display: inline-block;width: 26px;height: 26px;background: url(../images/zwfw/cjwt_wh_icon.png) center center no-repeat;vertical-align: middle;margin-right: 12px;}
.zwfw-cjwt-list li .memo{margin:17px 0;}
.zwfw-cjwt-list li+li .memo{display: none;}
.map-box{width: 100%;height: 600px;}


.grfr-list-item{display: flex;justify-content: space-between;flex-wrap: wrap;padding:10px;}
.grfr-list-item li{position: relative;;width: 23%;padding: 40px 25px 30px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);box-sizing: border-box;margin-bottom:30px;}
.grfr-list-item li:hover{background-color: #F2F7FE;}
.grfr-list-item li .more{text-align: center;}
.grfr-list-item li .more .more_text{font-size: 20px;}
.grfr-list-item li .item_fr .title{font-size: 20px;font-weight: normal;margin-bottom: 10px;text-align: left;}
.grfr-list-item li .item_fr .item_warp p{font-size: 14px;color:rgb(128, 128, 128);line-height: 32px;}

/**** responsive ****/
@media (max-width: 1200px) {
	
}

@media (max-width: 992px){
	.zwfw-header{height: 400px;background-position: center bottom;}
	.zwfw-tit{padding-top: 40px;}
	.zwfw-nav ul{margin: 0 -10px;}
	.zwfw-nav ul li a{margin: 0 10px;}
	.item-sx-list ul li{width: 33.33%;}
	.item-sx-list ul li a{padding:0 15px;}

}
@media (max-width: 768px){
	.zwfw-nav ul li a .icon-box{height: 120px;}
	.zwfw-nav ul li a .icon-box .icon{margin-top: 35px;width: 54px;height: 46px;background-size: 100% 100%;}
	.zwfw-nav ul li a .icon-box .icon i{width: 30px;height: 30px;background-size: 100% 100%;margin-top: 12px;margin-left: 12px;}

	.ztfw-nav ul li{width: 33.333%;}
	.ztfw-nav ul{height: 400px;}
	.ztfw-nav ul li{height: 200px;}

	.grfr-list-item li{width: 48%;}
	
}
@media (max-width: 640px){
	.item-sx-list ul li{width: 50%;}

	.grfr-list-item li{padding: 10px 20px;}
    .grfr-list-item li .fr{float: left;}
    .grfr-list-item li .more{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
}
@media (max-width: 480px){
	.zwfw-nav ul li a .icon-box{display: none;}
	.zwfw-nav ul li a .tit{font-size: 1.125em;background: #ecf6ff;padding:10px;}
	.zwfw-nav ul{margin: 0 -3px;}
	.zwfw-nav ul li a{margin: 0 3px;line-height: 81px;}
	.zwfw-nav ul li.gdzwfw-xgz a{line-height: 27px;}
	.zwfw-nav{margin-bottom: 20px;}
	.item-sx-list ul li{width: 100%;}
	.item-sx-list ul li a{height: auto;}
	.item-sx-list ul li a .table-con{height: auto;padding:15px 0;}
}
@media (max-width: 415px){
	.zwfw-nav ul li a{line-height: 36px;}
	.zwfw-nav ul li.gdzwfw-xgz a{line-height: 24px;}
}


@media (max-width:320px){
}

/*适老化样式*/
body.useOldFixed .ztfw-nav ul{height: 280px;}
body.useOldFixed .item-sx-list ul li{width: 33.33%}
body.useOldFixed .item-sx-list ul li a{height: 150px;overflow: hidden;}
body.useOldFixed .item-sx-list ul li a .table-con:not(.skipAutoFix){height: 150px !important;}