/* CSS Document */







* { font-family:"宋体", sans-serif; color: #000; margin: 0; padding: 0; border: 0;}



html,body{  height:100%;  text-align:center; font-size: 12px; }



fieldset { border:0;}



legend { display:none;}



#box { text-align:center; width: 976px; margin: 0 auto; position: relative; background:#FFF}



#head{

      float:left;

	  width:976px;

	 

	  }

	  

#top_line{

      float:left;

	  background:url(../images/top_line.gif) no-repeat  top left;

	  width:976px;

	  height:65px;

	  padding-bottom:10px	 

	  }	  

	  

#top_logo{

       float:left;

	   margin-top:10px

	   }

	   

#top_logo img{

        width:186px;

		height:62px

		}	

		

#top_menu{

        float:right;

		width:976px;

		background:#FFF;

		margin-top:10px;

		height:62px;

		

		}	



#Headcompany{ width:976px; float:right; padding-top:5px; clear:both; text-align:left}

		

#top_menu table{

        margin-top:5px;

		float:right;

		clear:right;

		

        }	

		

#top_menu a{ text-decoration:none}		

				   



#menu{



      clear:both;

	  background:url(../images/topbg.gif) repeat-x bottom left;

	  width:976px;

	  float:left;

	  margin-top:5px

	  }   	

	  

#menu  ul{ margin-left:20px}	  

	  

#menu li{ float:left; list-style:none; padding:10px 5px 0 0; background:url(../images/menubg.gif) no-repeat top left; width:80px; height:22px}    



#menu  a{ text-decoration:none; color:#FFFFFF; font-weight:bold;  }



#bra{ float:left;  background:url(../images/flash_bg.gif) repeat-x top left; width:100%; height:229px }



#cut-off{ 

        clear:both; width:976px; background:#71747A; height:10px; _height:0; float:left; _margin-top:-10px

		}

		

		



		

#proheadlink{

        float:left;

		background:#FFF;

		width:976px;

		text-align:left;

		clear:left

		}		

		

		

#probg{

             float:left;

			 width:976px;

			 background:url(../images/probg.gif) repeat-x top left;

			 height:158px;

			 

			 }	

			 

#probg table{ float:left}			 	

			 

#probg  td{ 

             border: 4px #C8C9CD solid;

			 width:145px

			 }	

			 

			 

#probg img{

             width:153px;

			 height:158px

			 }		

			 

			 

#main{ 

        clear:both; 

		width:976px; 

		float:left

		}					 

			 

#proleft{

           float:left;

		   clear:left;

		   width:212px;

		   height:100%;

		   background:#F7F7F7;

		   margin-top:12px!important;

		   margin-top:5px;

		   }	

		   

#promenu{

        text-align:left;

		width:200px;

		

		}	

		

		

		

.pro_m li{

        line-height:150%;

		padding:0 20px;

		list-style:none;

		border-bottom:1px dotted #CCCCCC

		}			   		 	 		 

		

.pro_m a{ text-decoration:none}		



#proright{

         float:right;

		 clear:right;

		 width:760px;

		 margin-top:12px!important;

		 margin-top:5px;

		 }

		 

		 

#company{

         float:left;

		 clear:left;

		 width:568px;

		 height:420px;

		 background:#F7F7F7

		 }	

		 		 

#aboutas{

         float:left;

		 

		 }	

		 

#aboutas img{ width:236px; height:160px}		 

		 

#aboutas dt{

         float:right;

		 background:url(../images/aboutus_imgbg.gif) no-repeat top left;

		 width:244px;

		 height:166px;

		 padding-right:2px

		 }	

		 

#aboutas dt img{

         padding:2px

		 }		 

		 

		 

#aboutas dd{

          text-align:left;

		  padding:5px;

		  line-height:2em

		  }		

		  

		  

#search{

         float:right;

		 clear:right;

		 width:185px;

		 height:420px;

		 background:url(../images/searchbg.gif) no-repeat top left

		 }	

		 

#search_pro{

         float:left;

         text-align:center;

		 width:154px;

		 padding-left:20px

		 }

		 

#search_pro img{

         margin-top:3px

		 }		



#search_pro table{ float:left}	



.SearchBtn{ background:url(../images/searchbutton.gif) no-repeat; cursor:pointer; width:56px; height:13px}	 

		 

.t_border{ border:1px solid #666}	



#contact{

         float:left;

		 clear:left;

		 width:154px;

		 margin-top:5px;

		 padding-left:10px

		 

		 }	 

		 

#contact table{ float:left; width:154px}		



#contact td{ line-height:150%; padding:0 2px}  

		 

.Icont{ background:url(../images/mail.gif) no-repeat center left; padding-left:15px; border-bottom:3px solid #FF0000}	 



#contact img{ width:144px}

		 

#contact a{ font-weight:bold; text-decoration:none}		 





#foot{

      float:left;

	  background:url(../images/footbg.gif) no-repeat top left;

	  width:976px

	  }

	  

#footmenu{ margin-top:30px}	  





/*-- company start   --*/



#company_head{ 

         float:left; 

		 clear:both; 

		 width:976px;

		 background:#F7F7F7;

		 margin-top:8px;

		 _margin-top:0

		 }



#c_search{

         float:left;

		 width:270px;

		 height:359px;

		 background:url(../images/companysearchbg.gif) no-repeat top left

		 }	

		 

#c_search_pro{

         text-align:center;

		 width:200px

		 }

		 

#c_search_pro img{

         margin-top:3px

		 }		

		 

		 

#c_contact{

         float:left;

		 width:200px;

		 margin-top:5px;

		 padding-left:20px

		 }	  

		 

#c_contact a{ font-weight:bold; text-decoration:none}		



#c_company{

         float:right;

		 width:700px;

		 height:100%;

		 background:#F7F7F7;

		 padding-bottom:200px

		 }		 	 

		 

		 

		 

/* contacts start */



#contacts_list{

         float:right;

		 width:700px;	 

		 }		

		 

#contacts_list .c_l_t{ margin-top:5px;border-top:3px #F0F0F0 solid; border-left:3px #F0F0F0 solid; background:#FFFFFF; }	



#contacts_list span{ color:#CC0000}	



#c_l { background:#F4F4F4; width:630px; padding:5px;text-align:left; margin-top:10px} 



#c_l_h{ float:left; margin:10px; border-bottom:1px solid #000000; width:100%}



#c_l_h li{ float:left; list-style:none; height:20px}



#c_l_h span{ font-weight:bold; font-size:14px; padding:7px 0 0 5px}



#c_b{

    border:1px solid #CCCCCC;

	margin:5px;

	writing-mode: tb-rl;

	text-align:center;

	height:90px;

	padding:0 40px 0 0px;

	width:40px;

	font-size:14px;

	font-weight:bold

	}

	

#sure{ background:url(../images/suer_b.gif) no-repeat top left; width:55px; height:17px; cursor:pointer}



#clear{ background:url(../images/clear_b.gif) no-repeat top left; width:55px; height:17px; cursor:pointer}



#s_c{ margin-bottom:5px}



#search_con{

         float:left;

		 width:270px;

		 height:450px;

		 background:url(../images/cbg.gif) no-repeat top left;		 

		 }	

		 

		 

#honor_head{ 

         float:left; 

		 clear:both; 

		 width:976px;

		 background:#fff;

		 text-align:left

		 }

		 

#honorShow{ background:url(../images/line.gif) no-repeat; clear:both; width:563px; margin-top:10px}	



.honorShowkind dl{ margin-top:10px}

.honorShowkind dd{ float:left; padding-left:5px}



.honorShowkind img{ width: 130px; height:172px; }	 

		 

#orderhead	{ text-align:center; width:630px}	 



.o_l{ float:left; }



.o_l li{ float:left; list-style:none}



.o_1{padding-top:2px}





#product{

         float:right;

		 width:760px;

		  margin-top:12px!important;

		  margin-top:5px;

		  background:#DFDFDF;

		  padding-bottom:10px;

		 }	



#procont td{ padding-left:2px}	



#prolist{ width:570px; text-align:center; float:left; padding:5px 0 0 95px} 



.prowrite{

width:566px;

float:left;

border:#CCC 1px solid;

background:#EEE;

padding:5px;

margin:10px 0 10px 0;

font-weight:bold;

font-size:14px

}

.prowrite p{

padding-left:5px;

text-align:left;

float:left;

clear:left;

width:500px

}





#prowritematter{

line-height:200%;

text-align:left;

padding:5px 0 0 10px;

border-top:#CCC 1px solid; 

width:556px;

background:#FFF;

font-weight:normal;

float:left



}



#prowritematter span {

color:#000;

padding:0 5px 0 5px;

font-weight:inherit

}



			

			

/* 产品图片的显示，带阴影的 */





.showprokind{

float:left;

width:170px;

height:200px;

margin:5px 2px 10px 15px;

*margin:8px 2px 15px 10px

}



.showprokind ul{ width:150px;}



.showprokind  li{

list-style:none;

text-align:center;

line-height:150%

}



.showprokind a{ text-decoration:none;color:#999;}



.showprokind a:hover{ text-decoration:none; color:#FF3300}



.proshowkind{ float:left; background:url(../images/shadowAlpha.png) no-repeat bottom right;_background:url(../images/shadow.gif) no-repeat bottom right; width:155px; height:160px; }



.proshowkind img{

				display: block;

				width:150px;

				height:150px;

				padding:2px;

				background-color: #fff;

				border: 1px solid #ccc;

			}				

			

.ProMenuButton{ background:url(../images/More_Button.gif) no-repeat; width:54px; height:23px; cursor:pointer}	

.corporation_introduce_img

{

	width:240px;

	height:164px;

}

.corporation_workshop_img

{

	width:300px;

	height:200px;

}





.rollBox

        {

            width: 100%;

            overflow: hidden;

           /* padding: 5px 0 5px 6px;*/

            height:158px;

        }

        .rollBox .LeftBotton

        {

            height: 158px;

            width: 15px;

            background: url(../images/job_mj_069.gif) no-repeat left top;

            overflow: hidden;

            float: left;

            display: inline;

            margin: 0 0 0 0;

            cursor: pointer;

        }

        .rollBox .RightBotton

        {

            height: 158px;

            width: 15px;

            background: url(../images/job_mj_068.gif) no-repeat left top;

            overflow: hidden;

            float: right;

            display: inline;

            margin: 0 0 0 0;

            cursor: pointer;

        }

        .rollBox .Cont

        {

            width: 96.8%;

            overflow: hidden;

            float: left;

        }

        .rollBox .ScrCont

        {

            width: 10000000px;

        }

        .rollBox .Cont .pic

        {

            width: 132px;

            float: left;

            text-align: center;

        }

        .rollBox .Cont .pic img

        {

            padding: 4px;

            background: #fff;

            border: 1px solid #ccc;

            display: block;

            margin: 0 auto;

        }

        .rollBox .Cont .pic p

        {

            line-height: 26px;

            color: #505050;

        }

        .rollBox .Cont a:link, .rollBox .Cont a:visited

        {

            color: #626466;

            text-decoration: none;

        }

        .rollBox .Cont a:hover

        {

            color: #f00;

            text-decoration: underline;

        }

        .rollBox #List1, .rollBox #List2

        {

            float: left;

        }
		
#apDiv1 {

	position:absolute;

	width:60px;

	height:60px;

	z-index:1;

	float:right;

	text-align:center;

	color:#FC0;

	right: 5px;

	top: 40px;

}			

#leftlx {
    background: url("../images/searchbg2.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    clear: left;
    float: left;
    height: 420px;
    width: 238px;
}
#main .right {
    float: right;
    text-align: left;
    width: 738px;
}
#contactleft{

         float:left;

		 clear:left;

		 width:228px;

		 margin-top:25px;

		 padding-left:3px

		 

		 }
.you_box_dh {
    background: url("../img/dh_di.jpg") no-repeat scroll left bottom rgba(0, 0, 0, 0);
    color: #1F1F1F;
    float: left;
    font-size: 14px;
    height: 24px;
    padding: 8px 0 0 20px;
    width: 95%;
}
.nlist {
    background: url("../img/pro_bj.jpg") repeat-x scroll center top #F0EFF0;
    border: 1px solid #DCDCDC;
    float: left;
    line-height: 24px;
    margin-top: 6px;
    padding: 10px;
    width: 95%;
}