@charset "utf-8";

/* 共用样式 */
*html{
    background-image:url(about:blank);
	background-attachment:fixed;
} /* 修正IE6振动bug */

body,div,table,td,ul,li,dl,dt,form,p,span,a{
    margin:0px; 
	padding:0px; 
	font-size:12px; 
	color:#666666; 
	line-height:24px; 
	font-family:Microsoft YaHei;
	behavior:url(../images/iepngfix.htc);
}

img{ 
    border:none;
	behavior:url(../images/iepngfix.htc);
}

ul,li{
    list-style-type:none;
}

a{
    color:#666666; 
	text-decoration:none;
}

a:hover{
    color:#d82128; 
	text-decoration:none;
}

a{ 
    outline:none;
}

a:active{
    star:expression(this.onFocus=this.blur());
}

:focus{
    outline:0;
}

.clear{ 
    width:0px; 
	height:0px; 
	padding:0px; 
	margin:0px; 
	clear:both;
}

.white{
    font-size:14px;
    color:#ffffff;
	text-decoration:none;
}

.white:hover{
    color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

.yc{
    width:0px; 
	height:0px; 
	padding:0px; 
	margin:0px;
}

/* 头部样式 */
.topBG{ 
    position:fixed; 
	top:0px; 
	left:0px; 
	z-index:9999; 
	background:#000000; 
	width:100%; 
	height:80px;
	-webkit-transform: translateZ(0);
}

.top_ping{
    margin:0 20px; 
}

.top_left{
    float:left;
	height:46px; 
	padding:17px 0;
}

.top_logo{
    float:left;
	background:url(../images/logo.jpg) no-repeat;
	width:242px;
	height:46px;
}

.top_logo a{
    display:block;
	width:242px;
	height:46px;
}

.top_right{ 
    float:right;
	overflow:hidden;
}

.top_ad{
	font-size:24px;
	font-weight:bold;
    color:#999999;
	margin-top:28px;
}

/* 导航样式 */
.navBG{ 
    position:fixed; 
	top:80px; 
	left:0px; 
	z-index:9999; 
	background:#191919; 
	width:100%; 
	height:42px;
	border-top:2px solid #202020;
	-webkit-transform: translateZ(0);
}

.navBG a{
	display:block;
	float:left;
	width:12.5%;
	line-height:42px;
	font-size:18px;
	color:#ffffff;
	text-align:center;
}

.navBG a:hover{
	font-weight:bold;
}

/* 右侧导航 */
.scrollnav{
	width:45px;
	position:fixed;
	right:0px;
	top:200px;
	z-index:99; 
    _position:absolute;
	_top:expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight-300);/*解决IE6 中的固定定位效果的。你可以通过-300 来改变 菜单距离 顶部的*/
}

.scrollnav a{
	display:block;
	width:45px;
	height:45px;
	line-height:45px;
	background:url(../images/cl.png) no-repeat;
	color:#ffffff;
	margin-bottom:1px;
	text-align:center;
}

.scrollnav a:hover{
	background:url(../images/clA.png) no-repeat;
}

/* 案例头部 */
.case_left{
    float:left;
	height:80px;
	overflow:hidden; 
}

.case_left ul li{
	width:120px;
	height:80px;
}

.case_left ul li .case_nav{
	display:block;
	width:120px;
	height:80px;
	background:#d82128 url(../images/nav.png) no-repeat center;
	cursor:pointer;
}

.case_left ul li:hover .case_nav{
	background:#d82128 url(../images/nav.png) no-repeat center;
}

.case_left ul li div{ 
    display:none;
	position:absolute; 
	top:80px;
	background:#454545;
	padding:5px 0;

}

.case_left ul li:hover div{ 
    display:block; 
}

.case_left ul li:hover div dt a{ 
    display:block;
	width:120px;
	height:30px;
	line-height:30px;
	background:#454545;
	border-bottom:1px solid #4c4c4c;
	color:#aaa;
	text-align:center;
}


.case_left ul li:hover div dt a.case_bd, .case_left ul li:hover div dt a.case_bd:hover{ 
	border-bottom:none;
}

.case_left ul li:hover div dt a:hover{ 
	background:#f0252d;
	border-bottom:1px solid #ff262e;
	color:#fff;
}

.case_right{ 
    float:right;
	height:80px;
	overflow:hidden;
}

.case_right a{
	display:block;
	float:right;
	height:80px;
	line-height:80px;
	font-size:14px;
    color:#aaa;
	margin-left:50px;
}

.case_right a:hover{
    color:#fff;
}

.case_right a.al{
	font-weight:bold;
	font-size:18px;
	color:#fff;
}