body{
	margin:0;
	padding:0 0 10px;
	color: #333;
	font:12px 'ËÎÌå',Arial, Helvetica, sans-serif;
	text-align:center;
}
a {
	color: #333;text-decoration: none
}
a:hover {
	color: #ff0000; text-decoration: underline
}
/* Fix Float BUG*/
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
a,img,table{border:0}
ul{margin:0;padding:0}
#top{margin:auto;text-align:left;background:url(top_bg.jpg) repeat-x 0 4px;width:1003px;height:auto}
#top #logo{text-align:center;width:211px;float:left;background:url(blue_line.jpg) repeat-x 0 0;padding:25px 0 18px}
#top #nav{width:792px;float:left;background:url(gray_line.jpg) repeat-x 0 0;padding-top:10px}
#top #nav #topnav ul{text-align:right;line-height:26px}
#top #nav #topnav li{list-style:none;margin:0;padding:8px 0 3px 15px;background:url(old_head.gif) no-repeat left 0;display:inline;}
#top #nav #topnav li a{margin-right:12px}
#top #nav #menu{text-align:center;width:100%;margin-top:10px;position:relative}
#top #nav #menu ul{margin:auto;width:705px;background:url(right_nav.jpg) no-repeat right bottom;padding-left:10px}
#top #nav #menu li{width:96px;float:left;background:url(gray_line_n.jpg) repeat-x 0 bottom;padding-left:2px}
#top #nav #menu li a{display:block;width:96px;background:url(nav_bg.jpg) no-repeat center top;overflow:hidden;padding:19px 0 10px;width:96px}
#top #nav #menu li a:hover,#top #nav #menu li #current{background:url(nav_bg.jpg) no-repeat center bottom;color:#1765C7;text-decoration:none}
#top #fixmenu{position:absolute;z-index:2;left:20px;background:url(left_nav.jpg) no-repeat right bottom;height:45px;*height:43px;top:0;width:30px}
#banner{width:1003px;background:#999;margin:0 auto 10px}
#body{width:980px;text-align:left;margin:auto;}
#body #left{width:200px;float:left;overflow:hidden;}
#body #right{width:740px;margin:0 0 0 20px;float:left;}
#foot{position:relative;color:#858585;width:980px;margin:10px auto;background:url(bg_bottom.gif) no-repeat 0 0;height:71px;line-height:71px;}
#foot img{position:absolute;z-index:2;left:15px;top:17px;height:33px;width:165px;}
#foot strong{color:#858585}
#foot a{text-indent:-1000px;background:url(bt_bottom_home.gif) no-repeat 0 0;display:block;position:absolute;z-index:3;top:25px;right:15px;width:47px;height:20px;}
.box{border:1px solid #dfdfdf;}
.box p{margin:0;padding:0;line-height:100%}
.box h1{font:12px Arial, Helvetica, sans-serif;margin:0;padding:0;line-height:100%;text-indent:-1000px;height:28px;}
/*left*/
#page_class{margin-bottom:10px}
#page_class ul{text-align:center;margin-top:10px}
#page_class li{width:170px;margin:3px auto;text-align:left;padding:5px 0;list-style:none;background:url(line_01.gif) repeat-x left bottom;}
#page_class li a{background:url(arr_02.gif) no-repeat left center;padding-left:17px}
.more{background:url(video_more.gif) no-repeat right bottom;text-indent:-1000px;display:block;width:100%;height:26px}
#service{text-align:center;}
#service ul{width:170px;margin:auto;text-align:left;padding-top:18px}
#service ul li{width:100%;background:#f1f1f1;list-style:none;margin:5px 0;border:1px solid #e6e6e6;padding:8px 0}
#service .serviceline{background:url(a.jpg) no-repeat 8px center;padding-left:40px;display:block}
#service .hotline{background:url(b.jpg) no-repeat 8px center;padding-left:40px;display:block}
#service .hotline{background:url(b.jpg) no-repeat 8px center;padding-left:40px;display:block}
#service span span{display:block}
#service .serviceline span{color:red;}
#service h1{background:url(service.jpg) no-repeat center center;}
/*right*/
#right h1{font:12px 'ËÎÌå',Arial, Helvetica, sans-serif;margin:0 0 15px;padding:0;background:url(arrow_gray.gif) no-repeat left 6px;}
#right h1 .l{width:202px;border-bottom:2px solid #174BC3;display:block;float:left;height:24px;line-height:24px}
#right h1 .r{text-align:right;width:530px;float:left;display:block;border-bottom:2px solid #eee;height:24px;line-height:24px}
#right h1 .l span{margin-left:26px;font-weight:bold}
/*template*/
.body-content dl{padding:5px;margin:0}
.body-content dl dt{font-weight:bold;padding:5px 0 8px}
.body-content p{text-indent:2em;line-height: 180%;margin:5px 3px 12px 9px;padding:0;}
.body-content p img{margin:5px 0 5px 10px}
.body-content h2{margin:3px;padding:8px 1px 1px ;font-size:16px;color:#111;font-weight:bold;}
/*page list-----------------------------*/
.pagelist {clear:both; font-size: 12px; padding:20px 0;text-align:center;}
.pagelist a{ padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none;margin:3px;}
.pagelist a:visited, #nowpage { padding: 2px 6px; border: solid 1px #ddd; background: #fff; text-decoration: none; }
.pagelist a:hover, #nowpage{color: #222; background: #f1f1f1; border-color: #036; text-decoration: none;}
/*feedback--------------------------*/
#gbook{margin:10px;}
#gbook input,textarea{margin:0px;padding:1px;border:1px solid #666;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.button{border:1px solid #fff;border-bottom:1px solid #124;border-right:1px solid #124;background:#1875B5;color:#fff;font-weight:bold;}
#gbook input img{vertical-align:middle}
/*contact us ----------------------------------------*/
#data {width:90%;margin:3px auto 0px auto;padding:4px;font-size:12px;}
#data th {padding:4px 2px 4px 2px;border-bottom:1px solid #ccc;text-align:left;font-weight:lighter;vertical-align: top;}
#data td {padding:4px 4px 4px 8px;border-bottom:1px solid #ccc;vertical-align: top;}
#data td td {padding:0!important;border:none!important;}
/*product list -------------------*/
.product{margin:0px 0 0 0px;padding:0px;list-style:none;}
.product li{float:left;width:650px;overflow:hidden;background:#ff;border:1px solid #eee ;margin:2px;padding:0px;}
.product li .pleft{float:left;height:auto;width:470px;margin:5px 10px;overflow:hidden}
.product li .pleft span{padding:5px 5px 3px 20px;display:block;line-height:180%}
.product li .pright{float:left;height:auto;width:150px;overflow:hidden}
.product a{font:bold 12px Arial, Helvetica, sans-serif;color:red}
/*product show------------------------------*/
.productshow .left_p_s{width:312px;float:left;text-align:right;overflow:hidden}
.productshow .right_p_s{width:300px;float:left;margin-left:25px;overflow:hidden}
.productshow .left_p_s img{border:1px solid #ccc;}
.productshow .right_p_s a:hover{text-decoration:none;}
.productshow .right_p_s div{border-bottom:2px solid #c00;width:100%;position:relative;padding-bottom:5px}
.productshow .right_p_s div .fix_title{position:absolute;bottom:-2px!important;bottom:-3px;right:0;height:2px;line-height:2px;padding:0;margin:0;width:210px;z-index:2;background:#999;overflow:hidden;border:0}
#p_body,#p_ref{margin:8px 0;padding:0;border:0;line-height:25px}
#p_body{display:none;}
#p_body hr,#p_ref hr{background:red;width:100%;height:0px;padding:0;line-height:1px;border:0;border-bottom:1px solid #dfdfdf;margin:0;}
#p_body p img,#p_ref p img{vertical-align:middle}
#body_b,#ref_b{display:block;float:left;width:80px;font:normal 12px 'ËÎÌå',Arial, Helvetica, sans-serif;color:#999;padding-left:13px;height:22px;line-height:22px;}
#body_b{background:url(button_bg.gif) no-repeat 0 0;}
#ref_b,#ref_b:hover,#body_b:hover{background:url(button_bg.gif) no-repeat 0 -25px;}
/*job*/
.job{text-align:center}
.job table{margin:10px auto 30px;text-align:left;background:#eee;border:0}
.job table td div{width:100%;text-align:right;}
.job table td,.job table th{background:#fff}
.job table th{width:80px;font-weight:400;}
.job table td{width:180px;}
.job table #job_description{width:450px;}
/*sitemap ---------------------------------------------------------*/
#sitemap li{line-height:120%;position:relative;margin:0;padding:0;list-style:none;margin:0;}
#sitemap li a{border:3px double #ccc;background:#eee;display:block;width:60px;text-align:center;padding:3px 0}
#sitemap li ul{display:block;position:absolute;z-index:2;top:2px;left:76px;padding:0}
#sitemap li ul li{border:1px solid #ccc;display:table-cell;*display:inline;zoom:1;padding:0;margin:0 3px}
#sitemap li ul li a{border:1px solid #fff;background:#f1f1f1;width:auto;padding:2px 3px}
/*picture template---------------------------------------------*/
.picture{width:100%;text-align:center;margin:14px 0 24px}
.picture ul{margin:0;padding:0;}
.picture li{list-style:none;margin:12px 0 0;padding:0;width:50%;float:left;}
.picture a{display:block}
.picture a span{display:block}
.picture img{margin:5px 10px 5px;cursor:pointer}
/*news template----------------------------*/
.news .nleft{float:left;width:135px;}
.news ul li{list-style:none;margin:21px 0 21px 50px;padding:0;}
.news .nright{float:left;width:520px;padding-top:8px}
.news .nright a{color:#666;font-size:14px;background:url(arrow_news.gif) no-repeat 0 center;padding-left:12px;text-decoration:underline}
.news .nright a:hover{color:red}
.news .nright div{display:block;width:100%;text-align:right}
.news .nright div a{color:#999;font-size:12px;text-decoration:none}
.news img{padding:3px;border:1px solid #eee}
.news .nright p{width:520px;line-height:150%;color:#999;padding:4px}
.news p{text-indent:2em;line-height:22px;padding:0px;margin:0}
.news h3{padding:0px;margin:3px 0 25px;text-align:center}
.news h6{text-align:center;font:normal 12px 'ËÎÌå';}
/*body table*/
.b_table{border:0;background:#ddd;width:100%;margin-bottom:30px}
.b_table td{background:#fafafa}
#join_job{margin:15px;padding:0}
#join_job li{list-style:none;margin:5px;padding:0}
#join_job li span{width:80px}
/**/
#poem{padding-left:40px;background:url(ying.gif) repeat-y center 0px}
