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

#content {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
   
}
.con-tup {
	background-color: #d9d9d9;
	padding: 0px;
	text-align: center;
	margin-top: 10px;
	float: left;
	width: 100%;
}
.con-tup2 {
	background-color: #d9d9d9;
	padding: 0px;
	text-align: center;
	margin-top: 20px;
	float: left;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.con-tup3 {
	
	padding: 0px;
	text-align: center;
	margin-top: 20px;
	float: left;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.con-nr {
	margin-top: 15px;
	width: 100%;
	float: left;
	height: 510px;
}
.con-nr1 {
	margin-top: 5px;
	width: 100%;
	float: left;
}
.nr-menu {
	float: left;
	width: 196px;
	background-image: url(../images/jj3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}
.video-menu {
	float: left;
	width: 196px;
	background-image: url(../images/jj3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}
.career-menu {
	float: left;
	width: 196px;
	background-image: url(../images/career2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}
.nr-con {
	float: right;
	width: 785px;
	height: 740px;
	margin-top: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}
.nr-shipin {
	float: right;
	width: 785px;
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 0px;
}
.video-con {
	float: right;
	width: 785px;
	height: 740px;
	margin-top: 40px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 15px;
}
.nr-menu li {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
	height: 32px;
}
.video-menu li {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.career-menu li {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.career-menu li {
	float: left;
	width: 100%;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
/*** 产品家族***/
.artist_l {
	WIDTH: 990px;
	POSITION: relative;
	HEIGHT: 354px;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.artist_l .a1 {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
.artist_l .a2 {
	LEFT: 15px;
	OVERFLOW: hidden;
	WIDTH: 110px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 110px
}
.artist_l .a3 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a4 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a5 {
	LEFT: 240px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 200px
}
.artist_l .a6 {
	LEFT: 240px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 438px
}
.artist_l .a7 {
	LEFT: 240px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 200px
}
.artist_l .a8 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a9 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a10 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a11 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a12 {
	LEFT: 240px; OVERFLOW: hidden; WIDTH: 110px; POSITION: absolute; TOP: 0px; HEIGHT: 110px
}
.artist_l .a3 A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 90px; PADDING-TOP: 10px; HEIGHT: 90px
}
.artist_l .a4 A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 90px; PADDING-TOP: 10px; HEIGHT: 90px
}
.artist_l .a5 A {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 14px;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	PADDING-TOP: 0px;
	HEIGHT: 200px
}
.artist_l .a6 A {
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	HEIGHT: 438px;
	padding: 0px;
}
.artist_l .a8 A {
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	HEIGHT: 200px;
	padding: 0px;
}
.artist_l .a7 A {
	FONT-SIZE: 14px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	HEIGHT: 200px;
	padding: 0px;
}
.artist_l .a10 A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 124px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 90px; PADDING-TOP: 10px; HEIGHT: 90px
}
.artist_l .a11 A {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 90px; PADDING-TOP: 10px; HEIGHT: 90px
}
.artist_l .a2 A {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 18px;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	WIDTH: 309px;
	PADDING-TOP: 0px;
	HEIGHT: 201px
}
.artist_l .a12 A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 30px; FONT-SIZE: 18px; PADDING-BOTTOM: 15px; OVERFLOW: hidden; WIDTH: 182px; PADDING-TOP: 45px; HEIGHT: 172px
}
.artist_l .a9 A {
	PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 14px; PADDING-BOTTOM: 10px; OVERFLOW: hidden; WIDTH: 192px; PADDING-TOP: 10px; HEIGHT: 90px
}
.artist_l .a2 {
	WIDTH: 309px;
	HEIGHT: 201px
}
.artist_l .a3 {
	LEFT: 240px; TOP: 244px
}
.artist_l .a4 {
	LEFT: 362px; TOP: 244px
}
.artist_l .a5 {
	LEFT: 342px;
	TOP: 0px
}
.artist_l .a6 {
	LEFT: 670px;
	TOP: 0px
}
.artist_l .a7 {
	LEFT: 15px;
	TOP: 239px
}
.artist_l .a8 {
	LEFT: 344px;
	TOP: 238px;
	height: 200px;
	width: 309px;
}
.artist_l .a9 {
	LEFT: 482px; WIDTH: 232px; TOP: 244px
}
.artist_l .a10 {
	LEFT: 726px; TOP: 0px
}
.artist_l .a11 {
	LEFT: 848px; TOP: 0px
}
.artist_l .a12 {
	LEFT: 726px; WIDTH: 232px; TOP: 120px; HEIGHT: 232px
}
.artist_l A {
	FILTER: alpha(opacity=90);
	LEFT: 0px;
	COLOR: #fff;
	FONT-FAMILY: 'Microsoft YaHei';
	POSITION: absolute;
	TOP: 0px;
	opacity: .9;
	background-color: #f4f4f5;
}
.artist_l A:hover {
	COLOR: #fff
}
.artist_l A STRONG {
	LINE-HEIGHT: 2em
}

/*品牌产品样式*/
input,button{margin:0;font-size:14px;vertical-align:middle;}

table{border-collapse:collapse;border-spacing:0;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}

.box01{
	width:1000px;
	position:relative;
	margin-top: 25px;
	margin-right: 25px;
	margin-bottom: 40px;
	margin-left: 50px;
}
.box01 li{
	float: left;
	width: 200px;
	text-align: center;
	padding-right: 10px;
	margin-right: 20px;
	height: 120px;
	margin-bottom: 15px;
	cursor: pointer;
	z-index:0;
	position:relative;
	margin-top: 10px;
}
.box01 li img{
	height: 130px;
	margin: 0 auto;
}
.box01 li .in{
	position: absolute;
	left: 0;
	top: 0;
	width: 200px;
}
.box01 li .in p{ display: none; text-align: left;}
.box01 li.on{ z-index:99;}
.box01 li.on .in{ padding: 5px; border: 1px solid #ccc; position:absolute;z-index:100; width:auto; text-align: center; top:-40px;  background: #fff;}
.box01 li.on .in p{ position:relative; display:block;}
.box01 li.on img{ height: auto; margin-bottom: 8px;}
.bsc{ background:url(../images/icon01.png) no-repeat; position:absolute; right:10px; width: 19px; height: 15px; font-size: 0; float:right;}.pm-menu {
	float: left;
	width: 100%;
}
.pm-con {
	width: 100%;
	float: left;
}
.pm-di {
	float: left;
	height: 300px;
	width: 100%;
}
.video-tup {
	float: left;
	width: 100%;
}
.video-shipin {
	float: left;
	width: 765px;
	margin-right: 20px;
	height: 550px;
}

.video-neirong {
	height: 358px;
	width: 598px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	background-image: url(../images/vibj_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #D5D2D0;
	z-index: 1;
}
.video-neirong2 {
	height: 338px;
	width: 598px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	background-image: url(../images/vibj_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #D5D2D0;
}
.video-neirongsb {
	height: 338px;
	width: 598px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	background-image: url(../images/vibj_03.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 10px;
	margin-bottom: 15px;
	background-color: #D5D2D0;
}
.video-brand {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.video-brand ul {
	margin-left: 35px;
}
.video-brand li {
	float: left;
	width: 155px;
	margin-right: 5px;
	margin-left: 10px;
}
.career-con {
	float: left;
	width: 100%;
}
.ec-tup {
	float: left;
	width: 100%;
}
.ec-con {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
	height: 270px;
}
.ec-con li {
	text-align: center;
	float: left;
	width: 307px;
	margin-bottom: 15px;
	margin-left: 12px;
	margin-right: 10px;
}
.about-dt {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 2px;
	clear: both;
	float: left;
}
.dt-tup {
	float: left;
	width: 100%;
}
.dt-con {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.dt-con li {
	float: left;
	width: auto;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 8px;
}
.dt-height {
	height: 40px;
}

.lianyanse a:link {
	color: #999999;
}
.lianyanse a:visited {
	color: #999999;
}

.lianyanse a:hover {
	color: #94CA20;
}
.lianyanse a:active {
	color: #999999;
}
.ec-weidian {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}