/* CSS Document */
body{background:url(bg.gif); margin:0; padding:0; line-height:18px; font:12px Verdana, Arial, "宋体";}
form{margin:0; padding:0;}
form select,input,textarea{font:normal 12px Verdana, Arial, "宋体";}
input{height:16px; padding:2px; font:12px Verdana, Arial, "宋体";border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #f1f1f1;border-right:1px solid #f1f1f1;}
.button{margin:10px 0 0 0;width:60px;height:22px;padding:3px 0;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #ccc;border-bottom:1px solid #ccc; font-size:12px;}
a{color:#16387c; text-decoration:none;}
a:hover{text-decoration:underline;color:#c52500;}
acronym.acronym_10{font:10px Arial;}
acronym.acronym_11{font-size:11px;}
#orange{color:#f60;}
#red_title{font:bold 14px Verdana, Arial, "宋体";color:#da0000;}
#purple_title{font:bold 14px Verdana, Arial, "宋体";color:#8630ad;}
#black_title{font:bold 14px Verdana, Arial, "宋体";color:#000;}
#gray_title{font:bold 14px Verdana, Arial, "宋体";color:#333;}

#advertise img{margin:0px 0 10px 0; border:1px solid #999; padding:1px;}
#today_search a{margin:0 2px;}

#wz{text-align:center;margin:10px 0; width:600px;}

.contain{width:920px;margin:0 auto;background:#fff;}
.header{width:920px; margin:0 auto;}
.header_top{height:68px;background:url(header_top_bg.gif) repeat-x;}
.header_top img{margin:0 0 0 18px;}
.header_top span{float:right;margin:-60px 20px 0 0;font:10px Verdana, Arial, "宋体";}
.header_nav{height:40px;background:url(nav_bg.gif) repeat-x;}
.header_nav a{display:block; float:left; background:; height:22px; color:#fff; font:14px Verdana, Geneva, Arial; text-decoration:none; padding:8px 20px 0 20px; margin:6px 1px 0 5px;}
.header_nav a:hover{background:#4e2424;color:#fff;text-decoration:none;}
.banner{clear:both;border-top:1px solid #000; border-bottom:5px solid #ccc;}

.main{clear:both;width:896px; margin:0px auto; padding:15px 12px;}
.index_left{float:left; width:536px;}
.project{clear:both;}
.special_project{float:left;margin:8px 0 10px 0;+margin:8px 0 0px 0; padding:0 18px;}
.special_project_l{float:left;background:#fff;border:0px dashed #ccc; width:218px; height:160px;}
.special_project_r{float:left;background:#fff;border:0px dashed #ccc; width:218px; height:160px; margin:0 0 0 38px;}
.special_project ul{margin:0 0 5px 0px;padding:0 0 5px 0; list-style:none;}
.special_project ul li{margin:5px 0 0 0; color:#444;}

.photos{clear:both;}
.photos_fix{float:left;margin:10px 0 30px 2px;background:#eee;height:100px;width:500px;}
.photos_prev{float:left;width:32px; margin:37px 0 0 0; text-align:center;}
.photos_box{float:left;width:436px; margin:12px 0 0 0; height:86px;}
.photos_box img{border:1px solid #333;padding:1px;+padding:0px;}
.photos_next{float:left;width:32px; margin:37px 0 0 0; text-align:center;}

.host_one{clear:both;margin:0px 0 20px 10px;background:url(host_bg1.jpg) no-repeat;width:493px;height:156px;}
.host_sec{clear:both;margin:0px 0 20px 10px;background:url(host_bg2.jpg) no-repeat;width:493px;height:156px;}
.host_box_contain{padding:20px 0 0 143px;}
.host_box{height:138px; background:;}
.host_box ul{margin:0;padding:0; list-style:none;}
.host_box ul li{margin:2px 0;}
.sale_btn{text-align:right;margin:5px 0 0 0;}

.index_right{float:right; width:335px;}
.about_us{margin:5px 0 0 0;}
.about_text_contain{padding:0px 10px;}
.about_text{line-height:18px; margin:0px 0 10px 0;}
.about_text p{text-indent:24px; margin:10px 0 0 0;}

.news{margin:20px 5px; padding:10px;background:#f8f7e4;border:1px solid #e4d8be;}
.news_top span{float:right; margin:-25px 0 0 0;}
.news ul{margin:0 0 0 3px;padding:0 0 5px 0; list-style:none;}
.news ul li{margin:5px 0 0 0;}
.news ul li span{float:right; margin:-15px 0 0 0;font:11px Verdana, Arial, "宋体";}

.index_contact{margin:20px 0 0 0;background:url(contact_bg.gif) no-repeat;height:130px;}
.index_contact_box{padding:15px 0 0 90px;}

/*footer*/
.footer{clear:both;margin:0 auto;width:800px;padding:35px 0;+padding:10px 0 0 0;background:#fff;}
.footer_fix{float:left;background:#fff;}
.footer_l{float:left;width:12px;height:35px;background:url(footer_l.gif) no-repeat;}
.footer_c{float:left;background:#b87b7b;width:776px;height:35px;}
.footer_c p{color:#fff;font:12px Verdana, Arial, "宋体"; text-align:center; +padding:10px 0 0 0; }
.footer_r{float:left;width:12px;height:35px;background:url(footer_r.gif) no-repeat;}


.left{float:left;
	margin:0px 0 0 0px;
	+margin:0px 0 0 0px;
	width:230px;
}
.right{float:right;
	margin:10px 0px 0 0px;
	+margin:10px 0px 0 0px;
	width:656px;
}

.news_list{clear:both;width:656px;}
.news_list_top{padding:8px 20px 5px 20px; font:bold 14px Verdana, Arial, "宋体";color:#fff; background:#c80000;border-bottom:3px solid #ddd;}
.news_list_top span{float:right;
	margin:-15px 10px 0 0;
	+margin:-25px 10px 0 0;
	font:12px Verdana, Arial; color:#fff;}
.news_list_top a{color:#fff;}
.news_list_top a:hover{color:#fff;}
.news_list_list span{float:right;
	margin:-15px 10px 0 0;
	+margin:-15px 10px 0 0;
	font:11px Verdana, Arial; color:#666;}
.news_list_box{border-bottom:1px dashed #ccc;padding:10px;}
.news_list_box p{margin:8px 0;}
.news_list_box img{float:left;margin:0px 5px 0 0;+margin:-2px 5px 0 0;}

.article{padding:10px;}
.article span{font-size:11px;color:#ccc;}
.a_title{text-align:center;font:bold 16px Verdana, Arial, Helvetica; color:#693132;margin:10px 0;}
.a_info{text-align:center;font:12px Verdana, Arial, Helvetica; color:#ccc;}
.a_content p{line-height:20px;text-indent:24px;}

/*pageFormat*/
.pageFormat{padding:20px;margin: 0 20px 0 0px; text-align:right; font:12px Verdana, Arial, Helvetica, sans-serif;}
.pageFormat a{margin:0 3px;}


/*service*/
.service{margin:0 0px}
.service acronym{color:#57770a;}
.service_title{padding:5px; background:#fff; border-bottom:1px solid #333;}
.service_title h5{font-size:14px;color:#57770a; margin:0 0 8px 0; padding:0;}
.commend{margin:8px 0;}

.service_project{margin:20px 0 0 20px;}
.service_project p{margin:8px 0 0 0;padding:0;}
.project_list{border:1px dashed #888; width:590px;margin:10px 0 0 20px;}
.service_project ul{ clear:both; margin:0; padding:10px 5px 10px 30px;list-style:square;}
.service_project ul li{ padding:3px 0;}
.service_project a{color:#5e8312;}
.service_project a:hover{text-decoration:none;}
.project_price{text-align:right; padding:10px 50px 0 0 ;}


/*MENU*/
.menu{background:url(menu_bg.png) no-repeat;width:220px;height:400px;}
.menu_box{padding:38px 30px;}
.menu_box p{margin:10px 0;padding:5px 0 5px 5px;border-bottom:1px dashed #ccc;}
.menu_box img{float:left; margin:0 5px 0 0;}
#showMenu{position: relative;margin:10px 0;padding:5px 0 5px 5px;}
#showMenu ul {
	display: none;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 162px;
	position: absolute;
	left: 80px;
	+left: 60px;
	top: -0px;
	+top: 0;
	border-bottom: 1px solid #ccc;
	}
#showMenu ul li a {
	display: block;
	text-decoration: none;
	background: #fff; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	width:150px;
	}
#showMenu ul li a:hover { background: #f9f9f9; } /* Hover Styles */
#showMenu a:hover{text-decoration: none;}

/*guestbook*/
.guestbook{clear:both;width:630px;}
.show_feedback{}
.show_feedback_top{margin:50px 0 10px 0;padding:0 0 5px 0; font:bold 16px Verdana, Arial, Helvetica; color:#693132;}
.to_feedback_top{margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px Verdana, Arial, Helvetica; color:#693132;}
.show_feedback_con{border:1px solid #e2e2cf;margin:0 0 10px 0;}
.show_feedback_info{border-bottom:1px dashed #ece2e2;padding:8px 0 5px 15px;}
.show_feedback_info acronym{font:bold 12px Verdana, Arial, "宋体"; color:#693132;}
.show_feedback_info span{font:11px Verdana, Arial, "宋体"; color:#999;}
.show_feedback_content{margin:10px 20px;color:#333;}
.gb_reply{border:1px dashed #ccc; padding:5px; margin:10px 20px 10px 20px; background:#f8f8f8;}
.gb_reply acronym{font-weight:bold; color:#693132;}


/*order*/
.order{}
.order p{margin:8px 0;}
.order_title{margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px Verdana, Arial, Helvetica; color:#693132;}


/*contact*/
.contact{margin:0 50px;}
.contact_top{margin:0px 0 10px 0;padding:0 0 5px 0; font:bold 16px Verdana, Arial, Helvetica; color:#693132;}
.contact_main{margin:0 0 40px 0; padding:0 0 10px 0; border-bottom:1px solid #ccc;}
.contact_main p{margin:5px 0;}

.online_tool{margin:10px 0;}
.online_tool_top{background:#f1f1f1;width:400px;padding:5px;}
.online_tool img{padding:0 50px 10px 0;}

.pay_method{margin:30px 0;}
.pay_method p{margin:5px 0 0 15px;}


/*PROJECT*/
.case{clear:both;}
.case_top{margin:0 0 10px 0; padding:0 0 5px 0; font:bold 16px Verdana, Arial, Helvetica; color:#693132;}
.case_box{padding:30px 20px;height:170px;border-bottom:1px dashed #ccc;}
.case_img{float:left;background:#fff;border:1px solid #000;padding:1px;margin:0 20px 0 0;filter:progid:DXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=3,offY=3,positives=true);}
.case_info{float:left;width:400px;}
.case_info p{margin:3px 0;line-height:20px;}
.case_info a{display:block;width:60px;text-align:center;margin:10px 0 0 0;padding:2px 0;background:#000;color:#fff;}
.case_info a:hover{color:#fff;background:#693132; text-decoration:none;}
.client{color:#693132;font:bold 12px Verdana, Arial, Helvetica;}