﻿body { margin:0 auto; padding:0; text-align:center; font-family:宋体; background:#000000 url(images/fill.gif) repeat-x; background-attachment:fixed; font-size:14px; color:#000; line-height:20px;}
div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ border:0px; margin:0; padding:0; list-style-type:none; overflow:hidden;}

/*Png图片*/
.png24{tmp:expression(setPng24(this));}

/* Link 
a:link {color: #333333; text-decoration:none;}
a:visited {color: #333333;text-decoration:none;}
a:hover {color: #333333; text-decoration:none;}
a:active {color: #333333;}*/

a{blr:expression(this.onFocus=this.blur()); text-decoration:none;} 




/*Clear*/
.clear{ clear:both; font-size:1px; height:0px; line-height:0px; overflow:hidden;}/*可用height:1px; overflow:hidden;来控制IE6默认的div的高为12~14px,用BR来做吧，用DIV不太好用*/

/*Blank*/
.blank_10{ height:10px; width:100%; clear:both; overflow:hidden;}
.blank_20{ height:20px; width:100%; clear:both; overflow:hidden;}

/*Txt*/
.txt_green{ color:#59b511; font-weight:bold;}
.Q_txt{ color:#d54738; font-weight:bold;}
.txt_b{ font-weight:bold;}
.c_txt{ color:#666666;}
.c_txt a{ color:#000000;}


/*Padd*/
.padd_10{ padding:10px;}



/*Wrapper*/
.wrapper{ width:962px; overflow:hidden; background:#ffffff; margin:0 auto; padding:0 20px 0 20px; text-align:left;}

/*Header*/
.header{ width:100%; overflow:hidden; padding:20px 0 17px 0;}
.header h1{ float:left; position:relative; width:426px;}
.header .utilmenu{ float:right; position:relative; width:394px; text-align:right; line-height:24px; font-size:12px; font-weight:bold; padding:23px 0 0 0; background:url(images/utilmenu_bg.gif) no-repeat right 45px;}
.header .utilmenu a{ color:#666666;}
.header .utilmenu a:hover{ color:#000000;}


/*Menu*/
.menu .menu_L{ width:10px;}
.menu .menu_R{ width:10px; float:right; position:relative;}
.menu ul{ width:100%; background:url(images/menu_bg.gif) repeat-x;}
.menu ul li{ float:left; position:relative; background:url(images/bar.gif) no-repeat right 16px; line-height:47px; height:47px;}
.menu ul li a{ float:left; position:relative; padding:0 48px 0 48px; color:#ffffff; font-weight:bold;}
.menu ul li a:hover{ color:#ffae00;}
.menu ul li a:link{ color:#fff;}
.menu ul li a:visited{ color:#fff;}
.menu ul li a:active{ color:#fff;}

.menu .nobar{ background:url(images/menu_bg.gif) repeat-x;}


/*Main_v*/
.main_v .main_v_L{ float:left; position:relative; width:590px; height:198px; background:url(images/main_v_L.jpg) no-repeat;}
.main_v .main_v_R{ float:right; position:relative; width:96px; padding:152px 0 17px 262px; background:url(images/main_v_R.gif) no-repeat;}


/*Contain_line*/
.Contain_line{ background:#ececec; height:10px; line-height:10px; font-size:1px; width:100%; padding:0px; margin:0px;}
.Contain_line .C_L{ width:10px; float:left; position:relative;}
.Contain_line .C_R{ width:10px; float:right; position:relative;}


/*Contain*/
.contain{ overflow:hidden; margin:0; padding:0; background:#ececec; padding:0 10px 0 10px;}

.contain_bg{ width:100%; overflow:hidden; padding:0 0 10px 0;}
.contain_bg h4{ color:#ffffff; font-size:14px; line-height:35px; height:35px; padding:0 0 0 33px;}
.contain_bg h4 a{ color:#ffffff;}
.contain_bg h4 a:hover{ color:#ffae00;}





/*Left*/
.left{ width:240px; float:left; position:relative;}
.left .left_menu{ background:#ffffff; width:100%;}
.left .left_menu h4{ background:url(images/L_menu_T_bg.gif) no-repeat;}

.left_menu .left_menu_c{ padding:0 3px 0 3px;}
.left_menu .left_menu_c a{font-size:12px; color:#000;}

.left_menu .left_menu_c a:link{ color:#000;} 
.left_menu .left_menu_c a:hover{ color:#666; text-decoration:underline;} 
.left_menu .left_menu_c a:visited{ color:#000;} 
.left_menu .left_menu_c a:active{ color:#000;} 

/*.left_menu .left_menu_c h5 a{ font-size:14px; font-weight:bold; color:#666666; background:url(images/left_icon01.gif) no-repeat left top; padding:0 0 0 10px; line-height:23px; height:23px; border-bottom:1px dashed #dfdfdf; display:block;}
.left_menu .left_menu_c h5 a:hover{ color:#d54738;}
.left_menu_c ul li a{ background:url(images/left_icon02.gif) no-repeat 5px 10px; line-height:20px; height:20px; padding:0 0 0 15px; font-size:12px; display:block; color:#666666;}
.left_menu_c ul li a:hover{ color:#000000;}*/



/*Right*/
.right{ width:682px; float:right; position:relative;}

.right .R_prod{ width:100%; background:#ffffff;} 
.R_prod h4{ background:url(images/R_prod_bg.gif) no-repeat;}
.R_prod_C{ padding:0 8px 0 8px;}


.right .R_service{ width:390px; float:left; position:relative; background:#ffffff; font-size:12px;}
.R_service_C { padding:0 8px 0 8px; line-height:22px;}
.R_service_C a{ color:#666666;}
.R_service_C a:hover{ color:#000000;}
.R_service h4{ background:url(images/R_service_bg.gif) no-repeat;}
.R_service .R_service_bottom{ height:7px;}


.right .R_contact{ width:272px; float:right; position:relative; background:#ffffff url(images/R_contact_tel.gif) no-repeat center bottom;}
.R_contact h4{ background:url(images/R_contact_bg.gif) no-repeat;}
.R_contact .tel{ padding:19px 0 28px 18px;}
.R_contact .QQ{ padding:0 0 28px 57px;}



/*S_content*/
.S_bottom{ height:6px;}
.S_C{ padding:0 8px 0 8px;}


.comp_P{ text-align:center;}
.comp_Txt{ padding:30px 10px 10px 10px; text-align:left;}
.contact_Txt{ padding:30px 0 10px 100px; text-align:left;}




/*Service*/
.S_service { padding:0 0 15px 0;}
.S_service li{ border-bottom:1px dashed #dfdfdf; line-height:30px; height:30px; color:#666666;}
.S_service li a{ color:#666666;}
.S_service li a:hover{ color:#000000;}

.S_T{ line-height:30px; height:30px; border-bottom:1px dashed #dfdfdf; text-align:left; font-size:16px; font-weight:bold; color:#922523;}
.S_content{ padding:10px; text-align:left;}



/*Prod*/
.S_location{ padding:0 0 10px 0; font-size:12px;}

.S_img{ text-align:center; padding:10px 0 20px 0;}


/*Download*/
.S_download ul li{ border-bottom:1px dashed #dfdfdf; color:#666666;}
.S_download ul li a{ color:#666666;}
.S_download ul li a:hover{ color:#000000;}

.S_download ul li span a{ float:right; text-align:right;}



/*产品列表*/
.prod_list_item{ width:100%; border-bottom:1px dashed #dfdfdf; padding:10px 0 15px 0;}
.prod_list_item h3{ font-size:14px; font-weight:bold; line-height:30px; height:30px; color:#d54738; background:url(images/icon.gif) no-repeat left 11px; padding:0 0 0 15px;}
.prod_list_item h5{ font-size:12px; font-weight:bold; line-height:25px; height:25px; color:#2E70C9; width:600px; float:left;}


.prod_list_item ul{ padding:0 10px; border-bottom:solid 1px #ccc; width:650px;}
.prod_list_item ul li{ float:left; position:relative; line-height:24px; font-size:12px; width:30%;}
.prod_list_item ul li a{ color:#333; text-decoration:underline;}
.prod_list_item ul li a:hover{ color:#000000;}

/*Footer*/
.footer{ width:100%; margin:0 auto; line-height:18px; text-align:center; font-size:12px; padding:12px 0 0 0;}





/*产品列表*/
.prod_box{ width:197px; float:left; padding:0 12px 0 12px; height:200px;}
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: block;
*font-size: 76px;/*约为高度的0.873，87*0.873 约为76*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

width:197px;
height:87px;
border: 1px solid #dfdfdf;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
}

.box_txt{ width:197px; text-align:center; line-height:25px; height:35px;}
.box_txt a{ color:#666666; text-decoration:none;}
.box_txt a:hover{ color:#000000;}






/*新闻列表*/
.news_ul{ width:100%;}
.newslist { line-height:36px; height:30px; padding:4px 0 3px 0; color:#666666; border-bottom:1px dashed #dfdfdf;}
.newslist span { float:right; text-align:right; color:#888888;}
.newslist a:link,a:visited,a:active { color:#666666; text-decoration:none}
.newslist a:hover { color:#000000; text-decoration:underline}





/*分页*/
.page{ width:100%; margin:20px 0 20px 0; text-align:center;}
.page a{ color:#666666;}
.page a:hover{ color:#000000;}

/*Back_btn*/
.back_btn{ text-align:right; padding:10px;border-top:1px dashed #dfdfdf; margin:20px 0 0 0;}
.back_btn a{ color:#666666; text-decoration:none;}
.bak_btn a:hover{ color:#000000;}



