﻿body { margin:0 auto; padding:0; text-align:center; font-family:宋体; font-size:14px; color:#666666; background:url(images/bg.jpg) no-repeat center top; 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;}

/*Png图片*/
.png24{tmp:expression(setPng24(this));} /*针对IE6 png不透明做的设置 （配合setPng24 js函数）*/

/* 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());} 




/*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; clear:both; width:100%; overflow:hidden;}
.blank_15{ height:15px; clear:both; width:100%; overflow:hidden;}
.blank_20{ height:20px; clear:both; width:100%; overflow:hidden;}

/*Padd*/
.padd_left8{ padding:8px;}
.padd_10{ padding:10px;}

/*TXT*/
.blue_txt{ color:#0060FF; font-weight:bold;}
.txt_b{ font-weight:bold;}


/*Wrapper*/
.wrapper{ width:1002px; margin:0 auto; padding:0; overflow:hidden;}

/*Header*/
.header{ background:url(images/main_v_bg.png) no-repeat center bottom; height:316px;}
.header h1{ float:left; position:relative; width:156px; height:83px; text-align:left;}
.header .H_right{ float:right; width:830px; padding:0px; text-align:left;}

.H_right .utilmenu{ padding:0 20px 0 0; font-size:12px; color:#666666; text-align:right; line-height:27px; height:27px;}
.H_right .utilmenu a{ color:#666666; text-decoration:none;}
.H_right .utilmenu a:hover{ color:#333333; text-decoration:underline;}
.H_right .menu{ background:url(images/menu_bg.gif) no-repeat left top; height:37px; line-height:37px; padding:0 0 0 10px;}

.H_right .menu ul li{ float:left; text-align:center; background:url(images/bar.gif) no-repeat right 12px;} 
.H_right .menu ul li a{ padding:0 20px 0 20px; display:block; color:#ffffff; font-weight:bold; text-decoration:none;}
.H_right .menu ul li a:hover{ background:url(images/menu_ov.gif) no-repeat center; color:#1f97eb;}

.nobar{ background:url(images/menu_bg_bar.gif) repeat-x;}

/*Main_v*/
.main_v{ width:100%; height:254px;} 


/*Contain*/
.contain{ text-align:left; width:100%;}
.contain .contain_bg{ width:100%; margin:0; padding:0;}

.contain_bg h4{ color:#1e7bf8; font-size:14px; line-height:13px; height:13px; padding:10px 0 0 10px;}
.contain_bg h4 span{ float:right; text-align:right; padding:0 10px 0 0; font-size:12px; font-weight:normal; color:#666666;}
.contain_bg h4 span a{ color:#666666; text-decoration:none;}
.contain_bg h4 span a:hover{ color:#333333; text-decoration:underline;}


/*Left*/
.Left{ float:left; position:relative; width:251px;}
.Right{ float:right; position:relative; width:736px;}


/*L_tel*/
.L_tel{ width:247px; height:121px; background:url(images/L_tel_bg.gif) no-repeat 1px 1px; border:2px solid #0064eb;}
.L_tel h4{ color:#ffffff; padding:10px 0 0 10px;}


/*L_box*/
.L_top{ width:100%; height:6px; background:url(images/L_top.gif) no-repeat;}
.L_bg{ background:url(images/L_bg.gif) repeat-y; width:100%;}
.L_bottom{ width:100%; height:6px; background:url(images/L_bottom.gif) no-repeat;}

.L_bg ul{ padding:8px 10px;}
.L_bg ul li a{ color:#666666; text-decoration:none;}
.L_bg ul li a:hover{ color:#000000; text-decoration:underline;}

/*L_proj*/
.L_proj{ text-align:center; margin:0px; padding:0px; font-size:12px;}
.proj_img{ width:222px; margin:0 auto;}
.proj_txt{ width:222px; height:25px; line-height:25px;}

/*R_topmenu*/
.R_topmenu ul li{ float:left; padding:0 7px 0 7px;}

/*R_box*/
.R_top{ width:100%; height:6px; background:url(images/R_top.gif) no-repeat;}
.R_bg{ background:url(images/R_bg.gif) repeat-y; width:100%;}
.R_bottom{ width:100%; height:6px; background:url(images/R_bottom.gif) no-repeat;}

.M_prod{ width:100%; overflow:hidden;}



/*产品列表*/
.prod_box{ width:216px; float:left; padding:0 14px 0 14px;}
.box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: block;
*font-size: 68px;/*约为高度的0.873，230*0.873 约为200*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

width:216px;
height:78px;
background:url(images/prod_bg.gif) no-repeat right bottom;
}
.box img {
/*设置图片垂直居中*/
vertical-align:middle;
padding:2px;
border: 1px solid #dfdfdf;
}

.box_txt{ width:216px; padding:5px 0 5px 0; text-align:center; line-height:30px; height:30px; font-size:12px;}
.box_txt a{ color:#666666; text-decoration:none;}

.box_txt a:hover{ color:#333333; text-decoration:underline;}



/*C_box*/
.C_top{ width:100%; height:6px; background:url(images/C_top.gif) no-repeat;}

/*M_theory*/
.M_theory{ float:left; position:relative; width:470px;}

.C_top{ width:100%; height:6px; background:url(images/C_top.gif) no-repeat;}
.C_bg{ background:url(images/C_bg.gif) repeat-y; width:100%;}
.C_bottom{ width:100%; height:6px; background:url(images/C_bottom.gif) no-repeat;}
.M_theory p{ padding:8px;}

.M_theory_txt{ text-indent:2em;}/*首行字母缩进2个字*/

/*M_honour*/
.M_honour{ float:right; position:relative; width:251px;}


/*Footer*/
.footer{ background:#0064eb; margin:20px 0 0 0; text-align:right; padding:5px 10px 5px 0; font-size:12px; color:#ffffff;}
.footer a{ color:#ffffff;}




/*******************************************************************************************************************/

/*Sub*/

.S_cont{ line-height:22px; overflow:hidden;}
.S_cont .S_txt{ padding:10px 15px 10px 15px;}
.S_cont .S_txt p{ text-indent:2em;}
.S_cont .p_img{ text-align:center; padding:20px 0 0 0;}

.S_cont h3{ font-size:16px; color:#FF3000; line-height:30px; height:30px;}

/*L_menu*/
.L_menu ul li{ text-align:center; padding:10px 0 10px 0;}


/*News*/
.news_list{ line-height:30px; height:30px; border-bottom:1px dashed #efefef; }
.news_list a{ color:#666666; text-decoration:none;}
.news_list a:hover{ color:#000000; text-decoration:underline;}

.news_list span{ float:right; font-size:12px; color:#808080;}


/*Proj*/
.proj_item li{ float:left; width:28%; margin:0 0 0 16px; background:url(images/book_mj_042.gif) no-repeat left 10px; padding:0 0 0 15px; line-height:30px; height:30px;}


/*Tech*/
.tech_big_box{ width:222px; float:left; padding:0 10px 0 10px;}
.tech_box {
/*非IE的主流浏览器识别的垂直居中的方法*/
display: table-cell;
vertical-align:middle;

/*设置水平居中*/
text-align:center;

/* 针对IE的Hack */
*display: block;
*font-size: 157px;/*约为高度的0.873，230*0.873 约为200*/
*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/

width:222px;
height:180px;
border: 1px solid #dfdfdf;
}
.tech_box img {
/*设置图片垂直居中*/
vertical-align:middle;
}

.tech_box_txt{ width:200px; text-align:center; line-height:25px; height:25px;}
.tech_box_txt a{ color:#333333; text-decoration:none;}

.img_c{ text-align:center; padding:10px 0 10px 0;}
.contact_txt{ padding:10px 0 10px 100px; color:#0f72f8;}


/*Page*/
.page { text-align:center; width:100%; padding:10px 0 10px 0;}
.page A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
.page A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.page A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
.page SPAN.current {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
.page SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}


/*Back_btn*/
.back_btn{ text-align:right; padding:10px;border-top:1px dashed #dfdfdf; margin:0 auto; width:94%; font-size:12px;}
.back_btn a{ color:#666666; text-decoration:none;}
.bak_btn a:hover{ color:#000000; text-decoration:underline;}




