@charset "utf-8";
/* Style Reset
----------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote 
{ margin: 0; padding: 0;background-image:url(about:blank);background-attachment:fixed; font-family:'microsoft yahei';color:#333; font-size:14px}
input, button, textarea,select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img{ border: 0;}
.clear { clear:both;}
a{text-decoration:none;outline:0;color:#333;}
a:hover {/*color:#5ba2f0; */text-decoration: none; }
#warp{ width:100%; height:auto}
#head { width:998px; margin:0 auto; overflow:hidden; clear:both}
.logo{float:left; margin:0; margin-top:15px; margin-bottom:10px}
.lang{ width:998px; height:44px; line-height:44px; margin:0px; padding:0px;text-align:right; font-family:Arial, Helvetica, sans-serif; margin-top:30px}
.foot_c{ }
.foot_c img{ margin:0 8px;}


#menu{ width:100%; background:url(../images/menu_bj.jpg) repeat-x; height:45px}
.menu{ width:998px; margin:0 auto;height:45px}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}

.menu ul li {
float:left; 
position:relative;

}
.hide{
	font-weight:bold;background:url(../images/navFGX.jpg) no-repeat bottom right}

.menu ul li a, .menu ul li a:visited {
display:block; 
text-align:center; 
text-decoration:none; 
width:125px; 
height:44px; 
color:#fff; 
/*border:1px solid #fff;*/
border-width:1px 1px 0 0;
/*background:#c9c9a7;*/ 
line-height:44px; 
font-size:14px;

}

.menu ul li ul {
display: none;
z-index:10
}

.menu ul li:hover a {
color:#fff; 
background:url(../images/menu_hover.jpg) repeat-x;;
}

.menu ul li:hover ul {
display:block; 
position:absolute;
top:44px; 
left:0; 
width:126px;
}

.menu ul li:hover ul li a {
display:block; 
background:#fff; 
filter: Alpha(opacity=80); -moz-opacity:.8; opacity:0.8;
border-bottom:dashed 1px #303030;
color:#000;
font-size:12px;
line-height:38px !important;
height:38px;!important
}

.menu ul li:hover ul li a:hover {
background:#5ba2f0;
color:#fff;
}

form { 
margin: 0; 
} 
#search_box {
margin-top:7px;
float:right;
width: 201px; 
height: 31px; 
background: url(../images/bg_search_box.gif); 
} 
#search_box #s { 
float: left; 
padding: 0; 
margin: 6px 0 0 6px; 
border: 0; 
width: 159px; 
background: none; 
font-size: 12px; 
text-indent: 10px;
} 
#search_box #go { 
float: right; 
margin: 3px 4px 0 0; 
}

#banner{ width:998px; margin:0 auto; margin-top:4px}
.indexCon{width:998px;overflow:hidden;}
.indexCon .flashBanner{width:998px;height:400px;overflow:hidden;margin-bottom:12px;}
.flashBanner{position:relative;}
.flashBanner .mask{height:32px;line-height:32px;background-color:#000;width:100%;text-align:right;
	position:absolute;left:0;bottom:-32px;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;overflow:hidden;}
.flashBanner .mask img{vertical-align:middle;margin-right:10px;cursor:pointer;}
.flashBanner .mask img.show{margin-bottom:3px;}
img{border:0 none;}

#imain{width:998px; margin:0 auto; margin-bottom:20px}
#ileft{width:325px;overflow:hidden;background:url(../images/about_bg.jpg) center repeat-y;float:left;}
.about_tit{height:60px;padding-left:70px;text-align:center;line-height:60px;font-size:18px;color:#268bc3;background:url(../images/about_tit.jpg) center top no-repeat;padding-top:30px;}
.about_con{padding:5px 14px;overflow:hidden;line-height:24px;height:120px;}
.about_bot{	padding-right:14px;height:25px;text-align:right;line-height:25px;background:url(../images/about_bot.jpg) center bottom no-repeat;}

#imid{width:350px;overflow:hidden;background:url(../images/news_bg.jpg) center repeat-y;float:left;}
.news_tit{height:60px;padding-left:70px;text-align:center;line-height:60px;font-size:18px;color:#268bc3;background:url(../images/news_tit.jpg) center top no-repeat;padding-top:30px;}
.news_con{padding:5px 14px;overflow:hidden;	line-height:24px;height:120px; }
.list{height:28px;line-height:28px;}
.list span{	float:right;}
.news_bot{padding-right:14px;height:25px;text-align:right;line-height:25px;background:url(../images/news_bot.jpg) center bottom no-repeat;}

#iright{width:323px;overflow:hidden;background:url(../images/contact_bg.jpg) center repeat-y;float:left;}
.contact_tit{height:60px;text-align:center;	line-height:60px;font-size:18px;color:#268bc3;background:url(../images/contact_tit.jpg) center top no-repeat;padding-top:30px;}
.contact_con{padding:5px 14px;overflow:hidden;line-height:24px;height:120px;font-size:14px;}
.contact_bot{padding-right:14px;height:25px;text-align:right;line-height:25px;background:url(../images/contact_bot.jpg) center bottom no-repeat;}


#ipro{float:left;width:998px; margin:0 auto}
.case{ float:left;width:100%;/* padding-top:15px;*/}
.ipro_main{ width:998px; margin:0 auto; clear:both; position:relative;}
.title{ float:left;width:100%; border-bottom:1px solid #cecece; margin-bottom:20px;}
.title span{float:left;;width:74px; font-size:18px; line-height:35px; font-family:'Microsoft Yahei';position:relative; margin-bottom:-1px; border-bottom:3px solid #68a7d4 }
.more{ float:right; width:74px; padding-right:20px; text-align:center; color:#fff;margin-top:9px;background:url(../images/more.gif) center right no-repeat #68a7d4; height:20px; line-height:20px;}
.partFourM{height:235px;width:998px;position:relative; margin:30px auto 0;}
.left ,.right{width:20px;float:left;height:186px;display:inline;}
.left{ background:url(../images/left.gif) center 84px no-repeat;}
.right{ float:right;background:url(../images/right.gif) center 84px no-repeat;}
.partFourCon{ /*height:268px;*/ margin-left:20px;display:inline;width:920px;float:left;overflow:hidden;position:relative;}
.pro{ float:left;}
.pro li{ float:left; margin-bottom:10px; padding:0 10px;width:218px; display:inline;}
.prolist li{ border-bottom:1px dashed #b5b5b5; padding-bottom:20px;}
.proimg{ float:left; border:1px solid #068efa; padding:3px;}
.proname{ float:left; width:208px; padding-left:2px; line-height:30px; margin-top:6px; color:#3d3c3c;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; /*font-size:12px;*/ text-align:center}

.footer{ width:100%;background: #006cb3; }
.copyright{width:980px;padding-top:15px;padding-bottom:15px; margin: 0 auto;}
.copyrightnr{ 
	width:980px;
	color:#bddbfc;font-size:14px; line-height:30px;  text-align: center; }
.copyrightnr a{color:#bddbfc}
.copyrightnr a:hover{color:#ffffff}

.section{ position:relative; width:100%;  clear:both; }
.main{position:relative; width:998px; margin:0 auto;}
.nleft{float:left; width:240px; /*overflow:hidden;*/ margin-right:28px; margin-bottom:20px }

.nleftTitle{ 
	width: 240px;height:78px; padding-top: 12px;
	color:#ffffff;font-size: 24px; line-height: 36px; text-align: center; font-weight: bold; 
	background: url(../images/left.jpg) center 36px no-repeat #217bb7;}
.nleftTitle span{ display: block; color:#57a6d9; font-size: 18px;font-family: impact;font-weight:normal; text-transform: uppercase;line-height: 18px; }
.nleftProCla{ 
	width:240px;  height:100px; height:auto!important;min-height:100px;padding-bottom: 32px;
	background: url(../images/left02.jpg)  left bottom no-repeat #5d9ec9; }
	
.nleftProClaList{width:240px; padding-top: 9px;}
.nleftProClaList li{ 
	width: 174px; height: 38px; margin:11px auto; padding-left: 30px ;
	background: url(../images/arrow1.jpg)  14px center no-repeat #ffffff;
}	
.nleftProClaList li a{
	color:#4b4b4b; line-height: 38px;
}
.nleftProClaList .child{background: none; display: block;}
.nleftProClaList .child li{ 
	width: 164px; height: 38px; margin:0px auto 11px auto; padding-left: 40px ;
	background: url(../images/arrow1.jpg) 34px center no-repeat #ffffff;
}	
.nleftProClaList li:hover{ background:url(../images/arrow2.jpg) 14px center no-repeat #ffffff;  }
.nleftProClaList li:hover a{color:#217bb7;}
.nleftProClaList .child li:hover{ background:url(../images/arrow2.jpg) 34px center no-repeat #ffffff;  }
.nleftProClaList .child li:hover a{color:#217bb7;}

/* common styling */
.leftProClaList {width:240px; padding-top: 9px;}

.leftProClaList ul li a, .nleftProClaList ul li a:visited {display:block; text-decoration:none; color:#000;line-height: 38px;overflow:hidden;}

.leftProClaList ul {padding:0; margin:0;list-style-type: none; }

.leftProClaList ul li {/*float:left; margin-right:1px;*/ position:relative;width: 174px; height: 38px; margin:11px auto; padding-left: 30px ;
	background: url(../images/arrow1.jpg)  14px center no-repeat #ffffff;}

.leftProClaList ul li ul {display: none; z-index:100}

/* specific to non IE browsers */
.leftProClaList ul li:hover a {color:#217bb7;}

.leftProClaList ul li:hover ul { display:block; position:absolute; top:0; left:200px;background:#ffffff; }

.leftProClaList ul li:hover ul li {width: 174px; background:#ffffff; margin-bottom:-21px; color:#fff;
background: url(../images/arrow1.jpg)  10px center no-repeat #ffffff;}

.leftProClaList ul li:hover ul li:hover a.nhide {background:#6fc; color:#000;}

.leftProClaList ul li:hover ul li ul {display: none;}

.leftProClaList ul li:hover ul li a {display:block; background:#eee; color:#000;}

.leftProClaList ul li:hover ul li a:hover {color:#217bb7;}

.leftProClaList ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

.nleftContact{ width: 240px;  margin-top:20px;background: #5d9ec9;}
.contactTel{
	width: 204px; height:44px;  margin: 0 auto; padding-top: 10px;;
	color: #fff000;font-size:20px; line-height:44px; text-align: center;}
.contactnr{ width: 220px; margin: 0 auto; padding-bottom: 20px;}	

.ncontact{ line-height:27px }
.ncontact p { color:#fff;; font-size:13px}
.mainCon{width:700px; float:left;}
.mainConTitle{
	position: relative;
	width:734px; height:37px;border-bottom: 2px solid #bddbfc;  }
.mainConTitle .mFont{float: left;
	width: 128px; height: 37px; 
	color: #4b4b4b;font-size: 18px;  line-height: 37px; text-align: center;
	
	}	
.mainConTitle .mFontbg{
	position: absolute; left:0px; bottom:-2px;
	width: 128px; height: 4px;
	background: url(../images/position.jpg) left bottom no-repeat;}
.mainConTitle .position {  
	position: absolute; right: 0px; bottom:0px
	height:37px;  
	color: #959595; font-size: 14px;line-height:37px; }
.mainConTitle .position a{color:#959595;}
.mainConTitle .position a:hover{color:#4b4b4b}
.mainConTitle .position font{font-size: 14px;}
.mainContect{ 
	color:#4b4b4b;font-size:14px;line-height:30px;overflow:hidden;
	padding-top:12px; height:auto!important;word-wrap:break-word; word-break:break-all;padding-bottom:10px;
	background:#fff ;}
.mainConList{ width: 694px; padding: 10px 20px;}
.mainConList .proUlList {padding-top:10px;clear:both;  padding-bottom:10px;}
.mainConList .proUlList li{
	width: 694px; height: 34px; margin-bottom: 6px; }
.mainConList .proUlList li a{width: 654px;padding-left: 20px;padding-right: 20px;height: 34px; display: block;
	color:#4b4b4b; font-size:14px; line-height:34px; }
.mainConList .proUlList li a:hover{ color:#000000;background: #f0f0f0;}
.mainConList .proUlList li span{ color: #989898; float: right; font-size:14px;line-height:34px;}
.mainContect .title{ 
	width:100%;  padding-top:25px;
	color:#4b4b4b;font-size:18px;text-align:center; }
	.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con{ padding-bottom:20px;line-height:30px;font-size:14px; color:#4b4b4b;word-wrap:break-word; word-break:break-all;/*overflow:hidden*/}
.mainContect .pgfy{
	position: relative;
	 width:100%;  padding-top:15px;padding-bottom:20px; margin: 0 auto;}

.mainContect .pgfyr{ 
	position: absolute; right:0px; top:50px;
	width:100px;height:36px;text-align:center;}
.mainContect .pgfyr a{ color:#458ebe;font-size:14px;line-height:36px;}
.mainConList .pic1{ 
	float:left;
	width:220px; height:206px; margin-right: 10px;margin-top: 14px; margin-bottom: 10px; 
	 overflow: hidden; }
.mainConList .pic1 .dt{
	position: relative;
	width：218px; height:163px;border:1px solid  #bddbfc; margin-bottom: 6px;}
	.mainConList .pic1 .dd a{
	position: relative;
	width:210px; height:35px;padding:0 5px; display: block;
	color:#ffffff;font-size:14px;line-height:35px;  text-align: center;
	background: #4d95c5; }
	
	.tab{width:95%; height:30px; line-height:30px;background:url(../images/menu_bj.jpg) repeat-x}
.hover{ background:url(../images/menu_hover.jpg) repeat-x; color:#FFF; text-decoration:none;}
#one1{ width:93px; height:30px; float:left;}
#one1 a{ width:93px; height:30px; display:block;font-size:14px;font-family:Microsoft YaHei; color:#fff; font-weight:bold; text-align:center;}

#one2{ width:93px; height:30px; float:left;}
#one2 a{ width:93px; height:30px;display:block;font-size:14px;font-family:Microsoft YaHei; color:#fff; font-weight:bold; text-align:center;}

#one3{ width:93px; height:30px; float:left;}
#one3 a{ width:93px; height:30px; display:block;font-size:14px;font-family:Microsoft YaHei; color:#fff; font-weight:bold; text-align:center;}

#one4{ width:93px; height:30px; float:left;}
#one4 a{ width:93px; height:30px; display:block;font-size:14px;font-family:Microsoft YaHei; color:#fff; font-weight:bold; text-align:center;}

#one5{ width:93px; height:30px; float:left;}
#one5 a{ width:93px; height:30px; display:block;font-size:14px;font-family:Microsoft YaHei; color:#fff; font-weight:bold; text-align:center;}

#con_one_1{ width:95%; height:auto; padding:10px;}

#con_one_2{ width:97%; height:auto; padding-top:15px;}

#con_one_3{ width:97%; height:auto;padding-top:15px;}

#con_one_4{ width:97%; height:auto;padding-top:15px;}

#con_one_5{ width:97%; height:auto;padding-top:15px;}