@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;
	margin-right:15px;
}

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

.top_ad{
	float:left;
	font-size:14px;
	font-weight:bold;
    color:#999999;
	line-height:52px;
}

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

.top_right div{ 
    float:left;
	margin-top:28px;
}

.nav{ 
    margin-right:10px;
}

.nav ul li{
    float:left;
	margin-left:38px;
}

@media screen and (max-width: 1024px) { 
	.nav{ margin-right:0px;}  
	.nav ul li{ margin-left:10px;}
} 

.tb ul li{
    float:left;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius:50%;
	width:22px;
	height:22px;
	background:#000000;
	border:1px solid #808080;
	margin-left:10px;
}

/* 案例头部 */
.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;
}

/* 导航样式 */
@keyframes nav_dh{
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes nav_dh{
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@-moz-keyframes nav_dh{
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }


  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-ms-keyframes nav_dh{
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


@-o-keyframes nav_dh{
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}


.nav_dh{
    display:inline-block;
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    box-shadow:0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-osx-font-smoothing:grayscale;
    -moz-osx-font-smoothing:grayscale;
    -o-osx-font-smoothing:grayscale;
	color:#999999;
}

.nav_dh:hover, .nav_dh:focus, .nav_dh:active {
    -webkit-animation-name:nav_dh;
    animation-name:nav_dh;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:1;
    animation-iteration-count:1;
	color:#FFFFFF;
}
/* 结束 */

#home .nav .a-1 .current, #about .nav .a-2 .current, #news .nav .a-3 .current, #picture .nav .a-4 .current, #website .nav .a-5 .current, #photo .nav .a-6 .current, #contact .nav .a-7 .current, #contact .nav .a-8 .current{ 
    color:#FFFFFF;
}

.tb ul li:hover{
	background:#d82128;
	border:1px solid #d82128;
}

.tb ul li a{ 
    display:block; 
	width:22px; 
	height:22px; 
	cursor:pointer;
}

.tb ul li a.tb_a_1{ 
    background:url(../images/tb-1.png) no-repeat center;
}

.tb ul li a.tb_a_2{
    background:url(../images/tb-2.png) no-repeat center;
}

.tb ul li a.tb_a_3{
    background:url(../images/tb-3.png) no-repeat center;
}

.tb ul li:hover a.tb_a_1{ 
    background:url(../images/tb-01.png) no-repeat center;
}

.tb ul li:hover a.tb_a_2{
    background:url(../images/tb-02.png) no-repeat center;
}

.tb ul li:hover a.tb_a_3{
    background:url(../images/tb-03.png) no-repeat center;
}

.tb ul li div{ 
    display:none;
}

.tb ul li:hover div{ 
    display:block; 
	position:absolute; 
	top:24px;
	right:20px;
}

.tb ul li:hover div dt{
    background:url(../images/tbBG.png) no-repeat;
	width:100px; 
	height:114px;
}

.tb ul li:hover div .dt_1{
    padding-top:14px;
}

.tb ul li:hover div .dt_2{
    padding-top:17px;
}

.tb ul li:hover div .dt_2 a{ 
    display:block;
	width:94px;
	height:30px;
	line-height:28px;
	background:#dadada;
	margin-left:3px;
	margin-bottom:2px;
	text-align:center;
}

.tb ul li:hover div .dt_2 a:hover{
    background:#d82128;
	color:#FFFFFF;
}

.tb ul li:hover div .dt_3{
    padding-top:14px;
}


/* 右侧导航 */
.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;
}