@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: 1310px; background: #F5F3F4;}
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;}

.left { float: left; display: inline;}


/*图片鼠标经过效果*/
.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;}
.mb20{height: 20px; clear: both;}
.mb70{height: 70px; clear: both;}
.fl{float: left;}
.fr{float: right;}

/*section00  sy==============================*/
.ztwrap{background:url(lrnyzt_bg_r1_c1_s1.jpg) top center no-repeat #eefcff; background-size: 100%;}
.ztwrap .ztheader{overflow: hidden;}
.ztwrap .ztheader img{width: 100%; max-width: 100%; height: auto; display: block;}
.conBox{margin:20px 3%;}
.container{width: 1200px; margin: 0 auto;}
.ztjj{text-indent: 2em; line-height: 1.8; font-size: 20px; color: #363636; padding:0 3%;}


.zt-title{overflow: hidden; position: relative;}
.zt-title a{display: block;}
.zt-title img{display: block; height: auto; margin: 0 auto;}

.zt-list li{position:relative; line-height: 52px; color:#333;}
.zt-list li a{color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 18px;}

/*要闻*/
.yaowen{background: #fff; border-radius: 10px; box-shadow: 0 0 6px 0 #e5f5f8; padding: 25px; border: 1px #e5f5f8 solid;}
.yaowen .ywtt{text-align: center; margin-bottom: 30px; line-height: 1.5; font-weight: bold; color: #333; font-size: 38px;}
.yaowen .ywtt a{display: block; color: #333; font-size: 32px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.yaowen_l{width: 49%;}
.tpxwBox{width:98%; height:311px;  position:relative; border:0; margin: 0 auto;}
.tpxwBox .hd{ height:10px; overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:2; }
.tpxwBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.tpxwBox .hd ul li{ float:left; margin-right:8px; width:10px; height:10px; line-height:10px; border-radius:50%; background:#fff; cursor:pointer; text-indent:99999em;}
.tpxwBox .hd ul li.on{ background:#CB0000; }

.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; line-height:30px; height:311px;}
.tpxwBox .bd li img{width:100%;  height:311px;}
.tpxwBox .bd li b{ display:block; position:absolute; width:100%; height:44px; bottom:0;left:0;background:#000; opacity:.5;filter:alpha(opacity=50); z-index:1;}
.tpxwBox .bd li span{ display:block; position:absolute;width:80%;height:44px; bottom:0;left:0; z-index:2; line-height:46px;}
.tpxwBox .bd li span a{color:#FFF; display:block; float:left; padding-left:15px; position:relative; z-index:3; font-size:16px; max-width:95%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.tpxwBox .bd li span a:hover{color:#FFF;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.tpxwBox  .prev,
.tpxwBox  .next{ position:absolute;  top:50%; cursor: pointer; margin-top:-25px; display:block; width:27px; height:53px;  }
.tpxwBox  .prev{ left:-14px; right:auto; background: url(lrnyzt_r1_c2_s1.png) left center no-repeat;}
.tpxwBox  .next{ left:auto; right:-14px; background: url(lrnyzt_r1_c16_s1.png) left center no-repeat;}

.yaowen_r{width: 48%;}
.ywlist li{position:relative; line-height: 53px; color:#333; padding-left: 20px;}
.ywlist li:after{position:absolute; content:" "; left:0; top: 50%; margin-top: -1px; width: 6px; height: 6px; background: #03A4F6; border-radius: 50%;}
.ywlist li a{color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 18px;}
.yaowen-more{text-align: right; margin-top: 18px; background: url(lrnyzt_bg_r4_c1_s1.png) left center repeat-x;}
.yaowen-more a{font-size: 14px; display: inline-block; color: #fff; width: 85px; height: 30px; line-height: 30px; text-align: center; background: #87B9C4; border-radius: 30px;}

/****** 清风时评 *****/
.ztbox2{background: url(lrnyzt_bg_r3_c1_s1.jpg) top center no-repeat; background-size: 100%; margin-top: 48px;}
.ztbox2 .zt-title{margin-bottom: 37px; padding-top: 30px;}
.qfsp-box{padding: 26px 30px; background: url(lrnyzt_bg2_r3_c1_s1.png) top center no-repeat; background-size: 100%;}
.qfsp-box h1{line-height: 1.5; font-size: 30px; color: #333; margin-bottom: 25px; text-align: center; font-weight: bold;}
.qfsp-box h1 a{font-size: 30px; color: #333;}
.qfsp-box .zy{padding-bottom: 22px; border-bottom: 1px #C8D1E0 dashed; line-height: 1.5; font-size: 18px;}
.qfsp-box .zy a{color: #038dca; font-size: 18px;}
.qfsp-box .tt{font-weight: bold; color: #1b5464; margin-bottom: 20px; line-height: 1.5; margin-top: 22px;}
.qfsp-box .tt a{display: block; font-size: 24px; color: #1b5464;}
.qfsp-list li{position:relative; line-height: 38px; color:#333;/*   padding-left: 36px; background: url(lrnyzt_r5_c4_s1.png) left center no-repeat;*/}
.qfsp-list li a{color:#333; display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; font-size: 18px;}

/****** 廉通古今 *****/
.ltgj .zt-title{margin-bottom: 10px; padding-top: 65px;}
.ltgj-box{background: url(lrnyzt_bg2_r5_c1_s1.png) top center no-repeat; background-size: 100%; width: 1310px; margin: 0 auto; height: 869px; padding-top: 144px; }
.ltgj-scroll{width: 1104px; margin: 0 auto; position: relative;}
.ltgj-scroll .bd{overflow: hidden;}
.ltgj-scroll .bd li{float: left; width:33.333%;}
.ltgj-scroll .bd li .gdbox{width: 209px; height: 373px; border: 1px #fff solid; box-shadow: 0 0 10px 0 #D1D2D9; position: relative; margin: 0 auto;}
.ltgj-scroll .bd li .gdbox img{display: block; width: 100%; height: 373px;}
.ltgj-scroll .bd li .gdbox b{position:absolute; left:0px; bottom:-2px; width:100%; height:80px; line-height:1.3; text-align:center; 
	background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.8)));
		background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8));
		color:#ffffff; font-size:18px; *background:none; z-index: 1;}
.ltgj-scroll .bd li .gdbox span{font-size: 18px;}	
.ltgj-scroll .bd li .gdbox span{display:block; position:absolute; bottom:0px ;left:0; z-index:2; line-height:1.2; padding: 10px;}
.ltgj-scroll .bd li .gdbox span a{color:#FFF; display:block; position:relative; z-index:3; font-size:18px;}	
.ltgj-scroll .hgan{display: block;}
.ltgj-scroll .hgan a{position:absolute; top:40%; width:30px; height:38px; cursor:pointer; z-index: 4;}
.ltgj-scroll .hgan .prev{background:url(lrnyzt_r10_c3_s1.png) center no-repeat; left:15px;}
.ltgj-scroll .hgan .next{right:15px; background:url(lrnyzt_r10_c31_s1.png) center no-repeat;}

.ltgjlb{width: 1104px; margin: 30px auto 0;}
.ltgjlb .bor{width: 33.333%; float: left;}
.ltgjlb .bor .ltgjxx{padding: 0 25px;}
.ltgjlb .bor .ltgjxx li{position:relative; line-height: 1.5; color:#333; padding:9px 18px; padding-right: 0;}
.ltgjlb .bor .ltgjxx li:after{position:absolute; content:" "; left:0; top: 18px; margin-top: -1px; width: 7px; height: 7px; background: #6B8C8B; border-radius: 50%;}
.ltgjlb .bor .ltgjxx li a{color:#333; display:block; font-size: 16px;}

/****** 清廉一线 *****/
.ztbox3{background: url(lrnyzt_bg_r5_c1_s1.jpg) bottom center no-repeat; background-size: 100%; margin-top: 65px;}
.qlyx .zt-title{margin-bottom: 36px;}
.qlyx-box{background: url(lrnyzt_bg_r6_c1_s1.jpg) right bottom no-repeat #fff; border-radius: 10px; box-shadow: 0 0 6px 0 #e5f5f8; padding: 32px 37px; border: 1px #e5f5f8 solid;}
.qlyx-box-l{width: 48%; float: left; position: relative; overflow: hidden;}
.qlyx-box_l img{display: block; width: 100%; height: 311px;}
.qlyx-box-l b{display:block; position:absolute; width:100%; height:44px; bottom:0;left:0;background:#000; opacity:.5;filter:alpha(opacity=50); z-index:1;}
.qlyx-box-l .text{ display:block; position:absolute;height:44px; bottom:0;left:0; z-index:2; line-height:44px; padding:0 15px; width: 100%;}
.qlyx-box-l	.text a{color:#FFF; display:block; position:relative; z-index:3; font-size:16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden}
.qlyx-box-r{width: 48%; float: right;}

/****** 清风传承 *****/
.qfcc{margin-top: 58px;}
.qfcc-con{margin-top: 40px;}
.qfcc-l{width: 52%; float: left;}
.qfcc-l .pic{position: relative; height: 356px;}
.qfcc-l .box1{width: 98%; height: 342px; position: absolute; top: 0; left: 0; z-index: 2; border: 1px #fff solid;}
.qfcc-l .box1 img{display: block; width: 100%; height: 100%;}
.qfcc-l .box2{width: 98%; height: 342px; position: absolute; bottom: 0; right: 0; z-index: 1; background: #BAD6D9;}
.qfcc-l .box2 img{display: block; width: 100%; height: 100%;}
.qfcc-l .text{text-align: center; padding: 24px 10px;}
.qfcc-l .text a{display:block; font-size:18px; line-height: 1.3; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.qfcc-r{width: 46%; float: right;}
.qfcc-r li{width: 48%; float: left; margin-bottom: 10px;}
.qfcc-r li .pic{position: relative; height: 150px;}
.qfcc-r li .box1{width: 98%; height: 143px; position: absolute; top: 0; left: 0; z-index: 2; border: 1px #fff solid;}
.qfcc-r li .box1 img{display: block; width: 100%; height: 100%;}
.qfcc-r li .box2{width: 98%; height: 143px; position: absolute; bottom: 0; right: 0; z-index: 1; background: #BAD6D9;}
.qfcc-r li .box2 img{display: block; width: 100%; height: 100%;}
.qfcc-r li .text{text-align: left; padding: 0 10px;}
.qfcc-r li .text a{display:block; font-size:18px; line-height: 1.3; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.qfcc-r li.xx2, .qfcc-r li.xx4{float: right;}

/****** 公益广告 *****/
.gygg{margin-top: 50px;}
.gygg-con{ background: url(lrnyzt_bg2_r9_c1_s1.png) bottom center no-repeat; padding-bottom: 78px; width: 1310px; margin: 45px auto 0;}
.gygg-con .gygg-list{width: 1110px; margin: 0 auto;}
.gygg-con .gygg-list li{width: 28.8%; margin: 0 25px; float: left;}
.gygg-con .gygg-list li .pic{border: 1px #F2A54C solid;}
.gygg-con .gygg-list li .pic img{display: block; width: 100%; height: auto;}
.gygg-con .gygg-list li .text{padding: 23px 10px; text-align: center; font-size: 18px;}
.gygg-con .gygg-list li .text a{display: block; font-size: 18px;}

/****** 图说条例 *****/
.tstl{padding: 22px 0; position: relative; *overflow: hidden; overflow: hidden;}
.tstl .bd{overflow: hidden; width: 1100px; margin: 0 auto;}
.tstl .bd li{float: left; width:366px;}
.tstl .bd li .pic img{display: block; width:320px; height: 510px; margin: 0 auto;}
.tstl .hgan{display: block;}
.tstl .hgan a{ position:absolute; top:40%; width:31px; height:50px; cursor:pointer;}
.tstl .hgan .prev{background:url(xxgcjlcftl_r14_c3_s1.png) center no-repeat; left:0;}
.tstl .hgan .next{right:0; background:url(xxgcjlcftl_r14_c16_s1.png) center no-repeat;}

/****** 纪法微课 *****/
.jfwk .pic img{display: block; width: 100%; height: auto;}
.jfwk .text{line-height: 50px; font-size: 18px; text-align: center; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

/****** 推荐书目 *****/
.tjsm{padding: 22px 0; position: relative; *overflow: hidden; overflow: hidden;}
.tjsm .bd{overflow: hidden; width: 1100px; margin: 0 auto;}
.tjsm .bd li{float: left; width: 275px;}
.tjsm .bd li .pic img{display: block; width:217px; height: 288px; margin: 0 auto;}
.tjsm .hgan{display: block;}
.tjsm .hgan a{ position:absolute; top:40%; width:31px; height:50px; cursor:pointer;}
.tjsm .hgan .prev{background:url(xxgcjlcftl_r14_c3_s1.png) center no-repeat; left:0;}
.tjsm .hgan .next{right:0; background:url(xxgcjlcftl_r14_c16_s1.png) center no-repeat;}

/****** 警钟长鸣 *****/
.jzcm-l{width: 47%; margin-bottom: 7px;}
.jzcm-l img{display: block; width: 100%; height: auto;}
.jzcm-r{width: 50%;}
.jzcm-r h1{font-weight: bold; font-size: 18px; margin-bottom: 12px; line-height: 1.8; text-align: center;}
.jzcm-r h1 a{color: #333; font-size:18px; display: block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.jzcm-r .xxzy{font-size: 16px; line-height: 1.5;}
.jzcm-r .xxzy a{color: #ed2828; font-size: 16px;}

@media (max-width: 1920px) {
	.ztwrap{background-size: 1920px;}
	.ztwrap .ztheader img{width: 1920px; max-width: 1920px;}	
	
}

@media (max-width: 1280px) {
	
}
@media (max-width: 1024px) {

.container{padding: 0 3%; width: auto;}
}

@media (max-width: 768px) {
body{min-width: 1200px;}

}