/*------------------  
-- 大自然光电 
author:汪树岩 -- 
  ----------------------*/
*{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#EFEFEF;}
body{ margin:0px; padding:0px; background:#313847;}
img{ border:0;}
ul{}
li{ list-style:none;}
a,a:visited{ text-decoration:none;}
a:hover{ color:#FF9900; text-decoration:underline;}
.clear{ clear:both;}

#container{ width:980px; margin:0px auto;}
/*top*/

#top{ width:980px; background:url(../images/index_top_bg.jpg) no-repeat; }
  #top_concent{ width:680px; margin-left:290px;}
    #top_top{ width:680px; margin-top:10px; background:url(../images/top_tel.jpg) 270px 8px no-repeat;}
	#top_top form{ width:200px; float: right; display: inline; margin-top:8px; }
    .input_search{background:url(../images/08_08.jpg); width:132px; height:20px; border:0px; padding:0px 8px;margin:0px; margin-top:3px; color:#999999; line-height:20px; overflow:hidden; float:left; display:inline;} 
	.search_button{ width:41px; height:24px; background:url(../images/index_05.jpg) no-repeat; margin:0px; padding:0px; border:0px; float:left;display:inline;}
/*nav*/	
	#nav{ width:680px; height:45px;margin-top:20px; display:block; }
	#nav ul{width:680px; height:45px; margin:0px; padding:0px;display:block; }
	#nav li{ height:45px; float:left; display:inline; }
	#nav li a,#nav li a:visited{padding-left:15px; height:45px; line-height:45px; background:url(../images/nav_a.jpg) 0 2px no-repeat;}
	#nav li a:hover{ background:url(../images/nav_a2.jpg) 0 2px no-repeat; text-decoration:none;}
	.lispeace{ width:28px; height:45px; margin:0px;  background: none; float:left; display:inline;}

/*head*/	
#head{ width:980px; height:356px; background:url(../images/head_bg.jpg) no-repeat;}	
	#head_content{ width:980px; height:345px; background: #000; border-top:2px solid #000;}
		#head_l{ width:745px; height:345px; float:left; display:inline;}
		#head_r{ width:220px; height:345px;float:left; display:inline;}
		#head_r ul{ width:220px; height:345px;margin:0px; padding:0px; }
		#head_r li{ width:100%;margin:0px; padding:0px; list-style:none; display:block;}
		#head_r li a,#head_r li a:visited{list-style:none; width:220px; line-height:26px;padding-left:15px; 
		                                   text-decoration:none;display: block;}
		#head_r li a:hover{ list-style:none; width:220px;  
		                    text-decoration:none; color:#000000; background:#ffa200; display: block;}
		
/*main_page*/
#main{ width:980px; display:block; margin-top:5px;}

/*main for 3 box*/
#box_a{ width:330px; float:left; display:inline;}
#box_b{ width:310px; float:left; display:inline;}
#box_c{ width:340px; float:left; display:inline;}

.box_title{ width:100%; height:22px; background:#151f35;}
.box_t_l{ width: 125px; line-height:22px; text-indent:25px; float:left;}
.box_t_r{ width:70px; float:right; display:inline;}

.box_content{ width:100%; height:178px; margin:0px;}
.box_content3{width:100%; height:178px; margin:0px; background:#2b3243 url(../images/box_bg3.jpg) right top no-repeat;}
.box_content3 ul{ width:255px; height:100px; overflow: hidden; padding-left:10px; margin-top:10px;  float:left;}
.box_content3 li{ list-style:none;width:255px; height:25px; overflow: hidden; text-indent:15px; line-height:25px; background:url(../images/20_20.gif) 5px 8px no-repeat;}
.box_content3 li a{ text-decoration:none;}
.box_content3 li a:hover{ text-decoration:none; color:#FF6600;}
.box_bottom,.box_bottom img{ width:100%;}

/*foot*/
#foot{ width:980px; height:200px; background:url(../images/foot_bg.jpg) repeat-x; padding-top:25px;text-align: center;line-height:30px; }

/*foot_in*/
#foot_in{ width:980px; height:200px; margin-top:10px;  padding-top:25px; border-top:2px solid #777c86;}
#foot_logo{ width:110px; height:90px; margin-left:80px; float:left; display:inline }
#foot_con{ width:700px; text-align: center; margin-left:80px; line-height:30px; float: left; display:inline;}

/*------------inpage--------------*/

.position{ margin:0px; padding:0px; background:#21293c url(../images/in-A_03.jpg) no-repeat; 
           width:980px; height:24px; line-height:24px; text-indent:25px; border-top:2px solid #000;}



/*INLEFT*/
#inleft{ width:262px; height:620px; margin:0px; background:url(../images/left_bg.jpg) no-repeat; float:left; display:inline;}
#left_title{ width:180px; height:30px; padding-left:68px; padding-top:52px; color:#ff9600; font-size:16px; font-weight:bold;}

.inleftcenter{ width:262px; margin-top:20px; overflow:hidden;}
.inleftcenter a{ text-decoration:none;}
.inleftcenter a:hover{ color:#ff9900; text-decoration:none;}

.icon_left_title{padding-left:40px; line-height:30px;font-weight:bold; height:30px;color:#ff9900;}
.icon_left_title img{margin-right:8px;}

.icon_left_title2{padding-left:40px; line-height:30px;font-weight:bold;}
.icon_left_title2 img{margin-right:8px;}

.icon_left_none1{color:#ff9900;padding-left:55px;line-height:25px;  padding-right:15px; }
.icon_left_none1 a{color:#ff9900;}
.icon_left_none{padding-left:55px;line-height:25px; padding-right:15px; }


/*INRIGHT*/
.inright{float:left; margin:50px 5px; width:700px;line-height:30px; }
.inright h1{margin-top:5px;}
.inright p{text-indent:2em; line-height:25px;margin-top:8px;}
.inright li{float:left; margin:10px 5px 10px 5px; padding:10px 0 10px 0;}
.inright3{float:left; margin:50px 10px 0 20px; width:670px;_width:660px; }

/*publish all*/
.news{line-height:40px; height:40px; background:url(../images/20_20.gif) 0 16px no-repeat; }
.news_btitle{ width:575px; height:40px;line-height:40px;text-indent:13px; float:left; display:inline;}
.fr{ width:75px;float:left; display:inline; margin-top:0px;_margin-top:-26px;}
.news_title{ width:99%; border-bottom:1px solid #006699; color:#ff9600; font-size:16px; font-weight:bold; text-align:center}
.news_infor{ width:99%; text-align:center; color:#999999;font-size:12px;  }
.news_content{ width:90%; margin:5px auto;}
.news_content p{text-indent:2em; line-height:25px;margin-top:8px;}
.Up_title{ color:#ff9600; font-size:16px; font-weight:bold;}

/* introduction add */
.intro_add_box{ width:662px; height:236px; background:url(../images/introduction-add_bg.jpg)}
.intro_add_box h2{color:#ff9600; font-size:16px; font-weight:bold; font-style:italic;}
.intro_add_box p{line-height:25px; text-indent:0px;}

.intro_add_box2{ width:662px;}
.intro_add_box2 h2{color:#ff9600; font-size:16px; font-weight:bold; font-style:italic;}
.intro_add_box2 p{line-height:25px; text-indent:0px;}

.intro_add_box3{ width:662px;}
.intro_add_box3 h2{color: #FFA851; font-size:14px; font-weight:bold; }
.intro_add_box3 p{line-height:25px; text-indent:0px;}


.in_hornor{ height:60px;}
.lefttubiao{float:left; width:14px; padding-top:10px;}
.lefttwenzi{float:left; width:650px;_width:640px; line-height:25px; display:block;}

.renzheng{ margin:20px auto; width:670px;_width:660px;}
.renzheng ul{width:670px; margin:0px; padding:0px;}
.renzheng li{float:left; width:200px;}
.renzheng li span{display:block; text-align:center; width:180px; margin-top:10px;}

/* product add */
.pro_box{float:left; margin:50px 0px ; width:670px;_width:660px; }
.pro_box ul{}
.pro_box li{float:left; display:inline; margin:10px 0px 10px 0px; }

.new_box{ width:100%; margin:0px auto;}
.new_pro{ width:227px; height:200px; float:left; display:inline; margin-top:25px; margin-right:2px;}
.new_proimg{ width:227px; height:160px;}
.new_protitle{ width:227px; height:24px; margin-top:10px; text-align:center;}


#showpro{ width:99%; margin:0px; padding:0px;}
#showpro h2{ font-size:14px; font-weight:bold; text-indent:2em; margin-top:8px;}
.showpro_ask{ width:135px; float:right; display:block; margin-right:30px; margin-top:15px;}
.show_imgbox{ width:650px; margin:10px 0 0 10px; border:1px dotted #072938;}
.show_img_b{ width:485px; margin-right:5px;border-right:1px dotted #072938; float:left; display:inline; overflow:hidden;}
.show_img_b img{display:block; border:0px;width:445px;}
.show_img_s{ width:150px; margin-top:5px; float:left; display:inline;}
.show_img_ss{ width:145px; height:145px; overflow:hidden; border-bottom:1px solid #394150; padding:2px; }
.show_img_ss img{ display:block; border:0;width:130px; height:130px; }

/*page*/
.page_box{ width:100%; height:36px; line-height:36px; margin-top:15px; border-top:1px dotted #999999; text-align:center;}

/*case*/
.corp_box{ width:112px; height:42px; float:left; display:inline; margin:20px 20px 0 0;}


.showcase_imgbox{ width:650px; margin:10px 0 0 10px; border-bottom:1px dotted #072938; text-align:center;}

/* --solution-- */
.slu_box{ width:266px; height:250px; float:left; display:inline; margin-top:30px; margin-left:15px; }
   .slu_b_img{ width:266px; height:225px; margin:0px; padding:0px;}
   .slu_b_title{ width:240px; height:25px; line-height:25px; font-size:12px;  font-weight:bold; color:#EFEFEF; text-align:center; }
   .slu_b_title a{ text-decoration:none;}
   .slu_b_title a:hover{ color: #FF9900; text-decoration:none;}
   .sulu_img_a{ margin:0px auto; text-align: center;}
   .sulu_img_b{ width:300px; float:right; display:inline; margin-left:30px; text-align: center;}