@charset "gb2312";
/* CSS Document */

.banner_left{ position:relative;}

/*大图轮换样式*/
.slide_box{ width: 560px; height:350px; padding:10px; background:#fff; position:absolute; top:-10px; box-shadow:0 0 5px #999; *border:1px solid #ccc; *padding:9px;}
.slide_link{ position:absolute; left:0; top:0; background:url(2015hsq_index_slide_link.png) no-repeat; width:220px; height:26px; line-height: 24px; z-index:5;}
.slide_link a{ font-size: 12px; margin-left:30px; color:#fff;}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; height:350px; padding: 0; margin: 0;}
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0;}
.rslides li:first-child { position: relative; display: block; float: left;}
.rslides img{ display: block; height: auto; float: left; width: 100%; border: 0;}
.slide_container{ position: relative; float: left; width: 100%;}
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; height:100%; left: 0;top: 0;}  
.slide img { display: block;  position: relative; z-index: 1; height: 100%; width: 100%; border: 0;}
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 16px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .7); left: 0; right: 0; bottom: 0; padding: 0 20px; height:42px=; line-height:42px; margin: 0; max-width: none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer;}
.slide_tabs{ position:absolute; right:10px; bottom:16px; z-index:5; height:7px;}
.slide_tabs li{ float:left; width: 7px; height:7px; background:url(2015hsq_index_slide_icon1.png) no-repeat; font-size: 0px; margin-left:5px;}
.slide_tabs li a{ display:block;width: 100%; height: 100%;}
.slide_tabs .slide_here{ background-image:url(2015hsq_index_slide_icon2.png);}

.banner_list{ width:290px; float:right; position:absolute; right:20px; top:20px;}
.banner_list .title{ height:24px;}
.banner_list .title h2 a{ float:left; display:block; padding:0 10px; height:24px; line-height:24px; text-align:center; color:#707070; background:#eaf1f8; font-weight:normal; margin-right:1px;}
.banner_list .title h2 a.active{ background:#448aca; color:#fff; text-decoration:none;}
.banner_list .list{ display:none;}
.banner_list .list p{ border-bottom:1px dashed #d2d2d2; font-size:18px; line-height:18px; font-weight:bold; color:#505050; padding-bottom:13px; margin-top:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_list .list p a{ color:#505050;}
.banner_list .list p a:hover{ color:#448aca; text-decoration:none;}
.banner_list .list ul{ margin-top:5px;}
.banner_list .list li{ line-height:32px; height:32px; overflow:hidden; vertical-align:top;}
.banner_list .list li a{ float:left; color:#535353; max-width:72%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.banner_list .list li .source{ padding-right:5px;}
.banner_list .list li a:hover,.main .list p a:hover{ color:#448aca; text-decoration:none;}
.banner_list .list li .date{ float:right; font-size:12px; color:#959595;}


.slideTxtBox{ border:1px solid #e2e2e2;}
.slideTxtBox .hd{ float:right; width:108px; overflow:hidden;}
.slideTxtBox .hd ul{ float:right; padding-left:7px;}
.slideTxtBox .hd ul li{ width:100%; height:75px; background: #448aca; text-align:center; color:#fff; margin-top:1px; vertical-align:top;}
.slideTxtBox .hd ul li:first-child{ margin:0;}
.slideTxtBox .hd ul li.on{ background:url(2015hsq_index_menu_onBg.png); margin-left:-7px; width:115px;}
.slideTxtBox .hd ul li a{ display:block; float:right; width:108px; height:25px; padding-top:50px; background:no-repeat center 10px; color:#fff;}
.slideTxtBox .hd ul li a:hover{ text-decoration:none;}
.slideTxtBox .hd ul li a.menu01{ background-image:url(2015hsq_index_menu_icon01.png);}
.slideTxtBox .hd ul li a.menu02{ background-image:url(2015hsq_index_menu_icon02.png);}
.slideTxtBox .hd ul li a.menu03{ background-image:url(2015hsq_index_menu_icon03.png);}
.slideTxtBox .hd ul li a.menu04{ background-image:url(2015hsq_index_menu_icon04.png);}

.slideTxtBox .title{ width:100%; height:24px;}
.slideTxtBox .title h2 a{ float:left; display:block; padding:0 15px; height:24px; line-height:24px; text-align:center; color:#707070; background:#eaf1f8; font-weight:normal; margin-right:1px; cursor:pointer;}
.slideTxtBox .title h2 a.active{ background:#448aca; color:#fff; text-decoration:none;}
.slideTxtBox .title .more{ float:right; font-size:12px; color:#959595; line-height:24px;}
.slideTxtBox .title .more:hover{ color:#448aca; text-decoration:none;}

.main .list{ display:none;}
.main .list p{ border-bottom:1px dashed #d2d2d2; font-size:16px; line-height:16px; font-weight:bold; color:#505050; padding-bottom:13px; margin-top:20px;}
.main .list p a{ color:#505050;}
.main .list ul{ margin-top:5px;}
.main .list li{ line-height:32px; height:32px; overflow:hidden; vertical-align:top;}
.main .list li a{ float:left; color:#535353;}
.main .list li .source{ padding-right:5px;}
.main .list li a:hover,.main .list p a:hover{ color:#448aca; text-decoration:none;}
.main .list li .date{ float:right; font-size:12px; color:#959595;}

.slideTxtBox .bd{ padding:20px; height:260px; overflow:hidden;}
/* 今日热点 */
.jrrd_left{ float:left; width:545px;}
.jrrd_right{ float:right; width:312px;}
.jrrd_right .list ul{ height:128px; overflow:hidden;}
.ztzl{ width:312px; height:88px; margin-top:15px;}
.ztzl img{ width:100%; height:100%;}

/* 区政府 */
.qzf_left{ float:left; width:545px;}
.qzf_left .list{ margin-top:15px;}
.qzf_right{ float:left; width:310px; margin-left:20px;}

.qzf_right dl{ width:150px; float:left; margin-top:15px;}
.qzf_right dl dt{ width:100%; height:123px;}
.qzf_right dl dt img{ width:100px; height:123px; display:block; margin:0 auto;}
.qzf_right dl dd p{ height:24px; line-height:24px; text-align: center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#535353;}
.qzf_right dl dd p a{ color:#505050;}
.qzf_right dl dd p a:hover{ color:#448aca; text-decoration: none;}
.qzf_right .gwxx{ display:inline-block; width:72px; height:27px; text-align:center; line-height:27px; font-size:12px; color:#fff; background:#448aca; margin-top:20px;}
.qzf_right .ld_list{ margin-top:10px; border-top:1px solid #dadada; padding-top:10px;}
.qzf_right .ld_list li{ float:left; width:25%; text-align:center; height:30px; line-height:30px;}
.qzf_right .ld_list li a{ color:#535353;}
.qzf_right .ld_list li a:hover{ color:#448aca; text-decoration:none;}

/* 政策解读 */
.zcjd_left{ float:left; width:545px;}
.zcjd_left .list{ margin-top:15px;}
.zcjd_right{ float:right; width:302px;}
.zcjd_right .pic_box{ display:block; border:1px solid #bcbcbe; width:300px; height:128px; margin-top:24px; position:relative;}
.zcjd_right .pic_box img{ width:100%; height:100%;}
.zcjd_right .pic_box p{ position:absolute; left:0; bottom:0; height:34px; line-height:34px; background:url(2015hsq_index_tmBg.png) repeat; width:100%; color:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:10px;}
.zcjd_right .pic_box:hover p{ text-decoration:underline;}
.zcjd_right .list{ margin-top:18px;}

/* 回应关切 */
.hygq_left{ float:left; width:545px;}
.hygq_left .list{ margin-top:15px;}
.hygq_right{ float:right; width:302px;}
.hygq_right .list{ margin-top:15px;}

/* 最新发布 */
.zxfb{ float:left; width:565px; height:245px; border:1px solid #e2e2e2;}
.zxfb .title{ padding:0 15px; height:42px; line-height:42px; background:#448aca;}
.zxfb .title h2 a{ display:block; float:left; width:80px; text-align:center; color:#fff; margin-right:8px;}
.zxfb .title h2 a.active{ background:#fff; color:#448aca; text-decoration:none; height:33px; margin-top:9px; line-height:25px;}
.zxfb .title .more{ display:none; float:right; color:#b2cae6;}
.zxfb .list{ padding:0 15px;}

/* 信息公开 */
.xxgk{ float:left; width:307px; height:230px; border:1px solid #e2e2e2; margin-left:20px; padding-top:15px; overflow:hidden;}
.xxgk li{ float:left; width:114px; height:34px; line-height:34px; margin-left:25px; text-indent:10px;}
.xxgk li a{ color:#448aca;}
.xxgk li.rest{ text-indent:0; margin-top:5px;}
.xxgk li.rest a{ display:block; float:left; width:114px; height:39px; line-height:39px; color:#fff; background:#448aca; text-align:center;}

/* 三河治理 */
.shzl{ float:right; width:108px; height:247px;}
.shzl img{ float:right; width:108px; height:247px;}

/* 服务 */
.service{ float:left; width:565px; height:165px; border:1px solid #e2e2e2; overflow:hidden; position:relative;}
.service .title{ width:567px;}
.service .title h2 a{ display:block; float:left; width:188px; height:42px; line-height:42px; text-indent:85px; background:no-repeat 49px center #a1c4e4; color:#fff; margin-right:1px;}
.service .title h2 a.srv01{ background-image:url(2015hsq_index_service_icon01.png);}
.service .title h2 a.srv02{ background-image:url(2015hsq_index_service_icon02.png);}
.service .title h2 a.srv03{ background-image:url(2015hsq_index_service_icon03.png);}
.service .title h2 a.active{ background-color:#448aca; text-decoration:none;}

.service .list{ margin-top:5px;}
.service .list{ width:600px;}
.service .list li{ float:left; width:114px; text-align:center; line-height:30px; height:30px; white-space:nowrap; background:url(2015hsq_index_service_liBg.jpg) no-repeat right center;}
.service .list li a{ float:none; color:#434343;}

.service .zwdt{ position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px;}
.zwdt .zwdt_left{ display:block; float:left; width:188px; height:30px; text-align:center; color:#fff; background:#448aca;}
.zwdt .zwdt_right{ float:right; width:376px; height:30px; background:#d3d3d3; color:#fff; text-align:center;}
.zwdt .zwdt_right span{ padding:0 5px;}
.zwdt .zwdt_right span.sj{ color:#eb6100;}
.zwdt .zwdt_right span.bj{ color:#22ac38;}

/* 我要问政 */
.wywz{ width:436px; height:165px; border:1px solid #e2e2e2; float:right;}
.wywz a{ display:block; float:left; color:#fff; margin:10px 0 0 9px;}
.wywz a.wz01{ width:309px; height:68px; background:url(2015hsq_index_wywz_icon01.png) no-repeat 80px center #f6ad33; font-size:0px;}
.wywz a.wz02,.wywz a.wz05{ width:98px; height:23px; text-align:center; line-height:14px; padding-top:45px;}
.wywz a.wz03,.wywz a.wz04{ width:150px; height:68px; line-height:68px; text-indent:65px;}
.wywz a.wz02,.wywz a.wz04{ background-color:#a1c4e4;}
.wywz a.wz03,.wywz a.wz05{ background-color:#73b3d0;}
.wywz a.wz02{ background-image:url(2015hsq_index_wywz_icon02.png); background-position:center 10px; background-repeat:no-repeat;}
.wywz a.wz03{ background-image:url(2015hsq_index_wywz_icon03.png); background-position:24px center; background-repeat:no-repeat;}
.wywz a.wz04{ background-image:url(2015hsq_index_wywz_icon04.png); background-position:30px center; background-repeat:no-repeat;}
.wywz a.wz05{ background-image:url(2015hsq_index_wywz_icon05.png); background-position:center 10px; background-repeat:no-repeat;}
.wywz a.wz03 span{ display:block; width:56px; line-height:16px; text-indent:0; padding:18px 0 0 65px;}


@media screen and (max-width: 1025px){
	.slide_box { width:60%; position:static; float:left; padding:0;}
	.banner_list{ width:38%; padding:20px 1% 0; position:static; float:right;}

	
	.slideTxtBox,.shzl{ display:none;}
	.zxfb{ width:64%;}
	.xxgk{ width:35%; float:right; margin:0;}
	.xxgk li{ width:45%; margin-left:5%;}
	
	.service{ width:99%; margin-left:0.3%;}
	.service .title{ width:100%;}
	.service .title h2 a{ width:33.3%; margin:0;}
	.service .list{ width:100%;}
	.zwdt .zwdt_left{ width:35%;}
	.zwdt .zwdt_right{ width:65%;}
	
	.wywz{ width:99%; margin-top:10px; margin-right:0.3%; height:auto; padding-bottom:10px;}
}

@media screen and (max-width: 760px){
	.banner{ background:none;}
	
	.slide_box { width:100%; height:auto;}
	.banner_list{ width:96%; padding:20px 2% 0;}
	.rslides{ height:auto;}
	
	.zxfb{ width:99%; margin-left:0.5%;}
	.xxgk{ width:99%; margin-left:0.5%; margin-top:10px;}	
	
	.wywz a{ margin:10px 0 0 2% ;}
	.wywz a.wz01{ width:96%; background-position:center center;}
	.wywz a.wz02,.wywz a.wz03,.wywz a.wz04,.wywz a.wz05{ width:47%;}
	.wywz a.wz03{ background-position: center 10px; height:68px;}
	.wywz a.wz03 span{ width:100%; padding:45px 0 0 0; text-align: center; line-height: 14px;}
	.wywz a.wz04{ background-position: center 10px; height:23px; padding-top:45px; line-height: 14px; text-indent:0; text-align: center;}
}

@media screen and (max-width: 480px){
	.slide_link{ display:none;}
	.banner{ height:470px;}
	.main{ margin-top:0;}
	
	.service{ height:220px;}
	.service .title h2 a{ width:33%; margin-right:0.3%; text-indent:0; text-align: center; background-image:none !important;}
	
	.zwdt .zwdt_left,.zwdt .zwdt_right{ font-size:12px;}
}