@charset "utf-8";
/*-----              全局样式定           ------*/

/* 将具有默认margin和padding的标记置零，所有标记的margin、padding都在使用时具体定义 */
*{ margin:0; padding:0; font-size:13px; font-family:"微软雅黑";}
img{ border:0;}
a{ text-decoration: none; color:#000000;}
/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}
/* 修正IE5.x和IE6 PNG图片透明问题 */
/*.png{background:url(../images/a_6.png);}
* html .png {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’../images/a_6.png’);}*/
/** html div {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="../images/a_6.png");background:none;}*/
/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
html{background: #fff no-repeat center top;}
body{ width:1018px; height:auto; padding:0px 42px; margin:0px auto; background-color:#FFFFFF; } 
 
/*-----             全局样式定义 e        ------*/
/*-----             header              ------*/

#header{width:1002px;height:89px;}

.logo{width:842px;height:89px;float:left; background:url(images/logo.jpg) no-repeat left center;}

.control{width:160px;zoom:1;}

#logo a{
	width:500px;
	height:80px;
	position:absolute;
	top:0px;
	display:table-cell;
	z-index: 10;
}

#language{height:89px;width:160px;float:left;vertical-align:text-top;overflow:hidden;}

#language p{padding:65px 0px 0px 0px;}

#language p a{color:#dc231e;font-size:12px;}

#language span{padding-left:10px;padding-right:10px;color:#ccc;}

/*-----             header   end        ------*/
/*-----             menu                ------*/

#menu{float:left;background:url(images/menu.jpg) no-repeat 50% top;width:1018px;height:36px;overflow:hidden;display:inline;line-height:36px;vertical-align:middle;}

#menu ul{float:left;height:36px;width:auto;}

#menu ul li{float:left;display:inline;overflow:hidden;}

#menu ul li div span{color:#fff;}

#menu ul li div a{color:#fff;font-weight:bold;padding:0px 12px 0px 12px;line-height:36px;}

#menu ul li div a{font-size:15px!important;}

#menu ul li div a:hover{background:#bf3127;border-radius:5px;}

#search_box{float:left;width: 180px;height:19px; background: url(images/bg_input.jpg) no-repeat center top;margin-top:8px;margin-left:10px;}

#search_box #go{float:left; border:0;padding:1px 0px 0px 1px;}

#search_box #s{border:0;}

#search_box .swap_value{margin:2px 0px 0px 25px;float:left;width:105px;height:16px;}

/*-----             menu end            ------*/
/*-----             banner              ------*/

 #prev {
	display: inline-block;
	width: 20px;
	height: 22px;
	position: absolute;
	right: 180px;
	bottom: 36px;
	z-index: 10;
 }
 
 #next {
	display: inline-block;
	width: 20px;
	height: 22px;
	position: absolute;
	right: 111px;
	bottom: 36px;
	z-index: 10;
}

	 .picScroll-left .hd .prev {
	display:inline-block;
	width:20px;
	height:22px;
	position:absolute;
left:0px!important;top:80px!important; 	 z-index:10; 
}
.picScroll-left .hd .next {
	display:inline-block;
	width:20px;
	height:22px;
	position:absolute;
 right:0px!important;top:80px!important;	 z-index:10; 
}

.banner { 
 	position:relative;
	display:block;
 	width:1018px;
 	height:477px;
	float:left;
 }

#banner , #banner p{
	height:450px;
	width:100%;
	overflow:hidden;
 }
 
 #banner{padding:0px 0px 27px 0px;float:left; overflow:hidden;}

/*-----             banner end          ------*/
/*-----             list                ------*/

a:link {color:#666;}

a:visited {color:#666;}

a:hover {color:red;}

a:active {color:red;}

#list{width:978px;height:160px;float:left;padding:0px 21px 0px 19px;background:url(images/yinying.jpg) no-repeat 45% bottom;}

#list .list_a,#list .list_b,#list .list_c{float:left;height:144px;border:thin solid #CFD3D1;background:#f6f6f6; border-radius:3px;}

#list .title,#list .more,#list .content{float:left;}

#list .list_a{width:320px;}

#list .list_a .title{width:220px;height:49px;line-height:49px; vertical-align:middle;padding-left:12px;;font-size:14px;font-weight:bold;color:#403838;}

#list .list_a .title span{font-size:14px;font-weight:bold;color:#dc231e;}

#list .list_a .more{margin-top:23px;}

#list .list_a .content{width:301px;padding-left:19px;}

#list .list_a .content ul{list-style:none;}

#list .list_a .content li{height:28px;line-height:28px;vertical-align:middle;background:url(images/yide5_45.jpg) no-repeat left;padding-left:10px; }

#list .list_a .content li a{font-size:12px;}

#list .list_b{width:313px;margin-left:10px;}

#list .list_b .title{width:293px;height:39px;line-height:39px; vertical-align:middle;padding-left:20px;font-size:14px;font-weight:bold;color:#403838;}

#list .list_b .title span{font-size:14px;font-weight:bold;color:#dc231e;}

#list .list_b .content{width:198px; background:url(images/case10.gif) no-repeat 7% center;padding-left:115px; height:105px; font-size:12px;}

#list .list_b .content ul{list-style:none;height:90px;width:198px;padding-top:10px;overflow:hidden;zoom:1;}

#list .list_b .content li{width:90px;height:21px;line-height:24px;vertical-align:middle;float:left;padding-left:5px;}

#list .list_b .content li a{font-size:12px;}

#list .list_c{width:318px;margin-left:10px;}

#list .list_c .title{width:251px;height:46px;line-height:46px; vertical-align:middle;padding-left:17px;font-size:14px;font-weight:bold;color:#403838;}

#list .list_c .title span{font-size:14px;font-weight:bold;color:#dc231e;}

#list .list_c .more{margin-top:21px;}

#list .list_c .content{width:286px;padding:0px 15px 0px 17px;color:#828282;line-height:17px; vertical-align:middle; font-size:12px;line-height:18px;vertical-align:middle;}

#list .list_c .content span{color:#dc231e;font-size:12px;}

#list .more {width:40px;height:10px;}
/*-----             list end            ------*/


/*-----             foot                ------*/

#foot{width:1018px;height:43px;background:#dc231e;float:left;border-radius:5px;}

#foot .copyright{width:565px; 
                 padding-left:21px;
				 height:43px;line-height:43px; 
				 vertical-align:middle;
				 color:#fff;
				 float:left;
				 }

#foot .copyright p{font-size:12px;}

#foot .menu{width:410px;height:43px;line-height:43px; vertical-align:middle;float:right;}

#foot .menu ul{list-style:none;}

#foot .menu li{float:left;}

#foot .menu li a{padding:0px 5px;border-left:thin solid #ccc;color:#fff;font-size:12px;}

#foot .menu #home a{border:0;}

/*-----             foot end            ------*/
/*-----             before              ------*/

.clearbox {
	clear:both;
	visibility:hidden;
	display:block;
	font-size:0;
	clear:both;
	height:0;
	border:0px;
}

a.more:link, a.more:visited {
	color:#7c7c7c;
}
a.more:hover {
	color:#545454;
}
.detail a, a.detail:link, a.detail:visited {
	margin-left:10px;
	color:#ff0000;
}
a.detail:hover {
	color:#d20c02;
}
.Company_box {
	background:url(images/case11.gif) right center no-repeat;
	padding:10px 0px;
  	color:#818181;
	line-height:22px;
}
.Cont_bg {
	border:1px solid #e1e1e1; 
	background:#fff;
 	width:950px; padding:15px 0px;
 	margin:0 auto;
}
  .ContR { float:right;width:300px;
	overflow:hidden;margin-right:15px;
  }
 .ContL { float:left;
 width:620px;
	overflow:hidden; 
  }
 .d1 { float:left; border-right:1px solid #e1e1e1; width:270px; margin-left:20px; }
 .d2 { float:left; border-right:1px solid #e1e1e1; width:300px; margin-left:20px; }
.mode_a .h1 {  
	line-height:30px;
	color:#515151;
	font-size:14px;
	font-weight:bold;
	font-family:"微软雅黑";
}
.mode_a .h2 {
	color:#d20c02;
}
.mode_a .h3 {
	font-size:8px;
	font-weight:bold;
	color:#a4a4a4;
	font-weight:normal;
	text-transform:uppercase;
	margin-left:5px;
}

.loc {
	 display:block;
	line-height:36px; margin:40px 0px 20px 0px;
	padding-bottom:12px;
	overflow:hidden;
	border-bottom:1px solid #e1e1e1;
}
  .locR {
	display:inline-block; float:right;
	background:url(images/dot4.gif) left center no-repeat;
color:#9f9f9f; 
padding-left:20px;
}
 .locR a:link, .loc a:visited {
	color:#9f9f9f;
	text-decoration:none;
	cursor:pointer;
}
.locR a:hover, .loc a:active {
	color:#d91717;
}
.loc strong {
 	font-family:"微软雅黑";
 	font-size:20px;
	color:#555;
 }
.InCont {
	width:950px;
 	margin:0 auto;
	
	margin-bottom:10px;
 }
.M1{ background-color:#fff;
	}

.InContL {
	float:left;
	width:200px;
	overflow:hidden;
}
.InContR {
	float:right;
	width:730px;
 	margin-bottom:20px;
	overflow:hidden;
}
.InContRr {
	float:right;
	width:200px;
 	overflow:hidden;
}
.InContRl {
	float:left;
	width:530px;
  	overflow:hidden;
}
 .guide .h1 {  
	background:url(images/dot8.gif) left top no-repeat;
	line-height:31px;
	height:31px; 
	padding-left:15px;
	color:#444;
 }
.mode_b3 .h1 {  
	background:url(images/dot888.gif) left top no-repeat;
	line-height:31px;
	height:31px; 
	padding-left:15px;
	color:#444;
 }
.mode_b3 .h1 a { color:#333;
 }
.mode_b3 .h1 a { padding:0px 10px;
 }
.mode_b3 .h1 a.on { font-weight:bold; color:#e12e21;
	 
 }
.contact { line-height:28px;
}
 .list_pro, .list_art, .proCon {
	overflow:hidden;
	margin:20px 0px;
}
.list_art ul {
	background:url(images/line_x.gif) left bottom repeat-x;
	padding-bottom:15px;
	overflow:hidden;
}
.list_art li {
	line-height:30px;
	background:url(images/dot_b.gif) 6px center no-repeat;
	padding-left:22px;
}
.list_art a:link, .list_art a:visited {
	color:#666;
	font-size:14px;
	text-decoration:none;
	cursor:pointer;
}
.list_art a:hover, .list_art a:active {
	color:#d91717;
	text-decoration:underline;
}
.art_tit {
	font-size:16px;
	line-height:200%;
	color:#c41c13;
	font-weight:bold;
	margin:30px 0px;
	text-align:center;
}
.art_sheet {
	font-size:12px;
	line-height:24px;
	margin-bottom:10px;
	color:#8f8383;
	text-align:center;
}
.articleCon {
	margin:0px 20px; color:#555;
	font-size:14px;
 	line-height:220%;
	overflow:hidden;
	padding:15px;
	padding-top:20px;

 }
.list_pro li {
	float:left;
	display:inline;
	text-align:center;
	width:33%;
	margin-bottom:20px;
	line-height:30px;
}
.list_pro img {
	border:1px solid #d8d8d8;
	width:200px;
	height:180px;
	padding:3px;
}
 .pro_pic {
   overflow:hidden; text-align:center; margin-bottom:30px;
}
.pro_pic2 {
   overflow:hidden; text-align:center; margin-bottom:30px;
}
.pro_pic2 li { float:left; text-align:center;
}
.pro_pic img {
	width:900px; height:350px;
}
.pro_List {
	display:inline;
	float:left;
}
.pro_List li {
	float:left;
	width:50%;
	margin-bottom:15px;
}
.pro_List li img {
	width:320px;
	height:147px;
	margin:10px 0px;
}
.pro_List p {
	line-height:20px;
	color:#757575;
}
.pro_info { overflow:hidden; padding:0px 50px;
 	color:#545454; line-height:220%; font-size:14px;
 }
.pro_info2 { overflow:hidden; padding:20px;
 	color:#545454; line-height:220%; font-size:14px;
 }
.pro_info .h1 {
	line-height:30px;
	padding:20px 0px;
	color:#545454;
	font-size:16px;
	font-weight:bold;
	font-family:"微软雅黑";
   }
.pro_info .h1 b {
	color:#d91717;
}
.pro_info .h1 span {
	font-size:10px;
	color:#bbb;
	font-weight:normal;
	text-transform:uppercase;
	margin-left:5px;
}
 .Menubox {
	border-bottom:1px solid #e4e4e4;
	width:100%;
	height:30px;
	line-height:30px;
	overflow:hidden;
	background:url(images/pro_tit.gif) left center no-repeat;
}
.Menubox li {
	float:right;
	color:#545454;
	font-size:12px;
	font-family:"微软雅黑";
	display:block;
	cursor:pointer;
	padding:0px 15px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight:bold;
	border:1px solid #ccc;
	border-bottom:none;
	margin-right:3px;
}
.Menubox li.hover {
	display:block;
	background-color:#eaeaea;
	color:#d91717;
}
.Contentbox {
	clear:both;
	font-size:14px;
	line-height:180%;
	overflow:hidden;
}
.Contentbox .p1 {
	background:url(images/pp1.gif) left bottom no-repeat;
	padding-left:40px;
	line-height:40px;
	height:40px;
	font-weight:bold;
	border-bottom:1px solid #e4e4e4;
}
.page {
	margin:20px 0px;
	color:12px;
	color:#878787;
	text-align:center;
}

.CH {
	width:960px;
 	margin:0 auto;
	overflow:hidden;
	margin-bottom:10px;
 }
.CH01{ background:url(images/min_bg.gif) center top no-repeat; height:195px; margin:20px 0px; overflow:hidden;}
    .Inpro .bd{width:850px;height:140px;}
 	.Inpro{ position:relative; width:850px; margin:0 auto; overflow:hidden; text-align:center; padding:10px 50px; }
  	.Inpro ul{ width:850px; overflow:hidden; text-align:center;margin:0px auto;}
 	.Inpro span{ display:block; }
 	.Inpro li { display:inline-block; width:140px; line-height:30px; overflow:hidden; cursor:pointer;float:left; }
	.Inpro li.hover, .Inpro li.on  { color:#555; cursor:pointer; color:#d20c02;list-style:none;}   

.CH02_h1{background:url(images/ch1.gif) center top no-repeat; width:960px; height:10px;}

.CH02_h2{background:url(images/ch2.gif) center bottom no-repeat; width:960px; height:10px;}

.CH02{width:958px; padding-top:20px;  border-left:1px solid #dbdcdc; border-right:1px solid #dbdcdc;  overflow:hidden;font-size:13px;font-family:"微软雅黑";}

.mode_b3 a:hover{color:#ff0000;text-decoration:underline;}

.picList .on:hover{color:#ff0000;}

.bd ul{list-style:none;}

ul.picList{width:850px;height:140px;overflow:hidden;text-align:center;}

.info_title a{color:#000;font-size:700;}

.list_case{text-align:center;}

.list_case img{float:left;padding:0px 20px 0px 20px;}

.list_case li{float:left;}

/*-----             before end           ------*/   
/*-----             product list         ------*/
          ul#xiaoguo { margin:0;margin-top:5px;list-style:none;padding-bottom:270px;width:959px; background:url(skin/images/ch.png) no-repeat center top; } 

          #xiaoguo li{display:inline;} 

          #xiaoguo li{position:relative;} 

          #xiaoguo li#pic-01:hover{position:relative;border:none;z-index:100;top:30px;left}

		  #xiaoguo li#pic-02:hover{position:relative;border:none;z-index:100;top:30px;left:-304px;}

		  #xiaoguo li#pic-03:hover{position:relative;border:none;z-index:100;top:30px;left:-408px;}
		  
          #xiaoguo li  img{width:304px;height:234px;border:none;position:absolute;}

          #xiaoguo li:hover img{position:  absolute;width:700px;height:550px;padding:5px;background:#fff;border:2px solid #000;z-index:1000;} 

         #xiaoguo li#pic-01  img{top:0;left:0;} 

         #xiaoguo li#pic-02  img{top:0;left:319px;} 

         #xiaoguo li#pic-03  img{top:0;left:636px;} 

  /*-----             product list end     ------*/