/*--------------------------------- 
	
created by kevin wu
		
 ----------------------------------*/


/*----------------- GLOBAL ------------------
* { margin: 0px; padding: 0px; }*/
body {	margin: 0px; font:normal 12px/150% 宋体; background:url(../images/bgall.png) center top repeat-x; background-color:#FFF;color:#333; }
/****** Sortable Styles ******/
/* a style which makes div touch the bottom of content */
.clear { border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden;}
/* clearFloat */
.clearFloat:after { content:"."; clear:both; height:0; visibility:hidden; display:block; }
.clearFloat { display:inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/

* html .clearfix { height:1%; }
form, ul, ul li, p { padding:0; margin:0;}
ul li{ list-style:none}
.clearFloat { display:block; }

td, p, input {	font:normal 12px/150% 宋体;	color:#333	text-decoration: none;}
a         {	font:normal 12px/150% 宋体; color:#3399CC; text-decoration:none;}
a:link    { font:normal 12px/150% 宋体; color:#3399CC;	text-decoration:none;}
a:visited { font:normal 12px/150% 宋体; color:#3399CC;	text-decoration:none;}
a:hover   { font:normal 12px/150% 宋体; color:#FF0000;	text-decoration:underline;}

a.smaller{ font-size:12px;}
.right{ text-align:right}

select{font:normal 12px/150% 宋体; }
.stress{ font-weight:bold;}
.title3, title3 a:link, .title3 a:visited{font:bold 14px/20px 宋体; color:#CCCCCC; text-decoration:none}
.title3 a:hover{ text-decoration:underline;}
.goback{ padding:12px 0 0 20px;}
img { border: none; margin:0; padding:0 }

.space1px{ height:1px; clear:both; font-size:1px; margin:0 auto; }
.space4px{ height:4px; width:90%; clear:both; font-size:1px;}
.space8px{ height:8px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;}
.space18px{ height:18px; font-size:1px; visibility:hidden; clear:both; width:10px; margin:0 auto;}
.space24px{ height:24px; visibility:hidden; clear:both; }
.space30px{ height:30px; visibility:hidden; clear:both; }
.space96px{ height:96px; visibility:hidden; clear:both; }
.space180px{ height:180px; visibility:hidden; clear:both; }
div, ul, li{ zoom:1; }
div:after, ul:after, li:after{ content:"\0020"; display:block; height:0; clear:both; }


/*----------------- / GLOBAL ------------------*/
#container{ width:846px; margin:0 auto;}
#header{ width:846px; position:relative; height:121px; }
#logo a{ float:left; width:382px; height:89px; display:block;}
#version{
	position:absolute;
	top:17px;
	left:501px;
	width:353px;
	height:24px;
	color:#FFF;
	line-height:24px;
}
#version a:link    { font:normal 11px/150% Arial; color:#FFF;	text-decoration:none;}
#version a:visited { font:normal 11px/150% Arial; color:#FFFFFF;	text-decoration:none;}
#version a:hover   { font:normal 11px/150% Arial; color:#FFF;	text-decoration:underline;}

#version img{ padding:0 8px; margin-bottom:-4px;}
#version a{ padding-right:12px;}
#row2{ width:846px; height:212px; margin-top:9px;}

#zh{ background:url(../images/zh.jpg); width:849px; height:35px; margin:6px auto -4px; position:relative}
#zh a.main{ width:849px; height:35px; display:block}
#zh a.close{ float:right; position:absolute; top:4px; right:8px;}
#in_row2{ width:846px; height:151px; margin-top:9px;}
#in_row2 .col1{ float:left; width:269px; background:url(../images/in_left.jpg); height:151px;}
#in_row2 .col1 table.navi{ margin-top:12px;}
#in_row2 .col1 table.navi a{ font-size:12px; color:#FFF; text-decoration:none}
#in_row2 .col1 table.navi a:hover{ font-size:12px; color:#FFF; text-decoration:underline}
#in_row2 .col1 table.navi a:hover{ text-decoration:underline}
#in_row2 .col2{ float:right; width:577px;}

#row2 .col1{ float:left; width:229px; background:url(../images/homeleft.jpg); height:212px;}
#row2 .col1 ul{ margin:45px 0 0 40px;}
#row2 .col1 table.navi a{ font-size:12px; color:#FFF; text-decoration:none}
#row2 .col1 table.navi a:hover{ font-size:12px; color:#FFF; text-decoration:underline}
#row2 .col1 ul li{ list-style:none; margin-top:3px; *margin-top:2px;}
#row2 .col1 ul li a{ font-size:12px; color:#FFF; text-decoration:none}
#row2 .col1 ul li a:hover{ font-size:12px; color:#FFF; text-decoration:underline}
#row2 .col2{ float:right; width:617px;}
#row2 .col2 .row1, #row2 .col2 .row2{ background-color:#F2F2F2;}
#row2 .col2 .row1 p.title, #row2 .col2 .row2 p.title{ color:#0099FF; font-size:16px; padding:3px;}
#row2 .col2 .row1 p, #row2 .col2 .row2 p{ padding:0 3px;}
#row2 .col2 .row1{ height:161px;}
#row2 .col2 .row2{ margin-top:7px; height:82px;}
#row2 .col2 .row2 .more{ float:right; padding:2px 8px 4px 0;}
#row2 .col2 .row2 .more a{ color:#0099FF}

#row3{ height:251px; width:846px; margin-top:9px;}
#in_row3{ width:859px; background:url(../images/title_bg.png) no-repeat; min-height:318px; margin:9px auto 0;}
.sub_title{ background:url(../images/left_bg.jpg); height:26px; line-height:26px; font-size:12px; font-weight:bold; color:#FFF; padding-left:12px;}
ul.sub_links{ padding:12px 0 0 12px;}
ul.sub_links a{ text-decoration:none}
.t1{ font:normal 22px/150% 宋体; color:#196B19;}



#row3 .col1{ float:left; width:363px; background:url(../images/left1.jpg); height:251px;}
#row3 .col2{ float:left; width:267px; background:url(../images/md1.jpg); height:251px; margin-left:7px;}
#row3 .col2 ul{ width:94%; margin:15px auto 0}
#row3 .col2 ul li{ margin-bottom:12px;}
#row3 .col2 ul li a{ text-decoration:underline; font-size:12px; color:#666; width:196px; float:left; margin-left:4px; }
#row3 .col2 ul li a:hover{ text-decoration:none}
#row3 .col2 ul li span{ font-size:12px; background:url(../images/date_bg.png) no-repeat; width:47px; height:20px; line-height:20px; color:#FFF; display:block; text-align:center; float:left; padding-left:-3px;}

* html #row3 .col2 ul li span{ 
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/date_bg.png");
  background:none;
}


#row3 .col3{ float:left; width:203px; background:url(../images/right1.jpg); height:251px;margin-left:6px; width:198px;}
/*----------------- home magazine  ------------------*/
#scrolldiv{ margin:0 auto; }
#scrolldiv table{ text-align:center}
#scrolldiv-left{ float:left; padding-left:18px; }
#scrolldiv-middle{ float:left; text-align:center; width:124px;}
#scrolldiv-right{ float:right; margin-right:12px;}

/*----------------- /home magazine  ------------------*/


.center{ text-align:center}
.w96{ width:96%; margin:0 auto}
.h32{ height:40px; line-height:40px;}
.t1{ font-size:18px; color:#3399CC;}
.t1 a:link{ font-size:18px; color:#196B19; line-height:40px; text-decoration:none;}
.t1 a:visited{ font-size:18px; color:#196B19; line-height:40px; text-decoration:none;}

.t1 a:hover{ font-size:18px; color:#F90; text-decoration:underline}
.t2{ font-size:12px; color:#196B19;}
.p1 p, .p1{ font:normal 12px/135% 宋体; color:#666;}





#thrumb{ margin:0px 0 0 12px; font-size:12px; text-decoration:none; color:#666; border-bottom:1px solid #DADADA; width:809px; padding-bottom:6px;}
#thrumb a{ font-size:12px; text-decoration:none; color:#666}
#thrumb a:hover{ text-decoration:underline}

#wrapper{ background:#FFF; margin-top:8px;}
#wrapper_bottom{ background:url(../images/main_bottom.png) center bottom no-repeat;}
#main{ margin:12px 10px 0 18px; width:809px;  min-height:350px;}
#main .col1{ float:left; width:183px; background:url(../images/cat.png) center top no-repeat;}
#main .col1 .bottom{ width:183px; background:url(../images/cat_bottom.png) center bottom no-repeat;}
#main .col2{ float:right; width:600px;margin-right:10px;}
#main .col1 ul{ width:183px; margin:30px 0 0px; padding-bottom:7px;}
#main .col1 ul li{ display:block;  list-style:none; }
#main .col1 ul li a{ display:block; height:26px; background-color:#F2F2F2; padding-left:12px; width:171px; line-height:26px; font-size:12px; color:#666; text-decoration:none;}
#main .col1 ul li a:hover{  background-color:#FCFCFC; text-decoration:none;}
#main .col1 ul li a.selected{ display:block; height:26px; background-color:#DCDCDC;  padding-left:12px; width:171px; line-height:26px;font-size:12px; color:#666; text-decoration:none; font-weight:bold}

#main .title{ font:normal 20px/150% 宋体, Helvetica, sans-serif; color:#000; margin-bottom:15px;}
#main .title2{ font:normal 20px/150% 宋体, Helvetica, sans-serif; color:#000; }
#main #productList{ margin:0 0 0px 4px;}
#main .product .pro_img{ height:182px; display: table-cell;vertical-align:middle;	text-align:center;
	*display: block;
	width:182px;
	*font-size: 107px;/*约为高度的0.873，200*0.873 约为175*/
	*font-family:宋体;/*防止非utf-8引起的hack失效问题，如gbk编码*/
}
#main .product{ width:182px; border:1px solid #F4F4F4; float:left; margin-right:14px; margin-bottom:18px;}
#main .product img, #main .product p, #main .product p a{ display:block; color:#333; text-align:center}
#main .product .pro_img img{ padding:0px 0 0;  margin:0 auto;vertical-align:middle;}
#main .product p{ font-size:10px; margin:0px 0 0; padding:0; line-height:18px; background-color:#F4F4F4}
#main .product p a{ font-weight:bold; line-height:18px;}

.pro_title{ font-size:22px; font-weight:bold; color:#00375B;}

.pro_title_sec{ font-size:16px; font-weight:bold;}

#main .col2 .ask_question{ text-align:right; margin:4px 14px 16px 0;}
td.d1{ background:url(../images/a.png) no-repeat; height:33px;}
td.d1 span{ padding:6px 0 0 36px; font:bold 16px/31px 宋体; color:#0C4063}
td.d2{ background:url(../images/b.png) no-repeat left top;}
td.d2 span{ padding:6px 12px 0 36px; font:normal 12px/18px 宋体; color:#333; display:block; margin-right:6px;}
#main .col2 table{ margin-bottom:32px;}

/*news*/
#News{padding:0px 18px 20px 0;border:0px solid #b10b0d; background:#FFF; }
#News ul{padding:0 90px;}
#News li{background:url(../images/newslogo.png) 5px 14px no-repeat;border-bottom:1px dotted #ccc;padding:10px 5px 5px 60px;color:#112441;line-height:1.2em;margin-bottom:5px;font-size:15px;font-weight:bold;}
#News li em{display:block;color:#9b9b9b;font-size:12px;font-weight:normal;}
#News li a{ font-size:16px; font-weight:bold; color:#00375B;}
#News li a:hover{color:#f00;}


#news_details{ margin:0 50px;}
#news_details hr{ height:1px; margin:10px 0 14px; padding:0;}
#news_details .title{font-size:26px; color:#00375B; margin-bottom:0; text-align:center}
#news_details .title em{color:#666666;display:block;font-size:12px;font-family:宋体; margin:0; padding:0; line-height:120%;}

.pagesLink{ text-align:center; padding-bottom:12px; height:30px;}
.pagesLink, .pagesLink a:link, .pagesLink a:visited{ font:normal 12px/32px 宋体; color:#333; }
.pagesLink span{ font: 14px/150% 宋体; color:#FF0000;}
.pagesLink a:hover{ color:#FF0000; text-decoration:none;}

.newsTitle{ font:bold 20px/130% Geneva, 宋体, Helvetica, sans-serif; color:#333; text-align:center; margin:0px 0 2px 0;}
.date{ color:#CCCCCC; font-size:12px;}


table.board img{ border:1px solid #000; margin:6px 12px 0px 0;}
.sepLineII{ border-bottom:1px solid #FBD6BD; margin:32px 0 30px 0;}
.nameJob{ margin-bottom:12px;}
span.name{ FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #673F3F;}
span.job{FONT-SIZE: 13px; COLOR: #999999; padding-left:8px; font-weight:bold}


/*contact*/
#contact{ width:500px; margin:0 auto;}
#contact .addressList{width:458px; margin:0 auto; }
.input{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 12px/18px 宋体; height:18px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:237px;}
.textBoxinput{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 12px/18px 宋体; height:128px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:380px; }
.input:hover, .textBoxinput:hover{ border:1px #000 solid; background-color:#F8FBFE; }
.input:focus, .textBoxinput:focus{ border:1px #000 solid; background-color:#F8FBFE;}
a.more{ text-decoration:underline}
.dropdown{ border:1px #666 solid; background-color:#FFF; color:#333; font:normal 12px/18px 宋体; height:21px; padding:3px 0 0 4px; *padding:1px 0 0 4px; width:243px;}

a.top{ margin::12px 0 36px; text-align:right; float:right; color:#3399CC;}

a.top:link{ margin::12px 0 36px; text-align:right; float:right; color:#3399CC;}
a.top:visited{ color:#3399CC}
a.top:hover{ color:#F30}

.newsHome{ margin-bottom:12px;}
.news_title a{ font:bold 15px/135% 宋体; color:#007900; text-decoration:none}
.news_title a:hover{ font:bold 15px/135% 宋体; color:#F60; text-decoration:underline}

.news_date{ font-size:12px; color:#666}

.p_1{ font-size:13px; color:#000; font-weight:bold}
.p_q{ font-size:13px; color:#3399CC; font-weight:bold; height:32px;}
.p_a{ font-size:13px; color:#F60; font-weight:bold }

.career_form{ border:1px solid #EBEFE0}
table.product_range{ background:url(../images/pdf_bg.jpg); height:78px;}
table.product_range a{ color:#FFF}

p.glossary, p.glossary a{ font:bold 14px/140% 宋体; }

td.glo p a{ font-weight:bold; color:#000;}
td.glo p a:hover{ font-weight:bold; color:#000;}
/* ====================== footer ====================== */

#footer{ background:url(../images/footerbg.jpg) no-repeat; margin:0 auto; width:836px; height:74px;}
#footer .left{ float:left; margin:12px 0 0 18px;}
#footer .right{ float:right; margin:-12px 198px 0 0;}
#footer .right{ float:right; margin:5px 231px 0 0; *margin:-14px 231px 0 0;}
* html #footer .right{ float:right; margin:-56px 115px 0 0;}
#footer a{ padding:0 6px; color:#3399CC; font-size:12px; text-decoration:none}
#footer a:hover{color:#f00; text-decoration:underline}
#footer p{ font:normal 10px/100% tahoma; padding-top:0px; color:#999999; margin:0; display:block; text-align:left; padding:3px 0 0 5px;}