/*全局样式*/
*{margin:0;padding:0}
body {
	margin:0 auto;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 23px;
	color:#d8d8d8;
	text-align:center;
 	background-position: left top;
	background-color: #757575;
	background-image: url(../images/bg1.jpg);
	background-repeat: repeat-x;
 }
ul,li {list-style:none;}
table{border-collapse:collapse;}
.center{text-align:center}
.clear{clear:both;height:0;overflow:hidden}
a:link    {color:#e5e5e5;text-decoration: none;}
a:visited {color:#cccccc;text-decoration: none;}
a:hover   {color:#ffffff;text-decoration: none;}
a:active  {color:#cccccc;text-decoration: none;}
/*顶部*/
#main{width:1005px; margin:0 auto; text-align:left; background:#1d1d1d }
#head{ width:1005px; float:left;}
.top{ background:url(../images/topbg.jpg) no-repeat; width:1005px; height:90px;}
.topright{ float:right; width:220px;}
.logo{ width:500px; height:75px; text-align:center; margin-top:10px;   margin-left:240px; }
.name{ float:right; width:212px; margin-top:20px; margin-right:10px;}
.cn{ float:right; width:220px;}
.search{ float:right; }
.iput{ background:#ccc; border:#6b6c6b 1px solid; color:#000}
 
#menu{ float:left; background:url(../images/menubg.jpg) repeat-x;height:27px; line-height:27px; width:1005px; }
#menu li {
	float:left;
	line-height: 27px;
	color: #fff;
	display: block;
	text-align: center;
	height: 27px;
	width: 92px; 
 	margin-left:2px
}
#menu li a{
	float:left;
	line-height: 27px;
	color: #fff;
	display: block;
	text-align: center;
	height: 27px;
	width: 92px;
 	background:url(../images/menuline.jpg) no-repeat;
	background-repeat: no-repeat;
	background-position: right center;
	margin-left:2px
}
#menu li a:hover {
	font-weight: bold;
	color:#d2d2d2;
}
 
#menu li #list {
	background-image: none;
}
.banner{ float:left; width:1003px; border:#666666 1px solid}

/*中间*/
#midd{ width:985px; margin:0 auto; text-align:left; background:url(../images/midd_bg.jpg); padding:10px; }
#midd1{width:965px; text-align:left; background:#000000; padding-left:10px; padding-top:5px; padding-bottom:5px; }
#midd_top{width:965px; margin:0 auto;}
.company{ float:left; width:311px; }
.title{ float:left; width:280px; color:#FFFFFF; font-weight:bold; padding-left:31px; background:url(../images/title_bg.jpg) no-repeat; height:23px; padding-top:5px;}
.title span{ float:right; font-weight:normal; font-size:10px; padding-right:5px;}
.com_text{ float:left; width:299px; line-height:16px; padding:5px;border:#262626 1px solid;}
.com_text1{ float:left; width:299px; padding:5px;border:#262626 1px solid;}
.news{ float:left; width:429px; margin-left:8px;}
.title_n{ float:left; width:398px; color:#FFFFFF; font-weight:bold; padding-left:31px; background:url(../images/title_bg1.jpg) no-repeat; height:23px; padding-top:6px;}
.title_n span{ float:right; font-weight:normal; font-size:10px; padding-right:5px;}
.news_text{ float:left; width:417px; padding:5px;border:#262626 1px solid;}
.news_content{ float:left; width:420px;}
.news_content1{ float:left; width:280px; margin-top:2px;}
.news_img{ float:left; margin-top:5px; margin-right:2px;}
.news_list{float:left; width:410px;}
.news_list ul li{ float:left;border-bottom: #CCCCCC 1px dashed;}
.news_list ul li a{ background:url(../images/title.jpg) no-repeat;background-position: left center;padding-left: 15px; color:#e8e8e8;   margin-top:5px;}
.news_list ul li span{ float:right}

.news_list1{float:left; width:680px;}
.news_list1 ul li{ float:left;border-bottom: #CCCCCC 1px dashed;}
.news_list1 ul li a{ background:url(../images/title.jpg) no-repeat;background-position: left center;padding-left: 15px; color:#fff;   margin-top:10px;}
.news_list1 ul li span{ float:right}


.login{ float:left; margin-left:8px; background:url(../images/login_bg.jpg) no-repeat; width:201px; height:180px;}
.reg{ float:left; width:180px; margin-top:10px; padding-left:10px;}
.product{ float:left; width:420px;}
.product ul{ width:100%;margin:0;padding:0}
.product ul li{width:130px;height:175px;float:left;text-align:center;  overflow:hidden; margin-left:6px; margin-top:8px  }
.product ul li img{width:110px;height:140px; border:1px solid #3d3d3d; padding:2px;float:left;}
.model2{ float:left;width:110px;  text-align:center;  margin-top:2px }

.r_img{ float:left; width:201px;margin-left:8px;}

#foot{ float:left; width:980px; background:url(../images/foot_bg.jpg) repeat-x; height:100px; padding-top:15px; padding-left:25px; background:#1d1d1d}
.logo1{ float:left; width:200px; border-right:#484848 1px solid; height:45px;}
.copy{ float:left; width:600px; margin-left:20px;}
.copy span{ color:#000}
#left{ float:left; width:205px; margin-left:3px;}
.l_pro{ float:left; width:187px; height:36px; padding-top:15px; padding-left:18px;background:url(../images/l_probg.jpg) no-repeat; font-weight:bold }
.l_pro1{ float:left; background:url(../images/l_pro1.jpg) repeat-y; width:205px;}
.l_pro2{ float:left; background: url(../images/l_pro2.jpg) no-repeat; width:205px;}
.l_sort{ float:left; width:205px;}
.l_sort ul{ float:left}
.l_sort ul li{ float:left; background: url(../images/l_sort.jpg) no-repeat; text-align:center; width:205px;  padding-top:5px;}
.l_sort ul li a{ color:#000000; font-weight:bold;}
.l_sort ul li a:visited{ color:#000000; font-weight:bold;}
.l_sort ul li a:hover{float:left; background: url(../images/l_sort1.jpg) no-repeat; text-align:center; width:205px; height:38px; padding-top:5px; color:#FFFFFF; }
.l_sort ul li a:active{ color:#000000; font-weight:bold;}
.l_sort ul li ul{float:left}
.l_sort ul li ul li{float:left; background: url(../images/l_sort.jpg) no-repeat; text-align:center; width:205px; height:38px; padding-top:5px;}



.l_sort1{ float:left; width:205px;}
.l_sort1 ul{ float:left}
.l_sort1 ul li{ float:left;}
.l_sort1 ul li a{ float:left; color:#000000; font-weight:bold;background: url(../images/l_sort.jpg) no-repeat;width:193px; padding-left:12px;  padding-top:5px;}
.l_sort1 ul li a:visited{ color:#000000; font-weight:bold;}
.l_sort1 ul li a:hover{float:left; background: url(../images/l_sort1.jpg) no-repeat;width:193px; padding-left:12px; height:38px; padding-top:5px; color:#FFFFFF; }
.l_sort1 ul li a:active{ color:#000000; font-weight:bold;}
.l_sort1 ul li ul{float:left}
.l_sort1 ul li ul li a{float:left; background: url(../images/l_sort.jpg) no-repeat;width:193px; padding-left:12px; height:38px; padding-top:5px;}



.l_contact{ float:left; width:200px;}
.l_img{ float:left; width:64px; height:49px; margin-top:20px; margin-left:3px}
.l_content{ float:left; margin-left:5px; width:125px; color:#000000;}

.r_about{ float:left; width:726px; margin-left:15px;}
.title_r{ float:left; width:700px; color:#FFFFFF; font-weight:bold; padding-left:26px; background:url(../images/r_title.jpg) no-repeat; height:24px; padding-top:7px;}
.title_r span{ float:right; font-weight:normal; font-size:12px; padding-right:5px; color:#ccc}
.content{ float:left; width:720px; padding:2px; }
.r_top{ float:left; width:720px; height:50px; line-height:50px;}
.r_top_a{ float:left; width:480px; height:40px; line-height:40px; background:url(../images/r_about.jpg) no-repeat; padding-left:240px; font-weight:bold; color:#999; padding-top:10px}
.r_midd{ float:left; background:url(../images/r_midd.jpg) repeat-y; width:690px; padding-left:15px; padding-right:15px; min-height:300px; _height:300px}
.r_bottom{ float:left; background:url(../images/r_bottom.jpg) no-repeat; width:720px; height:22px;}
.midd_top{ background:url(../images/midd_top.jpg) no-repeat; width:965px; height:17px;}
.midd_midd{ background:url(../images/middle_line.jpg) repeat-y; width:955px; padding:5px;}
.midd_bottom{ background:url(../images/midd_bottom.jpg) no-repeat; width:965px; height:17px}


.pro{ float:left; width:680px; margin-bottom:10px; border-bottom:#999 2px solid; padding-bottom:8px;}
.smallpic{ float:left; width:150px; height:170px; padding:2px; border:#666 1px solid; margin-left:5px; margin-top:8px}
.pro_note{ float:left; margin-left:20px; width:490px; line-height:35px;}
.xx{ margin-top:20px;width:150px;  margin-bottom:8px; float:left}
.xx span{ float:left;}
.bigpic{ text-align:center; width:680px;}
.note{text-align:left; width:680px; margin-left:20px;}
.big_name{ width:600px; font-weight:bold}
.back{ text-align:center; width:680px;}
.about_right{ text-align:center}
.news_show{ text-align:left}
.back1{ text-align:center}