@charset "utf-8";
/*common*/


/*common end*/

.home_fullSlide{position:absolute; clear:both;overflow:hidden; z-index: -1; top:136px; left: 0; width: 100%;}
.home_fullSlide .bd ul, .home_fullSlide .bd li{width:100% !important;}
.home_fullSlide .bd li{ height:900px; background-position:center top; background-repeat:no-repeat;}
/*.home_fullSlide .hd{text-align: center; position: absolute; top: 598px; left: 0; width: 100%; z-index:1000;}
.home_fullSlide .hd li{ display: inline-block; *display: inline; *zoom:1; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin: 0 4px; cursor: pointer; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms;}
.home_fullSlide .hd li.on{background: #df1814; width: 20px; border-radius: 5px;}
.home_fullSlide .btn{position: absolute; top: 377px; left: 50%; margin-left: -600px;}
.home_fullSlide .btn a{position: absolute; width: 34px; height:69px; background:url(../images/home_banner_arrow.gif) no-repeat; z-index:1000; cursor: pointer;}
.home_fullSlide .btn a.prev{left: -70px;}
.home_fullSlide .btn a.next{background-position:-34px 0; right: -70px;}*/


.home_container{padding-top: 56px;}
.toggleDiv{height: 535px;}
.home_main_box{padding: 25px 0 20px; margin-top: -25px; position: relative; overflow: hidden;}
.home_main_shade{background:url(../images/home_main_shade.png) no-repeat center top;}
.home_main_cont{border: #0d6bd3 1px solid; border-top: none; background: #fff; /*height:593px;*/}
.switch {width: 60px; height: 27px; position: absolute; top:0; left: 50%; margin-left: -30px; cursor: pointer;}
.home_mainBd{/*height:470px;*/ overflow: hidden; padding: 0 20px;}
.switch_up{background:url(../images/home_switch_up.png) no-repeat;}
.switch_down{background:url(../images/home_switch_down.png) no-repeat;}

.home_sy{padding-bottom:20px;}
.home_sy_tt{margin: 0 0 20px; border-bottom: #dddddd 1px solid; padding-bottom: 16px;}
.home_sy_tt h5{font-size: 24px; text-align: center; padding: 22px 0 10px;}
.home_sy_tt h5 a{color: #c4340f;}
.home_sy_tt p{text-align: center; position: relative; color: #666666;}
.home_sy_tt p a{color: #cc0000; display: inline-block; vertical-align: middle;}
.home_sy_tt p span{display: inline-block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;  max-width:90%; vertical-align: middle; margin-right: 5px;}


.home_sy_tpxw{float:left; width:500px; height:330px; position:relative; overflow:hidden;}
.home_sy_tpxw img{ width:100%; height:330px; display:block;}
.home_sy_tpxw .bd li{ position:relative; overflow:hidden; zoom:1;}
.home_sy_tpxw .bd .txtbg{position:absolute; bottom:0; _bottom:-1px; left:0; width:100%; height:40px; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;}
.home_sy_tpxw .bd .txt{position:absolute; bottom:0; left:20px; right:100px; color:#fff; line-height:40px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.home_sy_tpxw .bd .txt a{color: #fff;}
.home_sy_tpxw .hd{ position:absolute; bottom:16px; right:20px;}
.home_sy_tpxw .hd li{float:left; width:8px; height:8px; margin:0 3px; line-height:0; overflow:hidden; font-size:0; background:#fff; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; cursor:pointer;}
.home_sy_tpxw .hd li.on{background:#df1814;}
.home_sy_tpxw .bd ul, .home_sy_tpxw .bd li{width:100% !important;}

.home_sy_dbxw{float: right; width: 634px;}

.common_hd{border-bottom: #e6e6e6 1px solid; line-height:28px; height: 38px;}
.common_hd li{float: left; font-size: 18px; margin-right:5%; height: 37px; cursor:pointer;}
.common_hd li.on {border-bottom:#065ec0 2px solid; margin-bottom: -1px;}
.common_hd li.on a{color: #2372c2;}
.common_hd .more{float:right; background:url(../images/more.gif) no-repeat right center; padding-right:11px;}
.common_hd .more a{color:#999999;}
.common_hd .more a:hover{color:#333;}

.home_sy_ztzl{clear: both; border-top:#256cb8 1px solid; position: relative; padding:0 80px 0 186px; background: #fff;}
.home_sy_ztzl h5{padding-left: 2.3%; font-size: 22px; color: #9e0001; position: absolute; top: 47px; left: 0;}
.home_sy_ztzl h5 a{color: #9e0001;}
.home_sy_ztzl .bd{margin: 20px 0; overflow: hidden;}
.home_sy_ztzl .bd ul li{float: left;}
.home_sy_ztzl .bd ul li img{display: block; width: 296px; height:83px; margin: 0 9px;}
.home_sy_ztzl .btn a{position: absolute; width: 30px; height: 30px; background:url(../images/home_ztzl_arrow.png) no-repeat; top: 45px; cursor: pointer;}
.home_sy_ztzl .btn a.prev{left: 140px;}
.home_sy_ztzl .btn a.next{right: 25px; background-position:-30px 0;}

/*政务公开*/
.home_zw_content{padding:20px 0;}
.home_zw_content .bd{margin:9px 0 0;}
.home_zw_content .home_zw_xxgk .bd{margin-top: 20px;}
.home_zw_content .home_zw_jdgw .bd{margin-bottom: 10px;}
.home_zw_xxgk{width: 372px;float: left;}
.home_zw_xxgk .bd ul{text-align: justify;margin-bottom: -15px;}
.home_zw_xxgk .bd ul:after{content: "";display: inline-block;width: 100%;}
.home_zw_xxgk .bd .home_hd_xxgk_hd ul li{
	display: inline-block; width: 165px;height: 38px;background-color: #f0f0f0;border:1px solid #e6e6e6;cursor: pointer;
	text-align: left;padding-left:15px;line-height: 38px; font-size: 15px;border-radius: 5px;margin-bottom: 7px;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.home_zw_xxgk .bd .home_hd_xxgk_hd ul li:hover{background-color: #065ec0;color: #fff;}
.home_zw_xxgk .bd .home_hd_xxgk_hd ul li:hover a{color: #fff;}
.home_zw_xxgk .bd .home_hd_xxgk_bd{display: block!important;background-color: #f5f5f5;}
.home_zw_xxgk .bd .home_hd_xxgk_bd ul{padding:5px 5px 3px;}
.home_zw_xxgk .bd .home_hd_xxgk_bd ul li{float:left;width:33.3%;margin-top: 14px;text-align: left;}
.home_zw_xxgk .bd .home_hd_xxgk_bd ul li a{max-width:95%;padding:0 20px;font-size: 15px;white-space: nowrap; float: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden}
.home_zw_jdgw{width: 365px;float: left;margin-left: 20px;}
.home_zw_jdgw .home_hd_jdgw .home_zw_jdgw_imgLsit li,.home_zw_gsgg .home_hd_gsgg .common_newslist li{padding:0 16px;}
.home_zw_jdgw .home_hd_jdgw .home_zw_jdgw_imgLsit .img{padding:0;height: 78px;margin-top: 8px;}
.home_zw_jdgw .home_hd_jdgw .home_zw_jdgw_imgLsit .img a,
.home_zw_gsgg .home_hd_gsgg .common_newslist .img a{width: 100%;height: 100%;}
.home_zw_jdgw .home_hd_jdgw .home_zw_jdgw_imgLsit .img img,
.home_zw_gsgg .home_hd_gsgg .common_newslist .img img{width: 100%;height: 100%;}
.home_zw_gsgg{width: 373px;float: left;margin-left: 20px;}
.home_zw_gsgg .home_hd_gsgg .common_newslist .img{padding:0;height: 164px;margin-top: 10px;position: relative;}
.home_zw_gsgg .home_hd_gsgg .common_newslist .img .zt_bg{
	position: absolute;left: -5px;top: -5px;width: 75px;height: 76px;z-index: 1;background: url(../images/home_zw_gsgg_zt.png) no-repeat left top;
}
.home_zw_content .bd .bd{margin:0;}
.home_zw_content .home_hd_gsgg .bd .bd,
.home_zw_content .home_hd_gsgg .bd .bd .tempWrap,
.home_zw_content .home_hd_gsgg .bd .bd .tempWrap ul,
.home_zw_content .home_hd_gsgg .bd .bd .tempWrap ul li{height: 100%;}
.home_zw_gsgg .home_hd_gsgg .common_newslist .home_hd_gsgg_zt_bd ul li{padding:0;height: 100%;}
.home_zw_gsgg .home_hd_gsgg .common_newslist .hd{position: absolute;right: 0;bottom: 2px;height: 13px;}
.home_zw_gsgg .home_hd_gsgg .common_newslist .hd ul li{
	display: inline-block;width: 21px;height: 100%;text-align: center;line-height: 13px;color: #fff;padding:0;
	background:#596f86; margin-left: 2px;font-size: 12px;
}
.home_zw_gsgg .home_hd_gsgg .common_newslist .hd ul .on{background:#d82225;}

/*政民互动*/
.home_hd_content{padding:20px 0 0;}
.home_hd_content .bd{margin:9px 0 20px;}
.home_hd_left{float:left; width:512px;}
.home_hd_right{float:right; width:620px;}
.home_hd_zx{}
.home_hd_my{}
.home_hd_zl ul{text-align: justify;}
.home_hd_zl ul:after{content: "";display: inline-block;width: 100%;}
.home_hd_zl ul li{
	display: inline-block;width: 275px;height: 81px;background: #e8f3ff;border:1px solid #c6d5e5;
	text-align: center;line-height: 81px;padding: 0;margin:0;
}
.home_hd_zl ul li span{ font-size:18px;color: #154c89; display: inline-block;margin-left: 15px;font-weight: bold;}
.home_hd_zl ul li img{ vertical-align: middle; }

/*魅力电白*/
.home_ml_content,.home_hd_content{padding:20px 0 0;}
.home_ml_content .home_ml_gk .bd{margin:10px 0 20px;}
.home_ml_content .home_ml_gk .bd .content{margin-top:15px;}
.home_ml_content .home_ml_ly .bd,.home_ml_content .home_ml_fq .bd{margin:20px 0 0;}
.home_ml_content .bd{padding-right: 5px;}
.home_ml_content p,.home_ml_ly .bd p{text-indent: 2em;}
.home_ml_gk{width: 458px;font-size: 15px;color: #333;float: left;}
.home_ml_gk .content,.home_ml_ly .bd .txt p{text-align: justify;line-height: 1.9;}
.home_ml_gk font{color: #065ec0;}
.home_ml_ly{width: 675px;float: right;}
.home_ml_ly .bd ul{text-align: justify;}
.home_ml_ly .bd ul:after {content: "";display: inline-block;width: 100%;}
.home_ml_ly .bd ul li{display: inline-block;width: 325px;margin:0;padding: 0;}
.home_ml_ly .bd ul li .img{display: inline-block;width: 107px;}
.home_ml_ly .bd ul li .img img{display: block;}
.home_ml_ly .bd .txt{float: right;width: 202px;}
.home_ml_ly .bd .txt h3{font-size: 18px;margin: -8px 0 10px 0;}
.home_ml_ly .bd .txt p{color: #666;}
.home_ml_ly .bd .txt span a{color: #d52026;}
.home_ml_fq{clear: both;}
.home_ml_fq .hd{background: #f0f0f0;line-height: 40px;}
.home_ml_fq .hd li{width: 110px;text-align: center;}
.home_ml_fq .hd .more{margin-right: 15px;}
.home_ml_fq .bd ul{text-align: justify;}
.home_ml_fq .bd ul:after {content: "";display: inline-block;width: 100%;}
.home_ml_fq .bd ul li {position: relative;display: inline-block;width: 260px;}
.home_ml_fq .bd ul li img{display: block;}
.home_ml_fq .bd ul li .txtbg{
	position:absolute; bottom:0; _bottom:-1px; left:0; width:100%; height:34px; background:#000; 
	filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:0.5;
}
.home_ml_fq .bd li .txt{
	position: absolute;bottom: 0;color: #fff;line-height: 34px;width: 100%;text-align: center;
	white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;overflow: hidden;
}
.home_ml_fq .bd li .txt a{color: #fff;}

/*专题专栏*/
.home_zt_ztzl{ margin: 5px 0 0;  }
.home_zt_ztzl .bd ul{text-align: justify;}
.home_zt_ztzl .bd ul:after {content: "";display: inline-block;width: 100%;}
.home_zt_ztzl .bd ul li{
	display: inline-block;width: 370px;height:160px;text-align: center;margin: 25px 0 0 0;padding: 0;
	background-color: #add4ff;
}
.home_zt_ztzl .bd ul li img{display: block;height: 160px;}
.home_zt_ztzl .bd ul li.more{background: url(../images/home_zt_jia.png) no-repeat center #add4ff;}

.home_zt_ztzl .hd .next,.home_zt_ztzl .hd .prev,.home_zt_ztzl .hd ul li{
	float: left; width:27px;height: 25px;background: #e4e4e4; position: relative;margin-right: 5px;
}
.home_zt_ztzl .hd .sjx_next,.home_zt_ztzl .hd .sjx_prev{
	display: inline-block;width: 0;height: 0;
	border-top: 5px solid #e4e4e4;border-bottom: 5px solid #e4e4e4;
	position: absolute;left: 50%;top: 50%;margin-left: -3px;margin-top:-5px;
}
.home_zt_ztzl .hd .sjx_next{border-right: 6px solid #000;}
.home_zt_ztzl .hd .sjx_prev{border-left: 6px solid #000;}
.home_zt_ztzl .hd ul{ float:left;text-align: center;line-height: 25px;}
.home_zt_ztzl .hd ul li.on{background: #f2590d;color: #fff;}

@media (max-width: 1200px) {
	.toggleDiv{display: none !important;}
	.home_fullSlide, .toggleDiv, .switch{display: none;}
	.home_main_shade{background: none;}
	.home_container{padding-top: 0;}
	.home_main_box{padding-top: 0; margin-top: 0;}

	.home_main, .home_mainBd{padding: 0;}
	.home_mainBd{height: auto; margin-bottom: 20px;}
	.home_main_cont{height: auto; padding: 0 2%; border: none;}
	.home_sy_ztzl{/*border:#cbdfef 1px solid;*/ border: none; padding:0; overflow: hidden;}
	.home_sy_ztzl h5{display:block; background: #EEEEEE; position: static; margin-bottom: 20px; height: 38px; padding-left: 0;}
	.home_sy_ztzl h5 a{display: inline-block; font-size: 16px; padding: 0 20px; line-height: 38px; background: #2c76bc; color: #FFF;}
	.home_sy_ztzl .btn a{width:24px; height:52px; top: 63px; background-image: url(../images/home_ztzl_arrow_sjb.png);}
	.home_sy_ztzl .btn a.prev{background-position:-24px 0; left:0;}
	.home_sy_ztzl .btn a.next{background-position: 0 0; right:0;}
	.home_sy_ztzl .bd{margin: 0 -5px;}
	.home_sy_ztzl .bd li{width: 33.333%; padding: 0 5px; min-width: 306px;}
	.home_sy_ztzl .bd ul li img{width: 100%; margin: 0;}

	.home_sy_tpxw{width: 43%;}
	.home_sy_dbxw{width: 54.5%;}

	.common_hd ul{overflow: hidden; height: 37px;}

	/*政务公开*/
	.home_zw_content{margin-bottom: -20px;padding:20px 0;}
	.home_zw_xxgk{width: 32.3%;}
	.home_zw_jdgw,.home_zw_gsgg{width: 31.3%;}
	.home_zw_xxgk .bd ul{margin-bottom: -6px;}
	/*.home_zw_xxgk .bd .home_hd_xxgk_bd ul{padding: 2px 5px;}*/
	.home_zw_xxgk .bd .home_hd_xxgk_hd ul li{padding-left:5px;width: 49%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.home_zw_xxgk .bd .home_hd_xxgk_bd ul li a{padding:0 15px;}
	.home_zw_jdgw .home_hd_jdgw .common_newslist .img img{display: block;}
	.home_zw_gsgg .home_hd_gsgg .common_newslist .img img{display: block;}
	.home_zw_gsgg .home_hd_gsgg .common_newslist .hd{bottom: 0;}
	/*政民互动*/
	.home_hd_left,.home_hd_right{width: 49%;}
	.home_hd_zl ul{margin:20px 0 -19px;}
	.home_hd_zl ul li{width: 24%;}
	/*魅力电白*/
	.common_hd{position: relative;}
	.common_hd .more{position: absolute;right: 0;top: 0;}
	.home_ml_content,.home_hd_content{padding:20px 0 0;}
	/*.home_ml_content .bd,.home_hd_content .bd,.home_zw_content .bd{margin:20px 0 0;}*/
	.home_ml_gk,.home_ml_ly{width: 49%;}
	.home_ml_gk .bd .content{ /*height: 200px;*/overflow: hidden;}
	.home_ml_gk .bd .content p{overflow: hidden;}
	.home_ml_ly .bd{margin:20px 0 0;}
	.home_ml_ly .bd ul{margin-bottom: -10px;}
	.home_ml_ly .bd ul li{ width: 100%; margin-bottom: 5px;}
	.home_ml_ly .bd ul li .txt{ width: 75%; }
	.home_ml_ly .bd .txt h3 {font-size: 16px;margin: 0 0 5px 0;}
	.home_ml_ly .bd .txt p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	.home_ml_fq .bd ul{margin-bottom: -20px;}
	.home_ml_fq .bd ul li{ width: 24%; }
	.home_ml_fq .bd ul li .txtbg{height: 30px;}
	.home_ml_fq .bd li .txt{line-height: 30px;}
	/*专题专栏*/
	.home_zt_ztzl .bd ul{width: 100%;}
	.home_zt_ztzl .bd ul li{width: 32.3%;margin-top: 15px;}
	
}

@media (max-width: 1023px) {
	/*政务公开*/
	.home_zw_xxgk .bd .home_hd_xxgk_bd ul li a{padding:0 5px;}
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (max-width: 991px) {
	.home_ml_ly .bd ul li .txt{ width: 65%; }
	.home_ml_ly .bd .txt h3{font-size: 15px;}
	.home_hd_content .bd {margin: 9px 0 0;}
	.home_hd_left, .home_hd_right { width: 100%;}
	.home_hd_right{margin-top:20px;}
	.home_hd_zx{margin-top:20px;}
	.home_zw_xxgk{width: 100%;}
	.home_zw_jdgw,.home_zw_gsgg{width: 49%;margin-left: 0;}
	.home_zw_gsgg{float: right;}
	.home_zw_xxgk .bd .home_hd_xxgk_hd ul li{width: 32%;}
	.home_zw_xxgk .bd ul{margin-bottom: -20px;}
	.home_zw_xxgk .bd .home_hd_xxgk_bd ul{margin-bottom: 20px;}
	.home_zw_jdgw .home_hd_jdgw .common_newslist .img{margin-bottom: 0;}
	
	
}
@media (max-width: 991px) and (min-width: 640px) {
	
}

@media (max-width: 768px) {
	.home_sy_tpxw, .home_sy_dbxw{float: none; width:100%;}
	.home_sy_tpxw{margin-bottom: 20px;}
	
	.home_hd_zl ul li span{margin-left: 2px;}
	.home_zw_jdgw,.home_zw_gsgg{width: 100%;}
	.home_ml_ly .bd ul li .txt{width: 80%;}
	.home_ml_content .home_ml_gk .bd {margin: 10px 0 -5px;}
	.home_ml_gk, .home_ml_ly{width: 100%;}
	.home_ml_ly,.home_zw_gsgg{margin-top: 20px;}
	.home_ml_gk .bd .content{height: auto;}
}

@media (max-width: 640px) {
	.home_hd_zl ul li{width: 49%;margin-top: 10px;}
	.home_hd_zl ul li span { margin-left: 5px; }
	.home_zt_ztzl .bd ul li{width: 49%;margin-top: 10px;}
	.home_ml_fq .bd ul li{width: 49%;}
	.home_ml_fq .bd ul li {width: 49%;}
	.home_ml_fq .bd ul li img{width: 100%;}
	.home_zw_xxgk .bd .home_hd_xxgk_hd ul li{width: 49%;}
	.home_ml_ly .bd ul li .txt{width: 75%;}
}

@media (max-width: 480px) {
	.home_ml_ly .bd ul li .img{display: none;}
	.home_ml_ly .bd ul li .txt{width: 100%;}
	
}
@media (max-width: 479px) {
	.home_zt_ztzl .bd ul li{width: 100%;max-width: 370px;}
	
}
@media (max-width: 320px) {
	.home_hd_zl ul li{width: 100%;}
	.home_zw_xxgk .bd .home_hd_xxgk_hd ul li{width: 100%;margin-bottom: 5px;}
	
}