.container{ width:1220px\0; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none;}
.indexTit{ margin-top:40px; margin-bottom:90px; text-align:center;}
.indexTit img{ height:auto;width:auto}

.chnlTit{ text-align:center;}
.chnlTit img{ margin-top: -74px; padding: 0 15px; background-color: #fff;}

.wrap{ border: 2px solid #769acb; margin-top:80px;}
.wrap dd{ float:left;}
.wrap dd > a{display: block;border:1px solid #d6e9ff;background-color:#f9f9f9;text-align: center;border-radius:4px; transition:background-color 1s,color .7s; -webkit-transition:background-color 1s,color .7s;}
.wrap dd > a:hover{ background-color:#06b; color:#fff;}
.wrap dd > a i{ border-radius: 3px; background-color:#fff;border:1px solid #eee; transition:width 1s,height 1s,border 1s; -webkit-transition:width 1s,height 1s,border 1s; background-position: center center;}
.wrap dd > a:hover i{ width:0; height:0; border:none;}

.btn1 dd,.btn3 dd{ width: 33.3%;}
.btn1 dd > a,.btn3 dd > a{line-height: 96px;font-size: 20px;width: 88%;margin: 40px auto;}
.btn1 dd > a i,.btn3 dd > a i{ position:relative; top:0; width: 80px; height: 80px; float: left; margin: 7px 0 0px 7px; border-radius:4px;}

.btn4 dd{ width: 25%;}
.btn4 dd > a{line-height: 70px;font-size: 18px;width: 82%;margin: 30px auto;}
.btn4 dd > a i{position:relative;top:0;width: 60px;height: 60px;float: left;margin: 4px 0 0px 4px;border-radius:4px;}

.btn5 dd{ width: 20%;}
.btn5 dd > a{line-height: 70px;font-size: 18px;width: 82%;margin: 40px auto;}
.btn5 dd > a i{position:relative;top:0;width: 60px;height: 60px;float: left;margin: 4px 0 0px 4px;border-radius:4px;}

.btn6 dd > a{display: block;width: 133px;height: 133px;vertical-align: middle;font-size: 14px;padding: 0px 9px;box-sizing: border-box;margin: 25px auto;}
.btn6{ padding-left:7px;}
.btn6 dd { width: 16.6%;}
.btn6 dd > a i{ width: 66px; height: 66px; margin: 8px 24px;}
.btn6 dd > a span{ display:table-cell; height:38px; vertical-align: middle; width: 114px; transition:height 1s; -webkit-transition:height 1s;}
.btn6 dd > a:hover span{ height:100px;}

.btn7 dd > a{display: block;width: 133px;height: 133px;vertical-align: middle;font-size: 14px;padding: 0px 9px;box-sizing: border-box;margin: 25px auto;}
.btn7{ padding-left:7px;}
.btn7 dd { width: 14.2%;}
.btn7 dd > a i{ width: 66px; height: 66px; margin: 8px 24px;}
.btn7 dd > a span{ display:table-cell; height:38px; vertical-align: middle; width: 114px; transition:height 1s; -webkit-transition:height 1s;}
.btn7 dd > a:hover span{ height:100px;}

.btn8 dd{ width: 25%;}
.btn8 dd > a{line-height: 70px;font-size: 14px;width: 82%;margin: 30px auto;}
.btn8 dd > a i{position:relative;top:0;width: 60px;height: 60px;float: left;margin: 4px 0 0px 4px;border-radius:4px;}

.btn9{padding-bottom: 10px;}
.btn9 dd{ width: 33.3%;}
.btn9 dd > a{line-height: 96px;font-size: 20px;width: 88%;margin: 14px auto;}
.btn9 dd > a i{ position:relative; top:0; width: 80px; height: 80px; float: left; margin: 7px 0 0px 7px; border-radius:4px;}

.btn10 dd > a{display: block;width: 133px;height: 133px;vertical-align: middle;font-size: 14px;padding: 0px 9px;box-sizing: border-box;margin: 25px auto;}
.btn10{ padding-left:7px;}
.btn10 dd { width: 20%;}
.btn10 dd > a i{ width: 66px; height: 66px; margin: 8px 24px;}
.btn10 dd > a span{ display:table-cell; height:38px; vertical-align: middle; width: 114px; transition:height 1s; -webkit-transition:height 1s;}
.btn10 dd > a:hover span{ height:100px;}


.icon_zyzz{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_01.png')}
.icon_jgsz{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_08.png')}
.icon_ldjj{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_02.png')}
.icon_lxfs{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_03.png')}
.icon_zfcg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_04.png')}
.icon_sstj{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_29.png')}

.icon_ssflfg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_05.png')}
.icon_ssgfxwj{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_06.png')}
.icon_zcjd{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_07.png')}
.icon_tjss{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_25.png')}

.icon_nsrql{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_09.png')}
.icon_nsryw{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_10.png')}
.icon_Ajnsrmd{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_11.png')}
.icon_sszyfwxgxx{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_12.png')}
.icon_bsdt{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_13.png')}
.icon_bsrl{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_14.png')}
.icon_bszn{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_15.png')}


.icon_zyxzxkjdgs{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_17.png')}
.icon_xzcfjdhjggs{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_18.png')}
.icon_fzchgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_19.png')}
.icon_qsgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_20.png')}
.icon_gtgshdegsgbgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_21.png')}
.icon_wtdzgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_22.png')}
.icon_qttzgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_23.png')}
.icon_zzwtdzgg{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_24.png')}

.icon_zfxxgkgd{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_25.png')}
.icon_zfxxgkzn{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_26.png')}
.icon_zfxxgknb{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_27.png')}
.icon_zfxxysqgk{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_28.png')}

.icon_czxx{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_30.png')}
.icon_rsjy{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_31.png')}
.icon_qt{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_32.png')}
.icon_qzqd{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_33.png')}
.icon_xxxysgs{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_34.png')}

.icon_sbfbszn{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_15.png')}
.icon_xzjc{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_35.png')}

/* 佛山三水建议提案办理暂用图标 */
.icon_jytabl{background-image: url('../images/jczwgkbzml/jczwgkbzml_icon_28.png')}

.single_logo{ margin-top:80px;}


@media (max-width:1200px) {
	.btn3 dd > a{ font-size:16px;}
	
	.btn4 dd > a{ font-size:14px;}
	
	.btn7{ padding-left:0px;}
	.btn7 dd{ width:25%;}

	.btn10{ padding-left:0px;}
	.btn10 dd{ width:25%;}

	.btn8 dd,.btn9 dd{ width:50%;}
	.btn8 dd > a,.btn9 dd > a{ line-height:70px!important;}
	.btn9 dd > a i{width: 60px;height: 60px;float: left;margin: 4px 0 0px 4px;}

}

@media (max-width:998px) {
	.wrap dd > a{ margin: 0px auto 20px;}
	.btn3 dd{ width:100%;}
	.btn4 dd{ width:50%;}
	.btn4 dd > a{ width:80%; font-size:16px;}
	.btn5 dd{ width:33.3%;}
	.btn6,.btn7,.btn10{ padding-left:0px;}
	.btn6 dd,.btn7 dd,.btn10 dd{ width:33.3%;}
}
@media (max-width:760px) {
	.btn8 dd,.btn9 dd{ width:100%;}
}
@media (max-width:640px) {
	.chnlTit img{ width:200px; height:auto; margin-top:-62px;}
	.btn4 dd{ width:100%;}
	.btn5 dd{ width:100%;}
	.btn5 dd > a{ font-size:16px;}
	.btn3 dd > a,.btn4 dd > a,.btn5 dd > a{ width:86%;}
	.btn6 dd,.btn7 dd,.btn10 dd{ width:50%;}
	.btn9 dd > a{ font-size:16px;}
	/*.btn9 dd > a{width: 133px;height: 133px;line-height: inherit;vertical-align: middle;font-size: 14px;padding: 0px 9px;box-sizing: border-box;}
	.btn9 dd > a i{width: 66px;height: 66px;margin: 8px 24px;float: unset;}*/
}