@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-position: 4px;

}
a{ text-decoration:none; color:#555555;}
ul{ margin:0; padding:0; list-style:none;}
img {
	border:0px;
	margin-left: 0px;
}
h4{font-size:10pt;} 
body{
	margin:0;
	font-size:10.5pt;	/*普通字体大小*/
	color:#555555;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFF;
	float: inherit;
	}
	
#main{
	width:950px;
	margin:0 auto;
	}
/*---------按钮翻转效果(搜索和联系我们留言提交按钮样式在javascript.js文件内)---------*/
.button_style{
	display:block;
	width:72px;
	height:21px;
	background:url(images/button_xq_link.jpg) no-repeat;
	}
.button_style:hover{
	background:url(images/button_xq_hover.jpg) no-repeat;
	}


/*-----------------------titler 页头样式-------------------------*/
#titler{
	width:930px;
	padding:20px 10px!important;
	padding:20px 10px 10px 10px;
	margin:0 auto;
	}
/*语言切换按钮*/
#titler .language{
	width:930px;
	text-align:right;
	padding-right:0px;
	}
#titler .language a{
	margin:0 10px;
	font-weight:bold;
	color:#6c6c6c;
	font-size:10pt;
	}
#titler .language a:hover{
	color:#666;	
	}
/*logo*/	
#titler .logo{
	width:300px;
	float:left;
	}
/*搜索*/	
#titler .sousuo{
	float:right;
	padding-top:15px;
	}
#titler .sousuo .sousuo_text{
	background:url(images/ss_text_bg.jpg) no-repeat; 
	width:100px; 
	height:20px;
	padding-top:3px;
	padding-left:18px; 
	border:none;
	font-size:8pt;
	color:#999;
	display:block;
	float:left;
	margin-right:5px;
	}
#titler .sousuo .sousuo_button{
	background:url(images/button_ss_link.jpg) no-repeat; 
	width:55px; 
	height:20px; 
	border:none;
	float:left;
	display:block;
	}


/*----------------header 导航menu 和 banner样式-----------------*/
#header{
	width:950px;
	margin:0 auto;
	position:relative;
	}
/*menu 导航*/	
#header .menu{
	background:url(images/menu_bg.jpg) repeat-x center;
	width:950px;
	height:32px;
	}
#header .menu li{
	width:96px;
	height:32px;
	float:right;
	}
#header .menu li a{
	display:block;
	width:96px;
	height:31px;
	background-position: bottom ;
	}
#header .menu li a:hover{
	background-position:top left;
	width:96px;
	height:31px;
	}
/*第二菜单隐藏(级联菜单)*/	
#header .menu_hide{
	position:absolute;
	display:none;
	}
/*第二菜单显示样式(级联菜单)*/
#header .menu_show{
	width:600px;
	position:absolute;
	text-align:center;
	font-size:9.5pt;	/*级联菜单字体大小*/
	display:block;
/*	color:#000000;  chg by ESA */
	color:#508EC1;
	padding-top:18px;
	}
#header .menu_show a{
	padding:18px 5px ;
	position:relative;
	height:20px;
	color:#508EC1; /* add by ESA */
	}
#header .menu_show a:hover{
/*	color:#a6a6a6; chg by ESA */
	color:#508EC1;
	font-weight:bold; /* add by ESA */
	}
	
/*menu 导航2*/	

/*第二菜单隐藏(级联菜单)*/	
#header .menu_hide2{
	position:absolute;
	display:none;
	}
/*第二菜单显示样式(级联菜单)*/
#header .menu_show2{
	width:600px;
	position:absolute;
	text-align:center;
	font-size:9.5pt;	/*级联菜单字体大小*/
	display:block;
/*	color:#EE9FB5; chg by ESA */
	color:#508EC1;
	padding-top:18px;
	}
#header .menu_show2 a{
	padding:18px 5px ;
	position:relative;
	height:20px;
/*	color:#EE9FB5; chg by ESA */
	color:#508EC1;
	}
#header .#menu_show2 a:hover{
	color: #FFFFFF;
	}
		
/*----网站路径-----*/
.web_lj{
	line-height:2em;
	position:absolute;
	left:10px;
	top:35px;
	font-size:9pt;	/*路径字体大小*/
	visibility: hidden;
	}
.web_lj a{
	margin:0 5px;
	color:#a9a8a8;
	}
.web_lj a:hover{
	color:#555555;
	}
/*banner*/	
#header .banner{
	width:950px;
	font-size:1px;/*防止空隙 IE6*/ 
	}
/*-------------------fooder 页脚样式--------------------------*/
#fooder{
	width:900px;
	margin:10px auto;
	background-color:#f6f6f6;
	border:1px solid #f0f0f0;
	height:44px;
	padding:15px 0 15px 48px;
	font-size:9.5pt;
	}
#fooder p a{
	margin:0px 10px;
	color:#6c6c6c;
	}
#fooder a:hover{
	color:#555555;
	}
#fooder span{
	margin:10px 0 0 10px;
	display:block;
	color:#a9a8a8;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	}
/*-----------------con 页面中部内容样式-----------------------*/
#con{
	width:950px;
	}
/*左边背景*/	
#con .con_bg_L{
	width:950px;
	background:url(images/con_L_bg.jpg) no-repeat left top;
	min-height:147px;
	}
/*右边背景*/	
#con .con_bg_R{
	width:950px;
	background:url(images/con_R_bg.jpg) no-repeat right top;
	min-height:140px;
	}
/*左边 主要变动内容*/
#con .con_L{
	width:910px;
	padding-left:20px;
	padding-top:15px;
	float:left;
	}
#con .L_title{
	border-bottom:1px solid #CCC;
	float: none;
	
	}
	
#con .con_IMG{
	width:180px;
	float:left;
	margin:80px 0;
}
/*右边目录列表（子菜单导航）*/	
#con .con_R{
	width:180px;
	float:left;
	margin:20px 0;
	}
#con .con_R ul{
	width:180px;
	margin:auto;
	background-color:#f2f2f2;
	}
#con .con_R ul div{
	width:224px;
	height:24px;
	padding:10px 10px;
	}
#con .con_R ul li{
	width:150px;
	padding-left:20px;
	padding-top:18px;
	height:55px;
	border-top: 1px solid #ddd;
	}
#con .con_R ul li a{
	line-height:22px;
	font-weight:bold;
	letter-spacing:1px;
	color:#666;
	font-size:10PT;
	}
#con .con_R ul li a:hover{
	background-color:#666;
	color:#fff;
	}
#con .con_R ul li span{
	font-size:7.5pt;
	font-family: Arial, Helvetica, sans-serif;
	}

	
	
/*上方列表翻页效果*/	
#con .fanye_top{
	width:auto;
	position:absolute;
	right:0px;
	top:10px;
	visibility: hidden;
	}
#con .fanye_top a,#con .fanye_bottom a{
	margin:0 10px;
	}
#con .fanye_top a:hover,#con .fanye_bottom a:hover{
	color:#F00;
	}
/*下方列表翻页效果*/
#con .fanye_bottom{
	width:auto;
	text-align:right;
	margin:10px 0;
	}
/*==============================================各个页面样式=====================================================*/	


/*----------------------首页主体-index.html-----------------------*/	
/*图片导航*/
#con .index_menu{
	width:915px;
	padding-top:10px;
	margin:0 auto;
	}
#con .index_menu li{
	width:210px;
	float:left;
	margin:0 6px!important;
	margin:0 5px;
	text-align:center;
	}
#con .index_menu li a{ font-size: 9pt; line-height: 30px; display:block; background-color:#fff; width:210px; height:130px; padding:3px 3px 0; }
#con .index_menu li a:hover{
	background-color:#5AB737;
	}
#con .index_menu li a div{ width:210px; height:97px; background-position:50% top; background-repeat:no-repeat; }
#con .index_menu li a:hover div{
	background-position:bottom;
	}
#con .index_menu li a span{
	color: #4D4D4D;
	width:210px;
	font-size:9pt;
	font-family:"Times New Roman", Times, serif;
	text-align:center;
	padding-top: 0px;
	font-style: normal;
	font-weight: normal;
	background-position: 10px;
}
#con .index_menu li a:hover span{ color: white; font-weight: 300; display:block;}
/*中间块内容*/	
#con .index_main{
	width:870px;
	padding:10px 40px; 
	}
#con .index_main_left{
	width:420px;
	padding-right:15px;
	float:left;
	}
#con .index_main_right{
	width:420px;
	padding-left:15px;
	float:left;
	}
#con .index_main_title{
	width:420px;
	height:32px;
	margin-bottom:5px;
	}
#con .index_main_title h3{
	width:320px;
	float:left;
	}
#con .index_main_title p{
	width:100px;
	float:right;
	padding-top:15px;
	text-align:right;
	}
#con .index_main_con{
	width:400px;
	margin-left:20px;
	border-top:1px #ccc solid;
	margin-bottom:10px;
	}
#con .index_main_con h4{
margin-top:10px;
	line-height:1.5em;
	}
#con .index_main_con h4 a:hover{
	color:#333;
	}
#con .index_main_con p,
#con .index_main_con p a{
	line-height:1.8em;
	width:352px;
	color:#6c6c6c;
	margin-left:48px;
	}
#con .index_main_con p a:hover{
	color:#555555;
	}
#con .index_main_more{
	width:50px;
	margin-left:20px;
	display: block;
	height: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	bottom: 5px;
	}
/*-----------------------关于我们---------about.html------------------------*/	
.about_main_floatleft{
	width:635px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 30px;
	float: left;
	}
	.about_main_floatleft p{
	line-height:2em;
	
	}
.about_main{
	width:630px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 30px;
	}
.about_main p{
	line-height:2em;
	/* text-indent:2em; */
	}


/*-----------------------新闻 (新闻列表、子页)主体--news\newslist.html---------*/
.newlist_main{
	width:910px;
	padding:25px 0 10px 0!important;
	padding:15px 0 0 0;
	border-bottom:1px solid #CCC;
	}
/*左边大字体日期*/	
.newlist_main_L{
	width:90px;
	float:left;
	text-align:right;
	padding-right:20px;
	font-size:16pt;
	font-weight:bold;
	color:#a9a8a8;
	clear:both;
	}
/*列表内容*/	
.newlist_main_R{
	width:750px;
	float:left;
	padding-top:5px;
	padding-left:10px;
	}
.newlist_main_R h4, .newlist_main_R h4 a{
	width:750px;
	color:#329CD7;
	font-weight:bold;
	text-decoration:none;
	}
.newlist_main_R h5{
	width:750px;
	font-weight:normal;
	margin:8px 0;
	}
.newlist_main_R p{
	width:750px;
	line-height:2em;
	margin:20px 0;
	text-indent:0em;
	}
.newlist_main_R  a{
	color:#06F;
	text-decoration:underline;
	}
.newlist_main_R a:hover{
	text-decoration:none;
	}

/*--------------------------案例展示-caselist\case.html----------------*/
.caselist_main{
	width:910px;
	padding:25px 0 10px 0!important;
	padding:15px 0 0 0;
	border-bottom:1px solid #CCC;
	}
	/*左图片*/	
.caselist_main_L{
	width:140px;
	padding-right:10px;
	float:left;
	text-align:right;
	}
/*列表内容*/	
.caselist_main_R{
	width:760px;
	float:left;
	position:relative;
	padding-top:5px;
	overflow:hidden;
	}
.caselist_main_R h4, .caselist_main_R h4 a{
	width:760px;
	color:#329CD7;
	font-weight:bold;
	text-decoration:none;
	}
.caselist_main_R h5{
	width:760px;
	font-weight:normal;
	margin:8px 0;
	}
.caselist_main_R .L_R_img{
	width:180px;
	position:absolute;
	right:0;
	top: 0px;
	}
.caselist_main_R p{
	width:760px;
	line-height:1.8em;
	margin:20px 0;
	text-indent:2em;
	}

/*-----------------------arouse\arouselist--------------------*/	
.arouse_main{
    padding-left:100px;

	line-height:1.8em;
	height: auto;
	}
	
	.arouse_main p{

	padding:10px 10px 0px 10px;
	
	height: auto;
	}
	
	.arouse_main a{
	color:#0066CC;
	 text-decoration:underline;
	  
	}

/*招聘详细情况内容*/
/*红色标题*/	
.arouse_main_title{
	width:660px;
	line-height:1.8em;
	margin-left:30px;
	}
.arouse_main_title span{
	font-size:10pt;
	padding:25px 10px 10px 0;
	}
.arouse_main_title h4{
	width:auto;
	color:#329CD7;
	font-weight:bold;
	text-decoration:none;
	float:none;
	font-size:12pt;
	}
.arouse_main_title span{
	display:block;
	font-weight:bold;
	}
/*招聘人数*/	
.arouse_main h5{
	width:710px;
	margin:10px 0 10px 100px;
	font-size:9.5pt;
	}
/*招聘要求、职责、备注*/	
.arouse_main_back{
	width:650px;
	/*border-top:1px solid #eee;padding:10px 0;margin-bottom:20px;*/
	margin-left:40px;
	float: left;
	
	}
	
.arouse_main_back	a{ text-decoration:underline; color:#329CD7;}
.arouse_main_back p{
	width:auto;
	line-height:1.8em;
	margin-bottom:10px;
	}
.arouse_main_back p span{
	font-weight:bold;
	}
	
/*-----------------个人隐身保护方针 privacy.html--------------------*/		
.privacy_main{
	width:635px;
	padding:25px 0 10px 0;
	border-bottom:1px solid #CCC;
	}
/*左图*/	
.privacy_main_L{
	width:140px;
	padding-right:10px;
	float:left;
	text-align:right;
	}
/*右边主体内容*/	
.privacy_main_R{
	width:600px;
	float:right;
	position:relative;
	padding-top:5px;
	left: 0;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
.privacy_main_R li{
	width:480px;
	padding:10px 0 15px 0;
	border-bottom:1px solid #ddd;
	}
.privacy_main_R li h4{
	margin:5px 0 10px 0;
	width:480px;
	color:#333;
	font-size:10.5pt;
	}
.privacy_main_R li p{
	width:480px;
	line-height:2em;
	margin:10px 0;
	text-indent:2em;
	}

/*---------------------联系我们 contact.html--------------------*/	
.contact_main{
	width:910px;
	padding:25px 0 10px 0;
	position:relative;
	}
/*联系方式*/	
.contact_way{
	width:auto;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 35px;
	}
.contact_way p{
	line-height:2.5em;
	}
.contact_map{
	width:55px;
	height:20px;
	background:url(images/mapbutton_link.jpg) no-repeat left center;
	position:relative;
	}
.contact_map:hover{
	background:url(images/mapbutton_hover.jpg) no-repeat left center;
	}
	
/*在线留言*/	
.contact_message{
	width:600px;
	margin:50px 0 50px 35px;
	}
.contact_message p{
	padding:8px 0;
	font-weight:bold;
	color:#a9a8a8;
	}
/*提交留言*/	
.message_tj{
	width:71px;
	height:21px;
	border: none;
	background:url(images/button_submit.jpg) no-repeat;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 72px;
	}
/*输入框样式*/	
.contact_text{
	width:300px;
	border:#ccc solid 1px;
	background-color:#eee;
	}
/*-------------------产品与服务 products.html--------------------*/	
.products_main{
	width:650px;
	padding:20px 20px 20px 30px;
	border-bottom:1px solid #ccc;
	float: left;
	}
.products_main p{
	width:auto;
	 line-height:2em;
	/* text-indent:2em; */
	padding-bottom:5px;
	}
.products_left{
	width:auto;
	float:left;
	}
.products_leftimg{
	width:auto;
	float:left;
	}
.products_leftbt{
	width:auto;
	float:left;
	padding-top: 20px;
	padding-bottom: 0;
	padding-left: 10px;
	font-family:"ＭＳ Ｐゴシック","MS Gothic";
	}
	.products_leftbt2{
	width:400px;
	float:left;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	font-size:12pt;
	font-family:"ＭＳ Ｐゴシック","MS Gothic";
	}
.products_leftbt h5{
	font-size:18pt;
	font-family: font-family:"MS PGothic","Times New Roman", Times, serif;
	font-family:"ＭＳ Ｐゴシック","MS Gothic";
	}
.products_leftbt p{
	width:110px;
	text-indent:0;
	font-size:9pt;
	line-height:1em;
	padding-top:10px;
	}
.products_right{
padding-top: 10;
	
	padding-bottom: 0;
	padding-left: 80px;
	width:560px;
	float:left;
	}
.products_right p{
	line-height:1.8em;
	}
.products_shop{
 width:96px;
 height:27px;
 background:url(images/olshopbutton_link.jpg) no-repeat;
 display:block;
 }
.products_shop:hover{
 background:url(images/olshopbutton_hover.jpg) no-repeat;
}

/*-------------------网站地图 map.html--------------------*/	


.map_main{
	width:950px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:30px 10px;
	}
.map1{
	width:142px;
	float:left;
	padding-top:150px;
	}
.map2{
	width:100px;
	float:left;
	position:relative;
	}
.map3{
	width:225px;
	float:left;
	}
.map3 ul{
	width:225px;
	margin:0;
	}
.map3 ul li{
	width:225px;
	margin-bottom:28.5px!important;
	margin-bottom:28px;
	}
.map4{
	width:50px;
	float:left;
	padding-top:155px!important;
	padding-top:150px;
	}
.map5{
	width:300px;
	float:left;
	padding-top:155px!important;
	padding-top:150px;
	font-family:"ＭＳ Ｐゴシック","MS Gothic";
	}
.map5 ul{
	width:300px;
	}
.map5 ul li{
	width:300px;
	line-height:1.8em;
	font-size:8.5pt;
	font-family:"ＭＳ Ｐゴシック","MS Gothic";
	}
.map5 ul li a:hover{
	color:#fff;
	background-color:#999;
	}

<style>