@charset "utf-8";
/* CSS Document */

header {
	height: 190px
}
.top {
}
.top ul li {
	display: inline-block;
	text-align: center;
}
.top ul li a {
	line-height: 30px;
	display: block;
	margin: 0 10px;
	background: url(../images/jt.png) no-repeat 0 center;
	padding: 0 0 0 10px
}
.logo img {
	margin: 20px auto;
	display: block;
}
nav {
	text-align: center;
	font: normal 14px/2em Arial, "微软雅黑", "黑体", "宋体";
}
nav a {
	background: url(../images/line.jpg) no-repeat 0 center;
	padding: 0 15px
}
nav a:first-child {
	background: none
}
nav a:hover {
	font-weight: bold
}
#banner {
	height: 550px;
	position: relative
}
#slides {
	display: block;
	width: 100%;
	height: 550px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}
#slides li {
	display: block;
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute
}
#slides li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px
}
#pagination {
	display: block;
	list-style: none;
	position: absolute;
	left: 50%;
	bottom: 10px;
	z-index: 9900;
	padding: 5px 15px 5px 0;
	margin: 0
}
#pagination li {
	display: block;
	list-style: none;
	width: 10px;
	height: 10px;
	float: left;
	margin-left: 15px;
	border-radius: 5px;
	background: #FFF
}
#pagination li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#pagination li.current {
	background: #ccb895
}
#about {
	padding: 55px 0 90px 0;
	text-align: center
}
#about h1 {
	margin: 0 0 20px 0
}
#about p.font14 {
	margin: 0 0 40px 0
}
.content {
	background: rgba(255,255,255,0.7);
	padding: 25px;
	width: 1145px;
	overflow: hidden;
}
.lunhuan {
	ZOOM: 1;
	POSITION: relative;
	width: 1145px;
	overflow: hidden;
	height: 240px
}
.lunhuan .LeftBotton {
	BACKGROUND: url(../images/left.jpg) no-repeat 0 0;
	LEFT: 545px;
	FLOAT: left;
	WIDTH: 22px;
	CURSOR: pointer;
	POSITION: absolute;
	HEIGHT: 22px;
	bottom: 0px
}
.lunhuan .RightBotton {
	LEFT: 575px;
	BACKGROUND: url(../images/right.jpg) no-repeat 0 0;
	FLOAT: right;
	WIDTH: 22px;
	CURSOR: pointer;
	POSITION: absolute;
	HEIGHT: 22px;
	bottom: 0px
}
.lunhuan .Cont {
	MARGIN: 0px auto;
}
.lunhuan .box {
	FLOAT: left;
	WIDTH: 270px;
	TEXT-ALIGN: center;
	margin: 0 20px 0 0;
	position: relative
}
.box .wz {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}
.box .wz h2 {
	margin: 0 0 10px 0
}
.wz p {
	width: 220px;
	line-height: 1.5em
}
.lunhuan .box a {
	width: 270px;
	height: 190px;
	display: block;
	background: #000;
	color: #fff;
	position: absolute;
	opacity: 0;
	transition: all 0.5s
}
.lunhuan .box a:hover {
	background: #000;
	opacity: 0.8
}
.partC {
	MARGIN-TOP: 10px;
	OVERFLOW: auto;
	WIDTH: 950px
}
.partC .PC_left {
	OVERFLOW: auto;
	WIDTH: 470px
}
.partC .PC_right {
	OVERFLOW: auto;
	WIDTH: 470px
}
.partC .PC_left {
	FLOAT: left
}
.partC .PC_right {
	FLOAT: right
}
.product {
	background: rgba(255,255,255,0.4);
	margin: 0 0 110px 0;
}
.pro_inner {
	background: url(../images/probg.png) no-repeat right bottom;
	height: 365px;
	padding: 50px;
	width: 1100px;
	position: relative;
}
.pro {
	position: absolute;
	width: 885px;
	left: 190px
}
.pro ul li {
	width: 175px;
	height: 160px;
	float: left;
	text-align: center;
	margin: 10px;
	transform: translateY(0);
	transition: all 0.8S
}
.pro ul li p {
	line-height: 2em;
	font-size: 14px
}
.pro ul li:hover {
	transform: translateY(-10PX)
}
.pro2 {
	margin: 0 auto 80px
}
.pic, .pic2 {
	position: relative;
	width:50%;
	transition: all .3s;
	text-align:center
	 
}

.pic2{ }
 
.pic:hover {
	margin: .25% 0 0 .25%;
	width: 49%;
	cursor: pointer
}
.pic2:hover {
 margin: .25% .25% 0 0 ;
	width: 49%;
	cursor: pointer
}

.title{ position:absolute; left:35px; top:-40px; background:rgba(255,255,255,0.8); width:120px; height:120px}
.title img{ display:block; margin:25px auto 0}
.jt{ position:absolute; right:50px; bottom:30px;}

.active{ padding:60px 0 90px;background: rgba(255,255,255,0.4); }
.actitle{ margin:0 auto 45px; display:block}
.active_inner ul{ margin: 0 -16px 0 0 ; width:1216px}
.active_inner ul li{ font-size:14px; text-align:center; display:inline-block; margin:0 16px 0 0; transition:all 0.7s}
.active_inner ul li:hover{ transform: translateY(-10px)}
.active_inner ul li p{ line-height:3em}
.more{ margin:30px auto 0; display:block}

footer{ background:#2d2d2d; padding:30px 0;color: #fff}  
 
footer a {
	color: #fff
}
.footLogo {
	margin-top: 35px
}
.footLeft {
	width: 655px;
}
.footLeft ul {
	border-bottom: 1px solid #565656;
	margin-bottom: 20px
}
.footLeft ul li {
	float: left;
	line-height: 4.6em;
	padding: 0 19px
}