#Content{ width:auto;}
.ad-banner{ height:401px; background:url(../images/banner22.jpg) center 0 no-repeat;}

.module{}
.module h2.title{ height:50px; font-size:40px; color:#ff0000; perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.content{ perspective:600px; -webkit-perspective:600px; transition-duration:.5s; -wbkit-transition-duration:.5s;}

.wangluo{ perspective:600px; -webkit-perspective:600px; width:1200px; margin:70px auto 30px; line-height:30px;}
.wangluo .pic1{ height:493px; padding-top:150px; background:url(../images/shoujisj_pic.jpg) right 50px no-repeat;}
.wangluo .pic2{ height:406px; padding-top:140px; background:url(../images/shoujisj1_pic.jpg) 0 0 no-repeat;}
.wangluo em{ color:#fe0000;}
.wangluo .title{ transform:translateX(-999px) rotate(-360deg) scale(2); opacity:0;}
.wangluo .content{transform-origin: left top; -webkit-transform-origin: left top; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); opacity:0;}
.wangluo .content1{ transform: rotateX(120deg) translateY(-100px); -webkit-transform: rotateX(120deg) translateY(-100px); opacity:0; transition-duration:.5s; -wbkit-transition-duration:.5s;}
.wangluo p{ width:400px; padding-left:30px; font-weight:bold; font-size:14px;}
.wangluo .num{ padding-bottom:10px; transition-duration:.5s; -wbkit-transition-duration:.5s; transform:translateY(500px); -webkit-transform:translateY(500px); opacity:0;}
.wangluo .num:nth-child(odd){ transform:translateY(-500px); -webkit-transform:translateY(-500px);}
.wangluo .num i{ display:block; float:left; width:30px; height:18px; margin-top:5px; background:url(../images/num.gif) 0 0 no-repeat;}
.wangluo .num.n2 i{ background-position:0 -19px;}
.wangluo .num.n3 i{ background-position:0 -38px;}
.wangluo .num.n4 i{ background-position:0 -57px;}
.wangluo .num.n5 i{ background-position:0 -76px;}
.wangluo .num.n6 i{ background-position:0 -95px;}
.wangluo .num.n7 i{ background-position:0 -114px;}
.wangluo .num.n8 i{ background-position:0 -133px;}
.wangluo .pic2 .num{ float:right; width:430px; clear:both;}

.jiance{ padding:90px 0; background:#f5f5f5;}
.jiance h2.title{ padding-bottom:50px;transform:translateX(-999px) rotate(-360deg) scale(2); opacity:0;}
.jiance .pic{ transform:translateY(100px) scale(3) rotateX(-120deg); -webkit-transform:translateY(100px) scale(3) rotateX(-120deg);  opacity:0; height:623px; background:url(../images/shoujisj2_pic.jpg) center 0 no-repeat; transition-duration:.5s; -wbkit-transition-duration:.5s;}

.gexin{ padding:90px 0;}
.gexin h2.title{ padding-bottom:50px;}


/* .brand  */
.brand .title{  
	height:50px; 
	font-size:40px; 
	color:#ff0000; 
}
.brand .content{ 
	padding:20px 0; 
}
.brand .img-list{ 
	overflow:hidden; 
}
.brand .img-list ul{ 
	float:left; 
	width:1305px;
}
.brand .img-list li{ 
	float:left; 
	width:325px; 
	margin-right:110px; 
	color:#666666;
}
.brand .see{ 
	height:20px;
}
.brand .see span{ 
	display:block; 
	width:70px; 
	height:20px; 
	line-height:20px; 
	color:#ffffff; 
	background:#ff0900; 
	text-align:center;
}
.brand .img{ 
	width:325px; 
	height:100px; 
	margin-bottom:5px; 
	overflow:hidden;
}
.brand .img img{
	transition: all 0.5s; 
	width:325px; 
	height:100px;
}
.brand li p{ 
	line-height:22px;
}
.brand li .aside{ 
	text-align:right; 
	color:#da251e;
}
.brand .logo-list{ 
	float:left; 
	width:99999em; 
	overflow:hidden; 
}
.brand .logo-list li .pic{ 
	transition: all 0.5s; 
	height:120px; 
	display:-webkit-box; 
	-webkit-box-pack:center; 
	-webkit-box-align:center; 
}

.brand-logo{ 
	padding-top:30px; 
	overflow:hidden; 
}
.brand-logo ul{ 
	float:left; 
	overflow:hidden;
}
.brand-logo li{ 
	float:left; 
	display:inline;
	width:171px; 
	text-align:center;
}
.brand-logo li img{
	transition: all 0.5s; 
	-webkit-transition: all 0.5s; 
	display:block;
	margin:0 auto; 
	max-width:160px; 
	max-height:90px;
}
.brand-logo li .pic:hover img,.product .img-list a:hover img,.brand .img:hover img{ 
	transform: scale(1.2) ;
	-ms-transform: scale(1.2) ;
	-webkit-transform: scale(1.2) ;
	-o-transform: scale(1.2) ;
	-moz-transform: scale(1.2) ; 
	opacity:.7; 
}
.brand .edit ul,.tech .edit ul{ 
	padding:10px 0 30px; 
	*width:100px; 
	*margin:0 auto; 
	text-align:center; 
}
.brand .edit li,.tech .edit li{ 
	display:inline-block; 
	_display:inline; 
	*float:left; 
	width:9px; 
	height:9px; 
	font:0/0 arial; 
	margin-right:10px; 
	cursor:pointer; 
	font:0/0 arial; 
	background:url("../images/dian.png") -10px 0 no-repeat;
	 _background:url("../images/dian.png") -10px 0 no-repeat;}
	.brand .edit li.current,.tech .edit li.current{ background-position:0 0;
}

.brand{ 
	background:#f5f5f5; 
	padding:50px 0;
}
.brand .demo{ 
	float:left; 
	width:1100px; 
	overflow:hidden;
}
.logo-list li{ 
	float:left; 
	width:200px; 
	height:115px; 
	margin:0 10px; 
	padding-top:10px; 
	border:1px solid #cccccc; 
	color:#333333; 
	font-size:14px; 
	text-align:center; 
	overflow:hidden; 
	background:#fff; 
	transition-duration:1s; 
	-webkit-transition-duration:1s;
}
.logo-list li:hover{ 
	background:#f2b40d; 
	color:white;
}
.brand .logo-list li .pic{ 
	width:190px; 
	height:160px; 
	overflow:hidden; 
	margin:5px auto 10px; 
	background:white;
}
.brand .left-btn,.brand .right-btn{ 
	display:block; 
	float:left; 
	width:29px; 
	height:49px; 
	line-height:49px; 
	margin-top:80px; 
	border:1px solid #d8d8d8; 
	text-align:center;
}
.brand .left-btn{ 
	margin-right:10px; 
}
.brand .left-btn i,.brand .right-btn i{ 
	display:inline-block; 
	width:10px; 
	height:17px; 
	vertical-align:top; 
	margin-top:15px; 
	background:url("../images/jian.gif") -15px -42px no-repeat;
}
.brand .left-btn:hover,.brand .right-btn:hover{ 
	background:#ff0900; 
	border-color:#ff0900;
}
.brand .left-btn:hover i{ 
	background-position:0 -42px;
}
.brand .right-btn{ 
	float:right; 
	margin-right:0;
}
.brand .right-btn i{  
	background-position:-15px -23px;
}
.brand .right-btn:hover i{ 
	background-position:0 -23px;
}