﻿@charset "utf-8";
/* CSS Document */
html,body,div,p,hr,pre,h1,h2,h3,h4,h5,h6,table,tr,td,th,tfoot,tbody,thead,form,fieldset,input,textarea,label,ul,ol,dl,li,dt,dd,a,img,iframe,a {
	list-style: none; margin: 0px; padding: 0px; border: 0px currentColor; font-weight: normal; vertical-align: top; border:0;
}
body {
	text-align: center; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
}
a,a:link,a:hover,a:visited {
	text-decoration: none;
}
.clear{ clear:both;}
.clearfix { display: block; #zoom:1;}
.clearfix:after { content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both; }

/* 头图 */
body{ background-image:url("images/banner.jpg"); background-repeat:no-repeat; background-position: top center;}
.banner{
	height:555px;
	position: relative;
}
.logo{width:280px;height:140px; position: absolute; right: 0; top:0; background:url('images/logo.png') no-repeat top center; background-size:100%;animation: zoomIn 1s;-moz-animation: zoomIn 1s;-webkit-animation: zoomIn 1s;-o-animation: zoomIn 1s; animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;-webkit-animation-fill-mode: backwards;-o-animation-fill-mode: backwards; display:inline-block; z-index:100;}
.z{width:100%;height:100%; position: absolute; left:0; top:0; background:url('images/z.png') no-repeat top center; background-size:100%;animation: zoomIn 1s 0.5s;-moz-animation: zoomIn 1s 0.5s;-webkit-animation: zoomIn 1s 0.5s;-o-animation: zoomIn 1s 0.5s; z-index:100; animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;-webkit-animation-fill-mode: backwards;-o-animation-fill-mode: backwards;}
.tz{width:100%;height:100%; position: absolute; left:0; top:0; background:url('images/tz.png') no-repeat top center; background-size:100%;animation: fadeInRightBig 1s 1s;-moz-animation: fadeInRightBig 1s 1s;-webkit-animation: fadeInRightBig 1s 1s;-o-animation: fadeInRightBig 1s 1s; z-index:100; animation-fill-mode: backwards;-moz-animation-fill-mode: backwards;-webkit-animation-fill-mode: backwards;-o-animation-fill-mode: backwards;}

.title{
	width:600px;
	margin:0px auto;
	height:200px;
	padding-top:60px;
	padding-bottom:40px;
}
.title img{ width:600px; height:200px;}

.more{
	font-size:20px;
	line-height:40px;
	height:40px;
	overflow:hidden;
	color:#c60007;
	display:block;
	text-align:right;
}
.more a,.more a:link{ color:#c60007;}
.more a:hover{ color:#d52800; }
.more-w{
	font-size:20px;
	line-height:40px;
	height:40px;
	overflow:hidden;
	color:#fff;
	display:block;
	text-align:right;
}
.more-w a,.more-w a:link{ color:#fff;}
.more-w a:hover{ color:#fff; }

/* 导航 */
.nav {
	height:70px; background-color:#f39a39;
}
.nav ul{
	width:1200px; margin:0px auto;
}
.nav li{
	padding:0px 55px;
	line-height:70px;
	font-family:"Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:30px;
	color:#fff;
	float:left;
	font-weight:bold;
}
.nav li a,.nav li a:link{ color:#fff; font-weight:bold;}
.nav li a:hover{ color:#d52800;}

/*即时新闻 聚焦*/
.news{
	width:1200px;
	margin:0px auto;
	margin-top:70px;
}

/*焦点图*/
.slideBox01{float:left;width:620px;height:350px;overflow:hidden;position:relative;z-index:0}
.slideBox01 .hd{height:10px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1;}
.slideBox01 .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox01 .hd ul li{float:left;margin:0px 4px;width:10px;height:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; line-height:40px;text-align:center;background:#fff;color:#ddd;cursor:pointer;}
.slideBox01 .hd ul li.on{background:#cd1f1f;color:#fff;}
.slideBox01 .bd{float: left;position:relative; height:100%; z-index:0;overflow:hidden;}
.slideBox01 .bd img{width:620px;height:350px;border:0px solid;}
.slideBox01 .bd span{width:620px;height:40px;bottom:0px;left:0px;background: #000;position: absolute;filter: alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;border-top:1px solid #333333;}
.slideBox01 .bd h1{width:450px;height:40px;bottom: 0px;left: 10px;position: absolute;font-size: 16px;color: #FFFFFF;line-height: 40px;text-align:left;overflow:hidden;cursor:pointer;line-height:40px;margin:0;padding:0;border:0;font-weight:normal;}
.slideBox01 .bd h1 a{color:#fff; text-decoration:none;line-height:40px;font-size:16px;}
.slideBox01 .bd h1 a:hover{color:#ffffcc; text-decoration:underline;line-height:40px;font-size:16px;}

.slideBox01 .prev,.slideBox01 .next{position:absolute;width:40px;height:74px;background: url(images/focus_btn.png) no-repeat;display:block; }
.slideBox01 .prev{top: 50%;margin-top: -37px; left: 0px;background-position:0 -74px; cursor:pointer; }  
.slideBox01 .next{top: 50%;margin-top: -37px; right:0px;background-position:-40px -74px;  cursor:pointer;}  
.slideBox01 .prev:hover{  background-position:0 0; }  
.slideBox01 .next:hover{  background-position:-40px 0;} 

/*即时新闻 列表*/
.news .lb{ width:530px; float:right;}
.news .lb .shz{
	margin-bottom:20px;
	border-bottom:#f0f0f0 solid 1px;
}
.news .lb .shz .bbb{ font-size:24px; line-height:30px; height:30px; overflow:hidden; color:#cd1f1f;  font-weight:bold; display:block; margin-bottom:10px; text-align: left;}
.news .lb .shz .bbb:hover{ color:#ffa500; }
.news .lb .shz .rrr{ font-size:16px; color:#000; line-height:30px; height:60px; overflow:hidden; margin-bottom:15px; display:block; text-align:left;}
.news .lb .shz .rrr:hover{ color:#ffa500; }
.news .list ul li{
	width:500px;
	padding:0px;
	font: 20px/50px "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	height:50px;
	overflow:hidden;
	text-align:left;
	color:#000;
	background-image:url(images/d.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:30px;
}
.news .list ul li a,.news .list ul li a:link{ color:#000;}
.news .list ul li a:hover{ color:#ffa500;}

/* 新春走基层 */
.zjc{ width:1200px; margin:0px auto; height:760px;}
.zjc li{ width:376px; height:340px; background-color:#f11f1f; float:left; margin-bottom:40px;}
.zjc li img{ width:376px; height:210px;}
.zjc li h1{ width:300px; margin:0px auto; font-size:20px; height:70px; line-height:35px; overflow:hidden; color: #fff; text-align:left; margin-top:30px; font-weight:bold;}
.zjc li h1 a,.zjc li h1 a:link,.zjc li h1 a:hover{ color: #fff; font-weight:bold;}
.text{ width:1200px; margin:0px auto;}

/* 年味儿·雄安 */
.bg_box {
width: 100%;
height: 980px;
background: url(images/nwe-bg.png) top center no-repeat;
}
.box {
width: 1200px;
margin: 0px auto;
height: 430px;
background-color: #ffce81;
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-o-border-radius:20px;
-ms-border-radius:20px;
z-index:1;
padding:10px;
}
.focusBox2 {
width: 1200px;
margin: 0px auto;
height: 430px;
background-color: #FFF;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
z-index:10;
position: relative;
}
.focusBox2 .arrow-left2 {
	background: url("images/w-left.png") left top no-repeat;
	position: absolute;
	left: -65px;
	top: 200px;
	width: 30px;
	height: 50px;
	z-index: 2
}
.focusBox2 .arrow-right2 {
	background: url("images/w-right.png") left top no-repeat;
	position: absolute;
	right: -65px;
	top: 200px;
	width: 30px;
	height: 50px;
	z-index: 2
}
.focusBox2 .swiper-container {
width: 1200px; height: 430px;
}
.swiper-slide {
width: 1200px;
height: 430px;	
position: relative;
overflow:hidden;
}
.focusBox2 .pagination {
margin-top: 30px;
text-align: center;
width: 1200px;
height:5px;
}
.focusBox2 .swiper-pagination-switch {
display: inline-block;
width: 40px;
height: 5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
background: #fff;
margin: 0 5px;
cursor: pointer;
}
.focusBox2 .swiper-active-switch {
background: #890000;
}
.czkj-wen{ width: 420px; float:left; margin-left: 60px;}
.czkj-wen h1,.czkj-wen h1 a,.czkj-wen h1 a:link{ width: 420px; font-size:24px; line-height:50px; color:#cd1f1f;  font-weight:bold; padding-top:120px; text-align:left;}
.czkj-wen h1 a:hover{ color:#ffa500; }
.czkj-pic{ width: 620px; height: 350px; float: right; position: relative; margin-right: 40px; margin-top:40px;}
.czkj-pic img{ width:620px; height: 350px;}

/* 非遗·雄安 */
.mainBox {
	width:100%;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.focusBox {
	width: 1200px;
	height: 670px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
}
.focusBox .hd {
	width: 85px; height: 85px; right: 5px; bottom: 0px; overflow: hidden; position: absolute; z-index: 1;
}
.focusBox .hd .cur {
	color: rgb(255, 255, 255); line-height: 85px; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体"; font-size: 45px; font-style: italic; margin-right: 4px; float: left;
}
.focusBox .hd .cut {
	color: rgb(255, 255, 255); line-height: 96px; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体"; font-size: 20px; font-style: italic; margin-right: 2px; float: left;
}
.focusBox .hd .total {
	color: rgb(255, 255, 255); line-height: 104px; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体"; font-size: 20px; font-style: italic; margin-right: 2px; float: left;
}
.focusBox .hd ul {
	overflow: hidden; float: left; zoom: 1;
}
.focusBox .hd ul li {
	background: rgb(255, 255, 255); width: 15px; height: 15px; text-align: center; line-height: 14px; font-size: 12px; margin-right: 2px; float: left; cursor: pointer;
}
.focusBox .hd ul li.on {
	background: rgb(255, 0, 0); color: rgb(255, 255, 255);
}
.focusBox .bd {
	height: 100%; position: relative; z-index: 0;
}
.focusBox .bd li {
	width:1200px; height:670px; vertical-align: middle; position: relative; zoom: 1; float:left;
}
.focusBox .bd img {
	width: 1200px;
	height: 670px;
	display: block;
}
.focusBox .bd li .bg {
	background: rgb(0, 0, 0); left: 0px; width: 100%; height: 85px; bottom: 0px; position: absolute; z-index: 0; opacity: 0.6;
}
.focusBox .bd li .title {
	left: 0px; width: 100%; height: 85px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 85px; overflow: hidden; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体"; font-size: 20px; position: absolute; z-index: 1;
}
.focusBox .bd li .title a {
	left: 0px; width: 100%; height: 85px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 85px; overflow: hidden; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";  font-size: 20px; position: absolute; z-index: 1;
}
.focusBox .prev {
	background: url("images/slider-arrow.png") no-repeat -110px 5px; left: 3%; top: 50%; width: 32px; height: 40px; margin-top: -25px; display: block; filter: alpha(opacity=50); position: absolute; opacity: 1;
}
.focusBox .next {
	background: url("images/slider-arrow.png") no-repeat -110px 5px; left: 3%; top: 50%; width: 32px; height: 40px; margin-top: -25px; display: block; filter: alpha(opacity=50); position: absolute; opacity: 1;
}
.focusBox .next {
	background-position: 8px 5px; left: auto; right: 3%;
}
.focusBox .prev:hover {
	filter: alpha(opacity=100); opacity: 1;
}
.focusBox .next:hover {
	filter: alpha(opacity=100); opacity: 1;
}

/* footer */
.footer{width:100%;overflow:hidden; background-color: #c60007; padding:60px 0px 60px 0px; margin-top:60px;}
.footer .gnq{
	font-size:16px;
	line-height:40px;
	width:1200px;
	margin:0px auto;
	text-align:center;
	color:#fff;
}
