﻿@charset "utf-8";
body, ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div,blockquote {
	margin:0;
	padding:0;
	border:0;
}
body {
	background-color:#fff;
	font-size:12px;
	color:#A7A9AC;
	font-family:"Arial";
}
select, input, img, select {
	vertical-align:middle;
}
.clear {
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
}
ul, ol, li {
	list-style:none;
}
h4 {font-size:14px; color:#000000;}
a {
	color:#939598;
	font-size:12px;
	text-decoration:none;
}
a:hover {
	color:#939598;
	text-decoration:underline;
}
/*--------------------------------------------------------------*/
.warp {width:100%;margin:0 auto;}
.logo {padding-top:23px; display:block;} 
.xiala_border {width:368px; position:absolute;left:30px; bottom:12%;}
.xiala_border span {padding-top:2px;padding-bottom:2px; height:30px; display:block;}
.tree_open {height:30px;padding-top:2px;padding-bottom:2px;}
.tree_close {height:30px;padding-top:2px;padding-bottom:2px;}
.tree_open  { background:url(images/aboutus_dq.gif) no-repeat 0 0;height:30px;width:228px; display:block;}
.tree_open  {background:url(images/aboutus_fdq.gif) no-repeat 0 0;}
.tree_close { background:url(images/aboutus_fdq.gif) no-repeat 0 0;height:30px;width:228px; display:block;}
.tree_close{ background:url(images/aboutus_dq.gif) no-repeat 0 0;}
.tree_open .products {height:30px;width:190px;display:block;background: url(images/products_dq.gif) no-repeat 0 0;}
.tree_open .products:hover {background:url(images/products_fdq.gif) no-repeat 0 0;}
.tree_close .products {background:url(images/products_fdq.gif) no-repeat 0 0;height:30px;width:190px; display:block;}
.tree_close .products:hover {background:url(images/products_dq.gif) no-repeat 0 0;}
.tree_open .advertise {height:30px;width:201px;display:block;background:url(images/advertise_dq.gif) no-repeat 0 0;}
.tree_open .advertise:hover {background:url(images/advertise_fdq.gif) no-repeat 0 0;}
.tree_close .advertise {background:url(images/advertise_fdq.gif) no-repeat 0 0;height:30px;width:201px;display:block;}
.tree_close .advertise:hover {background:url(images/advertise_dq.gif) no-repeat 0 0;}
.tree_open .news {height:30px;width:89px;display:block;background:url(images/news_dq.gif) no-repeat 2px 0;}
.tree_open .news:hover {background:url(images/news_fdq.gif) no-repeat 2px 0;}
.tree_close .news {background:url(images/news_fdq.gif) no-repeat 2px 0;height:30px;width:89px; display:block;}
.tree_close .news:hover {background:url(images/news_dq.gif) no-repeat 2px 0;}
.tree_open .joinus {height:30px;width:121px;display:block;background:url(images/joinus_dq.gif) no-repeat 0 0;}
.tree_open .joinus:hover {background:url(images/joinus_fdq.gif) no-repeat 0 0;}
.tree_close .joinus {background:url(images/joinus_fdq.gif) no-repeat 0 0;height:30px;width:121px; display:block;}
.tree_close .joinus:hover {background:url(images/joinus_dq.gif) no-repeat 0 0;}
.tree_open .contactus {height:30px;width:191px;display:block;background:url(images/contactus_dq.gif) no-repeat 0 0;}
.tree_open .contactus:hover {background:url(images/contactus_fdq.gif) no-repeat 0 0;}
.tree_close .contactus {background:url(images/contactus_fdq.gif) no-repeat 0 0;height:30px;width:191px; display:block;}




.tree_close .contactus:hover {background:url(images/contactus_dq.gif) no-repeat 0 0;}
.job {height:30px;width:59px;display:block;background:url(images/job_fdq.gif) no-repeat 0 0;}
.job:hover {background:url(images/job_dq.gif) no-repeat 0 0;}
.home {height:30px;width:59px;display:block;background:url(images/home_fdq.gif) no-repeat 0 0;}
.home:hover {background:url(images/home_dq.gif) no-repeat 0 0;}
.xiala_border p {height:auto;margin-top:9px;margin-bottom:2px;}
.xiala_border p img {margin-bottom:5px;}
.center_logo {position:absolute;left:30%;}







/* about */
.aboutus_nr {padding-left:51px;margin-top:29px;}
.aboutus_nr1 {
	position:absolute;
	left:200px;
	top:15%;
}
.left_pic {float:left;padding-right:17px;}
/* contactus */
.news_right2 {
	width:412px;
	float:left;
	height:auto;
	position:relative;
	color:#000;
}
.news_right2 h1{ font-size:12px;}
.news_right2 span { display:block; padding-top:2px;padding-left:2px;height:28px;width:400px;}
.news_right2 p {
	position:relative;
width:420px;
font-size:11px;
font-family:"Arial";
line-height:20px;

}
/*------------------------------------ gundong tiao ---------------------------------------*/
.Container {
	position: absolute;
	right: 8px;
	width: 412px;
	height: 386px;
	color:#6D6E71;
	font-size:12px;
	line-height:20px;
	font-family:"Arial";
	
}
#Scroller-1 {
	position: absolute;
	overflow: hidden;
	width: 412px;
	height: 386px;
	left: 3px;
}

.Scroller-Container {
  position: absolute;
  top: 0px; left: 0px;
}
#Scrollbar-Container {
	position: absolute;
	top: 22px;
	right: 0px;
}
.Scrollbar-Up {
	cursor: pointer;
	position: absolute;
	top: 2px;
}
.Scrollbar-Track {
  width: 8px; 
  height: 386px;
  position: absolute;
  top: 10px; left: 4px;
  background:#f1f2f2;
}
.Scrollbar-Handle {
  position: absolute;
  top:0;
  width: 8px; height: 27px;
}
.Scrollbar-Down {
	cursor: pointer;
	position: absolute;
	top: 320px;
}

/* 滚动 */
.login {margin-left:172px; float:left;margin-top:79px;width:370px;}
.choucang {position:absolute;right:20px; top:20px;}
.choucang a {color:#000;}
.banquan { clear:both;position:absolute;right:5%; bottom:2%;}
a.top:link,a.top:visited{color:#939598; text-decoration:none;}
a.top:hover{color:#939598;  text-decoration:underline;}
/*header js*/
/* 最外面DIV的样式 */
#nav_box a{ color:#939598;  font-weight:bold;}
#slidingBlock h4 {display:block;width:178px;height:33px;line-height:33px;}
#slidingBlock h4.menuNo {font-weight:normal;color: #000;}
#slidingBlock h4 a{color:#000; font-size:14px;}
#slidingBlock h4.menuOn a{color:#6D6E71;}
#slidingBlock DIV.slidingList_none {clear:both;	display:none;}
#slidingBlock DIV.slidingList {clear:both;line-height:31px;}
#slidingBlock DIV.slidingList ul {padding-left:5%;_padding-top:5px;font-size:16px; padding-left:10px; margin-bottom:10px;}
#slidingBlock DIV.slidingList li {height:20px;line-height:20px;font-size:16px;}

/*头部JS结束*//*二级页面的JS结束*/
.aa{float:left;}
.aa li{ clear:left; display:block; width:357px; overflow:hidden; }
.aa li a{ cursor:default;}
.float{ float:left;}
.float img {cursor:pointer; margin-top:30px;}
.auto{ text-align:center; line-height:18px;}

.center{position:absolute;left:20%}
.aboutus{ clear:both;width:703px; margin:5px 0 10px 2px; line-height:22px; color:#6D6E71}
.login { position:absolute;width:458px;left:15%; top:80px;}
.login h1{ font-size:16px; color:#000}
.loginbg{ background:url(images/login.gif) no-repeat; width:458px; height:196px; color:#000}
.txt{border:1px solid #939598;width:220px;}
.sub{ background:url(images/loginbg.gif) no-repeat; width:52px; height:19px; line-height:19px; border:0; font-size:12px}
.mapline{ line-height:1px; height:1px; border-bottom:1px solid #CCCCCC;width:99%}
.table h1{ font-size:12px;}
.table h1 b{ color:#000;}
/* common styling */
/* set up the overall width of the menu div, the font and the margins */
.menu {
width:703px; right:-40px;
margin:0; 
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
padding:0; 
margin:0;
float:right;
list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
float:left; 
position:relative; font-weight:bold;
background:url(images/line.gif) no-repeat right;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:110px; 
height:30px; 
color:#000;
border-width:1px 1px 0 0;
border-bottom:none;
line-height:30px; 
font-weight:bold;
}
.menu ul li a:hover {color:#000000;}
/* make the dropdown ul invisible */
.menu ul li ul {
display: none;
}
.menu ul li ul li{
	background:none;
	font-weight: bold;
}
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	border:1px solid #595959;
	border-bottom:0;
	background:#fff;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:31px; 
left:0; 
width:110px;
border:1px solid #000;
border-top:0;
background:#fff;
}
/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
	display:block;
	width:100px;
	color:#939598;
	border:0;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	background:url(images/icon.gif) no-repeat 3px center;
}
/* style the background and forground colors of the links on hover */
.menu ul li span{
	position:relative;
	background:url(images/line.gif) no-repeat right;
	text-align: right;
}
.menu ul li span a{
	text-decoration:none;
	color:#000;
	border-width:1px 1px 0 0;
	line-height:30px;
	font-weight:bold;
	text-align: right;
	padding-right: 15px;
}
.menu ul li span a:hover{
	position:relative;
	background:url(images/line.gif) no-repeat right;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.xline{clear:both; border-top:1px dashed #6D6E71; height:1px; line-height:1px;}
.zhaobox{clear:both; line-height:22px;}
.ul2{float:left; height:350px; margin:0;}
.ul2 li{float:left; display:block; width:245px; height:88px; margin-top:7px; margin-bottom:7px; }
.ul2 li a{ float:left; display:block;padding:10px 15px; line-height:18px; text-decoration:none}
.ul2 h1{ font-size:12px; color:#000}
.ul2 li a:link,.ul2 li a:visited{display:block;color:#6D6E71;}
.ul2 a:hover{ display:block;background:#000; color:#fff;width:220px;height:80px;}
.ul2 a:hover h1{ color:#fff;}
.ul2 li a:hover{color:#fff;}
.center2{position:absolute;left:20%; top:26%;}
.newsbox{ float:left; width:440px; margin-left:10px; color:#000}
.newsbox h1{ font-size:12px; line-height:22px;}
.newsctn{ color:#6D6E71; line-height:20px;width:100%; height:400px;}
.center3{position:absolute;left:18%}
/**/
#screen {
		position: absolute;
		top: 8%;
		left: 1%;
		width: 100%;
		height: 98%;
		background: #000;
		color: #fff;
	}
	#screen div {
		position: absolute;
		overflow: hidden;
		cursor: pointer;
	}
	#screen img {
		position: absolute;
		width: 178px;
		height: 116px;
	}
	#screen .label {
		position: absolute;
		color: #FFF;
		background: #000;
		font-family: arial;
		white-space: no-wrap;
	}
a.reda:link,a.reda:hover,a.reda:visited{ color:#b00505;}
.redbox{color:#b00505; line-height:28px;}
.footer{ color:#a7a9ac; line-height:25px;}
.main{ margin-top:10%; text-align:center; line-height:18px;}
.abox{margin-right:10px;width:720px; float:left;height:420px; }
.aboutus2{ clear:both;width:703px; margin:5px 0 10px 2px; line-height:22px; color:#6D6E71}



/* simScroll Style */
.simScroll {position: relative; float: left; width: 14px; margin-left: -15px;}
 /* 向上 */
 .simScrollUp {height: 14px; background: url(http://i.namipan.com/files/881fc5740c6340fbf781f8e3024da22c4907711077000000d1bf/0/simScroll_Up.gif) no-repeat}
 .simScrollUp_Over {height: 14px; background: url(http://i.namipan.com/files/bb30d8391fdbdbb0a300f06b21f4ba04db7730dd7500000077da/0/simScroll_Up_Over.gif) no-repeat}
 /* 滚动条 */
 .simScrollDragArea {background:url(images/gdt-02.jpg) repeat-y center;}
 .simScrollDrag { left:0; height:20px; background:url(images/gdt.jpg) no-repeat center 0;}
 .simScrollDrag_Over {left:0; height:20px; background:url(images/gdt.jpg) no-repeat center 0;}
 /* 向下 */
 .simScrollDown {height: 14px; background: url(http://i.namipan.com/files/a3940be0b22239d54b0b293108e62b23dffe4bf67700000026d0/0/simScroll_Down.gif) no-repeat}
 .simScrollDown_Over {height: 14px; background: url(http://i.namipan.com/files/002868cc8538e1c8382627f3829e80a8d707fad1770000009df2/0/simScroll_Down_Over.gif) no-repeat}
.simScrollCont {float: left; height: 210px; height: 220px; padding: 0 8px 0 0; width:680px; margin-right: 15px; overflow: hidden}
.br {clear: both; height: 2px; background: #fafafa; margin: 10px 0}
.menu a, .menu a:visited {font-weight:bold;}



