@charset "utf-8";
html{ overflow-x:hidden; }
html,body,div,span,p,h1,h2,h3,h4,h5,h6,em,img,strong,blockquote,
sub,sup,tt,i,b,dd,dl,dt,form,label,table,caption,
tbody, tfoot, thead,tr,th,td,ul,li,p,a,ol{ margin:0;padding:0;}
body{ -webkit-text-size-adjust:none;font-size:12px;font-family:"Arial";  color:#000; background:#c9ae8f}
input,select,textarea{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
img{ border:0;}
em{font-style:normal;}
ul,ol,li{list-style-type:none;}
.clear{clear:both;font-size:0px; line-height:0px; height:0px} 
.left{ float:left}
.right{ float:right;}
.Arial{ font-family:"Arial"}


a{color:#656565;text-decoration:none;}
a:hover,a:active,a:focus{ text-decoration:none;color:#656565;}


.QQbox {
	Z-INDEX: 99; RIGHT: 0px; WIDTH:132px; POSITION: absolute; TOP: 200px; font-size:11px;
}
.QQbox .Qlist {
	float:left; width:100%;
	background:url(../images/online_01.gif) no-repeat left top;
	padding-top:34px;
}
.QQbox .Qlist .t {
	BACKGROUND:url(../images/online_03.gif) no-repeat left top; height:5px; overflow:hidden;
	FLOAT:left; WIDTH:132px; 
}
.QQbox .Qlist .con {
	  WIDTH:90px; float:left; 
	  BACKGROUND:url(../images/online_02.gif) repeat-y left center;
	  padding:10px 21px;
	  color:#313131;
	  font-size:11px;
}
.QQbox .Qlist .con dl{
	text-align:left;
}
.QQbox .Qlist .con a{ color:#313131;}
dt.msn,dt.skype,dt.email,dt.qq{display:block; background:url(../images/msn.gif) no-repeat left center; padding:0 0 0 27px; margin:3px auto; color:#313131; height:20px; line-height:20px; font-size:11px;}
dt.skype{background:url(../images/skype.gif) no-repeat left center;}
dt.email{background:url(../images/email.gif) no-repeat left center;}
dt.qq{background:url(../images/qq.jpg) no-repeat left center;}




.top{ width:1000px; height:auto; background:#FFF; margin:0 auto}
.logo{ float:left; margin-left:17px; margin-top:20px; display:inline}
.top_right{ width:755px; float:right;}
.t_1{ height:41px; text-align:right; color:#393939;}

.search{ padding-right:50px; float:right; padding-top:8px; font-weight:bold}
.search .input_1{ width:122px; padding-left:9px; height:18px; line-height:18px; color:#b0b0b0; border:1px #a8a8a8 solid}
.search .go{ width:47px; height:20px; background:url(../images/go.jpg) no-repeat; border:0; margin-left:6px; display:inline}
.lang{ display:block; padding-top:13px; padding-right:11px; font-weight:bold; float:right;}
.lang img{ margin-right:5px; display:inline}

.nav{ width:755px; float:left; position:relative; height:39px; line-height:39px; background:#f1f1f1}
.nav li{ width:121px; height:39px; margin-right:1px; float:left; text-align:center; color:#963d3e; font-size:14px; font-weight:bold}
.nav li a{color:#963d3e; display:block; z-index:1000; }
.nav li a:hover{ color:#FFF}
.nav li a:hover,.nav li.on a{color:#fff; background:#963d3e; display:block;}


.home_con{ width:1000px;  background:#ded5c6; margin:0 auto;}
.home_con .class{ width:212px; height:460px; float:left; background:#e8e2d7}
.home_con .class .title{ background:url(../images/line.jpg) repeat-x left bottom; padding-left:27px; padding-top:23px; height:40px;}

.home_con .left_class{ display:block; padding-top:15px;}
.home_con .left_class span{  font-weight:bold; font-size:13px; display:block; height:28px; line-height:28px; color:#000}
.home_con .left_class span a{color:#000; display:block;padding-left:25px;}
.home_con .left_class span a:hover{ color:#963d3e}

.m_left{width:212px; height:auto; float:left; background:#e8e2d7; }
.left_class2{ display:block; width:171px; height:auto; margin:0 auto} 
.left_class2 h2{ color:#000; font-size:16px; font-weight:normal; border-bottom:1px #b89d7c solid; display:block; padding-bottom:7px; padding-top:26px; font-weight:bold; margin-bottom:10px;}
.left_class2 span{ display:block; color:#333; line-height:23px; font-weight:bold;}
.left_class2 span a{color:#333}
.left_class2 span a:hover{color:#333}

.left_class2 p{ display:block; background:#f4f1eb; height:auto; padding:5px;}
.left_class2 p a{ background:url(../images/line3.jpg) no-repeat 20px center; height:23px; line-height:23px; color:#333; display:block; padding-left:26px;}
.left_class2 p a:hover{  background:url(../images/line3.jpg) no-repeat 20px center #963d3e; color:#FFF}


.left_contact{ display:block; padding-top:36px; padding-bottom:46px;} 
.left_contact dt{ display:block; padding-left:17px;}
.left_contact dd{ line-height:22px; color:#000;  padding-left:14px; padding-right:15px; font-weight:bold}
.left_contact dd span{ font-size:11px; }
.left_contact dd img{ margin-left:30px; padding:5px 0;}


.p_list{ width:786px; float:right;}
.p_list li{ float:left; width:220px; margin-top:32px; margin-left:33px; display:inline}
.p_list li span{ display:block; text-align:center}
.p_list li img{ border:1px #977f56 solid; width:218px; height:94px;}
.p_list li.hover img{border:1px #fff solid;}

.h_m2{ width:1000px; height:153px; margin:0 auto; background:#FFF; border-top:1px #ded5c6 solid}

.h_about{ float:left; padding-left:27px; padding-top:22px; width:570px; line-height:22px; font-weight:bold}
.h_about dt{ display:block; height:25px;}
.h_about dd{ height:85px; overflow:hidden;}
.h_about dd img{ float:left; padding:2px; margin-right:19px; border:1px #c0c0c0 solid}

.h_contact{ width:326px; float:right; padding-top:22px;}
.h_contact dt{ height:35px;}
.h_contact dd{background:url(../images/h_contact.jpg) no-repeat right top; line-height:20px; margin-right:12px;  font-weight:bold; }


.m_r{ width:721px; float:right; margin-right:38px; display:inline}
.m_r .r_title{ height:44px; background:url(../images/line2.jpg) repeat-x left bottom;}
.m_r .r_title span{ color:#963d3e; font-size:20px; display:block; padding-top:15px; }

.about{ padding-top:29px; display:block; line-height:22px; color:#000; font-weight:bold}
.about img{ background:url(../images/pic_bg.jpg) no-repeat; float:left; margin-right:21px; padding:4px; padding-bottom:15px;}


.contact{ padding-top:29px; display:block; line-height:22px; color:#000; font-weight:bold}

.products{ width:721px; padding-top:24px; overflow:hidden;}
.products ul{ width:750px; padding-left:5px;}
.products li{ float:left; width:152px; padding-right:35px;}
.products li img{ width:148px; padding:2px; background:#e8e2d7}
.products li span{ display:block; color:#000; line-height:23px; padding-bottom:35px; text-align:center; font-weight:bold}


.projects{ width:721px; padding-top:24px; overflow:hidden;}
.projects ul{ width:750px; padding-left:5px;}
.projects li{ float:left; width:196px; padding-right:48px; padding-bottom:40px; position:relative;}
.projects li img{ width:196px; padding:2px; background:#e8e2d7;}
.projects li span{ position:absolute; left:2px; top:165px; height:33px; line-height:33px; display:block;  background:url(../images/projects.png); width:196px; color:#FFF; text-align:center}

.page{ padding-bottom:50px; background:url(../images/line2.jpg) repeat-x top center; text-align:right; padding-top:13px; font-weight:bold}


.show{ padding-top:20px;}
.show dt{ display:block; padding-bottom:23px;}
.show dt span{ display:block; text-align:center; color:#000; font-size:18px}
.show dt img{ padding:2px; background:#ebe6dd; width:713px;}
.show dd{ color:#000; line-height:22px; font-weight:bold; padding-bottom:45px;}
.show dd h2{ height:44px; background:url(../images/line2.jpg) repeat-x left bottom; font-weight:normal; font-size:14px}
.show dd h2 span{ color:#963d3e; font-size:20px; display:block; padding-top:15px; }


.foot{ width:1000px; padding-top:11px; padding-bottom:54px; margin:0 auto; color:#FFF; text-align:center}