@charset "utf-8";
body{color:#333333; font-size:15px; font-family:Microsoft Yahei; -webkit-text-size-adjust:none;}
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, textarea, ul{ padding:0; margin:0;}
li, ol, ul{ list-style:none;}
img{ border:none; border:0;}
a{ text-decoration:none; color:#333333; noline:expression(this.onFocus=this.blur());}
a:focus {outline:none;-moz-outline:none;}
a:hover{}
.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 { outline: none;}

.clear{clear:both;}
.container{ width:1200px; margin:0 auto; clear:both;}
.wrap{ max-width:1247px; margin:0 auto; clear:both; width:100%;}
.space10, .space20, .space30{clear:both; line-height:0; font-size:0; overflow:hidden; zoom:1;}
.space10{height:10px;}
.space20{height:20px;}
.space30{height:30px;}
.pageMain{padding: 20px; background:#fff; min-height:200px;}
.boxsizing_c{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/***** header *****/
.header{height:311px; width:100%; }
.headerbg{ width:100%; height:270px; background:url(../images/lzwheaderbg.jpg) center center;}
/**.header_bg{height:311px; background:url(../images/ljhp_banner_02.jpg) top right no-repeat;}
.header .logo{ float:left; margin:100px 20px 10px;}
.header .logo img{ max-width:100%;}**/


.mainnav{clear:both; height:58px; background:#077ad3; line-height:58px; position:relative; z-index:20;}
.mainnav .wrap{position:relative;}
.mainnav li{float:left; width:14%; text-align:center; position:relative;}
.mainnav li a{color:#fff; font-size:1.065em; font-weight:bold; display:block;}
.mainnav li.on, .mainnav li a:hover{ background:#0059a3;}

/*****
.navbarbox{width: 100%; background-color: #437ef3; line-height: 52px; font-size:18px; color: #fff; font-weight: bold;} 
.navbarbox ul{ height:52px; max-width: 1250px; margin: 0 auto;position:relative; z-index:1; }
.navbarbox .nLi{width:9.0909%; float: left; position: relative;display:inline;  }
.navbarbox .nLi a{color: #fff; display: block; text-align: center;}
.navbarbox .nLi:hover{color: #fff; background-color:#2D91E7;}
.navbarbox .sub{ display:none; width:105%; left:0; top:50px;  position:absolute; background:#2d90e7;  line-height:30px; padding:5px 0; font-size: 16px;font-weight: normal; }
.navbarbox .sub li{ zoom:1; background:#2D91E7 ; width:100%;}
.navbarbox .sub a{ display:block; padding:0 10px; }
.navbarbox .sub a:hover{ background:#6d6d6d; color:#fff;  }
.navbarbox .on h3 a{ background:#4E4E4E; color:#fff;   }
****/




.search{position:absolute; top:20px; right:135px; width:200px; padding-right:20px; }
.search .searchTxt{float:left; width:100%; padding:0 10px; background:#fff; color:#999999; height:38px; line-height:38px; border:0; border-radius:20px 0 0 20px; }
.search .searchBtn{ position:absolute; right:-60px; top:0; width:60px; height:38px; background: url(../images/ss.png) no-repeat center center #FFF; color:#fff; font-size:1em; cursor:pointer; border:0; border-radius:0 20px 20px 0; -webkit-appearance:none;}

/*common*/
.common_homeTab .hd{ background:url(../images/titBg.png) left center; height:46px;}
.common_homeTab .hd li{float:left;height: 43px;padding:0 25px;line-height:46px;font-size: 20px;text-align:center;color:#666;font-weight: bolder;}
.common_homeTab .hd li a{color:#666;}
.common_homeTab .hd li.on{background: inherit;color: #FFF;}
.common_homeTab .hd li.on a{color:#fff;}
.common_homeTab .hd .more{float:right;padding-right:10px;line-height:40px;color:#666;white-space:nowrap;font-size: 14px;}
.common_homeTab .hd .more a{color:#666}
.common_homeTab .bd{clear:both;/* padding-top:12px; */}
.common_homeTitle1{height:40px; font-size:18px; font-weight:bold; color:#000; border-bottom:#cccccc 1px solid;}

.common_Tab1 .hd{background:none; border-bottom:1px solid #c8c8c8; height:40px;}
.common_Tab1 .hd li.on{background:none; height:39px; line-height:38px; border-bottom:2px solid #c31f0b; position:relative; color:#333; z-index:2;}
.common_Tab1 .hd li.on a{color:#333;}

.common_newslist li{position:relative;padding-left: 7px;line-height:2.8;font-size: 18px;background-image: linear-gradient(to right, #ccc 0%, #ccc 50%, transparent 50%);background-size: 8px 1px;background-repeat: repeat-x;background-position-y: bottom;}

.common_newslist li a{ display:block; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.common_newslist li a:hover{font-weight:bold;}

.list_time li{padding-right:20px;}
.list_time li span{ position:absolute; right:0; top:0; color:#999999; z-index:1;}

.list_time1 li{padding-right:70px;}

.curmb{padding:12px 10px 12px 45px; margin-bottom:15px; font-size:16px; line-height:1.5; background:url(../images/curmb_icon.png) no-repeat 16px center #f0f0f0;  color:#666666;}
.curmb b{color:#de180f;}
.curmb a{color:#666;} 
.curmb a:hover{color:#333; font-weight:bold;}


.wrapper-opein-info{margin:auto;width:1247px;padding:30px 50px 50px;box-sizing:border-box;display:block;overflow:hidden}
.wrapper-opein-info a{display:block;float:left;width:236px;height:140px;line-height:100px;margin-right:62px;margin-bottom:49px;font-size:24px;text-align:center}
.wrapper-opein-info a:nth-child(4n+4){margin-right:0}


/* 新增 */
/* 清风时评、亲清政商、最美家风 */
.btnBox{width:100%;height:75px;background:url(../images/btnBox.png) no-repeat center;display:flex;flex-flow:row wrap;align-content:flex-start;box-sizing:border-box;padding:8px 6px;background-size: 100%;}
.btnBox a{width:32%;height:60px;font-size:0;display:block;overflow:hidden;top:8px}
.btnBox a:nth-child(2){margin:0 2%}
.common_Tab li{font-size:16px;line-height:2.7;background-image:none}

/* 廉政学堂 */
.lzxy .bd{margin-top:16px}
.lzxy .bd ul{display:flex;flex-flow:row wrap;align-content:flex-start;justify-content:space-around}
.lzxy .bd ul li{width:180px;height:220px;padding:0;margin-bottom:25px}

/* 飘窗 */
.left-siteinfo{position:fixed;top:35%;left:50%;transform:translateX(-805px);z-index:99}
.left-siteinfo .close{position:absolute;right:-12px;top:-11px;border:none;background:0 0;width:22px;height:22px}


.left-siteinfo2{position:fixed;top:10%;left:50%;transform:translateX(-805px);z-index:99}
.left-siteinfo2 .close{position:absolute;right:-12px;top:-11px;border:none;background:0 0;width:22px;height:22px}


/*图片鼠标经过效果*/
.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.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2);}

/*footer*/
.footer_bg{ height:50px; width:100%;background: #077ad3;}
.footer_bg ul{max-width: 740px;margin: 0 auto;}
.footer_bg ul li{ width:25%; line-height:50px; text-align:center; float:left;}
.footer_bg ul li a{ color:#FFF;}

.footer{padding:24px 0; line-height:3;  height: 90px; color:#333; clear:both;  text-align:center; }
.footer a{color:#fff;}
.footer p{text-align:center;}
.footer .wzbs{padding-top:10px;}
.footer .wzbs img{vertical-align:middle;}

.footer_pic{float: left;  width: 382px; padding: 16px 0 0; margin-right: 8px; text-align: right;}
/*common responsive*/
@media (max-width: 999px) {
	*{
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */	
	}
	.container{width:100%; padding:0 2%;}
	.mainnav .search{padding-right:0;}

	.wrapper-opein-info{width: 100%;}
	.wrapper-opein-info a{margin-right: 10px;}
}

@media (min-width: 993px) and (max-width: 999px){
	.header{padding:0 2%;}	
}
/*ipad*/
@media (max-width: 992px) {
	.header .container{height:auto; overflow:hidden;}
	.header .logo{position:static; padding:25px 0;}
	.header .logo img{display:block; margin:0 auto; max-width:90%;}
}

/* xs mobile*/
@media (max-width: 768px) {
	.header_bg{height:211px; background-size:70%;}
	.header .logo{margin:30px 10px 10px;}
	.header .logo img{width:70%;}

	.mainnav li{overflow:hidden; width:25%;}
	.mainnav .search{ display:none;}
	.footer{font-size:0.875em;}
	.mainnav{height: auto; overflow: hidden;}
	.search{padding-right: 0px;}
	
}
@media (max-width:640px) {
 .footer_pic{width: 100%; text-align: center;margin-right: 0;}
 .footer_bg ul li{width: 50%;}
 .footer_bg{height: 100px;}
 .footer{height: auto;}
}

@media (max-width: 480px) {
	.header_bg{ height:auto; background:none;}
	.header .logo{padding:18px 0 20px; margin:auto; float:none; text-align:center;}
	.mainnav li a{font-size:1em; font-weight:normal;}
	.mainnav li a:hover{background:none;}
}