.index_focus {
    position: relative;
    width:100%;; 
    height: 500px;

}
.index_focus .bd ul {  
    width:100%;
    height: 100%;
}
.index_focus .bd li {  
    display: none;
    width: 100%;
    height: 100%;
}
.index_focus .bd li {
    width: 100%;
    height: 100%;
}
.index_focus .pic {
    height: 311px;
    display: block;
}
.index_focus .bd li img {
    width: 100%;
    height: 100%;
}
.index_focus .pic:hover {
    text-decoration: none;
}

.index_focus .slide_nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom:0px;

}
.index_focus .slide_nav a {
	cursor:pointer;
	float:left;
    font-size:28px;
    font-family: arial;
    color: #fff;
	padding:5px 10px;
}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{text-decoration: none;color: #b30d04;filter: alpha(opacity=80);opacity: 0.8;}
.index_focus_pre,.index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../image/ico_sliding.png) no-repeat;
}
.index_focus_pre,.index_focus_next {
    display:block;
    position: absolute;
    top: 50%;
    margin-top: -36px;
    width: 72px;
    height: 72px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 10;
    background: url(../image/ico_sliding.png) no-repeat;
}
.index_focus_pre {
    left: 80px;
    background-position: 0 0;
}
.index_focus_pre:hover {
    background-position: 0 -144px;
}
.index_focus_next {
    right: 80px;
    background-position: 0 -72px;
}
.index_focus_next:hover {
    background-position: 0 -216px;
}
.index_focus_info {
    position: absolute;
    left: 10%;
    bottom: 12%;
    width: 800px;
    height: 200px;
    padding-bottom: 10px;
    color: red;
    text-decoration: none;
    cursor: pointer;
    font-family: "\5fae\8f6f\96c5\9ed1";
    -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    -webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);
    background: url("../image/index_focus_bg.png") no-repeat;
    _background: none;
}
.index_focus_info h3 {
    font-size: 36px;
    line-height: 70px;
    font-family: \5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande";
	display:none;
}
.index_focus_info .text {
    width: 500px;
    line-height: 24px;
    font-size: 14px;
    word-wrap: break-word;
    overflow: hidden;
	display:none;
}
.index_focus .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.index_focus .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.index_focus .arrow-navigation.left{left:0;}
.index_focus .arrow-navigation.right{right:0;}
.index_focus .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url(../image/arrow-left-light.png);
	background-repeat:no-repeat;
	background-position:left
}
.index_focus .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url(../image/arrow-right-light.png);
	background-repeat:no-repeat;
	background-position:right
}
.index_focus .arrow-navigation.left:hover .arrow {
	opacity:0.6;
	margin:0px 0px 0px 20%;
	
}
.index_focus .arrow-navigation.right:hover .arrow {
	opacity:0.6;
	margin:0px 0px 0px -20%;
	
}

.index_focus .arrow-navigation:hover, .index_focus .arrow-navigation .arrow:hover {
	cursor:pointer
}
.ht{
    position: absolute;;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 80px;
}
.ht h2{
    font-size: 45px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 6px;

}
.ht p{
    font-size: 20px;
    color: #fff;
     font-weight: 500;
    letter-spacing: 6px;

}