@charset "utf-8";
body{
	margin:0;
	padding:0;
	font:16px "Microsoft YaHei";
	color:#666;
	-webkit-text-size-adjust:none;
	background:
	url(../images/zjgy_bg2.png) left 900px no-repeat,
	url(../images/zjgy_bg3.png) left bottom no-repeat,
	url(../images/zjgy_bg1.png);
}
img{
	border:none;
}
dl, dt, dd, ul, li, form, input, textarea{
	margin:0;
	padding:0;
	list-style:none;
}
.clearfix{
	zoom:1;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	height:0;	
}
a{
	color:#666;
	text-decoration:none;
}
.pt-common{
	padding-top:60px;
}
.max-wrap-zjgy{
	max-width:1920px;
	margin:0 auto;
}
.main-wrap-zjgy{
	width:1280px;
	margin:0 auto;
}
.top-bar {
	position: absolute;
	z-index: 2;
	width: 100%;
}
.small-logo{
	display:none;
}
.lh_xct .logo{
	position: absolute;
	width: 100%;
	text-align: center;
	top:160px;
	z-index: 2;
}
.lh_xct .logo img{
	display: block;
	margin:0 auto;
}
.lh_xct .zd{
	position: absolute;
	bottom:0;
	width:100%;
	z-index: 2;
}
.lh_xct .zd img{
	display:block;
}
.box-common .box-title-name{
	text-align: center;
	position: relative;
}
.box-common .box-title a{
	display: inline-block;
}
.box-common .box-title a span{
	display:none;
}
.box-common .box-title-name:before{
	content:"";
	display:inline-block;
	background:url(../images/title_left.png) no-repeat right;
	height:35px;
	width:calc((100% - 340px) / 2);
	position: absolute;
	left:0;
	bottom:30px;
}
.box-common .box-title-name:after{
	content:"";
	display:inline-block;
	background:url(../images/title_right.png) no-repeat left;
	height:35px;
	width:calc((100% - 340px) / 2);	
	position: absolute;
	right:0;
	bottom:30px;
}
.zjgy-col-2 .box-common .box-title-name:before,.zjgy-col-2 .box-common .box-title-name:after{
	display:none;
}
.zjgy-col-2 .box-common .box-title-name{
	text-align:left;
}
.box-common .box-content{
	padding-top:30px;
}
.box-common .box-content .pic{
	display: block;
	padding-top:32.6%;
	overflow:hidden;
	position: relative;
}
.box-common .box-content .pic img{
	transition: 0.4s all;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}
.box-common .box-content .pic:hover img{
	transform: scale(1.1);
}
.box-common .box-content>span>p{
	display:block;
	line-height:2em;
	max-height:6em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-indent:2em;
	margin-top:10px;
}
.box-common .box-content p{
	margin:0;
	padding:0;
	text-indent:2em;
	line-height:2.5em;
}
.box-common .box-content>img{
	width:100%;
}
.box-common .box-content .more{
	display: inline-block;
	background:#1389a0;
	color:#fff;
	font-size:0.875em;
	padding: 4px 30px;
	-webkit-transition: background-color 400ms;
	transition: background-color 400ms;
	margin-top: 10px;
}
.box-common .box-content .more:hover{
	background:#ff7900;
}
/*魅力巩义*/
.mlgy{
	background:url(../images/mlgy_pic.png) no-repeat;
	padding-top:30.5729%;
	background-size: 100%;
	position: relative;
	margin-top: 60px;
}
.mlgy>.main-wrap-zjgy>img{
	position: absolute;
	top:60px;
}
.mlgy a{
	display: block;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-59px;
	margin-top:-59px;
	transform: scale(1);
	transition: transform 0.3s;
}
.mlgy a:hover{
	transform: scale(1.1);
}

/*历史沿革+文明巩义*/
.zjgy-col-2{
	margin-left:-4%;
}
.zjgy-col-2>div{
	width:46%;
	margin-left:4%;
	float:left;
}

/*pic-list start*/
.pic-list li{
	float:left;
	width:24.2%;
	margin-left:0.8%;
}
.pic-list li:first-child{
	margin-left:0;
	width:50%;
}
.pic-list li:nth-last-child(1),
.pic-list li:nth-last-child(2) {
    margin-top:15px;
}
.pic-list li a{
	display:block;
	position: relative;
}
.pic-list li .tex{
	position:absolute;
	bottom:0;
	width:100%;
	color:#fff;
	z-index: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	font-style: normal;
	display: block;
	padding:0 7px;
	box-sizing:border-box;
	height:2em;
	line-height:2em;
}
.pic-list li em {
	position:absolute;
	bottom:0;
	background-color:#000;
	width:100%;
	opacity: .40;
	filter: alpha(opacity=40);
	padding-bottom:0;
	z-index: 0;
	height: 2em;
}
.pic-list li a img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	transition: all 0.3s;
}
.pic-list li a:hover img {
	transform: scale(1.1);
}
.pic-list li a span {
	display: block;
	position: relative;
}
.pic-list.img-4-3 span {
	padding-top: 75%;
	overflow: hidden;
}
.pic-list.img-16-9 span {
	padding-top: 56.25%;
	overflow: hidden;
}

/*二级栏目切换--模块化--start*/
.box-tab>dt {
	border-bottom: 1px solid #bdbdbd;
}
.box-tab>dt>ul{
	text-align: center;
}
.box-tab>dt>ul>li {
	display: inline-block;
	line-height: 60px;
	font-size: 1.375em;
	color: #282828;
	cursor: default;
	margin: 0 20px;
	position: relative;
}
.box-tab>dt>ul>li:after{
	content: "";
	display: block;
	height: 3px;
	background: #1389a0;
	bottom: -1px;
	position: absolute;
	width: 0;
	left:50%;
	transition: 0.4s all;
}
.box-tab>dt>ul>li.focus:after{
	width:100%;
	left:0;
}
.box-tab>dt>ul>li:first-child {
	margin-left: 0;
}
.box-tab>dt>ul>li.focus{
	color: #1389a0;
}
.box-tab>dt>ul>li>a {
	display: block;
	color: #666;
	height: 36px;
	line-height: 36px;
	font-size: 1.0625em;
}
.box-tab>dd>ul>li {
	display: none;
}
.box-tab>dd>ul>li.focus {
	display: block;
}
.box-tab>dt>ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}
/*巩义数据*/
.area-data{
	background:#fff;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
	-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
	-o-box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);
}
.btn-list{
	margin-left: -2%;
}
.btn-list a{
	background:url(../images/btn_list_bg.png) no-repeat;
	background-size:100% 100%;
	width:31.3333%;
	float:left;
	margin-left: 2%;
	text-align: center;
	color: #fff;
	font-size: 1.875em;
	font-weight: bold;
	padding: 25px 0;
	transition: 0.3s all;
}
.btn-list a:hover{
	transform: scale(1.05);
}
.btn-list a img{
	margin-right:10px;
	vertical-align: middle;
}
/*版权*/
.bottom_copyright {
	border-top:8px solid #016bb9;
	text-align: center;
	margin-top: 10px;
	width: 100%;
	clear:both;
	background: url(../../images/footer.png) #e3e3e3  no-repeat top center;
}

.bottom_copyright .con {
	padding-bottom:20px;
	width: 1280px;
	margin: 0 auto;
}
.bottom_copyright .con div {
	color:#666;
	font-size:0.8em;
	line-height:2em;
}
.bottom_copyright .con div img{
	vertical-align: middle;
}
.bottom_copyright .con div a {
	color:#666;
}
.bottom_copyright .con>div>a {
	position:relative;
	padding-right:16px;
}
.bottom_copyright .con>div>a:after {
	content:"|";
	color:#999;
	position:absolute;
	right:4px;
	top:-5px;
}
.bottom_copyright .con>div>a:last-child:after {
	display:none;
}
.bottom_copyright .con table td>div a:before {
	content:"|";
	padding:0px 10px;
	color:#aaa;	
}
.bottom_copyright .con div a:first-child::before {
	content:"";
}
.bottom_copyright .con>div:first-child {
	padding:15px 0;
}
@media screen and (max-width:1280px){
	.max-wrap-zjgy{
		width:auto;
	}
	.main-wrap-zjgy{
		width:auto;
	}
	.bottom_copyright .con{
		width:auto;
	}
}
@media screen and (max-width:1000px){
	body{
		background:url(../images/zjgy_bg1.png);
	}
	.pt-common{
		padding-top:20px;
	}
	.small-logo{
		display:block;
		border-bottom:2px solid #1389a0;
		font-size:2em;
		font-weight: bold;
		padding:10px;
		padding-top:50px;
	}
	.box-common .box-title-name:before,.box-common .box-title-name:after{
		display:none;
	}
	.box-common .box-title a img{
		display:none;
	}
	.box-common .box-title a span{
		display:block;
		padding: 8px 20px;
	}
	.box-common .box-title a{
		background:#1389a0;
		color:#fff;
	}
	.box-common .box-content{
		padding-top:10px;
	}
	.box-common .box-content p{
		padding:0 10px;
		display:block;
		line-height:2em;
		max-height:8em;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		overflow: hidden;
	}
	.box-common .box-content .pic{

	}
	.box-common .box-content>span{
		padding:0 10px;
		display:block;
	}
	.box-common .box-content .more{
		display: block;
		background: #fff;
		color: #666;
		border: 1px solid #dbdbdb;
		margin: 0 auto;
		text-align: center;
		border-radius: 6px;
		width: 90%;
		padding: 6px;
		margin-top: 10px;
	}
	.box-common .box-content .more:hover{
		background:#fff;
	}
	.box-common .box-title-name{
		text-align: left;
		border-bottom: 1px solid #ddd;
	}
	/*统计月报、统计公报、年度数据*/
	.btn-list a{
		background: #1389a0;
		font-size: 1em;
		padding: 10px 0;
		border-radius: 10px;
	}
	.btn-list a img{
		display: block;
		margin: 0 auto;
		width: 30px;
	}
	/*巩义数据*/
	.box-tab>dt{
		border:none;
	}
	.box-tab>dt>ul>li:after{
		display:none;
	}
	.box-tab>dt>ul>li{
		font-size: 1em;
		border: 1px solid #ddd;
		background: #fff;
		line-height: 1.5em;
		padding: 10px;
		box-sizing: border-box;
		width: 48%;
		margin: 0 1% !important;
		margin-top: 10px !important;
		float: left;
	}
	/*经济、社会、历史沿革、文明巩义*/
	.zjgy-col-2{
		margin-left:0;
	}
	.zjgy-col-2>div{
		width:auto;
		float:none;
		margin-left:0;
	}
	/*pic-list*/
	.pic-list{
		margin-left:-1%;
	}
	.pic-list li{
		width:49%!important;
		margin-left:1%!important;
		margin-top: 10px !important;
	}
	.pic-list li:last-child{
		display:none;
	}
	/*魅力巩义*/
	.mlgy{
		margin-top:10px;
	}
	.mlgy a img{
		width:60px;
	}
	.mlgy>.main-wrap-zjgy>img{
		display: none;
	}
	.mlgy a{
		margin-left:-30px;
		margin-top:-30px;
	}
	/*版权*/
	.bottom_copyright .con{
		width:auto;
		padding: 10px 0px;
		font-size: 0.865em;
	}
	.bottom_copyright .con>div{
		display:none;
	}
	.bottom_copyright .con table td div>*{
		display:none;
	}
	.bottom_copyright .con table td div>.m-visible{
		display:inline-block;
		font-size:1.25em;
		padding:0 5px;
	}
	.bottom_copyright .con table td:first-child, .bottom_copyright .con table td:last-child{
		display:none;
	}
}
/*适老开关·登录·简繁体*/
a.back {
    color: #fff;
    display: block;
    float: left;
    padding:0 10px;
}
.top-bar{
    font-size:14px;
    line-height:45px;
}
.top-link{
    float:right;
    padding-right: 10px;
}
.top-link a{
    color:#fff;
}
.top-link .version-links{
    float:left;
}
.top-link .version-links a:after{
    font-size:.875em;
    content:"|";
    padding:0 6px;
}
.user{
    float:left!important;
}
#pip-triggers-container{
    float:left;
}
.top-link .version-links{
    float:left;
}
.pip-triggers{
    line-height:20px;
    text-align:left;
}
.pip-triggers > em > i{
    vertical-align:middle;
}
.top-link .user > a{
    padding-right:10px;
}
.pip-triggers>em>i{
    color:#fff;
}
.user>.login-others{
    margin-left:0!important;
    margin-right:10px;
}
@media screen and (max-width:1320px){
    .login-others > ul{
        right:0 !important;
    }
    .top-link .user > a{
        color:#3e71a4;
    }
    .top-link a{
        color:#333;
    }
    .pip-triggers>em>i{
        color:#333;
    }
    a.back{
        color:#333;
    }
}
/*适老开关·登录·简繁体 end*/