@charset "utf-8";
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */	
}
  
body{line-height:100%; color:#333; -webkit-text-size-adjust:none; min-width: 1200px; background:#E1ECF1;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul, div{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0; max-width:100%;}
a{ text-decoration:none; color:#333333; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{color:#cc3333;}
.clear{clear:both; height:0; line-height:0; font-size:0; overflow:hidden; zoom:1;}
input, textarea{font-family:Microsoft Yahei; font-size:14px;}
input:focus, textarea:focus{ outline: none;}
input,button {appearance: none;-moz-appearance: none;/*-webkit-appearance: none;*/}

.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}
.clear{clear:both;}


/*图片鼠标经过效果*/
.HoverImgbox{ overflow:hidden;}
.HoverImgbox img{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.HoverImgbox img:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.imgHover{ -moz-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -webkit-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}
.imgHover:hover{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}


.boxsizing_c{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
.space10{height: 10px; clear: both;}
.space20{height: 20px; clear: both;}
.space30{height: 30px; clear: both;}
.space40{height: 40px; clear: both;}
.space50{height: 50px; clear: both;}
.fl{float: left;}
.fr{float: right;}

/*section00  sy==============================*/
.container_m{width:100%; max-width:900px; margin: 0 auto;} 
.conBox{margin:20px 3%;}
.container{width: 1200px; margin: 0 auto;}
.header-banner{overflow: hidden;}
.header-banner img{display: block; width: 100%; height: auto;}
.ztbox1{background: url(qfpcbg_r2_c1_s1.jpg) top center no-repeat #E5F6FF; background-size: 100%;}
.ztbox2{background: url(qfpcbg_r3_c1_s1.jpg) top center no-repeat #EEFBFF; background-size: 100%;}
.ztbox3{background: url(qfpcbg_r4_c1_s1.jpg) top center no-repeat #EEFBFF; background-size: 100%;}
.ztbox4{background: url(qfpcbg_r5_c1_s1.jpg) bottom center no-repeat #EEFBFF; background-size: 100%;}

.zt-title{overflow: hidden; position: relative; margin-bottom: 20px;}
.zt-title img{display: block; margin: 0 auto;}
.zt-title .ztmore{position: absolute; top: 35px; right: 0;}
.zt-title .ztmore a{color: #1475C6;}

/*header*/
.ttbox{background-color: #fff; padding: 45px 100px;  margin-bottom:38px;}
.jrtt{padding:0 6% 20px; line-height: 2; font-weight: bold; text-align: center;}
.jrtt a{font-size:40px; color: #d70007;}

/* 头条 */
.zttt{line-height: 1.5; font-weight: bold; text-align: center; padding: 30px 3%;}
.zttt a{font-size: 42px; color: #0078db;}

/* 要闻 */
.ztyw{background: url(qfpczt_r5_c3_s1.png) top left repeat-y; border-radius: 8px; padding: 28px; box-shadow: 0 0 6px 0 #abd3ff;}
.ztyw-l{width: 49%; float: left;}
.ztyw-r{width: 48%; float: right;}

/*tpxw*/
.tpxwBox{width:100%; height:368px; overflow:hidden; position:relative; border:0;}
.tpxwBox .hd{ overflow:hidden; position:absolute; right:5px; bottom:20px; z-index:2;}
.tpxwBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.tpxwBox .hd ul li{ float:left; margin-right: 10px; width:12px; height:12px; line-height:12px; border-radius: 50%; background:#ADD3F4; cursor:pointer; text-indent:99999em;}
.tpxwBox .hd ul li.on{ background:#006EC9; }

.tpxwBox .bd{position:absolute; top:0; left:0; width:100%; height:100%;}
.tpxwBox .bd ul{width:100%; height:100%;}
.tpxwBox .bd ul li{position:relative; height:368px;}
.tpxwBox .bd li img{width:100%; height:316px; display: block;}
.tpxwBox .bd li span{display:block; width:100%;height:52px; line-height:52px; text-align: center; background: url(qfpczt_r3_c4_s1.png) top left repeat-y;}
.tpxwBox .bd li span a{color:#333; display:block; padding:0 15px; position:relative; z-index:3; font-size:18px; max-width:78%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.tpxwBox .bd li span a:hover{color:#333;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.tpxwBox  .prev,
.tpxwBox  .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:40px; height:60px; background:url(slider-arrow.png) -105px 15px no-repeat #000; filter:alpha(opacity=50);opacity:0.5;   }
.tpxwBox  .next{ left:auto; right:0; background-position:12px 15px;}
.tpxwBox  .prev:hover,
.tpxwBox  .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.tpxwBox  .prevStop{ display:none;}
.tpxwBox  .nextStop{ display:none;}

.ztyw-list li{padding-left: 38px; border-bottom: 2px #B7DBFF dashed; height: 63px; line-height: 63px; background: url(qfpczt_list_icon.png) 0 24px no-repeat;}
.ztyw-list li a{display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 18px;}
.ztmore{text-align: right; height: 52px; line-height: 52px;}
.ztmore a{color: #1475C6;}

.zt-banner{margin-bottom: 38px;}
.zt-banner img{width: 100%; height: auto;}

/* 清风茶馆 */
.roundabout_box{width:1200px;height:400px;}
.roundabout_box img {width:100%;}
/**********roundabout**********/
.roundabout-holder{list-style:none;width:900px;height:355px;margin:0px auto;}
.roundabout-moveable-item{font-size:18px!important;height:355px;width:630px;cursor:pointer; overflow: hidden;}
.roundabout-moveable-item img{height:100%;width:100%;margin:0;}

.prism-player{background: none !important; height:355px !important; width:630px !important;}
.prism-player .prism-ErrorMessage, .prism-player .prism-cover{background: none !important;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #abd3ff;-moz-box-shadow:0px 0px 20px #abd3ff;}
.roundabout-holder .text{color:#fff; background:url(qfpczt_r24_c1_s1.png) repeat; text-align: center; font-size: 18px; width: 100%; z-index: 2; position:absolute;bottom:0;right:0; padding:0px 20px; height: 52px; line-height: 52px;}
.roundabout-in-focus000:hover span{display:block;color:#fff;z-index:999; text-align: center;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout_box li{margin:0; position: relative; box-shadow: 0 0 6px 0 #abd3ff;}

/* “廉洁圳能量”视频 */
.ljxnl-l{width: 52.05%; float: left;}
.ljxnl-l img{display: block; width: 100%; height: 354px;}
.ljxnl-l .text{height: 75px; display: flex; align-items: center; background: #308AD4; padding: 0 15px; color: #fff; line-height: 1.5;}
.ljxnl-r{width: 45%; float: right;}
.ljxnl-r li{width: 48%; float: left; margin-bottom: 4%;}
.ljxnl-r li img{display: block; width: 100%; height: 144px;}
.ljxnl-r .text{height: 60px; background: #308AD4; display: flex; align-items: center; padding: 0 15px; color: #fff; line-height: 1.5;}
.ljxnl-r li.xx2, .ljxnl-r li.xx4{float: right;}
.ljxnl-r li.xx3, .ljxnl-r li.xx4{margin-bottom: 0;}

/* 廉洁文化地图 */
.ljwhdt-map img{display: block; width: 100%; height: auto;}

/* 公益广告 */
.gygg-scroll{height: 290px; position: relative; *overflow: hidden; overflow: hidden; width: 1350px; margin: 0 auto;} 
.gygg-scroll .bd{overflow: hidden; width: 1200px; margin: 0 auto;}
.gygg-scroll .bd li{float: left; margin-right: 20px; width: 386px; height: 280px; box-shadow: 0 0 6px 0 #abd3ff; background: url(qfpczt_r22_c8_s1.png) bottom left repeat-x; border-radius: 0 0 10px 10px;}

.gygg-scroll .bd li .pic{overflow: hidden; width:357px; margin: 0 auto;}
.gygg-scroll .bd li .pic img{display: block; width:100%; height:201px;}
.gygg-scroll .bd li .txt{line-height: 1.5; text-align: center; padding-top: 10px;}
.gygg-scroll .hgan{display: block;}
.gygg-scroll .hgan a{position:absolute; top:0; width:46px; height:250px; cursor:pointer;}
.gygg-scroll .hgan .prev{background: url(qfpczt_r23_c1_s1.png) center left no-repeat;}
.gygg-scroll .hgan .next{background: url(qfpczt_r23_c21_s1.png) center left no-repeat; right: 0;}

.box3{margin-bottom: 40px;}
.box{width: 48%;}
.box-title{position: relative; background: url(xxgc19j6zqh_r12_c2_s1_s1.jpg) bottom repeat-x; padding-bottom: 3px;}
.box-title h1{padding-left:20px; display: inline-block; padding-right: 78px; background: url(xxgc19j6zqh_r7_c3_s1.jpg) right no-repeat #D50400; line-height: 57px; height: 57px; color: #fff; font-size: 28px; font-weight: bold;}
.box-more{position: absolute; top:18px; right: 13px; padding: 6px 12px; border-radius: 15px; background-color: #DD0B18; display: block;}
.box-more a{color: #fff; font-size: 16px;}
.box-content{padding: 10px 0px;}

.news_list li{font-size:16px; position:relative; line-height:49px; color:#333;  border-bottom: 1px #D3CFCC dashed;} 
.news_list li a{color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 16px;}
.news_list li a:hover{color:#C00;}
.news_list li a span{font-size: 18px; font-weight: bold;}


.box-content .pic{margin-bottom: 16px; position: relative;}
.box-content .pic img{display: block; width:100%; height: 252px;}
.box-content .pic b{ display:block; position:absolute; width:100%; height:46px; bottom:0;left:0;background:#000; opacity:.6;filter:alpha(opacity=60); z-index:1;}
.box-content .pic .txt{position:absolute; bottom:0; left:0; width:100%; margin:0;color:#FFF; line-height:46px; z-index: 2;}
.box-content .pic .txt a{color:#FFF;  display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding: 0 15px; font-size: 22px;}



/****数说2021****/
.ss2021_l{width: 58.5%; border: 1px #4873C1 solid; height: 420px;  position:relative; float: left; overflow: hidden;}
.ss2021_l img{width: 100%; height: 420px;}
.ss2021_l .player{position:absolute; width: 100%; height: 100%; background: url(12j7cqh_player.png) center no-repeat; z-index: 2;}
.ss2021_r{width: 41.5%; padding: 16px 0; float: right;}
.ss2021_r .box{background: url(12j7cqh_r14_c19_s1.jpg) top right no-repeat #fff; border: 1px #4873C1 solid; font-size: 20ox; border-left: none; padding: 53px 38px; line-height: 2; width: 100%;}
.ss2021_r .box p{margin-bottom: 20px; font-size: 20px;}

/* 视频样式 用来控制视频全屏铺满显示  */
	.vid-wrapper{
		width:100%;
		position:relative;
		padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
		height: 0;
		background: #000;
	}
	.vid-wrapper video{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		overflow: hidden;
	}
@media (max-width: 1280px) {
	
}
@media (max-width: 1024px) {
body{ min-width: auto;}
.container{padding: 0 3%; width: auto;}
.ttbox{padding: 40px 50px;}
.tpxwBox .hd ul li{width: 166px;}
.gygg-scroll{width: auto;}
.gygg-scroll .bd{width: 880px;}
.gygg-scroll .bd li .pic img{width: 280px; height: 164px;}
.gygg-scroll .hgan a{height: 164px;}
.ss2021_r .box{padding: 33px 35px;}
.roundabout-holder{width: 750px;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	body{min-width: 1200px;}
	.container{padding: 0;}
	.ttbox{padding: 45px 100px;}
	.jrtt{padding: 0 6% 20px;}
	.tpxwBox .hd ul li{width: 194px;}
	.gygg-scroll .bd{width: 1118px;}
	.gygg-scroll .bd li .pic img{width: 358px; height: 210px;}
	.gygg-scroll .hgan a{height: 210px;}
	.ss2021_r .box{padding: 53px 38px;}
}