body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
.clear{ margin:0; padding:0; clear:both; font-size:0;}
@charset "gb2312";

@font-face {
font-family: zhuzi;
src: url(images/helveticaneueltprobdcn.ttf) format("truetype");
}
@font-face {
font-family: zhuzi2;
src: url(images/Roboto-Light.ttf) format("truetype");
}

body{ margin:0; padding:0;}
.div2 a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.8;opacity: 0.8} 

img{ border:0;}
/*#top {
	background:url(images/top_bg.png);
	padding-top:2px;
	padding-bottom:8px;
	position: absolute;
	_position: absolute;
	top:0;
	z-index:9;
	width:100%;
}
#middle {
	float:left; 
	position:relative; 
	visibility: inherit; 
	width:100%; 
	padding-top:30px; 
	background:url(images/index_bg.gif) repeat-x;
}
#end {
	float:left; 
	position:relative; 
	visibility: inherit; 
	width:100%;
	margin-top:20px;
	background:url(images/end_bg.gif);
}
*/
.top01 {
	font-family: zhuzi;
	font-size: 12px;
	line-height: 28px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
.index01 
{
     padding-bottom:20px;
	font-family: zhuzi;
	font-size: 40px;
	line-height: 60px;
	color: #000;
	padding-top:20px;
	text-decoration: none;
	    text-align: center;
}
.index02 {
	font-family: zhuzi2;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	padding-top:40px;
	text-decoration: none;
}
.index03 {
	text-transform:uppercase;
	font-family: zhuzi2;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
}
.index04 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}
.lxwm02 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}



.innew1 {
	font-family: zhuzi;
	font-size: 18px;
	line-height: 28px;
	font-weight: normal;
	color: #333333;
	padding:10px;
	text-decoration: none;
}
.innew1 A{
	color:#000000;
}
.innew2 {
	font-family: zhuzi2;
	font-size: 12px;
	word-wrap:break-word;
	word-break:break-all;
	line-height: 24px;
	font-weight: normal;
	color: #666666;
	padding:10px;
	text-decoration: none;
}


.end01 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 40px;
	font-weight: normal;
	color: #ee3d42;
	text-decoration: none;
}
tr,td,p { color: #333333; FONT-SIZE: 18px; font-family: zhuzi2; line-height:24px;}
img { border: none; }
.left {
	font-family: zhuzi;
	font-size: 15px;
	/*line-height: 50px;*/
/*	letter-spacing:3px;*/
	color: #333333;
	text-decoration: none;
}
.left02 {
	font-family: zhuzi;
	font-size: 12px;
	line-height: 38px;
	font-weight: norma;
	color: #000;
	text-decoration: none;
}
.left03 {
	font-family: zhuzi;
	font-size: 12px;
	line-height: 30px;
	font-weight: norma;
	color: #000;
	text-decoration: none;
}
.right01 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 46px;
	font-weight: bold;
	color: #0063bf;
	text-decoration: none;
}
.right02 {
	font-family: zhuzi;
	font-size: 12px;
	line-height: 46px;
	font-weight: normal;
	color: #999;
	text-decoration: none;
}
.gsjj {
	text-transform:uppercase;
	font-family: Calibri;
	font-size: 36px;
	line-height: 36px;
	font-weight: normal;	
	color: #333333;
	text-decoration: none;
}
.gsjj1 {
	font-family: zhuzi;
	font-size: 18px;
	line-height: 35px;
	font-weight: normal;	
	color: #333333;
	text-decoration: none;
}
.gsjj06 {
	font-family: Calibri;
	font-size: 24px;
	line-height: 35px;
	font-weight: normal;	
	color: #000000;
	text-decoration: none;
}
.pro01 {
	font-family: zhuzi2;
	font-size: 18px;
	line-height: 50px;
	font-weight: normal;	
	color: #d42e12;
	text-decoration: none;
	background:url(../images/top_bg.png);
}

.so3 {
	font-family: zhuzi;
	font-size: 18px;
	line-height: 50px;
	font-weight: normal;	
	color: #333333;
	text-decoration: none;
	padding-top:70px;
}

.new01 {
	font-family: zhuzi;
	font-size: 16px;
	line-height: 55px;
	font-weight: normal;	
	color: #333333;
	text-decoration: none;
}
.new02 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;	
	color: #333333;
	text-decoration: none;
}
.bainew1 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;	
	color: #999;
	text-decoration: none;
}


.lxwm01 {
	font-family: zhuzi2;
	font-size: 22px;
	line-height: 60px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none; padding-top:60px; text-align:left;
}

.end02 {

	font-family: zhuzi2;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}

.end03 {

	font-family: zhuzi;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	padding:18px;
}


/* Basic Grey */
.basic-grey {
margin-left:auto;
margin-right:auto;
max-width: 702px;
padding: 0px 0px 25px 0px;
font: 16px zhuzi;
color: #CCCCCC;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #CCCCCC;
}
.basic-grey h1>span {
display: block;
font-size: 12px;
}
.basic-grey label {
display: block;
margin: 0px;
}
.basic-grey label>span {
float: left;
width: 600px;
text-align: left;
padding-right: 10px;
color: #CCCCCC;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #fff;
font-size:18px;
font-family: zhuzi;
color: #CCCCCC;
height: 30px;
margin-bottom: 16px;
margin-top: 2px;
outline: 0 none;
padding: 3px 0px 3px 10px;
width: 608px;
background:none;
line-height:28px;
}
.basic-grey textarea{
padding: 10px 0px 3px 10px;
}

.basic-grey textarea{
height:100px;
}
.basic-grey .button {
background: #000000;
border: none;
padding: 10px 25px 10px 25px;
color: #FFF;
font-family:zhuzi;
font-size:18px;
border-radius: 3px;
cursor: pointer;
width:100%;
}
.basic-grey .button:hover {
background: #666666;
}

/* lanrenzhijia */
.lanrenzhijia{width:1130px;margin:0 auto 0 auto;overflow:hidden;}
.lanrenzhijia ul{width:1130px;}
.lanrenzhijia ul li{float:left;margin-right:0px;margin-bottom:0px;display:inline;width:262px;height:262px;overflow:hidden;position:relative; border-bottom:1px #fff dotted;}
.lanrenzhijia ul li .photo{width:262px;height:262px;overflow:hidden;}
.lanrenzhijia .rsp{width:262px;height:262px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.lanrenzhijia .text{position:absolute;width:262px;height:262px;left:-262px;top:0px;overflow:hidden;}
.lanrenzhijia .text h3{width:262px; margin-top:110px;line-height:20px;text-align:center;color:#FFFFFF;font-size:22px; font-weight:normal;}
.lanrenzhijia .text a{text-decoration:none}
.lanrenzhijia .text div{text-align:center;color:#FFFFFF;font-size:14px;}


#nav1  {
  line-height: 40px; padding:0;border:0; z-index:99999;width: auto; height:auto; list-style:none;
}
#nav1 a {
 display: block; width: 250px; text-align:center; font-size:20px; font-family: zhuzi; line-height: 55px; height:55px; font-weight: normal;	color: #333333;
}
#nav1 a:link  { 
	color: #333333;
	text-decoration:none;
}
#nav1 a:hover  {
text-decoration:none;background:#e6212a; color:#fff;

}
#nav1 li {
 width: 255px;
 border:1px  #999999 solid;
 background:url(images/l_bg.png);
 margin-right:3px;
 float:left; margin-bottom:15px;
}

#nav {
  line-height: 24px;  list-style-type: none;margin:0;padding:0;border:0; z-index:99999; width:100%;
}
#nav a {
 display: block;  text-align:center; font-size:18px; font-family: zhuzi; text-transform:uppercase; line-height: 40px; height:40px; font-weight:bold; 
}
#nav a:link  { 
	color: #a09e9e;
	text-decoration:none;
}
#nav a:visited  {
 color:#a09e9e;text-decoration:none;
}
#nav a:hover  {
text-decoration:none; background:url(images/top_bg2.gif); color: #999999;

}
#nav li {
 float: left; margin-right:40px;
}

#nav_index #index, #nav_about #about, #nav_products #products, #nav_down #down, #nav_news #news, #nav_solutions #solutions, #nav_gcsj #gcsj,#nav_jjhx #jjhx, #nav_contact #contact { background:url(images/top_bg2.gif); color: #999999; font-weight:bold;}

#nav li a:hover{
 
}
#nav li ul {
 line-height: 32px;  list-style-type: none;text-align:left;
 left: -999em; width: 120px; position: absolute; margin:0;padding:0;border:0;
}
#nav li ul li{
 float: left; width: 120px;  border-right:0px; background: #272727; border-top:3px #FFFFFF solid;
}
#nav li ul a{
 display: block; width: 120px;w\idth: 120px;text-align: center; line-height:40px; height:40px; font-size:13px; 
}
#nav li ul a:link  {
	text-decoration:none; color:#fff;
 
}
#nav li ul a:visited  {
 text-decoration:none; color:#fff;
}
#nav li ul a:hover  {
 text-decoration:none;font-weight:normal; color: #fff;
}
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}

#ui-form label {
  font-size: 14px;
  color: #727271;
  font-family: zhuzi;
}
#ui-form fieldset {
  padding-bottom: 15px;
}
#ui-form .ui-input {
	font-family: zhuzi;
  border-color: #ddd;
  border-width: 1px;
  border-style: solid;
  font-size: 12px;
  height: 25px;
  width: 200px;
}
#ui-form :hover {
  border-color: #5cc2d9;
}.ui-submit {
  background: url(images/ui-button.jpg) no-repeat;
  width: 110px;
  height: 27px;
  border: none;
  cursor: pointer;
}


/* section */
.section{width:1560px;margin:0px auto 100px auto;overflow:hidden;}
.section ul{width:1560px;}
.section ul li{float:left; margin:5px;display:inline;width:23%;height:345px;overflow:hidden;position:relative;}
.section ul li .photo{width:97%;height:334px;overflow:hidden; border: #CCCCCC solid 5px;}
.section .rsp{width:100%;height:345px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:100%;height:345px;left:-360px;top:0;overflow:hidden; font-family:zhuzi;}
.section .text h3{width:100%;margin-top:155px;height:20px;line-height:20px;text-align:center;color:#FFFFFF;font-size:24px;}
.section .text a{text-decoration:none;}
.section .text div{text-align:center;color:#FFFFFF;font-size:14px; line-height:26px; padding-left:25px; padding-right:20px; font-family:zhuzi2;}


form { padding: 0px; margin: 0px; }
input { font-size: 12px; }
A { COLOR: #ffffff; TEXT-DECORATION: none; }
A:hover { COLOR: #000000; }
.Center { text-align: center; }
.FontB { font-weight: bold; }
.Right { text-align: right; }
.Middle { vertical-align: middle; }
.ABSRight { float:right; }
.ABSLeft { float:left; }
.Hand { cursor: hand; }
.CB { clear: both; font-size: 1px; }
.Hot { Color: #FF0000; }
.White { Color: #FFFFFF; }
.Width100 { Width: 100%; }

.Alpha80 { filter: alpha(opacity=80); }

/* ����� */
.TableApse { border-collapse: collapse; }
.TdAuto { word-break:break-all; word-wrap: break-word; text-overflow: ellipsis; }

.PaddT2 { padding-top:2px; }
.Padd5 { Padding: 5px; }
.Padd10 { Padding: 10px; }
.PaddL10 { Padding-Left: 10px; }
.PaddL30 { Padding-Left: 30px; }

.H5 { height: 5px; font-size: 1px;}
.H8 { height: 8px; font-size: 1px;}
.H10 { height: 10px; font-size: 1px;}
.H13 { height: 13px; font-size: 1px;}
.H20 { height: 20px; font-size: 1px;}

/* �����ʾ��ʽ */
.SysAltHead { FILTER:alpha(opacity=70) }
.SysAltBg { background-color: #FCDAD5; }
.SysAltOne { background-color: #FCDAD5; border: 1px solid #B2001F; padding:4px 10px; line-height:135%; }

/*--- ������ ��ʼ---*/
.aBlue:link,.aBlue:visited { COLOR: #0000FF; }
.aBlue:hover { COLOR: #FF0000; }

.Ex:link,.Ex:visited { COLOR: #0000FF; }
.Ex:hover { COLOR: #FF0000; }
.AA:link,.AA:visited { COLOR: #000000; }
.AA:hover { COLOR: #8B0016; }
.AB:link,.AB:visited {COLOR: #ffffff; }
.AB:hover { COLOR: #ffffff; TEXT-DECORATION: underline; }
.AC:link,.AC:visited { COLOR: #DF0029; FONT-FAMILY: ΢���ź�; }
.AC:hover { COLOR: #8B0016; BORDER-BOTTOM: 1px solid #0000FF; }
.AE:link,.AE:visited { COLOR: #002288; }
.AE:hover { COLOR: #EE0000; TEXT-DECORATION: underline; }

.ARed:link,.ARed:visited {COLOR: #D00000; }
.ARed:hover { COLOR: #FFAA00; }

/*--- ������ ����---*/


/*--- ���� ��ʼ---*/
.FontF { font-family: zhuzi; }
.FontHei { font-family: ����; }
.FontSong { font-family: ΢���ź�; }
/*--- ���� ����---*/


/*--- �ֺ� ��ʼ---*/
.FSize10 { font-size: 10px; }
.FSize12 { font-size: 12px; }
.FSize13 { font-size: 13px; }
.FSize14 { font-size: 14px; }
.FSize16 { font-size: 16px; }
.FSize18 { font-size: 18px; }
.FSize22 { font-size: 22px; }
.FSize28 { font-size: 28px; }
/*--- �ֺ� ����---*/


/*--- ����ɫ ��ʼ---*/
.FCol888 { color: #888888; }
.FColBlock { color: #000000; }
/*--- ����ɫ ����---*/


/*--- �߿� ��ʼ---*/
.BorderFFF { border:1px solid #FFFFFF; }
.BorderEEE { border:1px solid #EEEEEE; }
.BorderDDD { border:1px solid #DDDDDD; }
.BorderCCC { border:1px solid #CCCCCC; }
.BorderAAA { border:1px solid #AAAAAA; }
.Border888 { border:1px solid #888888; }
.Border000 { border:1px solid #000000; }
.Border0 { border: 0px; }
.BorderA { border: 1px solid #F5A89A; }
.BorderB { border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #F5A89A; border-bottom: 1px solid #F5A89A; }
.BorderE { BORDER-top: 1PX SOLID #ffffff; BORDER-left: 1PX SOLID #ffffff; BORDER-right: 1PX SOLID #EE7C6B; BORDER-bottom: 1PX SOLID #EE7C6B; }
.BorderZ { border: #DF0029 1px solid; }
/*--- �߿� ����---*/


/*--- �˾� ��ʼ---*/
.FilA { color: #ffffff; Width: 100%; padding: 1px; filter:dropshadow(color=#8B0016,offx=1,offy=1,positive=1); }
.FilB { color: #FCDAD5; Width: 100%; padding: 1px; filter:dropshadow(color=#666666,offx=1,offy=1,positive=1); }
.FilC { color: #8B0016; Width: 100%; padding: 1px; filter:glow(color=#ffffff,strength=2); }
.FilD { color: #ffffff; Width: 100%; padding: 3px; filter:glow(color=#B2001F,strength=3); letter-spacing:5px; }
.FilE { color: #ffffff; Width: 100%; padding: 2px; filter:glow(color=#333333,strength=2); }
.FilF { color: #8B0016; Width: 100%; padding: 2px; filter:dropshadow(color=#ffffff,offx=1,offy=1,positive=2); }
/*--- �˾� ����---*/


/*--- ����� ��ʼ---*/
.InputBG { background: url(/Dat/system/InputBG.gif) no-repeat; }
.InputC { color: #000000; border-top: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.InputB { color: #000000; border: 1px solid #DF0029; background-color: #FCDAD5; }
.InputZ { cursor: hand; border: 0px solid transparent; background-color: transparent; }
.sysinput { color: #000000; padding: 1px; background-color: buttonface; cursor: hand; border-left: 1px solid #FFFFFF; border-top:#FFFFFF 1px solid;border-right:buttonshadow 1px solid;border-bottom:buttonshadow 1px solid;}
/*--- ����� ����---*/


/*--- ��Ŧ ��ʼ---*/
.ComA { cursor: hand; color: #8B0016; BACKGROUND-COLOR: #FCDAD5; HEIGHT: 20PX; FONT-SIZE: 12px; BORDER: 1PX SOLID #666666; padding-top: 2px; }
.ComB { cursor: hand; color: #ffffff; background-color: #0050BF; height: 19px; font-size: 12px; border: 1px solid #FCDAD5; padding-top: 1px; }
.ComC { cursor: hand; color: #8B0016; background-color: #FCDAD5; height: 19px; font-size: 12px; border: 1px solid #DF0029; padding: 2px; }
.ComD { cursor: hand; color: #8B0016; background-color: #FCDAD5; height: 19px; font-size: 12px; border: 1px solid #DF0029; padding: 2px; }
.InputLogin { color: #888888; height: 19px; background-color: transparent; border: 1px solid #DF0029; }
/*--- ��Ŧ ����---*/


/*--- �˵��� ��ʼ---*/
.MenuOver { cursor: hand; BACKGROUND: #FCDAD5; BORDER-TOP: 1px solid #ffffff; BORDER-LEFT: 1px solid #ffffff; BORDER-RIGHT: 1px solid #EE7C6B; BORDER-BOTTOM: 1px solid #EE7C6B; }
.MenuOut  { cursor: hand; BACKGROUND: #FCDAD5; BORDER: 1px solid #FCDAD5; }
.MenuDown { cursor: hand; BACKGROUND: #FCDAD5; BORDER-TOP: 1px solid #EE7C6B; BORDER-LEFT: 1px solid #EE7C6B; BORDER-RIGHT: 1px solid #ffffff; BORDER-BOTTOM: 1px solid #ffffff; }

.MenuM { cursor: hand; BORDER: 1px solid #FCDAD5; }
.MenuN  { cursor: hand; BORDER-TOP: 1px solid #F5A89A; BORDER-LEFT: 1px solid #F5A89A; BORDER-RIGHT: 1px solid #F5A89A; BORDER-BOTTOM: 1px solid #F5A89A; }
/*--- �˵��� ����---*/


.blk_29 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; OVERFLOW: hidden; ZOOM: 1; POSITION: relative;}
.blk_29 .LeftBotton {
	z-index:999;
	BACKGROUND: url(images/in_left.png) no-repeat;
	LEFT: 0px;
	FLOAT: left;
	WIDTH: 36px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 100px;
	HEIGHT: 38px
}
.blk_29 .RightBotton {
	RIGHT: 0px;
	BACKGROUND: url(images/in_right.png) no-repeat;
	FLOAT: right;
	WIDTH: 36px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 100px;
	HEIGHT: 38px
}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 918px; padding-left:3px;}
.blk_29 .box {	FLOAT: left; WIDTH: 267px; height:237px; margin-right:42px; background:url(images/pr_bg2.png); }
.blk_29 .box .s1{ height:237px; width:267px; }
.rollphotos {WIDTH: 1200px}
.partC { OVERFLOW: auto; WIDTH: 1150px}
.partC .PC_left {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_right {	OVERFLOW: auto; WIDTH: 470px}
.partC .PC_left {	FLOAT: left}
.partC .PC_right {	FLOAT: right}
.PT_mix {	BORDER-RIGHT: #a2d1ff 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #a2d1ff 0px solid; PADDING-LEFT: 0px; BACKGROUND: #f3fbfe; PADDING-BOTTOM: 10px; OVERFLOW: auto; BORDER-LEFT: #a2d1ff 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a2d1ff 1px solid}
.PhoTxt {	MARGIN-TOP: 10px; DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 10px; OVERFLOW: auto; WIDTH: 220px}
.PhoTxt IMG {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fff; FLOAT: left; PADDING-BOTTOM: 3px; BORDER-LEFT: #ccc 1px solid; MARGIN-RIGHT: 5px; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid}
.PhoTxt H1 {	FONT-WEIGHT: bold; FONT-SIZE: 12px; LINE-HEIGHT: 23px}
.PhoTxt P {	COLOR: #545454; LINE-HEIGHT: 20px}


.table{ width:1200px;}
.table{ width:70%;}
.table .left{ float:left; width:40%;}
.table .right{ float:right; width:55%;}

.table2{ width:1500px;}
.table3{ width:1400px;}

.banner{ }
.bantu{ width:900px; height:157px; margin-top:530px; margin-left:-40%; margin-bottom:11%;}

.header{ width:100%;  background:url(../images/top_02.gif) #000 left bottom repeat-x;}
.header .top1{ width:100%; margin:0 auto; padding:20px 0;}
.header .top1 .logo{ float:left; margin-left:2%;}
.header .top1 .wenzi{ float:left; margin-left:50px; height:60px; line-height:60px; color:#fff; font-size:30px; font-weight:normal;}

.btn-nav{ display:none;}


.menu_bg{ height:54px; width:1350px; margin:0 auto;}
.menu{ float:left; width:50%; }
.menu ul li{ float:left; margin:0 3%; height:54px; line-height:54px;}
.menu ul li a{ color:#fff; font-size:14px; font-weight:bold;}





.qiehuan{ width:20%; margin-left:75%;}


.search{ margin-left:65%; width:35%; height:30px; line-height:30px; overflow:hidden; position:relative; margin-bottom:6px; margin-top:10px;}
.search h2{ float:left; color:#a09e9e; height:30px; line-height:30px; font-size:14px; font-weight:bold; }
.input_text{ float:left; height:24px; line-height:24px; background:#a09e9e; width:52%; padding:0 1%; margin-left:2%; }
.input_button{ float:left; background:url(../images/search1.gif) center no-repeat; width:40px; height:24px; cursor:pointer; margin-left:2%;}


.table2 ul{ width:80%; margin-bottom:30px;}
.table2 ul li{ float:left; width:22%; position:relative; border:#666 solid 5px; margin:10px;}
.table2 ul li img{ width:100%;}
.table2 ul li span{ display:block; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff; font-size:14px; text-align:center; position:absolute; left:0; bottom:10px;}


.contact .left{ float:left; width:45%;}
.contact .right{ float:right; width:55%;}


.basic-grey{ padding-top:0%;}
.lxwm01{background:url(images/lx_bg.png); padding-left:40px; padding-bottom:180px;}


@media screen and (max-width:1430px) {
	.header{ width:100%;}
.header .left{ float:left; width:16%; padding-left:40px;}
.header .left img{ width:100%;}
.header .right{ float:left; width:54%; margin-left:5%; }
#nav li { float: left; margin-right:26px;}


.search{ float:right; width:18%; height:30px; line-height:30px; overflow:hidden; position:relative; margin-right:2%; margin-top:20px;}
.search h2{ float:left; color:#fff; height:30px; line-height:30px; font-size:16px; }
.input_text{ float:left; height:30px; line-height:30px; background:#fff; width:52%; padding:0 1%; margin-left:2%;}
.input_button{ float:left; background:#f5f5f5; color:#000; width:40px; height:30px; line-height:30px; text-align:center; cursor:pointer; margin-left:2%;}

#nav a {
 display: block;  text-align:center; font-size:16px; font-family: zhuzi; text-transform:uppercase; line-height:70px; height:70px; font-weight:bold; 
}


	.index01 
{
     padding-left:0; padding-right:0; padding-bottom:25px;
	text-transform:uppercase;
	font-family: zhuzi;
	font-size: 50px;
	line-height: 60px;
	color: #000;
	padding-top:25px;
	text-decoration: none;
}
.index02 {
	font-family: zhuzi2; width:100%;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	padding-top:20px;
	text-decoration: none;
}
.index03 {
	text-transform:uppercase;
	font-family: zhuzi2;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
}
.index04 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

.table img{ float:left; width:28%;}
.table2 img{ float:left; width:23%;}

	
.banner{ float:left; visibility: inherit; z-index:100; position:relative; width:100%; background:url(../images/1.jpg) no-repeat fixed; height:730px; background-size:100%;}
.bantu{ width:70%; height:auto; margin-top:330px; margin-left:40px;}
	
	/* section */
.section{width:86%;margin:0px auto 100px auto;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left; margin:5px;display:inline;width:23%;height:230px;overflow:hidden;background:#fff;}
.section ul li .photo{width:97%;height:220px;overflow:hidden; border: #CCCCCC solid 5px;position:relative; }
.section ul li .photo img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.section .rsp{width:100%;height:230px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:100%;height:220px;left:-360px;top:0;overflow:hidden; font-family:zhuzi;}
.section .text h3{width:100%;margin-top:90px;height:20px;line-height:20px;text-align:center;color:#FFFFFF;font-size:24px;}
.section .text a{text-decoration:none;}
.section .text div{text-align:center;color:#FFFFFF;font-size:14px; line-height:26px; padding-left:25px; padding-right:20px; font-family:zhuzi2;}
	
.table{ width:70%;}
.table .left{ float:left; width:30%;}
.table .right{ float:right; width:68%;}

.table2{ width:90%;}
.table3{ width:80%;}
	}
	
@media screen and (max-width:1080px) {
	
	.index01 
{
     padding-left:0; padding-right:0; padding-bottom:25px;
	text-transform:uppercase;
	font-family: zhuzi;
	font-size: 50px;
	line-height: 60px;
	color: #000;
	padding-top:25px;
	text-decoration: none;
}
.index02 {
	font-family: zhuzi2;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	padding-top:20px;
	text-decoration: none;
}
.index03 {
	text-transform:uppercase;
	font-family: zhuzi2;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
}
.index04 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

.table img{ float:left; width:28.5%;}
.table2 img{ float:left; width:24%;}
	
	
	.banner{ float:left; visibility: inherit; z-index:100; position:relative; width:100%; background:url(../images/1.jpg) no-repeat fixed; height:530px; background-size:100%;}
.bantu{ width:70%; height:auto;}

	
	/* section */
.section{width:86%;margin:0px auto 100px auto;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left; margin:5px;display:inline;width:23%;height:160px;overflow:hidden;position:relative; background:#fff;}
.section ul li .photo{width:94%;height:150px;overflow:hidden; border: #CCCCCC solid 5px; position:relative;}
.section ul li .photo img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.section .rsp{width:100%;height:160px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:100%;height:150px;left:-360px;top:0;overflow:hidden; font-family:zhuzi;}
.section .text h3{width:100%;margin-top:83px;height:20px;line-height:20px;text-align:center;color:#FFFFFF;font-size:18px;}
.section .text a{text-decoration:none;}
.section .text div{text-align:center;color:#FFFFFF;font-size:14px; line-height:26px; padding-left:25px; padding-right:20px; font-family:zhuzi2;}
	
		.table{ width:70%;}
.table2{ width:90%;}
.table3{ width:80%;}
	
	
.table .left{ float:left; width:30%;}
.table .right{ float:right; width:68%;}
	
	}




@media screen and (max-width:480px) {
	
	.search{ display:none;}
	
	
	.lxwm01{background:url(images/lx_bg.png); padding-left:0px; padding-bottom:0px;}
	
	.contact .left{ float:none; width:100%;}
.contact .right{ float:none; width:100%;}

	.header .right{ display:none;}
	
.table2 ul{ width:98%; margin: 0 auto 30px auto;}
.table2 ul li{ float:left; width:45%; position:relative; border:#666 solid 5px; margin:10px 1%;}
.table2 ul li img{ width:100%;}
.table2 ul li span{ display:block; width:100%; height:50px; line-height:50px; background:rgba(0,0,0,0.5); color:#fff; font-size:20px; text-align:center; position:absolute; left:0; bottom:10px;}

	
.header{ width:100%; position:relative; z-index:999; background:#000;}
.header .top1{ padding:20px 0; width:100%; }
.header .top1 .logo{ float:left; width:50%; margin-left:5%;}
.header .top1 .logo img{ width:100%;}
.header .top1 .wenzi{ display:none;}


.btn-nav{ display:block;}


.menu_bg{ display:none;}

#nav1 li {
 width: 45%;
 border:1px  #999999 solid;
 background:url(images/l_bg.png);
 margin-right:15px;
 float:left; margin-bottom:15px;
}
#nav1 a {display: flex; width:100%; line-height:auto;
    align-items: center;
    justify-content: center; text-align:center;  font-size:15px; font-family: zhuzi; font-weight: normal;	color: #333333;
}


#nav a {
 display: block;  text-align:center; font-size:16px; font-family: zhuzi; text-transform:uppercase; line-height:70px; height:70px; font-weight:bold; 
}


	.index01 
{
     padding-left:0; padding-right:0; padding-top:0; padding-bottom:0;
	text-transform:uppercase;
	font-family: zhuzi;
	font-size: 40px;
	line-height: 60px;
	color: #000;
	text-decoration: none;
}
.index02 {
	font-family: zhuzi2; width:100%; padding-top:0; padding-bottom:0;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	text-decoration: none;
}
.index03 {
	text-transform:uppercase;
	font-family: zhuzi2;
	font-size: 30px;
	line-height: 30px;
	color: #000;
	text-decoration: none;
}
.index04 {
	font-family: zhuzi;
	font-size: 14px;
	line-height: 30px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
}

.table img{ float:none; width:90%; margin:0 auto;}
.table2 img{ float:none; width:90%; margin:0 auto;}


	
.banner{ float:left; visibility: inherit; z-index:100; position:relative; width:100%; background:url(../images/1.jpg) no-repeat fixed; height:auto; background-size:100%;}
.bantu{ width:96%; height:auto; margin-left:2%; margin-top:26%;}

	
	/* section */
.section{width:96%;margin:0px auto 100px auto;overflow:hidden;}
.section ul{width:100%;}
.section ul li{float:left; margin:5px;display:inline;width:46%;height:160px;overflow:hidden;position:relative; background:#fff;}
.section ul li .photo{width:94%;height:150px;overflow:hidden; border: #CCCCCC solid 5px; position:relative;}
.section ul li .photo img{ max-width:100%; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}
.section .rsp{width:100%;height:160px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;}
.section .text{position:absolute;width:100%;height:150px;left:-360px;top:0;overflow:hidden; font-family:zhuzi;}
.section .text h3{width:100%;margin-top:83px;height:20px;line-height:20px;text-align:center;color:#FFFFFF;font-size:18px;}
.section .text a{text-decoration:none;}
.section .text div{}
	
	
.table{ width:100%;}
.table .left{ float:none; width:96%; margin:0 auto;}
.table .right{ float:none; width:96%; margin:0 auto;}

.table2{ width:100%;}
.table3{ width:100%;}




	
	}


.imga{ float:left; width:23%; margin-right:2%; margin-top:20px;}
.imga:nth-child(4n){ margin-right:0;}
.imga img{ width:100%;}






@media screen and (max-width:480px) {
	
.imga{ float:left; width:48%; margin-right:4%; margin-top:20px;}
.imga:nth-child(2n){ margin-right:0;}
.imga img{ width:100%;}	
	}



.update_prodetail_3_top{ max-width:1300px; margin:0 auto;}

			.update_prodetail_1_top_left{     text-align: center; width:48%;}
			.update_gallery-top1 .swiper-slide img {width: 100%;}
.update_gallery-top1 {height: 80%;width: 100%;}
.update_gallery-thumbs1 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
.update_gallery-thumbs1 .swiper-slide {height: 100%;opacity: 0.4;}
.update_gallery-thumbs1 .swiper-slide img{ width:100%;}
.update_gallery-thumbs1 .swiper-slide-thumb-active {opacity: 1;}
.update_gallery-top2 .swiper-slide img {width: 100%;}
.update_gallery-top2 {height: 80%;width: 100%;}
.update_gallery-thumbs2 {height: 20%;box-sizing: border-box;padding: 10px 0; margin-top:10px;}
.update_gallery-thumbs2 .swiper-slide {height: 100%;opacity: 0.4;}
.update_gallery-thumbs2 .swiper-slide img{ width:100%;}
.update_gallery-thumbs2 .swiper-slide-thumb-active {opacity: 1;}
			.update_prodetail_3_top_right {float: right;width: 48%; text-align:left;}
.update_prodetail_3_top_right dl{ border-bottom:1px solid #f0f2f5;}
.update_prodetail_3_top_right dl dt{ color:#000; font-size:24px; margin-bottom:20px;}
.update_prodetail_3_top_right .update_prodetail_3_jj{ background:#efefef; padding:10px !important; margin-bottom:20px; font-size:14px; line-height:24px;}
.update_prodetail_3_top_right .update_prodetail_3_tel{ overflow:hidden; padding-bottom:10px;}
.update_prodetail_3_top_right .update_prodetail_3_tel strong{ float:left; font-weight:normal; font-size:16px; line-height:26px; background:url(../images/pc-xc-icon2.png) left center no-repeat; padding-left:50px;}
.update_prodetail_3_top_right .update_prodetail_3_tel a{ float:right; width:100px; height:44px; line-height:44px; background:#f30; color:#fff; font-size:14px; text-align:center; margin-top:4px;}



@media screen and (max-width:480px) {
.update_prodetail_1_top_left{ float:none; width:100%;}
.update_prodetail_3_top_right {float: none;width: 100%; text-align:left; margin-top:10px;}
	}