@charset "utf-8";
/* CSS Document */
*{
margin:0;
padding:0;}

a{
font-size:12px;
color:#666666;
text-decoration:none;
blr:expression(this.onFocus=this.blur());
outline:none;}

a:hover{
color:#0087d2;}

a.a1:hover{
text-decoration:underline;
color:#FF0000;}

body {
margin:0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
line-height:20px;
color:#666666;
background-image: url(../images/bj4.jpg);}

input{
line-height:18px;
font-size:12px;
border:1px solid #cccccc;}

li{
list-style:none;}

select{
line-height:18px;
font-size:12px;
border:1px solid #7f9db9;}

textarea{
border:1px solid #7f9db9;}

.clear{
clear:both;}

.en{
font-family:Arial, Helvetica, sans-serif;}

.fl{
float:left;}

.fr{
float:right;}
/**=======================================================================================================**/
.blue{
color:#0087d2;}
.green{
color:#588a57;}
.orangen{
color:#e39204;}
.red{
color:#c52b29;}
.white{
color:#FFFFFF;}
/**===============================================================================================================**/

.back{
	width:695px;
	padding-top:15px;
	text-align:right;}

.banner{
	width:747px;
	height:203px;
	padding:5px;
	background:url(../images/about_04.gif);}

.content{
	width:695px;
	height:auto !important;
	min-height:200px;
	height:200px;
	margin-left:5px;
	padding:25px;
	border:1px solid #a4b8ca;
	border-top:none;
	line-height:25px;}

.customer{
	width:688px;
	padding-left:7px;}
	
.customer li{
	float:left;
	width:72px;
	height:72px;
	padding:10px 7px;}

.customer li a{
	width:72px;
	height:72px;
	display:block;}

.customer li a img{
	width:72px;
	height:72px;
	border:0;}

.footer{
	width:984px;
	height:30px;
	padding-left:19px;
	padding-top:17px;
	position:relative;
	background:url(../images/index_76.jpg) repeat-x;}
	
.footer span{
	position:absolute;
	top:17px;
	right:20px;}

.header{
	width:1003px;
	height:93px;
	background:url(../images/index_04.jpg)}

.hbanner{
	width:985px;
	height:379px;
	padding-left:10px;}

.hbanner img{
	width:975px;
	height:369px;
	padding:5px;
	background:url(../images/index_18_2.gif);}

.hcontact{
	float:left;
	width:184px;
	height:auto !important;
	min-height:216px;
	height:216px;
	padding-left:8px;}
	
.hcontacttop{
	width:184px;
	height:10px;}
	
.hcontactcon{
	width:156px;
	height:auto !important;
	min-height:210px;
	height:210px;
	padding-left:14px;
	padding-right:14px;
	padding-top:6px;
	background:url(../images/index_68_01.gif) repeat-y;}

.hcontactbg{
	width:155px;
	height:147px;
	padding-top:10px;
	background:url(../images/index_61.jpg) top no-repeat;}

.hcontactbot{
	width:184px;
	height:8px;}

.hcontent{
	width:993px;
	height:auto !important;
	min-height:200px;
	height:200px;
	padding-top:8px;
	padding-bottom:9px;
	padding-left:10px;}
	
.hnewscon{
	float:left;
	width:278px;}

.hnewsbot{
	width:278px;
	height:8px;}

.hnewstop{
	width:278px;
	height:9px;}

.hpro{
	float:left;
	width:506px;
	height:auto !important;
	min-height:216px;
	height:216px;
	padding-left:7px;}

.hprotop{
	width:506px;
	height:9px;}
	
.hprobot{
	width:506px;
	height:8px;}

.hprotil{
	width:488px;
	height:15px;
	padding-left:8px;
	padding-top:6px;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
	position:relative;}

.hprotil span{
	position:absolute;
	top:-1px;
	right:0px;}

.hprocon{
	width:496px;
	height:auto !important;
	min-height:200px;
	height:200px;
	padding-left:5px;
	padding-right:5px;
	background:url(../images/index_67_01.gif) repeat-y;}

.infomain{
	width:995px;
	height:auto !important;
	min-height:300px;
	height:300px;
	padding-left:8px;
	padding-bottom:5px;
	background:#e8e9ed url(../images/about_02.jpg) bottom repeat-x;}

.left{
	float:left;
	width:231px;
	height:auto !important;
	min-height:450px;
	height:450px;
	padding-bottom:5px;
	background:url(../images/about_11_01.jpg) 0px 50px repeat-x;}

.leftbg{
	width:225px;
	height:auto !important;
	min-height:398px;
	height:398px;
	padding-top:5px;
	padding-left:6px;
	background:url(../images/about_11.jpg) top right no-repeat;}

.leftbg ul{
	padding-bottom:30px;}

.leftbg ul li{
	width:213px;
	height:auto !important;
	min-height:31px;
	height:31px;}
	
.leftbg ul li a{
	width:163px;
	height:31px;
	display:block;
	color:014da2;
	line-height:31px;
	padding-left:50px;
	background:url(../images/about_16.jpg) no-repeat;}

.leftbg ul li a:hover{
	color:#FFF;
	background:url(../images/about_13.jpg) no-repeat;}
.leftbg ul li a.hover{
	color:#FFF;
	background:url(../images/about_13.jpg) no-repeat;}
.leftbg ul li ul{
	width:170px;
	padding:0px;
	padding-left:40px;}
	
.leftbg ul li ul li{
	width:160px;
	padding-left:10px;
	height:25px;
	border-bottom:1px solid #999999;}

.leftbg ul li ul li a{
	width:150px;
	height:25px;
	display:block;
	padding-left:10px;
	background:url(../images/newslist_15_2.jpg) left center no-repeat; }

.leftbg ul li ul li a:hover{
	color:#cc0000;
	background:url(../images/newslist_15_2.jpg) left center no-repeat;}
.leftbg ul li ul li a.hover{
	color:#cc0000;
	background:url(../images/newslist_15_2.jpg) left center no-repeat;}

.leftputitl{
	width:210px;
	height:27px;}
	
.leftpucon{
	width:198px;
	height:auto !important;
	min-height:230px;
	height:230px;
	padding-left:10px;
	padding-top:12px;
	padding-bottom:10px;
	border:1px solid #babed3;
	border-top:none;}

.lefttitl{
	width:231px;
	height:50px;}

.location{
	position:relative;
	width:749px;
	height:26px;
	margin-left:5px;
	margin-top:10px;
	background:url(../images/about_19.jpg) no-repeat;}

.locationlft{
	padding-left:22px;
	font-weight:bold;
	color:#0087d2;
	line-height:24px;}

.locationrgt{
	position: absolute;
	top:0px;
	right:10px;
	line-height:25px;
	color:#0087d2;}

.locationrgt a{
	color:#0087d2;}
	
.locationrgt a:hover{
	color:#cc0000;}

.logo{
	width:362px;
	height:93px;
	float:left;
	padding-left:10px;}
	
.logo a{
	width:362px;
	height:93px;
	float:left;}

.main{
	width:1003px;
	height:auto !important;
	min-height:400px;
	height:400px;
	background: #e6e7eb url(../images/index_15.jpg) bottom repeat-x;}

.nav{
	float:left;
	width:619px;
	height:52px;
	padding-bottom:9px;
	background:url(../images/index_05.jpg) right bottom no-repeat;}

.nav li{
	float:left;
	height:52px;}

.nav li a{
	padding:0px;
	margin:0px;
	border:0px;
	height:52px;
	display:block;}

.nav li a:hover{
	background-position:left -52px;}

.nav li.l1 a{
	width:85px;
	background-image: url(../images/index_en_06.jpg);
	background-repeat:no-repeat;}

.nav li.l2 a{
	width:104px;
	background-image: url(../images/index_en_10.jpg);
	background-repeat:no-repeat;}

.nav li.l3 a{
	width:103px;
	background-image: url(../images/index_en_07.jpg);
	background-repeat:no-repeat;}

.nav li.l4 a{
	width:107px;
	background-image: url(../images/index_en_09.jpg);
	background-repeat:no-repeat;}
	
.nav li.l5 a{
	width:102px;
	background-image: url(../images/index_en_08.jpg);
	background-repeat:no-repeat;}
	
.nav li.l6 a{
	width:118px;
	background-image: url(../images/index_en_11.jpg);
	background-repeat:no-repeat;}
	
.nav2{
	width:1003px;
	height:30px;
	padding-top:9px;
	color:#FFF;
	text-align:center;
	background:url(../images/index_40.jpg) repeat-x;}

.nav2 a{
	color:#FFF;}
	
.nav2 a:hover{
	color:#cc0000;}


.news{
	 width:695px;}

.news li{
	 position: relative;
	 width:695px;
	 height:30px;
	 display:block;
	 background:url(../images/newslist_01.gif) bottom repeat-x;}
	 
.news li a{
	line-height:30px;
	padding-left:10px;
	background-image:url(../images/newslist_15_2.jpg);
	background-position:left center;
	background-repeat:no-repeat;}
	
.news li span{
	line-height:30px;
	position:absolute;
	right:10px;
	top:0px;}
	
.newstitle{
	width:695px;
	height:40px;
	display:block;
	color:#269ff8;
	font-size:16px;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	background-image:url(../images/newslist_01.gif);
	background-position:bottom;
	background-repeat:repeat-x;}

.newstitle2{
	width:695px;
	height:25px;
	display:block;
	text-align:center;
	background-image:url(../images/newslist_01.gif);
	background-position:bottom;
	background-repeat:repeat-x;}

.page{
	width:695px;
	padding-top:15px;
	text-align:right;}

.page a{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	margin-left:5px;
	background:#FFF;
	border:1px solid #cccccc;
	color:#666666;
	font-weight:bold;}

.page a.current{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#13589b;
	border:1px solid #13589b;
	color:#ffffff;
	font-weight:bold;}

.page a:hover{
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#13589b;
	border:1px solid #13589b;
	color:#ffffff;
	font-weight:bold;}

.proinfo{
	color:#435b9c;
	font-weight:bold;
	text-decoration:underline;}

.prolist{
	width:695px;}

.prolist li{
	float:left;
	width:347px;
	height:auto !important;
	min-height:163px;
	height:163px;
	display:block;
	padding:18px 0px;
	background:url(../images/newslist_01.gif) bottom repeat-x;}

.prolisttop{
	width:332px;
	height:9px;}
	
.prolistcon{
	width:292px;
	height:auto !important;
	min-height:143px;
	height:143px;
	padding-left:20px;
	padding-right:20px;
	background:url(../images/pro_17_01.gif) repeat-y;}

.prolistconlft{
	float:left;
	width:112px;
	height:auto !important;
	min-height:112px;
	height:112px;
	padding-top:5px;
	padding-right:18px;
	background:url(../images/pro_13.jpg) right repeat-y;}

.prolistconlft img{
	width:110px;
	height:90px;
	border:1px solid #bdc4d0;}

.prolistconrgt{
	float:left;
	width:152px;
	height:auto !important;
	min-height:115px;
	height:115px;
	padding-left:10px;
	line-height:22px;}

.prolisttitl{
	padding-left:15px;
	color:#435b9c;
	font-weight:bold;
	background:url(../images/pro_07.jpg) left center no-repeat;}

.prolistbot{
	width:332px;
	height:10px;}

.right{
	float:left;
	width:764px;
	height:auto !important;
	min-height:450px;
	height:450px;}
	
.toprgt{
	float:left;
	width:611px;
	height:25px;
	padding-right:10px;
	padding-top:7px;
	text-align:right}	
	
/*==========================首页滑动样式========================*/	
/**整个滑动容器**/
.tabsBox{
width:268px;
height:auto !important;
min-height:216px;
height:216px;
padding-left:5px;
padding-right:5px;
background:url(../images/index_66_01.gif) repeat-y;}

/**标题ul样式**/
.tabs{
width:260px;
height:15px;
padding-left:8px;
padding-top:6px;
padding-bottom:10px;
border-bottom:1px solid #cccccc;}

.tabs li{
float:left;
width:72px;
height:15px;
display:block;
cursor:pointer;}

.tabs li a{
	width:72px;
	height:15px;
	display:block;}


.tabs li a.la{
	width:92px;
	height:15px;
	display:block;
	background:url(../images/index_en_32.jpg) no-repeat;}
	
.tabs li a.lb{
	width:85px;
	height:15px;
	display:block;
	background:url(../images/index_en_33.jpg)  no-repeat;}
.tabs li.cur a{
	background-position:left -15px}

/**子菜单大容器**/
.cons{
	width:244px;
	height:auto !important;
	min-height:187px;
	height:187px;
	padding:0 12px}

/**子菜单ul**/
.cons ul{
	width:244px;
	position:relative;}

.cons ul li{
	list-style:none;
	position:relative;
	width:244px;
	height:30px;
	display:block;
	line-height:30px;
	background:url(../images/index_60.jpg) bottom no-repeat;}

.cons ul li a{
	padding-left:15px;
	line-height:30px;
	background-image:url(../images/newslist_15.jpg);
	background-position:5px center;
	background-repeat:no-repeat;}

.cons ul li span{
	position:absolute;
	top:0px;
	right:5px;
	line-height:30px;}


.cons ul li.mor{
	width:73px;
	position:absolute;
	top:-33px;
	right:-10px;
	background:none;}
	
.cons ul li.mor a{
	padding:0;
	background:none;}

.hidden{ display:none;}

.block{ display:block;}
/*===========================首页滑动样式结束====================================*/
	
/*===========================首页滚动样式====================================*/
.hhonr{/*整个可见区域，包括箭头和内容*/
	width:496px;
	height:140px;
	padding-top:10px;
	overflow:hidden;}
.l {
	FLOAT: left}
.r {
	FLOAT: right}
#List1 {
	FLOAT:left}
#List2 {
	FLOAT: left}
.Cont {     /*可见图片容器，即可见区域去掉左右箭头*/
	FLOAT: left;
	WIDTH:462px;
	height:140px;
	OVERFLOW: hidden;}
.ScrCont {/*图片容器*/
	WIDTH:10000000px;}
.los_let{/*左箭头*/
	display:block;
	width:17px;
	height:140px;
	cursor:pointer;
	background:url(../images/index_56.jpg) 0px 55px no-repeat;}	
.los_rit{/*右箭头*/
	float:left;
	display:block;
	width:17px;
	height:140px;
	cursor:pointer;
	background:url(../images/index_53.jpg) 0px 55px no-repeat;}	
.hpp{/*单个图片容器 包括文字*/
	WIDTH:154px;
	height:140px;
	float:left;
	overflow:hidden;}
.hpp img{
	width:136px;
	height:110px;
	padding:1px;
	border:4px solid #cccccc;
	margin:0px 4px;}
/*===========================首页滚动样式结束====================================*/
 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
