@charset "gb2312";
/*公共属性*/
*{ margin:0; padding:0;}
body,html{ font-family: "宋体"，Tahoma,sans-serif; font-size:12px; color:#333; background:#FFF;}
*html,*html body /* 修正IE6振动bug */{background-image:url(about:blank);background-attachment:fixed;}
a{text-decoration: none;}
ul,ol{list-style-type:none;}
h1, h2, h3,h4,h5{ font-family:"微软雅黑"; font-weight:normal;}
img{padding:0;margin:0;border:0;}
img a{padding:0;margin:0;	border:0;}
ul,ol,li{ list-style:none;}
a{ text-decoration:none; }

/*布局*/
.wrap{ width:1000px; height:auto; margin:0 auto; }
.clear{ clear:both;}
A {COLOR: #333; TEXT-DECORATION: none;FONT-SIZE: 12px;}
A:hover {COLOR: #FF0000;FONT-SIZE: 12px;}
A:active {COLOR: #FF0000;FONT-SIZE: 12px;}

/*页眉样式*/
#header{ height:atuo;  z-index:10;  overflow:hidden; background-color:#f8fbfc; }
.topmenu{ height:25px; line-height:25px; color:#fff; background-color:#000304; position:absolute; right:0px; top:0px; width:250px; padding-left:10px;}
.topmenu a{ color:#fff; font-size:12px; padding:0 5px;}
.topmenu a:hover{ text-decoration:underline;}
.tel{ float:right; font-size:18px; color:#000; font-family:Arial; background:url(tel.png) no-repeat left center; height:30px; line-height:30px; margin-top:60px; padding-left:20px;  } 
#header h1{ }
	#header h1 a{ width:500px; height:110px; text-indent:-9999px; display:block; background:url(logo.jpg) no-repeat left center;   }
	
	.nav{ height:50px; background-color:#000; }
	.nav ul{ width:1000px; margin:0 auto;}
	.nav li{ float:left;  text-align:center;  position:relative; z-index:10; margin-right:5px; height:50px; line-height:50px; width:110px; text-align:center;    }
	.nav li a:link,.nav li a:visited{ color:#fff; font-size:14px;  display:block; font-weight:bold; }
	.nav li.now{ color:#fff;  }
	.nav li.now a{color:#000; background-color:#e0e0e0;}
	.nav li a:hover,.nav li a:active { color:#000; background-color:#e0e0e0;  }
	
/*首页banner*/
#banner{ height:367px; overflow:hidden;  margin:0 auto; width:1340px; }
#banner .banner_box{  height:367px; position:relative; width:1340px;  }

#banner #myjQueryContent { OVERFLOW:hidden; HEIGHT:367px; WIDTH:100%;}
#banner #myjQueryContent DIV { POSITION: absolute; HEIGHT:367px; top:0px; left:0px; WIDTH:1340px;}
#banner #myjQueryContent .smask { Z-INDEX: -1; }
#banner #myjQueryContent IMG { width:100%; HEIGHT:367px; border:0; }
#myjQueryNav { DISPLAY: block; OVERFLOW: hidden;  WIDTH:100px; HEIGHT:15px;  position: absolute; bottom:2px; right:590px; z-index:5; }
#myjQueryNav LI { DISPLAY: block; FLOAT: left; WIDTH:8px; CURSOR: pointer; HEIGHT:8px; background-color:#ffab02;  margin-left:8px; border-radius:6px; }
#myjQueryNav a { COLOR: #666;  }
#myjQueryNav .current { background-color:#000;  }
#myjQueryNav .current a { background-color:#666; color:#fff;   }

#innerbanner{ height:230px; overflow:hidden;  margin:0 auto; width:1340px; }
#innerbanner .banner_box{  height:230px; position:relative; width:100%;  }

#innerbanner #myjQueryContent { OVERFLOW: hidden; HEIGHT:230px; WIDTH:100%;}
#innerbanner #myjQueryContent DIV { POSITION: absolute; HEIGHT:230px; top:0px; left:0px; WIDTH:100%;}
#innerbanner #myjQueryContent .smask { Z-INDEX: -1; }
#innerbanner #myjQueryContent IMG { width:100%;  HEIGHT:230px; border:0; }


/*页脚样式*/
#footer{   padding:10px 0 ; background-color:#c6c6c6;  height:auto;  }
#footer p { color:#363636; text-align:center; padding-top:10px;  }
	#footer p a{ color:#363636; line-height:30px;}
	#footer p a:hover{ color:#ed0000; line-height:30px;}
	.ma{ position:absolute; left:0; top:0px; width:90px; height:90px;}
	.cout{ width:20px; height:20px; background:url(bg-cout.gif) no-repeat; color:#333; margin:0 auto; display:block; }


#mainbody{ height:auto;   overflow:hidden;   }




/*关于我们*/
.title{ height:50px; background:url(repeat_line.jpg) repeat-x left center; text-align:center;  font-size:18px; color:#000; font-weight:normal; }
.title span{ background-color:#fff; padding:0 10px;  font-family:"宋体"; font-size:18px; display:inline-block;}
.title span font{ font-family:Arial; font-size:16px;}

.aboutus{ height:auto; overflow:hidden; background-color:#e6e6e6; padding:30px 0; }
.aboutpic{ float:left; width:350px; height:224px; overflow:hidden; }
.aboutpic img{display: block;
    transition: all 1s ease 0s;}
	.about_cont{ float:right; width:600px; height:224px; overflow:hidden;}
	.about_cont .title span{ background-color:#e6e6e6;}
	.about_cont p{ color:#000; line-height:25px; height:130px; overflow:hidden; font-size:12px; text-indent:30px;  }
	.btn_more{ color:#333; font-size:12px; border:1px solid #ccc; padding:8px 35px; display:inline-block;}
	.btn_more:hover{ color:#f00;}


/*产品滚动*/
.product-list{ height:auto; overflow:hidden; width:1000px;   position:relative; margin:20px auto; }
.piclist ul li{ width:160px; height:auto; margin-right:10px; float:left; }
.piclist ul li a{  display:block; width:155px;  padding:2px; border:1px solid #c2c2c2; }
.piclist ul li a:hover{ border:1px solid #f00;}
.piclist ul li img{ width:155px; height:155px; border:none;}
.piclist ul li .info{ height:25px; line-height:25px; color:#333; font-size:12px; text-align:center; font-size:14px;}


/*新闻动态*/
.bg-gray{ background-color:#3f3f3f; padding:30px 0; overflow:hidden;}

.news{ float:left; width:530px; height:240px; color:#fff; background:url(right-line.gif) right repeat-y; padding-right:50px; }
.news .title span{ background-color:#3f3f3f; color:#fff; font-size:14px;}
.news_img{ float:left; border:5px solid #fff;}
.newslist{ height:190px; overflow:hidden; float:left; margin-left:25px;}
.newslist li{ width:300px; margin:0 auto; height:30px; line-height:30px; border-bottom:1px dotted #fff; overflow:hidden; text-indent:5px;}
.newslist li a{font-size:12px; color:#fff;}
.newslist li a:hover{ text-decoration:underline; color:#fee13f;}


.contact{ float:right; width:360px;}
.contact .title span{ background-color:#3f3f3f; color:#fff; font-size:14px;}
.contact_cont{ color:#fff; line-height:22px; height:190px; overflow:hidden;}
/*首页产品滚动*/
.blk_18 {
FONT-SIZE: 12px; hidden; WIDTH:1005px; ZOOM: 1;height:190px; margin:0px auto;}
.blk_18 .pcont {
 FLOAT: left; OVERFLOW: hidden; WIDTH: 920px; margin-left:15px;}
.blk_18 .ScrCont {
 WIDTH: 33200px; ZOOM: 1
}
.blk_18 #List1_1 {
	FLOAT: left;
	margin-top: 0px;
}
.blk_18 #List2_1 {
	FLOAT: left;
	margin-top: 0px;
}
.blk_18 .LeftBotton {
 BACKGROUND: url(pageLeftOver1.png) no-repeat; FLOAT: left; MARGIN: 60px 2px; WIDTH: 27px; HEIGHT: 52px}
.blk_18 .RightBotton {
 BACKGROUND: url(pageRightOver1.png) no-repeat; FLOAT: right; MARGIN: 60px 2px; WIDTH: 27px; HEIGHT: 52px}
.blk_18 .LeftBotton:hover {
 BACKGROUND: url(pageLeftOver.png) no-repeat;}
.blk_18 .RightBotton:hover {
 BACKGROUND: url(pageRightOver.png) no-repeat;}	





/* 内页主内容样式 */
.leftpart{ width:240px; float:left; height:auto; margin-top:10px;  }
.submenu{ margin-bottom:20px;  width:240px; height:auto; border:1px solid #ccc; background-color:#f4f4f4;  }
.innertitle{ height:35px; color:#fff; line-height:35px; background-color:#000; font-size:14px; text-align:center; font-weight:bold; font-family:"宋体";  }
.submenu li{   height:30px; line-height:30px; background:url(bottom-line.gif) repeat-x left bottom; }
.submenu li a{ color:#333;  padding-left:50px; display:block; background:url(li-bg.gif) no-repeat 30px center; font-size:12px;    }
.submenu li a.now{color:#f00;   }
.submenu li a:hover{ text-decoration:underline; color:#f00;    }
.left_contact{width:240px; height:auto; background-color:#f4f4f4;  }
.left_contact div{ padding-left:20px; line-height:200%; color:#333; padding-top:10px;  border:1px solid #ccc}
/*---------------------------------------------------------*/
.submenudiv{width:240px; margin:10px auto;}
.menu1{ height:30px; line-height:30px; background:url(bottom-line.gif) repeat-x left bottom;}
.menu1 A{color:#333;  padding-left:50px; display:block; background:url(li-bg.gif) no-repeat 30px center; font-size:12px;}
.menu1 A:hover{text-decoration:underline; color:#f00;}
.menu3{display:block;width:240px;height:26px;line-height:26px;text-decoration: none;color:#333;}
.menu3 A{display:block;height:26px;line-height:26px;text-decoration: none;color:#222;padding-left:50px;}
.menu3 A:hover{display:block;height:26px;line-height:26px;color:#FF6000;text-decoration: none;padding-left:50px;}
/*---------------------------------------------------------*/

.rightpart{ float:right;  height:auto; width:738px;  margin-top:10px; }
.location_nav{ height:35px; line-height:35px; border-bottom:2px solid #000; }
.location_nav .location_title{ color:#fff; background-color:#000; text-align:center; background-color:#000; display:inline-block; padding:0 20px; font-size:14px; font-weight:bold;}
.location_nav span{ float:right; font-size:12px; font-weight:normal; padding-right:5px;}
.location_nav span a{ color:#000; padding:0 2px;}
.location_nav span a:hover{ text-decoration:underline; color:#f00;}
.inner-content{ height:auto;  min-height:500px; color:#333; line-height:25px; padding:10px 0px;} 

.neititle{
   font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	COLOR: #FFF;
}

.inquiry{line-height:32px;border:none;margin-top:6px; width:112px; height:32px; }
.inquiry a{background:url("xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;display:block;}
.inquiry a:hover{background-image:url("xunjia_hover.gif");display:block;}

/**/
.neinews li.news_list7{ background-color:#efefef;}
.neinews{width:100%; height:auto;}
.neinews .newstxt{ line-height:22px; margin-top:5px; height:140px; border-bottom:1px dotted #ccc;}
.neinews .newstxt img{ margin-top:8px; float:left; }
.neinews .newstxt p a{color:#FF0000; text-decoration:none; }
.neinews .newstxt p a:hover{color:#FF0000; text-decoration:underline; }
.neinews .newstxt h3{ color:#2382BA; font-weight:bold; height:25px; line-height:25px; font-size:14px;}

.neinews ul{}
.neinews ul li{ height:30px; line-height:30px;  padding-left:10px;  border-bottom:1px dotted #ccc; color:#333; background:url(newssttt.gif) no-repeat 8px center; }
.neinews ul li a{ color:#333; font-size:12px; padding-left:10px; }
.neinews ul li a:hover{ color:#FF0000; font-size:12px;}
.neinews span{ float:right; color:#999; margin-right:10px;}
.neinewstitle{
	font-size:14px;
	color:#000;
	font-weight:bold;
	height:40px;
	line-height:40px;
	text-align:center;	
	}
.neinewsdate{
	font-size:12px;
	color:#666;
	height:30px;
	line-height:30px;
	text-align:center;	
	border-bottom:#DDD 1px dotted;
	}
.neinewsde{
	font-size:12px;
	color:#666;
	height:30px;
	line-height:30px;
	height:auto;
	}
.news_link{margin:15px 0; border-top:1px dotted #ddd; padding:8px 0; text-align:right;}

.picxx A{
   border-bottom: #CCC 1px solid;
    border-left: #CCC 1px solid;
    display: inline-block;
	border-top: #CCC 1px solid;
    border-right: #CCC 1px solid;
	padding:5px 5px 5px 5px;

}
.picxx A:hover{
   border-bottom: #FF6600 1px solid;
    border-left: #FF6600 1px solid;
    display: inline-block;
    background: #FFF4CE;
    border-top: #FF6600 1px solid;
    border-right: #FF6600 1px solid;
}
.picb A{
    display: inline-block;
	background:#F6F6F6;
	padding:5px 5px 5px 5px;
	color:#333;
	line-height:25px;

}
.picb A:hover{
    display: inline-block;
    background: #02468D;
	color:#FFF;
	line-height:25px;
}


.neititle{
   font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	COLOR: #FFF;
}
.title_t{
   font-family:"微软雅黑",Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	COLOR: #FFF;
}
.inquiry{line-height:32px;border:none;margin-top:6px; width:112px; height:32px; }
.inquiry a{background:url("xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;display:block;}
.inquiry a:hover{background-image:url("xunjia_hover.gif");display:block;}


.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center
}
.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0061de; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
.yahoo2 A:hover {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
.yahoo2 SPAN.disabled {
	DISPLAY: none
}
.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
.textfieldxx{
	border: 1px solid #bac7d2;
	height:30px;
	background: #f7fcfe;/* #f7fcfe #f3fafd*/
	border-radius: 2px;
	box-shadow: 2px 2px 2px #e7f1f7 inset;
	line-height:30px;
}
.btnxx{
	height: 35px;
	line-height: 35px;
	border-style: none;
	cursor: pointer;
	font-size: 14px/35px;
	padding:0px 5px;
	font-family: "Microsoft YaHei","微软雅黑","sans-serif" ;
	background:url("btn_1.png") 0px -1px no-repeat;
	border:#CDD4F8 1px solid;
}
#elevator_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	opacity: 1;
	z-index: 100020;
	display: none;
}
#elevator_item.off {
	opacity: 0;
	visibility: hidden
}
#elevator {
	display: block;
	width: 60px;
	height: 50px;
	background: url(icon_top.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6);
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	margin-bottom: 10px
}
#elevator:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
	cursor: pointer;
	background: url(icon_code.png) center center no-repeat;
	background-color: #444;
	background-color: rgba(0,0,0,.6)
}
#elevator_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#elevator_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#elevator_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center
}
#elevator_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#elevator_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#elevator_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	background: url(code_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -6px;
	bottom: 14px
}	