﻿@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;
}
body {
	text-align: center; font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
}
a,a:link,a:hover,a:visited {
	text-decoration: none;
}
*html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear{ clear:both;}
.clearfix { display: block; } 
.clearfix::after {
	width: 100%; height: 0px; overflow: hidden; clear: both; font-size: 0px; display: block; content: "";
}
img {
	vertical-align: top;
}
.left{ float:left;}
.right{ float:right;}
body {
  width: 100%;
  height: auto;
  background-image:url(images/banner.jpg);
  background-repeat:no-repeat;
  background-position: top center;
}
.full-screen,.full-screen body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* banner */
.banner{
	width:100%;
	margin:0px auto;
	height:540px;
	position: relative;
	overflow: hidden;
}
.logo{ width:240px; height:100px; position: absolute; left:20px; top:20px;}
.logo img{ width:240px; height:100px;}

/* title */
.title{
	width:1200px;
	margin:0px auto;
	height:200px;
	padding:100px 0px 40px 0px;
}
.title img{ width:1200px; height:200px;}

/* 查看更多 */
.more{
	margin:0px auto;
	font-size:18px;
	line-height:30px;
	height:30px;
	overflow:hidden;
	color:#0049a9;
	font-weight:bold;
	display:block;
	text-align:right;
}
.more a,.more a:link{ color:#0049a9; font-weight:bold;}

/* 导航 */
.menu {
	width:100%; height:100px; background-color:#1c57de;}
.menu ul{
	width:1200px; margin:0px auto;
}
.menu li{
	padding-right:72px;
	line-height:100px;
	font-family:"Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:30px;
	color:#fff;
	float:left;
	font-weight:bold;
}
.menu li a,.menu li a:link{ color:#fff;font-weight:bold;}
.menu li a:hover{ color:#ffa500;}
.menu li img{ width:200px; height:100px;}

/* 新闻动态 */
.news{
	width:1200px;
	margin:0px auto;
	margin-top:100px;
}

/* 焦点图 */
.slideBox01{float:left;width:735px;height:413px;overflow:hidden;position:relative;z-index:0}
.slideBox01 .hd{height:10px; overflow:hidden; position:absolute; right:5px; bottom:25px; z-index:1;}
.slideBox01 .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox01 .hd ul li{float:left;margin:0px 7px 0px 0px;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:#3f60ea;color:#fff;}
.slideBox01 .bd{float: left;position:relative; height:100%; z-index:0;overflow:hidden;}
.slideBox01 .bd img{width:735px;height:413px;border:0px solid;}
.slideBox01 .bd span{width:735px;height:80px;position: absolute;bottom:0px;left:0px;background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));}
.slideBox01 .bd h1{width:600px;height:60px;line-height:60px; overflow:hidden;position: absolute;left: 30px;bottom: 0px;font-size: 18px;color: #FFFFFF;text-align:left;overflow:hidden;cursor:pointer;font-weight:bold;}
.slideBox01 .bd h1 a{color:#fff;}
.slideBox01 .bd h1 a:hover{color:#ffffcc;}

.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:425px; height:393px; float:right; margin-top:20px; position:relative;}
.news .lb .shz{ border-bottom:#f0f0f0 solid 1px;}
.news .lb .shz h1,.news .lb .shz h1 a,.news .lb .shz h1 a:link{ font-size:22px; line-height:30px; height:60px; overflow:hidden; color:#000;  font-weight:bold; display:block; margin-bottom:20px; text-align: left;}
.news .lb .shz h1 a:hover{ color:#ffa500;}
.news .lb .shz p,.news .lb .shz p a,.news .lb .shz p a:link{ font-size:16px; color:#999999; line-height:26px; height:78px; overflow:hidden; margin-bottom:10px; display:block; text-align:left;}
.news .lb .shz p a:hover{ color:#ffa500;}
.news .list ul li{
	width:405px;
	font: 17px/40px "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	height:40px;
	overflow:hidden;
	text-align:left;
	color:#000;
	background-image:url(images/d.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0px 0px 0px 20px ;
	font-weight:bold;
}
.news .list ul li a,.news .list ul li a:link{ color:#000;font-weight:bold;}
.news .list ul li a:hover{ color:#ffa500;}

/* 人物访谈 */
.rwft{
	width:100%;
	height:520px;
}


/* 精彩瞬间 */
.focusBox {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.focusBox .arrow-left {
	width:50px;
	height:90px;
	background:url(images/left.png) center center no-repeat;
	position:absolute;
	left:-70px;
	top:185px;
	z-index:2
}
.focusBox .arrow-right {
	width:50px;
	height:90px;
	background:url(images/right.png) center center no-repeat;
	position:absolute;
	right:-70px;
	top:185px;
	z-index:2
}
.focusBox .swiper-container {
	width:1200px;
	height:474px;
	cursor:-webkit-grab;
}
.focusBox .swiper-container .swiper-wrapper{
	width:4400px;
	height:474px;
	transform:translate3d(-4400px, 0px, 0px);
	transition-duration:0.3s;
}
.focusBox .swiper-container .swiper-slide {
	position:relative;
	overflow:hidden;
}
.pic-l{
	width:474px;
	height:474px;
	overflow:hidden;/*图片放大时多出来的部分将其隐藏*/
	position:relative;
	float:left;
}
.pic-l img{
	width:474px;
	height:474px;
	transition:all 0.5s;/*all表示所有属性都要变化*/
}
.pic-l img:hover{
    transform:scale(1.5);/*对图片进行放大*/
}
.pic-l span{
	width:474px;
	height:60px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
}
.pic-l h1{
	width:474px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	position: absolute;
	left:0;
	bottom:0;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:18px;
	color:#FFFFFF;
	z-index: 100;
}
.pic-l h1 a,.pic-l h1 a:link,.pic-l h1 a:hover{
	color:#FFFFFF;
}
.pic-r-n{
	width:232px;
	height:232px;
	overflow:hidden;/*图片放大时多出来的部分将其隐藏*/
	position:relative;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
}
.pic-r-n img{
	width:232px;
	height:232px;
	transition:all 0.5s;/*all表示所有属性都要变化*/
}
.pic-r-n img:hover{
    transform:scale(1.5);/*对图片进行放大*/
}
.pic-r-n span{
	width:232px;
	height:60px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
}
.pic-r-n h1{
	width:232px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	position: absolute;
	left:0;
	bottom:0;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:18px;
	color:#FFFFFF;
	z-index: 100;
}
.pic-r-n h1 a,.pic-r-n h1 a:link,.pic-r-n h1 a:hover{
	color:#FFFFFF;
}


/* 寄语雄安 */
.jyxa{
	width:100%;
	height:550px;
	background-image: linear-gradient(270deg, #86d2f7, #085495);
}
.jyxa ul{
	width:1200px;
	margin:0px auto;
}
.jyxa li{
	width:370px;
	height:208px;
	float:left;
	margin-top:45px;
}
.jyxa .pic{
	width:370px;
	height:208px;
	overflow:hidden;/*图片放大时多出来的部分将其隐藏*/
	position:relative;
}
.jyxa .pic img{
	width:370px;
	height:208px;
	transition:all 0.5s;/*all表示所有属性都要变化*/
}
.jyxa .pic img:hover{
    transform:scale(1.5);/*对图片进行放大*/
}
.jyxa .pic span{
	width:370px;
	height:60px;
	background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
	position: absolute;
	left:0;
	bottom:0;
	z-index: 10;
}
.jyxa .pic h1{
	width:370px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	position: absolute;
	left:0;
	bottom:0;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:18px;
	color:#FFFFFF;
	z-index: 100;
}
.jyxa .pic h1 a,.jyxa .pic h1 a:link,.jyxa .pic h1 a:hover{
	color:#FFFFFF;
}
/* footer */
.foot{width:100%;overflow:hidden; background-color: #1c57de; padding:60px 0px 60px 0px;}
.foot .bq-pc{
	font-size:16px;
	line-height:30px;
	width:1000px;
	margin:0px auto;
	text-align:center;
	color:#fff;
}
