body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td { 
	margin:0;
	padding:0; font-size:12px;
}
body{font-family:Arial;
	font-size:12px;
	color:#333333; line-height:18px;}

fieldset,img { 
	border:0;
}

ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-size:12px
}

abbr,acronym { border:0;
}
.clear{
	clear:both; 
	height:0; 
	font-size: 1px;
	line-height: 0px;
}
a{
	text-decoration:none;
	color: #333333;line-height:18px; 	font-size:12px;
	
}
a:link {
	text-decoration:none;
	color: #333333;	line-height:18px; font-size:12px;
}
a:visiter{
	text-decoration:none;
	color: #333333;line-height:18px;font-size:12px;}
a:hover{
	text-decoration:none;
	color: #CC0000;line-height:18px;font-size:12px;}
	

/* css reset */
#main_box{
	width:1002px;
	text-align:left;
	margin-left:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;	
		
}
#top{
	width:1002px;
	height:89px;
	overflow:hidden;
	
}
#logo{
	width:110px;
	height:89px;
	float:left;
}
#logo_center{
	width:173px;
	height:89px;
	float:left;	
	background:url(../images/logo_white.jpg);
	line-height:108px;
	font-weight:bold;
	font-size:16px;
	padding-left:5px;
	
}
#logo_right{
	width:707px;
	height:89px;
	float:left;
	background:url(../images/logo_right.jpg);
	color:white;
	font-size:12px;
	
}
#logo_right a{
	display:block;
	height:17px;
	float:left;
	margin-right:10px;
	color:white;
	text-align:center;
	line-height:17px;	
}
#menu{
	width:1002px;
	height:33px;
	text-align:center;
	
}
#menu ul li{
	display:inline;
	
}
.menu_a{
	background:url(../images/menu_bg.jpg) repeat-x;
	display:block;
	float:left;
	width:105px;
	height:33px;
	line-height:33px;
	color:rgb(101,101,101);
	
}

.menu_delimiter{
	width:1px;
	height:33px;
	background:url(../images/menu_delimiter.jpg) no-repeat;
	float:left;
	
}

#banner{
	width:995px;
	height:294px;
	margin-top:2px;
	text-align:left;
	overflow:hidden;
	
}

#productaa{
	width:975px;
	height:119px;
	background-color:#FFFFFF;
	text-align:left;
	background-image: url(../images/pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom; padding-left:10px; padding-right:10px;
}
#product{
	width:975px;
	height:119px;
	background-color:#FFFFFF;
	text-align:left;
	background-image: url(../images/pro_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#pro_left{
	width:12px;
	height:119px;
	background:url(../images/pro_left.jpg);
	float:left;
}
.pro_delimiter{
	width:8px;
	height:119px;
	float:left;
	background-image: url(../images/pro_delimiter.jpg);
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-left: 5px;
}
.pro_content{
	height:119px;
	float:left;
	
}

#content{
	text-align:left;
	
}
#pen{
	width:198px;
	height:130px;
	margin-top:25px;
	margin-right:25px;
	float:left;
	
}
#news_box{
	width:370px;
	float:left;
	margin-right:32px;
	margin-top:10px;
	
}

#about{
	width:226px;
	height:154px;
	float:left;
	background:url(../images/person.jpg);
	margin-top:10px;
	padding-left:140px;
	padding-right:5px;
	
}

#bottom_left{
	width:235px;
	float:left;
	margin-right:10px;
}
#bottom{
	text-align:left;
	margin-top:15px;
}
#tool_bar{
	width:202px;
	height:33px;
	background:url(../images/tool_bar.jpg);	
	padding-left:33px;
	line-height:33px;
}
#b_l_t{
	border:1px solid rgb(234,234,234);
	width:235px;
	height:115px;
}
#b_l_b{
	width:235px;
	height:52px;
	background:url(../images/iso_bg.jpg) repeat-x;
	border:1px solid rgb(234,234,234);
	margin-top:12px;
	padding-top:10px;
	
}

#bottom_right{
	width:750px;
	height:191px;
	float:left;
	border:1px solid rgb(234,234,234);
}

#b_bar{
	width:750px;
	height:33px;
	background:url(../images/product_bg.jpg) repeat-x;
	line-height:33px;
	
	
}
.fea_box{
	height:138px;
	width:185px;
	background-image:url(../images/line.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	float:left;
	padding-top:8px;
	
}

#footer{
	height:45px;
	background-color:rgb(248,248,248);
	width:997px;
	color:rgb(153,153,153);
	padding-top:15px;
	text-align:center;
	
}
#footer2{
	height:45px;
	background-color:rgb(248,248,248);
	width:997px;
	color:rgb(153,153,153);
	padding-top:15px;
	text-align:center;
	
}

#y_1{
	width:130px;  /*123px */
	float:left; font-size:12px; padding-left:15px;
	
		
}
#y_img1{
	width:70px;
	float:right;
	display:inline-block;
	padding-top:12px; padding-left:10px;
	
}



.tit1{
	padding-top:15px;
	margin-bottom:5px;
	font-size:14px;
	font-weight:600;
	
}
.more{
	padding-top:7px;
	
	
}
#news_style{
	font-size:16px;
	color:rgb(204,0,0);	
	font-weight:600;
	margin-bottom:10px;
}
.red_right{
	
	color:rgb(204,0,0);
}
.g_line{
	width:360px;
	border-bottom:1px solid rgb(214,214,214);
	padding-bottom:8px;
	margin-bottom:15px;
	line-height:18px;
	
}
#about_us{
	font-size:16px;
	font-weight:600;
	padding-top:12px;
	margin-bottom:5px;
	
}
#p_str{
	font-size:12px;
	font-weight:bold;
	font-family:Verdana;
	
	
}
.u_more{
	color:rgb(102,102,102);
	
}

#Nav { /*Make the left border */
	line-height: 31px;
	list-style-type: none;
	width:995px;
	background-image: url(../images/menubj.jpg);
	background-repeat: repeat-x;
	height: 31px;
	margin-right: auto;
	margin-left: auto; margin-left:0px;
}
#Nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;/*display: inline;*/

}
#Nav ul li {
	position: relative;
	float: left;
	text-align: center;
	width: 124px;
	line-height:31px;	font-family: Arial, Helvetica, sans-serif;
}
#Nav li ul {
	position: absolute;
	left: 0px;
	display: none;
	border-left: 0px;
	background:#ffffff;
	width: 145px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#Nav ul li a {
	display: block;
	width: 124px;
	text-align:center;
	font-size: 12px;
	line-height: 31px;
	color: #666666;	font-family: Arial, Helvetica, sans-serif;
}
#Nav ul li ul li a { /* The border of main menus is different from the sub menus */
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDCDC;padding-top:5px; padding-bottom:5px;	font-family: Arial, Helvetica, sans-serif;
}
*html #Nav ul li ul li a { /* The border of main menus is different from the sub menus */
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 16px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;padding-top:5px; padding-bottom:5px;	font-family: Arial, Helvetica, sans-serif;
}
#Nav a:hover {
	line-height:31px;
	width: 124px;
	color: #666666;
	background-color: #ffffff;
	font-size: 12px;	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9; font-family: Arial, Helvetica, sans-serif;
}
#Nav ul li ul li a:hover {
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 16px;
	background:#E3EFFF; padding-top:5px; padding-bottom:5px;
}
/* Fix IE. Hide from IE Mac */

* html #Nav ul li {
	float: left;
	height: 1%;
}
* html #Nav ul li a {
	height: 1%;
}
/* End */

#Nav li:hover ul, li.over ul {
	display: block;
}
#Menu li.over ul {
	display: block;
}
#Menu li.over li ul {
	margin-left: 105px;
	margin-top: -21px;
	display: none;
}
#Menu li li.over ul {
	display: block;
}

/*---------------------------end----------------------------------*/

#content_about{
	background-image: url(../images/center_bj.gif);
	background-repeat: repeat-y;
	overflow:hidden; width:995px;
}
#content_about a{ font-family:Calibri; font-size:12px; line-height:18px; color:022782;}
#contact_leftabout{ width:145px; float:left;}
#contact_centerabout{ width:620px; float:left; line-height:18px; color:#022782; padding:25px;}
#contact_centerabout a{  color:#022782;}
#contact_rightabout{ width:174px; float:right;}
.about_title{
	line-height:28px;
	background-image: url(../images/left_bj.jpg);
	background-repeat: no-repeat;
	font-family: Calibri;
	font-size: 15px;
	color: #FFFFFF; padding-left:10px; float:left; width:133px;
}
.about_title2{
	line-height:28px;
	background-image: url(../images/left_bj.jpg);
	background-repeat: no-repeat;
	font-family: Calibri;
	font-size: 17px;
	color: #FFFFFF; padding-left:12px; 
}
.title_bj2{
	line-height: 28px;
	background-image: url(../images/title_bj2.jpg);
	background-repeat: repeat-x;float:left;
	padding-left: 20px; width:830px; float:left; height:28px;
}
.content_center{color:022782; font-size:12px; line-height:18px; padding:25px;}

#contact_leftabout ul{
	padding-top: 15px;
	padding-right: 3px;
	padding-left: 3px;
}
#contact_leftabout ul li{
	line-height: 12px;
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px; font-size:11px;
	padding-bottom: 5px; padding-left:15px;
}
#contact_leftabout ul li a{
	line-height: 12px;
}
#contact_leftabout ul li a:link{
	line-height: 12px;
}
#contact_leftabout ul li a:visited{
	line-height: 12px;
}
#contact_leftabout ul li a:hover{
	line-height: 12px;
}
.about_news{ background-color:#F0EFEE; margin-top:15px; padding:5px; color:#022782; font-size:12px; }
.about_news ul{ }
.about_news ul li{
	padding-top:5px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}
	
.about_news ul li a{color:002183; line-height:12px; font-size:12px;
}
.about_news ul li a:link{color:#002183; line-height:12px;font-size:12px;
}
.about_news ul li a:visited{color:#002183; line-height:12px;font-size:12px;
}
.about_news ul li a:hover{color:#002183; line-height:12px;font-size:12px;
}
.about_news ul li img{ float:left; width:40px;}
.about_news ul li p{ float:left; width:108px; padding-left:7px;}
.about_banner{
	height:215px;
	background-image: url(../images/about_banner.jpg);
	background-repeat: no-repeat;
}

.font_w{
	color:#0044B9;
	padding-top: 148px;
	padding-left: 15px; text-align:left;
}
.font_w2{
	color:#0044B9;
	padding-left:50px;
	position: absolute;
	top: 285px;
	text-align:left; margin-left:0px;
}


.product_list{}
.product_list ul{}
.product_list ul li{ width:190px; float:left; padding-right:15px; padding-top:15px; text-align:center; height:160px;}
.product_list ul li p{ line-height:18px; background-color:#BCC5DB; margin-top:10px;}

.product_banner{
	height:215px;
	background-image: url(../images/product_banner.jpg);
	background-repeat: no-repeat;
}
.pro_big{ float:left; width:420px;}
.pro_bigfont{ float:left; width:200px; margin-top:50px;}
.line_pro{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px; padding-top:10px;
}

.news{}
.news ul{}
.news ul li{
	background-image: url(../images/list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #BCC5DB;
	padding-left: 20px;font-size:11px;
}

.news_title{ float:left; font-size:14px; width:480px; padding-bottom:15px;}
.news_date{ float:right; width:100px; text-align:right;  padding-bottom:15px;}
.services_banner{
	height:215px;
	background-image: url(../images/services_banner.jpg);
	background-repeat: no-repeat;
}
.news_banner{
	height:215px;
	background-image: url(../images/news_banner.jpg);
	background-repeat: no-repeat;
}
.contact_banner{
	height:215px;
	background-image: url(../images/contact_banner.jpg);
	background-repeat: no-repeat;
}
.app_banner{
	height:215px;
	background-image: url(../images/app_banner.jpg);
	background-repeat: no-repeat;
}
.agent_banner{
	height:215px;
	background-image: url(../images/agent_banner.jpg);
	background-repeat: no-repeat;
}