@charset "utf-8";
/* CSS Document */
body{
    margin:0;
	padding:0;
	font-size:12px;
	color:#333333;
	background:url(../img/bg01.gif) repeat-x;
	text-align:center ;
}
h1{
    margin:0;
	padding:0;
	font-size:12px;
	color:#ffffFF;
	text-indent:1em;
}
h2{
    margin:5px 0;
	padding:0;
	width:660px;
	height:20px;
	font-size:14px;
	line-height:20px;
}
.ding{
    width:880px;
	height:auto;
	margin:0 auto;
	padding:0;
}
/*--------------------------------head-------------------------------*/
#head{
	text-align:center;
  width:880px;
	height:110px;
	margin:0 0 0 61px;
	padding:0;
	background:url(../img/top.jpg) no-repeat;
}
#top{
	text-align:left;
  width:880px;
	margin:0;
	padding:0;
}
#bottom1{
    width:880px;
	height:auto;
	margin:0;
	padding:0;
}
#bottom1 ul{
    width:880px;
	height:auto;
	margin:0;
	padding:0;
}
#bottom1 li{
    width:100px;
	height:18px;
	margin:0;
	padding:0;
	float:left;
	line-height:18px;
}
#sy{
  width:880px;
	height:20px;
	margin:0;
	padding:0;
}
#sy p{
    width:200px;
	height:auto;
	margin:65px 0 0 722px;
	padding:0;
	color:#da0000;
	font-size:12px;
}
#sy p a{color:#da0000; text-decoration:none;}
#sy p a:hover{color:#da0000; text-decoration:none;}
/*--------------------------------menu-------------------*/
#menu{
	text-align:center;
  width:880px;
	height:33px;
	padding:0;
	background:url(../img/menu.gif);
}
#menu ul{
    width:880px;
	height:33px;
	margin:0;
	padding:0;
}
#menu li{
    width:100px;
	height:33px;
	margin:0 2px;
	padding:0;
	float:left;
	line-height:33px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
}
#menu li a,#menu li a:hover{color:#ffffff; text-decoration:none;}
/*-------------------banner-------------------*/
#banner{
	text-align:center;
  width:880px;
	height:194px;
	padding:0;
	background:url(../img/banner.jpg);
}
#content{
text-align:center;
    width:880px;
	height:836px;
	margin:0 auto;
	padding:0;
	background:#ffffff;
}
/*---------------------------------------------left-------------------------------------*/
#left{
    width:210px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	background:url(../img/left_bg.gif) repeat-y;
}
.left{
    width:210px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
	background:url(../img/left_bg.gif) repeat-y;
}
/***********************left1*************************/
#left1{
    width:182px;
	height:auto;
	margin:0 0 0 6px;
	padding:0;
}
#left1 .title{
    width:182px;
	height:38px;
	margin:0;
	padding:0;
	background:url(../img/index_4.gif);
}
#left1 ol{
    width:180px;
	height:auto;
	margin:0 auto;
	padding:0;
	border:1px solid #cccccc;
}
#left1 li{
    width:170px;
	height:25px;
	margin:0 auto;
	padding:0;
	line-height:25px;
	text-indent:3.5em;
	border-bottom:1px dashed #333333;
	background:url(../img/index_10.gif) 10px no-repeat;
}
#left1 li a{color:#333333; text-decoration:none;}
#left1 li a:hover{color:#ff0000; text-decoration:none;}
#left1 .bottom{
    width:182px;
	height:37px;
	margin:0;
	padding:0;
	background:url(../img/index_7.gif);
}
/***********************left2*************************/
#left2{
    width:182px;
	height:auto;
	margin:10px 0 0 6px;
	padding:0;
}
#left2 p{
    width:160px;
	height:auto;
    margin:0 auto;
	padding:0;
	font-size:14px;
	line-height:1.8em;
}
#left2 .top{
    width:182px;
	height:27px;
	margin:0;
	padding:0;
	background:url(../img/index_9.gif);
}
#left2 .center{
    width:182px;
	height:100px;
	margin:0;
	padding:0;
	background:url(../img/index_11.gif) repeat-y;
}
#left2 .down{
    width:182px;
	height:7px;
	margin:0;
	padding:0;
	background:url(../img/index_12.gif);
}
/*****************************left3***********************/
#left3{
    width:167px;
	height:54px;
	margin:10px 0 5px 12px;
	padding:0;
}
/*-----------------------------------right-------------------------------------*/
#right{
    width:668px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
	background:#ffffff;
}
#right1{
    width:668px;
	height:auto;
	margin:0;
	padding:0;
}
#right1 p{
    margin:0 2px;
	padding:0;
	line-height:1.5em;
	text-indent:2.0em;
}
#right1 p a{color:#333333; text-decoration:none;}
#right1 p a:hover{color:#ff0000; text-decoration:none;}
#right1-left{
    width:430px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#right1-left .title{
    width:407px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../img/about_title.gif);
}
#right1-right{
    width:238px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
#right1-right .title1{
    width:234px;
	height:30px;
	margin:0;
	padding:0;
	background:url(../img/product_title.gif);
}
#right1-right .wz{
    width:238px;
	height:210px;
	margin:0;
	padding:0;
	background:url(../img/p.gif);
}
#right1 .cx{
    width:220px;
	height:40px;
	margin:5px auto 0 auto;
	padding:0;
}
#right1 .flash{
    width:213px;
	height:144px;
	margin:6px 0 0 13px;
	padding:0;
}
/*-----------------------right2------------------------*/
#right2{
    width:668px;
	height:auto;
	margin:0;
	padding:0;
	clear:both;
}
#right2 .title2{
    width:668px;
	height:30px;
	margin:0;
	padding:0;
}
#right2 ol{
    width:668px;
	height:auto;
	margin:0 auto;
	padding:0;
}
#right2 li{
    width:128px;
	height:auto;
	margin:6px 10px;
	padding:0;
	float:left;
	white-space:nowrap;
}
#right2 li a{text-decoration:none;}
#right2 li a:hover{text-decoration:none;}
#right2 .title3{
    width:650px;
	height:16px;
	margin:0 auto;
	padding:0;
	background:#f0f0f0;
	line-height:16px;
}
#right2 .title3 a,#right2 .title3 a:hover{color:#333333; text-decoration:none;}
#wz{
    width:666px;
	height:auto;
	margin:0 auto;
	padding:0;
}
#wz p{
    margin:0;
	padding:0;
	text-indent:1em;
	line-height:1.5em;
}
/*----------------------------------------------bottom---------------------------------*/
#bottom{
    width:878px;
	height:80px;
	margin:0 auto;
	padding:0;
	clear:both;
	background:url(../img/bottom_bg.gif);
}
#bottom .l{
    width:200px;
	height:80px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
}
#bottom .r{
    width:600px;
	height:80px;
	margin:0 0 0 50px;
	padding:0;
	float:left;
	color:#ffffff;
	line-height:1.5em;
	font-size:13px;
}
#bottom .r span{font-size:12px;}
#bottom .r a{color:#333333; text-decoration:none;}
#bottom .r a:hover{color:#ff0000; text-decoration:none;}