/* CSS Document */
html{
background: #454444 url(images/body_bg.jpg) repeat-x fixed;
margin:auto;
padding:0px;
font-size:12px;
}

body{ margin:auto; height:auto}
#main_bottom,#main_top{
}
#all{ 
margin:40px 0; background:#fff; height:auto;
width:939px; 
height:auto; 
margin-left:auto;
margin-right:auto;}
#main_top{
background: #FFFFFF url(images/main_top.jpg) no-repeat top;
height:4px; 
}
#main_bottom{
height:4px; 
background: #FFFFFF url(images/main_bottom.jpg) no-repeat top;
overflow:hidden;}
.clear{ clear:both;}
h1,h2,h3,h4,h5,h6,p,span,li,ul{ margin:0px; padding:0px; font-size:12px; list-style:none;}
.blank10{height:10px;clear:both; background:#fff}
.blank40{height:40px;clear:both; background:#fff}
.blank20{height:20px;clear:both; background:#fff}
.nblank40{height:40px; background:#fff}
a{color:#228FDA;}
a:hover{ text-decoration:underline; color:#cc0000}


img{ border:none;}
.f{ float:left;}
/******************整体居中*********************************/
#main{width:845px; margin:auto;}
/***************************************************/


/***************************************************/
#top{}
#top_meau{ color:#808080; float:right; width:345px;}
#top_meau a{color:#808080; text-decoration:none; text-align:right}
#top_meau a:hover{color:#cc0000;}
#top_meau li{ float:left;}
.top_meau_shu{ width:15px; text-align:center;}
#top_right{ float:right; width:300px;; margin-top:30px}
#logo{ float:left}
#logo img{ margin:30px;}
#search{ width:170px; float:right;}

.search_input{ background:url(images/search.jpg); width:120px; height:18px; border:none; float:left;}
.search_input1{ width:70px; height:13px; border:none; overflow:hidden; margin:0 2px; margin-top:2px!important; margin-top:0;  border:#fff;}
.search_button{ background:url(images/search_botton.jpg); width:23px; height:18px; border:none; margin-top:-1px;}
/***************************************************/
#nav{
	overflow:hidden;
	width:845px;
	height: 35px;
	margin:auto;
}
#nav li{
	float:left;
	height:35px;
	width: 281px;
}
#nav li a{
	text-decoration:none;
	color:#626262;
	display:block;
	text-indent:3em;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
}
.nav_litit1{ background:url(images/nav_1.jpg) no-repeat;}
.nav_litit1 a:hover{  font-style:italic; font-weight:normal}
.nav_litit1 a:hover{ background:url(images/nav_blue.jpg) no-repeat;}
.nav_litit2{ background:url(images/nav_2.jpg) no-repeat;}
.nav_litit2 a:hover{ background:url(images/nav_green.jpg) no-repeat;font-style:italic; font-weight:normal;}
.nav_litit3 {background:url(images/nav_3.jpg) no-repeat;}
.nav_litit3 a:hover{  font-style:italic; font-weight:normal;background-image: url(images/nav_3.jpg);}
.nav_blue{background:url(images/nav_1.jpg) no-repeat;font-style:italic; font-weight:normal}
.nav_green{background:url(images/nav_2.jpg) no-repeat;font-style:italic; font-weight:normal}
.nav_red{background:url(images/nav_3.jpg) no-repeat;font-style:italic; font-weight:normal}
.nav_litit3 a:hover{ background:url(images/nav_red.jpg) no-repeat;}

.nav_blue{ background:url(images/nav_blue.jpg) no-repeat;}
.nav_green{ background:url(images/nav_green.jpg) no-repeat;}
.nav_red{ background:url(images/nav_red.jpg) no-repeat;}
/***************************************************/
#index .banner{margin:0 47px} 
.banner{}
/***************************************************/
#content{ background:#FFFFFF; padding:0 47px;}
.content_col{ 
width:164px; 
height:150px; 
background:url(images/content_cols_bg.jpg) no-repeat;
float:left;
margin-left:4px;
}
.h1yellow{  text-indent:3em;margin-top:15px; margin-bottom:5px;}
.h1yellow a{ color:#ED9200;font-size:14px;font-weight:bold; text-decoration:none}
.h1yellow a:hover{ color:#cc0000}
.content_col_in{
	color:#646464;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	line-height:17px;
}
.content_col_in li{text-indent:3em;} 
.content_col_in a{ color:#2AA2D0; text-decoration:none; width:164px; display:block;}
.content_col_in a:hover{ color:#fff; background:#AAD2F2 url(images/content_tit_blue.jpg) center left no-repeat;}
/***************************************************/
#footer{ color:#808080; line-height:35px; text-align:center; background:#FFFFFF;background:url(images/footer_bg.jpg) no-repeat; width:845px; margin:auto;}
.foot_jpzs{line-height:18px; background:#FFFFFF; padding:0 47px;}
.foot_jpzs a{ text-decoration:underline}
.foot_jpzs a:hover{ text-decoration:none}
#prokey{
	width:845px;
	line-height:20px;
	margin:0 47px;
}
/*********************公司介绍页******************************/
#siderbar{width:203px; float:left; color:#626262; min-height:600px;}
.siderbar ul{ width:203px; height:auto; background:url(images/content_col_top.jpg) no-repeat top;  overflow:hidden;}
.siderbar_col_green{ width:203px; height:auto; background:url(images/pro_col_green.jpg) no-repeat top; overflow:hidden; }
.siderbar_col_grey{ width:203px; height:auto; background:url(images/sider_grey.jpg) no-repeat top; overflow:hidden;}
.siderbar_col_ligreen{ height:32px; line-height:32px; text-indent:1em; }
.siderbar_col_li{ background:url(images/siderul_bg.jpg) repeat-y;}
.siderbar_col_li a{background:url(images/content_li_bg.jpg) no-repeat center left; height:25px; line-height:25px; text-indent:3em; overflow:hidden;  display:block; text-decoration:none;}
.siderbar_col_li a:hover{background:url(images/siderli_hbg.jpg) center left;}
.siderbar_bottom{ background:url(images/content_col_bottom.jpg) no-repeat; width:203px; height:auto; min-height:7px;}
.contentspan{
	display:block;
	font-size:12px;
	color:#808080;
	margin-left: 45px;
	margin-top:20px;
	line-height:18px;
}
.contentspan li{ float:left; margin-right:15px;}
.cs_strong{ color:#4C4C4C; line-height:24px;}
#indcontent{ float:left; width:600px; line-height:20px;}
.indcontentimg{ float:left; width:250px;}
.indcontent_line{ border-bottom:1px solid #EAEAEA; height:1px; overflow:hidden; width:100%;margin-left:auto;
margin-right:auto;}
.indh1{
	color:#4C4C4C;
	text-indent:3em;
	font-size:14px;
	line-height: 40px;
}
/********************<a href="Products.shtml">产品列表</a>页*******************************/
.proul{
	float:left;
	width:400px;
	border-bottom:#CCCCCC dashed 1px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.proul h1{ clear:both;}
.proul li{
	float:left;
	width:400px;
	margin-left:3px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.proimg{ float:left; width:100px;}
.proimg img{ width:100px; height:100px;}


/***************************************************/
*{margin:0;padding:0;}   
.menu{font-size:12px;position:relative;z-index:100;}   
.menu ul{list-style:none;}   
.menu li { width:100px;position:relative;}
.menu ul ul {visibility:hidden;position:absolute; left:100px;top:3px;}   
.menu ul li:hover ul,   
.menu ul a:hover ul{visibility:visible;}   
.menu a{display:block;border:1px solid #aaa;background:#cacaca;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;}
.menu a:hover{background:#fafafa;color:#000;border:1px solid #000;}   
.menu ul ul{}   
.menu ul ul li { clear:both;font-size:12px; float:left;}
.menu ul ul li a{display:block;width:150px;height:15px;margin:0;border:0;border-bottom:1px solid #858585;float:left;}   
.menu ul ul li a:hover{border:0;background:#fafafa;border-bottom:1px solid #fff;} 


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.

由站酷(zcool)http://www.zcool.com.cn/ 整理 
来源于：http://www.cssplay.co.uk
=================================================================== */
 /* common styling */

 /* Set up the default font and ovrall size to include image */
 body {
	font-family:"宋体";
	font-size: 12px;
}
#wrap {width:100px; position:relative; background:#fff; height:150px; padding:0 30px; color:#fff; margin-left:25px;}
#wrap a.nikon_link, #wrap a.nikon_link:visited {color:#bcd; font-size:10px;}
#wrap a.nikon_link:hover {text-decoration:none;}

#flyout {font-size:12px; padding:0; margin:0; list-style:none; width:24px; height:360px; position:absolute; left:-25px;}
#flyout ul {padding:0; margin:0; list-style:none;}
#flyout li {display:block; width:200px; height:30px; background:#000000; line-height:30px; text-align:center;  border:#C6D5BE 1px solid; background:url(images/jt.jpg) no-repeat right; font-weight:bold}
#flyout li a {display:block; width:200px; height:30px; text-decoration:none; line-height:30px; background:#FFFFFF; background:url(images/jt.jpg) no-repeat right;}
#flyout li a.nikon {}
#flyout li a.canon {}
#flyout li a.pentax {}

#flyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#flyout li {float:left; margin-bottom:1px;}
#flyout li ul {visibility:hidden; position:absolute; top:0; left:200px; width:350px; height:auto; border-left:1px solid #fff; padding-top:4px; background:#234; padding-bottom:5px;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-kHTML-opacity: 0.7;
opacity: 0.7;}
#flyout li ul li {display:block; display:inline; width:150px; height:22px; border:0; margin:0 10px; background:transparent;
}
#flyout li ul li a {text-indent:0; background:transparent; display:block; width:150px; height:22px; line-height:21px; color:#bbb; border-bottom:1px solid #555; text-decoration:none;
}
#flyout li b {visibility:hidden; display:block; width:360px; height:120px; position:absolute; top:0; left:200px; /*opacity:0.8; filter:alpha(opacity=80);*/
}
* html #flyout li a:hover {position:relative; white-space:normal;}
* html #flyout li a:hover ul li a:hover {color:#000; background:#bcd;}
#flyout li:hover {position:relative;}
#flyout li:hover ul li a:hover {background:#bcd; color:#000;}
#flyout li:hover b,
#flyout li a:hover b {
visibility:visible;
}
#flyout li:hover ul,
#flyout li a:hover ul {
visibility:visible;
}

/*=================================================================== */
#canshu li{ width:130px; line-height:20px;}

#contentpro{ margin:45px; font-size:14px; color:#808080;}
#contentpro h1{ height:25px; line-height:25px;}
#contentpro ul{ border-top:1px solid #CCCCCC;  width:100%; padding-top:5px;}
#contentpro li{ float:left; width:150px; height:20px; line-height:20px;}
#contentpro li a{ text-decoration:none}
#indcon_proban{ margin-left:30px;}
.seotext{
	padding:0 47px;
	line-height: 20px;
	color: #666666;
	background:#fff
}

#newslist{ margin-left:40px; margin-top:20px}
#newslist p.page{ text-align:right}

#news_content{ width:560px; float:left; overflow:hidden; display:block; margin-left:20px; line-height:24px; font-size:12px}
#news_content p{ line-height:18px; text-indent:28px;}
#news_content h1{ text-align:center; font-size:16px; line-height:30px}
#news_content li{ border-bottom:#CCC 1px dashed; padding:5px 0}
#news_content li p{ line-height:18px; height:35px; overflow:hidden; color:#999; text-indent:0px;}
#news_content li a{position:relative; display:block; text-decoration:none; line-height:20px}
#news_content li a span{ display:inline-block; position:absolute; left: 495px; top: 0px; color:#333}

#seokey{ padding:0 47px; background:#fff}
#seokey li{padding-right:10px; display:inline; line-height:18px;}

.nobor{ border:none}