@charset "utf-8";
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,table,td,img,dl,dt,dd,div{margin: 0;padding: 0;}
ul,ol,li {list-style:none;}
body{color:#333;margin:0px;padding: 0px;font:12px/2em "宋体" Arial,Helvetica,sans-serif;font-size:12px;}
img{border:0px;}
.clear{ clear:both; height:0px; line-height:0px;}

.none { display:none; }
.strong{ font-weight:bold;}
.global{ width:980px; margin:0px auto;}
.vspace{ height:10px; clear:both; line-height:10px; font-size:10px;}
.center{ text-align:center;}
.indent{ text-indent:24px;}
.line-hight-2{ line-height:2em;}
.margin-level-1{margin:10px;}
.height-level-5{ height:50px;}
.height-level-10{ height:100px;}
.padding-level-1{padding:10px;}
.padding-t-b{padding-top:10px; padding-bottom:10px;}
/*.bottom-order-exiguous{ border-bottom-width:1px;}*/
.column-head{ background:url(../Images/title-background.jpg) repeat-x 0px 1px; height:30px; line-height:28px; font-weight:bold; padding-left:10px; color:#420D16; font-size:14px; font-family:"微软雅黑", "黑体"; border:1px solid #ccc;}
.column-content-border{border:1px solid #ccc; border-top:none;}

#logo{ background:url(../Images/logo.gif) no-repeat 0px 5px; height:75px; width:250px;}
#tel{ background:url(../Images/ico-tel.gif) no-repeat left; width:135px; padding-left:50px; font-size:12px; font-family:"Verdana"; text-align:right;}

.navigation{ color:#fff; font-size:14px; text-align:center; height:40px; background:#420D16;}
.navigation a,.navigation a:visited{ display:block;height:40px; line-height:40px; border-right:1px solid #fff; color:#fff; padding:0px 25px; float:left; text-decoration:none;}
.navigation a.focus,.navigation a:hover{ background-color:#CC6633;}
#navigation-extend{ display:none; }

.main-left{width:200px; vertical-align:top;}
.main-center{vertical-align:top; font-size:10px;}
.main-right{ width:770px; vertical-align:top;}

#banner-image-01 { height:160px; background-repeat:no-repeat; background-image:url(../Images/image-01.jpg); }
#banner-image-02 { height:160px; background-repeat:no-repeat; background-image:url(../Images/image-02.jpg); }

#product-navigation{ padding:10px 20px;}
#product-navigation a.lastitem{ border-bottom:none;}
#product-navigation a{ display:block; line-height:35px; border-bottom:1px dotted #ccc; color:#0066cc; text-decoration:none;font-weight:bold;}
#product-navigation a:hover,#product-navigation a:visited{ color:#420D16;}
#contact-navigation { padding:10px 15px; line-height:2em;}

.product-list-item{ float:left; padding:15px 12px 0px 11px;}
.product-list-item .cover img{width:160px; height:120px; padding:3px; border:1px solid #ccc;}
.product-list-item .cover:hover img{border-color:#930;}
.product-list-item dt{ line-height:25px; text-align:center;}
.product-list-item a,.product-list-item a:visited{ text-decoration:none;}
.product-list-item a:hover { border-color:#930;}

#list-1{}
#list-1 a,#list-1 a:visited{color:inherit; text-decoration:inherit;}
#list-1 a:hover{text-decoration:underline;}

#foot{ line-height:2em; text-align:center; border-top:1px solid #ccc; padding:10px 0px 10px 0px;}
#copy{ font-family:Tahoma, Geneva, sans-serif;}

.content-general{line-height:2em;}
.content-head{ font-size:14px; padding-bottom:5px; border-bottom:2px solid #420D16;}
.product-list .content-head{border-bottom-width:1px;}
.product-image-list img{ margin-right:10px;}

@media screen and (max-width:720px) {
	.global{ width:auto; margin:0px auto;}
	
	/*
	#banner-image { display:none; }
	#banner-vspace { display:none; }
	*/
		
	#navigation { display:none; }
	#navigation2 { display:block; }
	
	#banner-image { overflow:hidden; }
	#banner-vspace { overflow:hidden; }
	
	#banner-image-01 { }
	#banner-image-02 { background-position:right; }
		
	/* display contact */
	#contact-main-left { display:none; }
	#contact-main-right { background-image:url(../Images/service.jpg); background-repeat:no-repeat; padding-top:120px;}
		
	/* display aboutus */
	#aboutus-main-left { display:none; }
	
	#machining_v { display:none; }
	#machining_h { display:block; padding-top:50px; }
		
	#customize_v { display:none; }
	#customize_h { display:block; padding-top:50px; }
	
	/* index */
	#index-node-space-1 { width:100%; height: 10px; display:none; }
	#index-node-space-2 { width:100%; height: 10px; display:none; }
	#index-node-space-3 { width:100%; height: 10px; display:none; }
	/* .index-node { float:left; } */

	#index-node-1 { display:inline-block; 	width:49%; margin-bottom:1%; }
	#index-node-2 { display:inline-block;	width:49%; margin-bottom:1%; margin-left:1%; }
	#index-node-3 { display:inline-block;	width:49%; margin-bottom:1%; }
	#index-node-4 { display:inline-block;	width:49%; margin-bottom:1%; margin-left:1%; }
	
	.index-node-image {}
	
	#ext-panel { display:none;}
		
	#navigation-extend { display:block; border-right:none; float:right; background-image:url(../Images/menu.png); background-position:-29px 0px; background-color:#CC6630; }
	#navigation-current { float:left; padding-left:10px; padding-top:10px;}
	#navigation2 { text-align:left; width:auto; }
	#navigation { display:none; }
	
	
	#menu-display { width:auto;  background:#000; }
	#menu-display a,#menu-display a:visited { display:block; height:40px; float:none; line-height:40px; border-bottom:1px solid #fff;text-decoration:none; color:#fff; padding:0px 15px; text-align:right; }
	#menu-display a:hover{ background-color:#CC6633;}
}


@media screen and (max-width:480px) {	
	/* tel */
	#tel { display:none; }
	
	#banner-image-01 { }
	#banner-image-02 { background-position:-480px 0px; }
			
	#index-node-1 { width:99%; margin-left:0px;}
	#index-node-2 { width:99%; margin-left:0px;}
	#index-node-3 { width:99%; margin-left:0px;}
	#index-node-4 { width:99%; margin-left:0px;}
}