﻿
/** 清除内外边距、边框 **/
body, h1, h2, h3, h4, h5, h6, hr, p,  
dl, dt, dd, ul, ol, li,               /* list elements  列表元素 */
form, button, input, textarea,        /* form elements  表单元素 */ 
th, td,                               /* table elements 表格元素 */ 
img                                   /* img elements   图片元素 */
{                                    
	border:none; 
	margin: 0px;
	padding: 0px;
} 


/** 设置默认字体 **/
body, button, input, textarea
{
	font-size:12px;
	line-height:1.5;
	font-family:"微软雅黑","宋体", Arial;
	color:#000;
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; } 


/** 重置列表元素 **/ 
ul, ol { list-style: none;}


/** 重置超链接元素 **/ 
a { text-decoration: none; color:#000;}  
a:hover { text-decoration: none; color:#666;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a { _behavior:url("js/clearA.htc")}/*IE去虚线*/
a:focus{ outline:none;} /*火狐去虚线*/


/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0px; } 


/**** common ****/
body{ background:#dfdbd0;}
.clearFloat{ clear:both; font-size:0px;}
a.nohover{}
a.nohover:hover{ text-decoration:none;color:#000;}
#topbg{ background:url(../images/topbg1.jpg) repeat-x;}
#top{ background:url(../images/topbg2.jpg) top center no-repeat;}
#header{ width:1000px; height:78px; margin:0px auto; position:relative; }
#nav{ width:1000px; height:46px; padding-bottom:10px; margin:0px auto; }
#banner{ width:1000px; margin:0px auto; padding-bottom:24px;}
#case{ width:1000px; margin:0px auto;  background:url(../images/casebg.jpg) left top no-repeat; padding-bottom:10px;}
#main{ width:1000px; margin:0px auto; padding-bottom:15px; }
#left{ float:left; width:220px;}
#right{ float:right; width:750px;}
#footerbg{ background:url(../images/footerbg.jpg) repeat-x; min-height:140px;_height:140px;}
#footer{ width:1000px; margin:0px auto; position:relative; line-height:20px;}

.logo{ height:75px; display:block;}
.favorite{text-align:right; padding-top:10px; position:absolute; top:0px; right:0px;}
.favorite a { padding:0px 10px 0px 10px; }
.favorite .last{ padding-right:0px;}
.tel{ position:absolute; top:0px; right:0px; text-align:right;}
.search{ position:absolute; top:100px; right:0px; text-align:right;}
.search .search_txt{ border:1px solid #ccc; height:20px; width:120px;margin-left:5px; padding-left:5px;}
.search .search_btn{ vertical-align:middle; margin-left:5px;}
.language{position:absolute; top:18px; right:0px;}
.language a{ display:block; text-indent:-9999px; width:60px; height:25px;}

#nav ul{ width:990px; height:32px; line-height:32px; margin:0px auto; overflow:hidden; _zoom:1;}
#nav ul li{ display:block; width:110px; text-align:center; float:left;}
#nav ul li a{ color:#fff;  font-weight:bold; font-size:13px; }
#nav ul li a:hover{ color:#e72118;}

/*index*/
#case h1{ color:#FFF; line-height:30px; font-size:16px; padding-left:50px;}
#case .caseMore{ display:block; color:#FFF; line-height:30px; font-size:16px; font-weight:bold; text-align:right; padding:0px 32px 5px 0px; margin-left:900px;}
#case .caseMore:hover{ color:#CCC;}

#caseItems{ margin:0 auto; width:960px; height:180px; overflow:hidden;}
#caseItems ul{ width:9999px; height:180px;}
#caseItems ul li{ padding:4px 40px 0px 0px; height:180px; width:210px; overflow:hidden; float:left; }
#caseItems ul li img{ display:block; width:210px; height:140px;}
#caseItems ul li p{ line-height:30px; text-align:center; padding-bottom:6px;}

/*about*/
#left{ background:#a8a18f;}
#left .leftTop{ background:url(../images/leftTop.jpg) no-repeat left top; height:8px; font-size:0px;}
#left .leftBottom{ background:url(../images/leftBottom.jpg) no-repeat left top; height:8px; font-size:0px;}

.classListHead{ line-height:27px; color:#FFF; font-size:14px; text-align:center;}
.classList ul{ margin:0px 12px; padding:0px 8px 10px 8px; background:#dfdbd0; min-height:128px;_height:128px;}
.classList ul li{ line-height:24px; padding-top:6px; border-bottom:2px solid #a8a18f; text-align:center;}
.classList ul li a:hover{ color:#c73e38;}

.leftCaseItemContent{ margin:15px 12px 0px 12px; padding:8px; background:#dfdbd0;}
#leftCaseItems{ height:248px; overflow:hidden;}
.leftCase ul{   height:9999px;}
.leftCase ul li{ display:block;}
.leftCase ul li a img{ display:block; width:180px; height:120px; padding-bottom:8px;}
.leftCaseHead{ line-height:27px; color:#FFF; font-size:14px; text-align:center;}

#right .rightTop{ height:20px; padding:16px 0px 0px 35px; background:url(../images/rightTop.jpg) no-repeat left top;}

#content{ padding:10px;}
.article p{ text-indent:2em; line-height:30px;}

/*productlist*/
#content.productlist{width:750px; overflow:hidden;  padding:20px 0px 10px 0px;}
.productlist ul{ overflow:hidden; _zoom:1; width:759px;}
.productlist ul li{ padding:0px 9px 20px 0px; width:244px; height:194px; overflow:hidden; float:left;}
.productlist ul li img{ display:block; width:240px; height:160px; border:2px solid #a8a18f;}
.productlist ul li p{ line-height:30px; text-align:center; font-weight:normal; padding-bottom:20px;}

/*productdetail*/
.productDetail{ width:424px; margin:20px auto 0px auto;}
#ImgBox{ border:2px solid #a8a18f;}
.productInfo{ line-height:21px; padding-top:10px;}
.productInfo p{ padding-top:10px; text-indent:2em;}


/*newslist*/
.newslist  ul li{ position:relative; border-bottom:1px dashed #ccc;line-height:30px; }
.newslist  ul li a{ display:block; width:560px; cursor:pointer;}
.newslist  ul li span{ position:absolute; text-align:right; right:0px; top:0px;}

/*message*/
#content.message{ padding-top:30px;}
.message table td{ padding:5px;}
.message table td .txt1{ background:url(../images/m1.jpg) no-repeat left top; width:420px; height:24px; padding:5px; line-height:24px;}
.message table td .txt2{ background:url(../images/m2.jpg) no-repeat left top; width:420px; height:102px; padding:5px; line-height:24px; overflow:hidden;}
.message table td .txt3{ background:url(../images/m3.jpg) no-repeat left top; width:82px; height:24px; padding:5px; line-height:24px; vertical-align:middle;}

/*news*/
.articleTitle{ text-align:center; font-size:16px;}

/*guesbook*/
#Form1 label.error{ padding-left: 16px;margin-left: 2px;color: red; font-size: 12px;}