/* 焦点图 */
.banner{ width:100%; height:649px; overflow:hidden; position:relative;}
/* .banner .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.banner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.banner .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.banner .hd ul li.on{ background:#f00; color:#fff; } */
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; position: relative;}
.banner .bd img{ width:1920px; height:650px; display:block;  }
.banner .bd li p{
	width: 1000px;
	text-align: left;
	bottom: 0px;
	left: 75px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #fefefe;
}

@media screen and (max-width: 1800px) {
	.banner{ width:100%; height:609px; overflow:hidden; position:relative;}
	.banner .bd img{ width:1800px; height:609px; display:block;}
}
@media screen and (max-width: 1650px) {
	.banner{ width:100%; height:559px; overflow:hidden; position:relative;}
	.banner .bd img{ width:1650px; height:559px; display:block;}
}
@media screen and (max-width: 1450px) {
	.banner{ width:100%; height:525px; overflow:hidden; position:relative;}
	.banner .bd img{ width:100%; height:525px; display:block;margin: 0 auto;}
}
/* @media screen and (max-width: 1350px) {
	.banner{ width:100%; height:457px; overflow:hidden; position:relative;}
	.banner .bd img{ width:1350px; height:457px; display:block;margin: 0 auto;}
} */
/* @media screen and (max-width: 1200px) {
	.banner{ width:100%; height:406px; overflow:hidden; position:relative;}
	.banner .bd img{ width:1200px; height:406px; display:block;margin: 0 auto;}
} */

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:2%; top:50%; margin-top:-20px; display:block; width:45px; height:45px; background:url(../img/b-arr-pre.png) no-repeat;opacity:0.5;}
.banner .next{ left:auto; right:2%; background: url(../img/b-arr-nex.png) no-repeat !important; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
/* btn */
.btn-box{background-color: #0f1743;}
.btn-box ul li{ float: left;}
.btn-box .btn{ width: 149px; height: 142px; display: block; padding-top: 38px;}
.btn-box .btn:hover{background-color: #df8d23;}
.btn-box .btn i{  width: 48px; height: 45px; margin: 0 auto; display: block;}
.btn-box .btn p{height: 40px; line-height: 40px; font-size: 15px; color: #ffffff;}
.btn-box .line{ width: 1px; height: 70px; background: #333a5f; margin-top:37px;}
.icon-1{background: url(../img/btn-icon1.png);}
.icon-2{background: url(../img/btn-icon2.png);}
.icon-3{background: url(../img/btn-icon3.png);}
.icon-4{background: url(../img/btn-icon4.png);}
.icon-5{background: url(../img/btn-icon5.png);}
.icon-6{background: url(../img/btn-icon6.png);}
.icon-7{background: url(../img/btn-icon7.png);}
.icon-8{background: url(../img/btn-icon8.png);}
.part-1{
	background-color: #fff;
	padding-top: 50px;
	padding-bottom: 60px;
}
.tit-a{
	
}
.tit-a .big-tit{
	height: 35px;
	line-height: 35px;
	color: #0f1743;
	font-size: 28px;
	font-weight: bold;
}
.tit-a .small-tit{
	height: 26px;
	line-height: 26px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
}
.tit-a .small-tit i{
	padding: 0 9px;
	background: url(../img/tit-sm-bg.png);
}
.tit-a .link-more-a{
	background: url(../img/more.png);
	width: 24px;
	height: 24px;
	display: block;
	top: 24px;
	right: 0;
}
.tit-b{
	width: 584px;
}
.tit-b .big-tit{
	height: 35px;
	line-height: 35px;
	color: #0f1743;
	font-size: 28px;
	font-weight: bold;
	text-align: left;
}
.tit-b .small-tit{
	height: 26px;
	line-height: 26px;
	font-size: 20px;
	color: #333333;
	font-weight: bold;
	text-align: left;
}
.tit-b .small-tit i{
	background: url(../img/tit-sm-bg.png);
}
.tit-b .link-more-a{
	background: url(../img/more.png);
	width: 24px;
	height: 24px;
	display: block;
	top: 24px;
	right: 0;
}
.picScroll-left{ margin-top: 30px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 275px; margin-right: 33px;}
.picScroll-left .bd ul li .pic{width: 275px; height: 206px; display: block; margin: 0 auto;}
.picScroll-left .bd ul li .brief{width: 275px;  border: 1px solid #d9d9d9; border-top: none; padding: 20px 15px;height: 129px; }
.picScroll-left .bd ul li a:hover .brief{
	border: none; border-top: 4px solid #df8d23; background-color: #2267a7; 
}
.picScroll-left .bd ul li .brief p{
	padding-top: 3px;
	line-height: 22px;
        height:48px;
	color: #444444;
	font-size: 16px;
	text-align: left;
}
.picScroll-left .bd ul li a:hover .brief p{
	padding-top: 0px;
	color: #ffffff;
}

.picScroll-left .bd ul li a:hover .brief .data{
	color: #ffffff;
}

.data{
	width: 120px;
	height: 20px;
	line-height: 20px;
	margin: 20px auto 0;
	display: inline-block;
	font-size: 13px;
	color: #888888;
}
.data i{
	padding: 0px 10px;
	background: url(../img/icon-data.png) no-repeat center center;
	margin-right: 10px;
}
.picScroll-left .bd ul li a:hover .data i{background: url(../img/icon-data-on.png) no-repeat center center;}
.l-line{ display: block; width: 49px; height: 1px; background-color: #d9d9d9; bottom: 28px; left: 20px;}
.r-line{ display: block; width: 49px; height: 1px; background-color: #d9d9d9; bottom: 28px; right: 20px;}
.picScroll-left .next,.picScroll-left .prev{
	position: absolute;
	width: 16px;
	height: 28px;
	display: block;
	top: 155px;
}
.picScroll-left .next{
	background: url(../img/li-arr-nex.png);
	right: -62px;
}
.picScroll-left .prev{
	left: -62px;
	background: url(../img/li-arr-pre.png);
}
.picScroll-left .next:hover{
	background: url(../img/li-arr-nex-on.png);
}
.picScroll-left .prev:hover{
	background: url(../img/li-arr-pre-on.png);
}

.part-2{
	background: url(../img/bg-1.jpg) no-repeat center;
	padding-top: 50px;
	height: 470px;
}

.empty{ width: 584px;}
.news-ul-a{
	margin-top: 30px;
}
.news-ul-a li{
	background-color: #fff;
	width: 100%;
	height: 61px;
	margin-bottom: 10px;
}
.data-box{
	width: 76px; 
	height: 61px;
	background-color: #b4b4b4;
	padding-top: 10px;
}

.data-box .big{
	color: #ffffff;
	font-size: 20px;
	height: 22px;
	line-height: 22px;
}
.data-box .sml{
	color: #ffffff;
	font-size: 14px;
	height: 16px;
	line-height: 16px;
}

.font-a{
	text-indent: 30px;
	height: 61px;
	line-height: 61px;
	font-size: 16px;
	color: #333333;
}

.news-ul-a li a:hover .data-box{
	background-color: #df8d23;
}
.news-ul-a li a:hover .font-a{
	color: #df8d23;
}

.news-ul-b{
	margin-top: 30px;
}
.news-ul-b li{
	margin-bottom: 10px;
}
.news-ul-b li a{
	background-color: #fff;
	width: 100%;
	height: 61px;
	display: block;
	border-left: 2px solid #b4b4b4;
	line-height: 61px;
}
.news-ul-b li .li-icon{
	margin-top: 20px;
	margin-right: 20px;
	display: block;
	background: url(../img/icon-li.png);
	width: 19px;
	height: 22px;
	margin-left: 25px;
}
.news-ul-b li .list-tit{
	font-size: 16px;
	color: #333333;
	width: 	400px;
	text-align: left;
}
.news-ul-b li .list-time{
	width: 115px;
	font-size: 14px;
	color: #888888;
}
.news-ul-b li a:hover{
	
	border-left-color: #df8d23;
}

.news-ul-b li a:hover .list-tit{
	color: #df8d23;
}

.part-3{
	padding-top: 50px;
	padding-bottom: 60px;
}

/* 本例子css */
.slideTxtBox{
	
}
.slideTxtBox .hd{ 
	width: 888px;
	margin: 30px auto;
}
.slideTxtBox .hd ul{ 
	width: 50%;
	height: 100%;
margin:0 auto;
}
.slideTxtBox .hd ul li{ 
	float:left;
	background: url(../img/tab-btn.png);
	width: 163px;
	height: 43px;
	line-height: 43px;
	font-size: 18px;
	color: #0f1743;
	text-align: center;
	margin-left: 47px;
	cursor: pointer;
}
.slideTxtBox .hd ul li.on{ 
	background: url(../img/tab-btn-on.png);
	color: #FFFFFF;
}
.slideTxtBox .bd .con{
	
}

.slideTxtBox .con .sml-ul{
	width: 230px;
	height: 170px;
	display: block;
	margin-bottom: 14px;
	margin-right: 7px;
}
.slideTxtBox .con .sml-ul img {
    display: block;
    width: 230px;
    height: 170px;
}
.slideTxtBox .con .sml-ul p{
	width: 230px;
	height: 40px;
        overflow:hidden;
	bottom: 0;
	left: 0;
	font-size: 15px;
	color: #ffffff;
	line-height: 40px;
	text-align: left;
	text-indent: 15px;
	display: none;
	background: url(../img/img-fc.png) repeat;
}
.slideTxtBox .con .sml-ul:hover p{
	display: block;
}
.slideTxtBox .con .big-ul{
	width: 475px;
	height: 353px;
	display: block;
	margin-right: 7px;
}
.slideTxtBox .con .big-ul img{
	display: block;
width: 475px;
height: 353px;
}
.slideTxtBox .con .big-ul p{
	width: 475px;
	height: 40px;
	bottom: 0;
	left: 0;
        overflow:hidden;
	font-size: 15px;
	color: #ffffff;
	line-height: 40px;
	text-align: left;
	text-indent: 15px;
	display: none;
	background: url(../img/img-fc.png) repeat;
}
.slideTxtBox .con .big-ul:hover p{
	display: block;
}