@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(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/top.jpg); background-repeat:no-repeat; background-position: top center;}
.banner{
	width:1200px;
	margin:0px auto; 
	height:500px;
	position: relative;
}
.z01{width:1200px;height:500px;position: absolute;left:0px;top:0px;background:url('http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/z1.png') no-repeat center 0;animation: fadeInLeft 1.5s;-moz-animation: fadeInLeft 1.5s;-webkit-animation: fadeInLeft 1.5s;-o-animation: fadeInLeft 1.5s;}
.z02{width:1200px;height:500px;position: absolute;left:0px;top:0px;background:url('http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/z2.png') no-repeat center 0;animation:  fadeInRight 1.5s;-moz-animation: fadeInRight 1.5s;-webkit-animation: fadeInRight 1.5s;-o-animation: fadeInRight 1.5s;}
.z03{width:1200px;height:500px;position: absolute;left:0px;top:0px;background:url('http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/z3.png') no-repeat center 0;animation: zoomIn 1.5s;-moz-animation: zoomIn 1.5s;-webkit-animation: zoomIn 1.5s;-o-animation: zoomIn 1.5s; animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;display:inline-block;}


/* 导航 */
.nav {
	height:60px;
	background-color:#f6a92f;
}
.nav ul{
	width:1200px;
	margin:0px auto;
}
.nav li{
	line-height:60px;
	font-family:"Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-size:18px;
	color:#fff;
	float:left;
}
.nav li a,.nav li a:link,.nav li a:hover{ color:#fff; padding-left:40px;
	padding-right:40px;}

.title1200{ width:1200px; margin:0px auto; height:100px; margin-top:30px; margin-bottom:30px;}
.part1{
	height:540px;
	background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/part1.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	padding-top:10px;
}
.part2{
	height:820px;
	background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/part2.jpg);
	background-repeat:no-repeat;
	background-position: top center;
	padding-top:10px;
}
/* 新闻聚焦 */
.news{ width:1200px; margin:0px auto;}
/* 头条 */
.headlines{ height:140px; border-bottom:#CCC dashed 1px; margin-bottom:30px;}
.headlines-logo{ width:80px; height:80px; float:left; margin-top:30px;}
.headlines-w{ width:1020px; float:right;}
.headlines-w h1,.headlines-w h1 a,.headlines-w h1 a:link,.headlines-w h1 a:hover{ font-size:44px; font-weight:bold; height:100px; line-height:100px; overflow:hidden; color:#b90a04; text-align:center;}
.headlines-w p,.headlines-w p a,.headlines-w p a:link,.headlines-w p a:hover{
	font-size:16px;
	height:16px;
	line-height:16px;
	overflow:hidden;
	color: #666;
	text-align:center;
}

.news .dtt{ width:585px; float:left;}
.news .dtt .bxt .bt{ overflow:hidden;}
.news .dtt .bxt .bt .one{ background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/tt.png); font-size:24px; color:white; display:block; width:70px; height:46px; text-align:center; line-height:35px; float:left; font-weight:bold; }
.news .dtt .bxt .bt .two{ font-size:26px; color:#272727;  font-weight:bold; margin-left:10px; float:left; display:block;}
.news .dtt .bxt .nr{ margin-top:10px; overflow:hidden; padding-bottom:25px;}
.news .dtt .bxt .nr a{ font-size:14px; color:#4d4d4d; line-height:26px; padding-top:3px; display:block; float:left; width:640px;}
.news .dtt .bxt .nr a span{ color:#cd1f1f;}
/*焦点图*/
.slideBox01{float:left;width:585px;height:350px;overflow:hidden;position:relative;z-index:0}
.slideBox01 .hd{height:18px; overflow:hidden; position:absolute; right:5px; bottom:2px; z-index:1;}
.slideBox01 .hd ul{overflow:hidden; zoom:1; float:left;}
.slideBox01 .hd ul li{float:left;margin:2px 7px 0px 0px;width:18px;height:4px;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:585px;height:350px;}
.slideBox01 .bd span{width:585px;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:585px;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; LINE-HEIGHT:40px;font-size:16px;}
.slideBox01 .prev,.slideBox01 .next{position:absolute;width:40px;height:74px;background: url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/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:585px; float:right;}
.news .lb .shz{
	border-bottom:1px solid #f2f2f2;
}
.news .lb .shz h1{
	font-size:20px;
	line-height:24px;
	height:24px;
	overflow:hidden;
	color:#b90a04;
	font-weight:bold;
	display:block;
	margin-bottom:10px;
	text-align: left;
}
.news .lb .shz h1 a,.news .lb .shz h1 a:link,.news .lb .shz h1 a:hover{ color:#b90a04; font-weight:bold; }
.news .lb .shz p{
	font-size:14px;
	color:#666;
	line-height:24px;
	height:48px;
	overflow:hidden;
	margin-bottom:12px;
	display:block;
	text-indent: 28px;
	text-align:left;
}
.news .lb .shz p a,.news .lb .shz p a:link,.news .lb .shz p a:hover{ color:#666;}
.list li{ width:570px; border-bottom:1px solid #f2f2f2; font: 16px/50px "Microsoft YaHei", "微软雅黑", "SimHei", "黑体"; height:50px; overflow:hidden; text-align:left; color:#000; background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/d.png); background-repeat:no-repeat; background-position: top left; padding-top:-5px; padding-left:15px;}
.list li a,.list li a:link,.list li a:hover{ color:#000;}

/* 奋斗者·爱国情 */
.agq{ width:1200px; margin:0px auto;}
.transparent{
	position:relative;
	zoom:1;
	float:left;
	width:380px;
	height:210px;
	display:inline;
}
.transparent a{
	display:block;
	position:relative;
	zoom:1;
	width:380px;
	height:210px;
}
.transparent a:link,.transparent a:visited{color:#FFFFFF;text-decoration:none;}
.transparent a:hover{color:#FFFFFF;text-decoration:none;}
.transparent img{
	display:block;
	width:380px;
	height:210px;
}
.transparent span{
	POSITION: absolute;
    WIDTH: 380px;
	BOTTOM: 0px;
	BACKGROUND: #000;
	HEIGHT: 40px;
	line-height:40px;
	LEFT: 0px;
	overflow:hidden;
	opacity:0.6;
	filter: alpha(opacity=60);
}
.transparent h1,.transparent h1 a,.transparent h1 a:link,.transparent h1 a:hover{
	POSITION: absolute;
    WIDTH: 380px;
	BOTTOM: 0px;
	width:380px;
	height:40px;
	line-height:40px;
	font-size:16px;
	overflow:hidden;
	color:#FFFFFF;
	z-index:100;
}
.list-w{ width:1200px; height:200px; margin:0px auto; margin-top:10px;}

.list-w li{ width:365px; height:50px; line-height:50px; overflow:hidden; font-size:16px; color: #333; text-align:left; float:left; border-bottom:#CCC dashed 1px; background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/d.png); background-repeat:no-repeat; background-position: top left; padding-top:-5px; padding-left:15px;}
.list-w li a,.list-w li a:link,.list-w li a:hover{
	color: #000;
}

/* 奋斗者·故事 */
.gushi{ width:1200px; margin:0px auto;}
.gushi li{
	width:580px;
	float:left;
	height:150px;
	margin-bottom:20px;
	border-bottom:#cd1f1a dashed 1px;
}
.gushi li img{ width:200px; height:130px; margin-bottom:20px;}
.wen{ width:360px;}
.wen h1,.wen h1 a,.wen h1 a:link,.wen h1 a:hover{
	width:360px;
	font-size:20px;
	line-height:24px;
	height:48px;
	overflow:hidden;
	color:#333;
	font-weight:bold;
	display:block;
	text-align: left;
}
.wen p,.wen p a,.wen p a:link,.wen p a:hover{ width:360px; font-size:14px; height:84px; line-height:28px; overflow:hidden; color: #666; text-align:left; text-indent:28px;}

/* 聚焦·奋斗者 */
#recom{ width:1200px; margin:0px auto; height:460px;}
.recom-cont-item {
	position: absolute;
	z-index: 1;
	display: none;
}
.on {
	display: block;
}
.recom-box {
	overflow: hidden;
	height: 460px;
	width: 710px;
	float: left;
	position: relative;
	display:inline-block;
}
.recom-box img {
	height: 460px;
	width: 710px;
}
.recom-box .recom-cover {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
}
.recom-box-swiper {
	width: 475px;
	height: 460px;
	margin-left:15px;
	float: right;
	display:inline-block;
	position: relative;
	z-index: 3;
}
.recom-box-swiper .arrow-top {
	background: url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/top.png) no-repeat right top;
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -20px;
	width: 30px;
	height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.recom-box-swiper .arrow-down {
	background: url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/bottom.png) no-repeat right top;
	position: absolute;
	left: 50%;
	bottom: 5px;
	margin-left: -20px;
	width: 30px;
	height: 20px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.recom-box-swiper .swiper-container {
	width: 100%;
	height: 396px;
	top: 35px;
}
.recom-box-swiper .slide-cont {
	height: 100%;
	position: relative;
	padding-top: 21px;
}
.recom-box-swiper .slide-cont:before {
	content: "";
	width: 20px;
	height: 1px;
	background-color: #cccccc;
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 1;
}
.recom-box-swiper img {
	width: 140px;
	height: 90px;
	float: left;
	position: relative;
	z-index: 4;
	margin-right:15px;
}
.recom-box-swiper .swiper-text {
	position: relative;
	z-index: 4;
}
.recom-box-swiper h3 {
	height: 60px;
	line-height:30px;
	overflow: hidden;
	text-align:left;
	margin-left:15px;
	color:#333;
}
.recom-box-swiper .hover h3 {
	color: #fff;
}
.recom-box-swiper .swiper-slide {
	position: relative;
	cursor: pointer;
}
.recom-box-swiper .hover img {
	margin-left: -156px;
}
.recom-box-swiper .hover .slide-cont:after {
	content: "";
	background: #d70016;
	width: 100%;
	height: 112px;
	position: absolute;
	left: 0;
	top: 8px;
	z-index: 2;
}
.recom-box-swiper .on {
	position: relative;
	cursor: pointer;
}

/* 一个了不起的团队 */
.gqdt{
	background-image:url(http://www.he.xinhuanet.com/zhuanti/HBISSerbia/images/gqdt.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	height: 600px;
}
.mainBox {
	width: 1200px;
	margin: 0px auto;
	height: 600px;
}
.focusBox {
	width: 1200px;
	height: 600px;
	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 {
	vertical-align: middle; position: relative; zoom: 1;
}
.focusBox .bd img {
	width: 1200px;
	height: 600px;
	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; font-size: 18px; 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; font-size: 18px; position: absolute; z-index: 1;
}
.focusBox .prev {
	background: url("http://www.he.xinhuanet.com/zhuanti/HBISSerbia/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: 0.5;
}
.focusBox .next {
	background: url("http://www.he.xinhuanet.com/zhuanti/HBISSerbia/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: 0.5;
}
.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;
}
.focusBox .prevStop {
	display: none;
}
.focusBox .nextStop {
	display: none;
}





/* foot */
.foot{width:100%;overflow:hidden; background: #333; padding:30px 0px 30px 0px;}
.foot .gnq{font-size:16px; line-height:30px; width:1200px; margin:0px auto; text-align:center; color:#fff;}
