html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0;}
img{border:0 none;max-width: 100%}
ul, li{list-style-type: none; }
button {cursor: pointer; }
body {font-size:14px; line-height:28px;color:#555555; font-family:"微软雅黑"; background:url(../images/page_back.jpg) fixed;}
a, a:link {text-decoration: none; color:#555555; }
a:visited { }
a:active, a:hover{text-decoration:none; color:#FF6600;}
#page{ text-align:center; clear:both;}
#page li{float:left;margin-right:3px;}
#space{ clear:both; height:5px;}
.f_l{ float:left;}
.f_r{ float:right;}
.b_f{ background:#ffffff;}
.w_1220{ width:1220px;}
.m_auto{ margin:0 auto;}
.oh{ overflow:hidden;}
.white{ color:#ffffff;}

.top{ background:url(../images/top_back.jpg);height:43px; width:100%;}
.top_box{ height:43px; line-height:43px;}
.top_box span{ float:right;}
.logo{ height:104px; background:#ffffff;}
.logo span{ float:right;}

.menu{ height:59px; background:url(../images/menu_back.jpg);}
.menu_box{ height:59px;}
.menu_box ul li{ float:left; background:url(../images/li_back.jpg) no-repeat right;}
.menu_box ul li a{ display:block; width:152px; text-align:center; color:#ffffff; height:59px;}
.menu_box ul li a .cn{ line-height:30px;}
.menu_box ul li a .en{ line-height:20px; font-family:Verdana, Geneva, sans-serif;}
.menu_box ul li a:hover{ background:url(../images/li_over.jpg);}

.nav { height:59px; background:url(../images/menu_back.jpg);}
.nav a {
  display: block;
  line-height: inherit;
  cursor: pointer;
}
.nav_menu {
  text-transform: uppercase;
}
.nav_menu-item {
  display: inline-block;
  position: relative;
  width:148px; text-align:center; color:#ffffff; height:49px; padding:5px 0 5px 0;
   background:url(../images/li_back.jpg) no-repeat right;
   

}
.nav_menu-item a{ color:#ffffff; line-height:20px;}
.nav_menu-item:hover {
 background:url(../images/li_over.jpg);
}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  top:59px;
  width: 220px;
  background-color: #082967;
  z-index:999999;
}
.nav_submenu-item{ text-align:left; padding:10px 0 10px 15px; border-bottom:1px dashed #174fb4;}
.nav_submenu-item:hover {
 background:url(../images/li_over.jpg);
}

#menu_over{ background:url(../images/li_over.jpg);}

#banner {
	position:relative;
	width:100%;
	height:420px;
	z-index:2;
	margin:auto;
}
#banner .slides_container {
	width:100%;
	height:420px;
	position:relative;
	overflow:hidden;
	display:none;
	z-index:1
}
#banner .slides_container .bg-slide {
	width:100%;
	height:420px;
	display:block;
	z-index:1
}
/*
#banner .slides_container #bg1 {
	background:url(../images/banner1.jpg) repeat-x top #fff;
}
#banner .slides_container #bg2 {
	background:url(../images/banner2.jpg) repeat-x top #fff;
}
#banner .slides_container #bg3 {
	background:url(../images/banner3.jpg) repeat-x top #fff;
}
#banner .slides_container #bg4 {
	background:url(../images/banner4.jpg) repeat-x top #fff;
}
#banner .slides_container #bg5 {
	background:url(../images/banner5.jpg) repeat-x top #fff;
}
#banner .slides_container #bg6 {
	background:url(../images/banner6.jpg) repeat-x top #fff;
}
*/

#banner .pagination {
	width:150px;
	z-index:100001;
	position:absolute;
	left:50%;
	bottom:10px;
	margin-left:-75px;
}
#banner .pagination li {
	float:left;
	list-style:none;
}
#banner .pagination li a {
	display:block;
	width:20px;
	height:20px;
	font-size:8px;
	line-height:20px;
	background:url(../images/zhongding201300008_s1.gif) no-repeat;
	float:left;
	text-align:center;
	overflow:hidden;
	text-indent:-9999px;
}
#banner .pagination li.current a {
	background-position:-20px 0
}


.search_box{ clear:both; background:url(../images/search_back.jpg); height:49px;}
.search{ width:1220px; margin:0 auto; height:54px; line-height:54px; color:#ffffff;}
.search a{ color:#ffffff;}
.search_tablg{ width:204px; height:32px; padding:10px 0 0 0; float:right;}
.search_input{ background:url(../images/input_back.jpg) no-repeat left center #ffffff; line-height:28px; color:#cccccc; height:28px; width:122px; padding:0 0 0 38px; border:1px solid #cccccc;}

.main{ background:#ffffff;}
.left{ width:268px; background:url(../images/left_back.jpg) #0a327b no-repeat top;}
.right{ width:930px; margin:0 0 0 22px; }

.right_title{ border-bottom:1px solid #cccccc; font-weight:bold; font-size:22px; color:#da0c0c; line-height:45px;}
.right_content{ padding:20px 0;}
.right_content img{width:730px;}
.right_title span{ float:left; font-weight:normal; color:#555555; font-size:14px;}
table,table tr th, table tr td { border:1px solid #ccc;border-collapse:collapse;padding:2px;}
.left_title{ height:67px; text-align:center; color:#ffffff;}
.left_title_cn{ line-height:37px; font-weight:bold; font-size:18px;}
.left_title_en{ line-height:30px;}
.left_class{ width:239px; margin:0 auto;}
.left_class ul li{ margin:15px 0; background:url(../images/left_class.jpg); padding:0 0 0 30px; font-weight:bold; line-height:33px; font-size:15px;}
.left_class ul li a{ color:#ffffff;}
.left_class ul p{ background:url(../images/left_p.jpg) no-repeat 10px center; padding:0 0 0 30px; border-bottom:1px dotted #1b4ca7; line-height:45px;}
.left_class ul p a{ color:#ffffff;}
.left_content{ padding:10px;}

#in_prolist li{ width:306px; height:290px;}
#in_prolist li img{ width:280px; height:220px; border:1px solid #cccccc; padding:4px;background:url(../images/img-bg.png)}


.left_list{ width:239px; margin:0 auto;}

#nav {
 width:239px;
 list-style-type: none;
 text-align:left;
 margin:0 auto;
 background:none;
    /*��������ul�˵����иߺͱ���ɫ*/
}
/*==================һ��Ŀ¼===================*/
#nav li {line-height:33px; margin:15px 0;
 /*float: left,����Ӧ�����ã���������Firefox����������ʾ
 �̳�Nav��width,���ƿ�ȣ�li�Զ���������*/
}
#nav li a{background:url(../images/left_class.jpg) no-repeat left top; padding:0 0 0 30px; font-weight:bold; line-height:33px; font-size:15px; display:block; width:239px; color:#ffffff;}

/*==================����Ŀ¼===================*/
#nav li ul {
 list-style:none;
 text-align:left;
}
#nav li ul li{ 

}
#nav li ul li a{ padding:0 0 0 30px; border-bottom:1px dotted #1768c0; line-height:45px; width:209px; background:url(../images/left_p.jpg) no-repeat 10px center; font-size:14px; font-weight:normal; 
 /* padding-left����Ŀ¼�����������ƶ�����Width������������=(�ܿ��-padding-left)*/
}
/*�����Ƕ���Ŀ¼��������ʽ*/
/*==============================*/
#nav li:hover ul {
 left: auto;
}
#nav li.sfhover ul {
 left: auto;
}
#content {
 clear: left; 
}
#nav ul.collapsed {
 display: none;
}
-->
#PARENT{
 width:239px;
}




.right_class{ clear:both; margin:0 0 10px 0; border-bottom:1px solid #cccccc;}
.right_class a{ display:block; padding:2px 10px; margin:0 5px; float:left;}
.right_class a:hover{ background:#c10e01; color:#ffffff;}
#right_over{ background:#c10e01; color:#ffffff;}

#demo_1{ width:930px; overflow:hidden;}
#demo_2{ width:930px; overflow:hidden;}
#demo_3{ width:930px; overflow:hidden;}
#demo_4{ width:930px; overflow:hidden;}
#demo_5{ width:930px; overflow:hidden;}
#demo_6{ width:930px; overflow:hidden;}
#demo_7{ width:930px; overflow:hidden;}
#demo_8{ width:930px; overflow:hidden;}
#demo_9{ width:930px; overflow:hidden;}
#demo_10{ width:930px; overflow:hidden;}

#demo_h{ width:1200px; overflow:hidden;}
#demo_c{ width:1200px; overflow:hidden;}

.demo_list{ float:left; width:270px; height:240px; text-align:center;}
.demo_list a{ color:#0a7711;}
.demo_list img{ width:260px; height:230px; padding:2px; border:1px solid #cccccc;}

.top_banner{ clear:both; background:url(../images/banner1_back.jpg); height:337px; width:100%; text-align:center;}
.top_banner1{ clear:both; height:190px; background:url(../images/ad1.jpg) no-repeat center;}

.about_box{ border-bottom:1px solid #cccccc; background:#f2f2f2; border-top:1px solid #cccccc;}
.box_title{ background:url(../images/title_back.png) no-repeat center; text-align:center; height:62px;}
.box_title h1{ font-size:24px; font-weight:bold; margin:0; padding:0; line-height:35px;}
#aboutpic{ float:left; margin:0 15px 0 0; border:2px solid #db261d; width:445px; height:238px;}
.news_class{ text-align:center; clear:both; width:160px;}
.news_class a{ display:block; padding:2px 10px; border:1px solid #cccccc; background:#ffffff; color:#555555; float:left;}
.news_class a:hover{ background:#F00; color:#ffffff;}
#news_classo{ background:#F00; color:#ffffff;}
.in_news{ width:780px; float:left;}
.in_news ul li{ overflow:hidden; border-bottom:1px dotted #cccccc; margin:2px 0;}
.in_news ul li span{ float:left; width:80px; overflow:hidden;background:#949494; color:#CCC; text-align:center; margin:0 20px 0 0; padding:5PX;word-break:break-all; }
.in_news ul li span hr{ padding:0; margin:5px;}
.in_news ul li h1{ line-height:35px; font-size:16px;}

.in_news_pic{ float:left; width:422px; margin:20px 0 0 18px;}
.in_news_pic img{ width:422px; height:330px;}

.in_map{ background:#dae1e5; overflow:hidden; clear:both;}
.in_map_con{ float:right; margin:0 0 0 20px; width:260px;}

.foot{ clear:both; background:#082967; padding:30px 0; overflow:hidden; text-align:center; color:#ffffff;}
#company{ height:120px; overflow:hidden;}


.news_list{ margin:10px;}
.news_list ul li{ background:url(../images/news_ocpm.jpg) no-repeat left center; line-height:28px; padding:0 0 0 15px; border-bottom:1px dashed #cccccc;}
.news_list ul li span{ float:right;}

.in_title{ height:100px; text-align:center; color:#ffffff; background:url(../images/in_title.jpg);}
.in_title_en{ font-size:18px; height:20px; line-height:20px; padding:20px 0 0 0;}
.in_title_cn{ line-height:50px;font-size:32px; font-weight:bold;}
.in_title_cn a{ color:#ffffff;}
.in_contacts{ border:1px solid #0a327b; padding:10px; overflow:hidden;}

#in_product_list li{ float:left; text-align:center; width:299px; height:300px;}
#in_product_list li img{ width:280px; height:220px;}

#in_product_list .img-bg{margin:4px;position:relative;border:1px solid #cccccc;padding: 4px;}
#in_product_list .img-bg .img-box{position:absolute;left:0;top:0;border:0px solid #fff;}
#in_product_list .img-bg .img-box img{padding:2px;border:1px solid #fff;width:282px; height:222px;}