html,body{
 margin:0;
 padding:0;
 font-size:12px;
 text-align:center;
 font-family:"Microsoft Yahei";
 background:url(../images/top_bg.jpg) repeat-x;;
 width:100%;
}

/*\*/ * html div { height: 1%; } /**/
div,form,img,ul,ol,li,dl,dt,dd,p {margin: 0; padding: 0; border: 0;}
#topnav,#subnav,#mainnav,#ad1,#ad2,#ad3,#area1,#area2,#area3,#area4,#bottomnav,#copyright,#page{
 margin-left:auto;
 margin-right:auto; 
 clear:both;
 overflow:hidden;
}
img{ margin:0; padding:0;}
#ad1,#ad2,#ad3,#area1,#area2,#area3,#area4,#bottomnav,#copyright,#page{
 margin-top:0px;
}
ul{
 list-style-type:none;
}
UL {PADDING: 0px; MARGIN: 0px;}
LI {PADDING: 0px; MARGIN: 0px;}
a:link {
 color: #333;
 text-decoration: none;
 cursor:pointer;
}
a:visited {
 color: #333;
 text-decoration: none;
}
a:hover {
 color: #555;
 text-decoration:none;
}
a:active {
 color: #333;
 text-decoration: none;
}

.white,.white a:link,.white a:hover,.white a:visited,a.white:active {
 color:#fff;
}
.gray,.gray a:link,.gray a:visited,a.gray:link,a.gray:visited {
 color:#999;
}
.red,.red a:link,.red a:visited,a.red:link,a.red:visited {
 color:#ff0000;
}
.red2,.red2 a:link,.red2 a:visited,a.red2:link,a.red2:visited {
 color:#a7061a;
 text-decoration:none;
}
.blue,.blue a:link,.blue a:visited,a.blue:link,a.blue:visited {
 color:#006fc3;
}
.green,.green a:link,.green a:visited,a.green:link,a.green:visited {
 color:#156203;
}
.orange,.orange a:link,.orange a:visited,a.orange:link,a.orange:visited {
 color:#ff6600;
}
.left{ float:left;} .right{ float:right;}.left10{ float:left; padding-left:10px;} .right10{ float:right; padding-right:10px;}
.blank10 { clear:both; height:10px; overflow:hidden; display:block; font-size:1px; }
.blank8 { clear:both; height:8px; overflow:hidden; display:block; font-size:1px; }
.clear { clear:both; height:0; overflow:hidden; display:block; }.font12{ font-size:12px;}
.font14{
	font-size:14px;
	font-weight:800;
}
.font16{
	font-size:16px;
	font-weight:800;
}
.font18b{
	font-size:18px;
	font-weight:800;
}
.font4{
	font-size:14px;
	font-weight:normal;
}
.fontb{
	font-weight:bold;
}
.red14{
	color:#f00;
	font-size:14px;
	font-weight:bold;
}
#topnav{ width:1405px; height:auto; background:url(../images/top_nav.jpg) top no-repeat; margin:0 auto; overflow:hidden;}
.top{ width:1003px; height:188px; margin:0 auto; overflow:hidden;}
.top_text{ line-height:34px; color:#9d9d9d;}
.top_text span a{ padding:0 5px;}
.logo{ float:left;}.tel{ float:right;}

#nav{ width:1003px; height:36px;  overflow:hidden; margin:0 auto;}
.dh{ line-height:36px; overflow:hidden; font-size:14px; font-weight:800; line-height:30px;}
.dh li{ float:left; }
.dh_line{ width:2px; background:url(../images/dh_line.jpg) no-repeat; height:22px; margin:8px 4px 0 4px;}

.this,.that{ width:80px; height:30px; background:url(../images/dh_14.jpg) no-repeat; margin:6px 12px 0 12px; color:#004396;}
.that{ width:80px; height:30px; margin:6px 0 0 8px; color:#fff; background:none;}
.that a:link{color:#fff; display:block;}
.that a:visited{color:#fff; display:block;}
.that a:hover{background:url(../images/dh_14.jpg) no-repeat;color:#004396; display:block;}
.that a:active{color:#fff; display:block;}

#mainnav{ width:1003px; height:auto; margin:0 auto; overflow:hidden; }

	
#focus {width:1003px; height:290px; overflow:hidden; position:relative;}
#focus ul {height:290px; position:absolute;}
#focus ul li {float:left; width:1003px; height:290px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.area01{ width:286px; height:249px; border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:left;}
.lh_img{ margin:2px auto 0;}

.area02{ width:319px; height:249px; border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:left; margin-left:10px; display:inline;}
.area02 dl dt{ width:319px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.area02 dl dd ul{ padding:5px 10px; overflow:hidden; line-height:26px; text-align:left;}
.area02 dl dd ul li { width:288px; height:26px !important; overflow:hidden; height:21px;}
.area02 dl dd ul li a{ width:210px; height:26px !important; overflow:hidden; display:block; height:21px;}

.area03{ width:369px; height:249px; border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:right; }
.area03 dl dt{ width:369px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.area03 dl dd{ padding:10px; overflow:hidden; text-align:left; line-height:25px;}
.area03 dl dd img{ float:left; margin:0 10px 0 0;}.area03 dl dd p{ text-indent:2em;}

.area04{ width:286px; height:198px;border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:left; }
.area04 dl dt{ width:286px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.area04 dl dd{ padding:10px;}

.xiangm{ width:126px; height:38px; background:url(../images/hj_32.jpg) no-repeat; line-height:38px; float:left; margin-left:5px; display:inline; margin-top:3px !important; margin-top:0; padding:0;}
.area05{ width:700px; height:198px;border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:right;}
.area05 dl dt{ width:700px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.tech{ width:674px; height:146px; margin:8px auto 0; overflow:hidden;}
.arr01{ width:15px; height:16px; float:left; background:url(../images/arr01.jpg) no-repeat; overflow:hidden; margin-top:60px;}
.arr02{ width:15px; height:16px; float:right; background:url(../images/arr02.jpg) no-repeat; overflow:hidden; margin-top:60px;}
.photo{ width:175px; height:143px; border:1px solid #dedede; overflow:hidden; float:left; margin-left:30px; display:inline; margin-top:2px;}

.area06{ width:249px; height:249px;border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:left; }
.area06 dl dt{ width:249px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.area06 dd{ padding:10px; text-align:left; line-height:24px !important; line-height:22px;}.area06 dd img{ border:1px solid #eaeaea; margin:0 0 2px 0;}

.area07{width:360px; height:249px;border:1px solid #dedede; background:url(../images/box_bg.jpg) repeat-x bottom; overflow:hidden; float:left; margin-left:14px; display:inline;}
.area07 dl dt{ width:360px; height:36px; background:url(../images/box_bt.jpg) repeat-x; line-height:36px; overflow:hidden; text-align:left; color:#fff;}
.l_pic{ float:left; border:1px solid #eaeaea; margin:5px 0 0 5px; display:inline;}
.ul01{ float:left;  width:177px; text-align:left; line-height:24px; margin-left:10px; margin-top:10px;}
.ul01 li{ width:177px; height:24px; overflow:hidden;}

.link{ width:1001px; height:36px; border:1px solid #dedede; background:url(../images/hj_48.jpg) repeat-x; overflow:hidden;}
.link_bt{ width:92px; height:36px; background:url(../images/link_bt.jpg) no-repeat; line-height:36px; color:#fff; margin:1px 0 0 1px; float:left;}
.link_con{ float:left; width:900px; height:36px;overflow:hidden; line-height:36px; text-align:left;}.link_con a{ margin:0 10px;}

#bottomnav{ width:100%; height:135px; background:url(../images/bottom_bg.jpg) repeat-x; overflow:hidden;}
.bottom{ width:1003px; height:135px; color:#fff; overflow:hidden; margin:0 auto; line-height:26px;}
.bot_about{ width:526px; height:38px; background:url(../images/line.jpg) no-repeat bottom center; margin:10px auto 0; line-height:34px;}
.bot_about a{ margin:0 10px;}.bottom p{ padding-top:10px;}


.b_left{ width:210px; height:auto; float:left; display:inline;}
.b_right{ width:776px; float:right; overflow:hidden; border:1px solid #dedede;background:url(../images/box_bg.jpg) repeat-x bottom;}

.list_box{ width:210px; height:auto; border:1px solid #dedede; overflow:hidden;  float:left; display:inline;}
.list_box dl dt,.box dl dt{ width:210px; background:url(../images/box_bt.jpg) repeat-x; height:36px; line-height:36px; overflow:hidden; font-size:14px; font-weight:800;}
.box{width:210px; height:auto; border:1px solid #dedede; overflow:hidden;  float:left; display:inline;}
.box dd p{ padding:10px; text-align:left; line-height:24px;}


.list_box dl dd ul{ padding:5px 10px;}
.list_box dl dd ul li{ width:190px; height:26px;  overflow:hidden; line-height:26px; margin:5px 0;border:1px solid #dedede;}
.li_at{background:url(../images/at.jpg) repeat-x;color:#fff; width:190px; height:26px; }
.li_on{background:url(../images/on.jpg) repeat-x; width:190px; height:26px;}
.li_on a:link{display:block; }
.li_on a:visited{ display:block; }
.li_on a:hover{background:url(../images/at.jpg) repeat-x; display:block; color:#fff;}
.li_on a:active{ display:block;}

.b_right dl dt{ width:776px; background:url(../images/h_53.jpg) repeat-x; height:37px; line-height:37px; }
.page_list{ width:600px; height:30px; overflow:hidden; margin:0 auto; text-align:center;}
.page_list a{padding:3px 8px; background:#fff;  margin:0 3px; border:1px solid #dedede; }
.e_con{ width:730px; height:auto; margin:15px auto 0; overflow:hidden;}
.e_con img{ margin:0 0 15px 0;}
.e_con p{ text-align:left; line-height:24px;}

.conn_ul{ padding:10px; text-align:left; line-height:30px; width:740px; margin:0 auto; }
.conn_ul li{ border-bottom:1px dotted #dedede; overflow:hidden; width:720px; height:30px;}
.conn_ul li span a{ width:540px; height:28px; overflow:hidden; display:block; float:left;}
.conn_ul li span img{ border:0; vertical-align:middle; margin:10px 5px 10px 0; float:left;}


.pic_box{
	width:170px;
	height:230px;
	float:left;
	text-align:center; line-height:28px; margin-left:10px; overflow:hidden; margin-top:10px;}
.pic_box img{ margin:0; padding:1px; border:1px solid #dedede;}

.liuyan{ width:479px; height:auto; margin:10px auto 10px; overflow:hidden;}
.liuyan01{ width:479px; height:20px; background:url(../images/liuyan01.jpg) no-repeat; overflow:hidden;}
.liuyan03{ width:479px; height:27px; background:url(../images/liuyan03.jpg) no-repeat; overflow:hidden;}
.liuyan02{ width:479px; height:auto; background:url(../images/liuyan02.jpg) repeat-y; overflow:hidden;}
.liuyan_tab{ width:397px; height:auto; line-height:38px; border:none; margin:10px auto 0;}
.liuyan_tab input{ vertical-align:middle;}
.liuyan_text{ width:200px; height:20px; border:1px solid #dedede; line-height:20px;}
.liuyan_y{ width: 300px; height:150px; overflow-y:hedden; line-height:22px; text-align:left; border:1px solid #dedede;}
.button{ width:397px; height:auto; margin:0 auto; overflow:hidden;}
.tj{ width:134px; height:41px; border:0; background:url(../images/tj.jpg) no-repeat;}
.cz{ width:134px; height:41px; border:0; background:url(../images/cz.jpg) no-repeat; margin-left:15px;}


.qq_box{ width:98px; height:auto; overflow:hidden; position:absolute;top:200px; left:60px;border:1px solid #dedede;background:url(../images/box_bg.jpg) repeat-x bottom #fff; }
.qq_bt{ width:98px; background:url(../images/qq_bt.jpg) repeat-x; height:31px; line-height:31px; color:#fff; font-size:14px; font-weight:bold; }
.qq_con{ padding:4px !important; padding:2px;}