/*

Creat by sisychen in 2012-10-21

*/

/*====== CSS Reset ======*/
	html, body { margin:0 auto;padding:0;}
	dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6  { padding: 0;margin: 0;}
	h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, var ,th ,i { font-style:normal; font-weight: normal;font-size: 100%;}
	ul,li{ list-style-type:none;}
	fieldset, img {border:0; padding:0;}
	table{ border-collapse:collapse;}
	input,textarea { _border:1px solid #ccc;}
   	body { background:#fff; color:#545454; font-size:12px; font-family:Verdana; }
 	a:link , a:visited{ color:#464646; text-decoration:none; cursor:pointer;}
	a:hover ,a:active { color:#d91717; text-decoration:underline; }
    a.hot,.hot ,.hot a{ color:#c41c13!important;}
	.floatR{ float:right;}
	.floatL{ float:LEFT;}
  	.none{ display:none;}
    .spacing{ background: none; height: 12px; font-size: 0px;  clear:both;  border:0px; }
    .clearbox{ clear:both; visibility:hidden; display:block;font-size:0; clear:both;height:0; border:0px;}
	.box{ width:100%; height:auto; overflow:hidden;}
	.clear{ clear:both;}
	p{ line-height:190%;}
	
  	.Cont{ padding-top:8px;width:980px; margin:0 auto; overflow:hidden;}
   	.Cont_bg{background:url(../Images/fbg.gif) left bottom repeat-x;}
 	#body {width:980px; margin:0 auto; overflow:hidden;background:#fff}
    #head{ width:980px; margin:0 auto; overflow:hidden;margin-bottom:10px;}
  	#logo{ float:left; display:inline-block; margin-top:15px; }
	.top { float:right; text-align:right; width:440px; margin-top:15px; color:#d6d6d6; }
  	.top_link2{ float:right; text-align:right; color:#d6d6d6;}
   	.top_link{ height:13px; border-bottom:1px solid #dedede; margin-bottom:15px;padding-bottom:10px; vertical-align:middle; }
   	.top_link em{ display:inline-block; padding:0px 6px; background:url(../Images/dot_a.gif) left bottom no-repeat; }
   	.top_link em span.sethome{ background:url(../images/home.jpg) no-repeat 8px 2px; padding-left:27px;}
   	.top_link em span.favari{ background:url(../images/bookmark.jpg) no-repeat 5px 3px; padding-left:20px;}
   	.top_link em a#StranLink{ background:url(../images/fan.gif) no-repeat 5px 3px; padding-left:20px;}
   	.top_link emspan.Cnen a{ background:url(../images/lang.gif) no-repeat 5px 3px; padding-left:20px;}
   	.top_link em span.Contactx{ background:url(../images/mail.jpg) no-repeat 5px 3px; padding-left:20px;}
   	.top_link em span.Messagex{ background:url(../images/fan.gif) no-repeat 5px 3px; padding-left:20px;}
 
    .menu { background:#5a8db4 url(../Images/menu_bg.gif) left top no-repeat; padding-left:33px; height:36px; z-index:100; font-family:"微软雅黑";}
	.menu li{ float:left; display:inline-block; text-align:center; background:url(../Images/menu_break.gif) left top no-repeat; height:36px; line-height:36px;}
    .menu li span{ display:inline-block; padding:0px 13px; text-align:center; word-break:keep-all; white-space:nowrap;}
    .menu a:link ,.menu a:visited { display:inline-block; font-size:14px; color:#fff; text-decoration:none; font-family:"微软雅黑"!important;}
    .menu a:hover{ background:url(../Images/menu_on.gif) bottom center no-repeat;}
	.menu #Home{ background:none; margin-left:5px;}
	.menu #Home span{background:url(../Images/menu_on2.gif) bottom center no-repeat;}
    .menu .on{ background:url(../Images/menu_on.gif) left top no-repeat;}
    .menu .on span{ display:inline-block; background:url(../Images/menu_on2.gif) right top no-repeat; }
    .menu .on:link ,.menu .on:visited ,.menu .on:hover { color:#fff!important; font-weight:bold; text-decoration:none;}
   
   	#foot{ width:980px;  padding-top:20px;  margin:0 auto;  text-align:center; background: url(../images/foot.jpg); overflow:hidden; margin-top:10px;}
	#foot .ftext { width:980px; height:60px; margin:0 auto; line-height:25px; }
  	#foot .link a{ padding:0px 2px; }
 	#foot .link a:link ,#foot .link a:visited{ color:#989898; }
	#foot .link a:hover ,#foot .link a:active { color:#444; }
	
	.w420{ width:420px; height:auto; overflow:hidden; float:left;}
	.w420 h2{ height:35px; line-height:34px; vertical-align:middle; background:#5A8DB4; color:#fff; font-family:"微软雅黑", "黑体", "宋体"; font-weight:normal; padding:0 10px; font-size:16px; margin-bottom:15px;}
	.w420 h2 span{ color:#6cf; font-size:14px; margin-left:5px;}
	.w500{ width:500px; height:auto; overflow:hidden; float:right;}
	.platformInfor,.zcfy,.midBanner{ width:100%; height:auto; overflow:hidden;} 
	/*平台介绍*/
.platformInfor span.leftImg{ float:left; width:120px;}
.platformInfor p{ float:right; width:290px;}
.cha{ width:418px; margin:0 auto; height:222px;overflow:hidden; border:#5A8DB4 1px solid;}


/*三块tab标签*/
.threeTab{ background:#f3f3f3;}
.platformUl{ width:100%; height:35px; background:#d4d4d4;}
.platformUl li{ float:left; width:166px; border-top:4px solid #5A8DB4; font-size:14px; color:#333; border-right:1px solid #fff; height:27px;  padding-top:8px; cursor:pointer;}
.platformUl li.last{ border-right:none;}
.platformUl li span{ color:#666; font-size:12px;}
.platformUl li span,.platformUl li b{ display:block; text-align:center;}
.platformUl li.cur{border-top:4px solid #c00;}
.platformUl li.cur b{ color:#c00;}

.platformUlCon{ padding:0 10px 10px 10px; width:480px; height:auto; overflow:hidden; display:none;}
.listUl{ width:100%; height:auto; overflow:hidden;}
.listUl li{ width:100%; height:27px; line-height:27px; vertical-align:middle; border-bottom:1px solid #ddd; border-top:1px solid #fff; overflow:hidden;}
.listUl li a{ background:url(../images/listIco.png) left center no-repeat; padding-left:15px; float:left;}
.listUl li span{ float:right;}
.listUl li.first{border-top:none;}
.listUl li.last{border-bottom:none;}
/*5块*/
#bigicon { width:980px; height:90px; margin:0 auto; background:#000}
#bigicon ul { width:980px; height:90px; }
#bigicon ul li { display:block; float:left; width:196px; height:90px; }
#bigicon ul li a { display:block; float:left; width:196px; height:90px; text-indent:-999px; text-decoration:none; overflow:hidden; background-image:url(../images/bigicon.png); background-repeat:no-repeat; background-position:0 0; }
#bigicon ul li.icona a { background-position:0 0; }
#bigicon ul li.iconb a {	background-position:-196px 0; }
#bigicon ul li.iconc a { background-position:-392px 0; }
#bigicon ul li.icond a { background-position:-588px 0; }
#bigicon ul li.icone a { background-position:-784px 0; }
#bigicon ul li.icona a:hover, #bigicon ul li.icona a.current { background-position:0 -90px; }
#bigicon ul li.iconb a:hover, #bigicon ul li.iconb a.current { background-position:-196px -90px; }
#bigicon ul li.iconc a:hover, #bigicon ul li.iconc a.current { background-position:-392px -90px; }
#bigicon ul li.icond a:hover, #bigicon ul li.icond a.current { background-position:-588px -90px; }
#bigicon ul li.icone a:hover, #bigicon ul li.icone a.current { background-position:-784px -90px; }
/*首页园区*/

 .park { width:978px; height:250px; border:1px solid #aaccee; margin:0 auto; overflow:hidden; margin-top:8px; }
 .ptitle { float:left; width:22px; height:235px; background:#5A8DB4; display:block; padding-left:5px; padding-top:15px; color:#FFF; font-family:"微软雅黑", "黑体", "宋体"; font-weight:normal;  font-size:16px;}
 .park ul { float:left; overflow:hidden; width:931px; padding-left:20px; }
 .park li { float:left; width:445px; overflow:hidden; margin-right:15px; margin-top:20px;  }
 .park li img { float:left; margin-right:5px; margin-top:8px }
 .park li h5 { font-size:12px; color:Red; margin:0; padding:0; line-height:20px; }
 .park li p { text-indent:20px; }
 .park li a { color:#5d8ad5; }

   
 	.more{ display:inline-block; float:right; font-size:12px; font-weight:normal; color:#afafaf; margin-right:10px; background:url(../Images/more.gif) left center no-repeat; width:37px; height:8px;}
	 a.more:link , a.more:visited { color:#7c7c7c;}
	 a.more:hover{ color:#545454;}
 	.date{ float:right; font-family:Verdana; font-size:12px; color:#9a9a9a; margin-right:6px; display:inline-block; }
	.detail a , a.detail:link , a.detail:visited { margin-left:10px; color:#ff0000; }
	 a.detail:hover{ color:#ff4200;}
 		
	.banner{  width:980px;  height:330px; position:relative; margin:0px auto; overflow:hidden; }
	#banner { height:330px; width:980px; margin:0px auto; overflow:hidden; z-index:-1; }
	#banner img{width:980px;height:330px;}
	#btn { display: inline; width:160px; hegiht:18px; right:0px; bottom:0px;  position:absolute; z-index:1; }
	#btn a { color:#ffffff; font:700 11px "Arial"; background:url(../Images/ibbtn.gif) no-repeat; float:left; width:18px; height:18px; line-height:18px;  text-align:center; text-decoration:none; margin-left:0px; }
	#btn a.activeSlide, #btn a:hover  { color:#fff; background:url(../Images/ibhbtn.gif) no-repeat; }
	#prev { display:inline-block; width:20px; height:22px; position:absolute; left:100px; top:150px; }
	#next { display:inline-block; width:20px; height:22px; position:absolute; right:100px; top:150px; }

	.CL { float:left; width:730px; overflow:hidden;}
   	.CLR { float:right; width:420px; overflow:hidden; }
   	.mode_a .more{ margin:8px 8px 0px 0px; }
  	.mode_a .Tit{ line-height:24px; height:26px; color:#fff; font-size:12px; font-weight:bold; font-family:"微软雅黑"; background:url(../Images/Tit_a.gif) left top no-repeat; padding-left:8px;}
 	.mode_a .Tit span{ font-size:10px; color:#aaa; font-weight:normal; text-transform:uppercase; margin-left:5px;}
	
 	.Company_box{ background:url(../Images/company.gif) center top no-repeat; padding-top:30px; padding-right:10px; height:220px; float:right; width:210px; overflow:hidden; }
	.join{ display:inline-block; height:60px; width:210px;}
 	.Company_list{ line-height:24px; margin-top:8px; color:#ccc;}
	.Company_list a{ display:inline-block; padding:0px 8px;}
	.Company_list a:link,.Company_list a:visited{color:#666;}
	.Company_list a:hover{color:#d91717;}
	
  	.video { float:left; width:300px; overflow:hidden;}
	.video .more{ margin-top:8px;}
	.video .Tit{ background:url(../Images/video_tit.gif) left center no-repeat; width:287px; height:26px; margin-bottom:8px; overflow:hidden; }
 	.video .In_v{  background:url(../Images/video.gif) left bottom no-repeat; padding:5px;}

 	.ContL { float:left; width:600px; overflow:hidden;}
    .ContR { float:right; width:330px; overflow:hidden;}
 	.ContL_L { float:left; width:300px; overflow:hidden;}
  	.ContL_R { float:right; width:420px;overflow:hidden;}

  	.service { height:160px; background:url(../Images/service.jpg) left top no-repeat;  overflow:hidden;}
  	.service_bg { height:65px; margin:50px 0px 0px 180px; overflow:hidden;}
  	.service_bg a{ display:inline-block; margin-right:20px;}
  	.show .Tit{ height:34px; background:url(../Images/show_tit.gif) left top no-repeat; overflow:hidden;}
   	.show .Tit a{ display:inline-block; height:34px; width:180px; overflow:hidden; }
 
    .list_a ,.list_b, .F_link{ margin:10px; overflow:hidden;}
	.list_a li{ line-height:26px; background:url(../Images/dot.gif) 2px center no-repeat; padding-left:15px; }
 	.list_b li{ line-height:24px; background:url(../Images/dot_red.gif) 2px center no-repeat; padding-left:15px;}
   	.F_link li{ float:left; width:20%;}
	.F_link li img{ width:110px; height:35px; }



	.location{ display:block; line-height:50px; background:url(../Images/loc_tit.gif) right bottom no-repeat; color:#a4a4a4; overflow:hidden; }
	.location span{ display:inline-block; background:url(../Images/loc.gif) left center no-repeat; padding-left:20px; }
   	.location a:link , .location a:visited{ color:#a4a4a4; cursor:pointer;}
	.location a:hover ,.location a:active { color:#d91717;}
 	.Cont2{ width:978px; margin:0 auto; overflow:hidden; border-left:1px #e7e7e7 solid;border-right:1px #e7e7e7 solid;}
   	.InContL { float:left; width:230px; background: url(../Images/guide_bg.gif) right top no-repeat; padding-top:15px; overflow:hidden; }
  	.InContR { float:right; width:710px; padding-top:15px; background:url(../Images/loc_bg.gif) right 53px repeat-x; min-height:370px; overflow:hidden;}
 	.InCon{ padding:10px 20px; min-height:500px;overflow:hidden;}
	.banner2{ width:960px; height:160px; margin:0 auto; overflow:hidden; }
	
  	.guide { background:url(../Images/guide_tit.gif) right 5px no-repeat; padding-left:15px; width:188px; margin-bottom:20px;}
  	.guide .Tit {line-height:30px; color:#3d6f95; height:30px; font-size:14px; margin-bottom:15px;}
 	.guide .Tit b{color:#3d6f95;}
	.guide .Tit span{ font-size:8px; color:#9c9c9c; text-transform:uppercase; margin-left:5px;}
 	.guide dt{ line-height:30px; background:url(../Images/guide_off.gif) right center no-repeat; padding-left:25px; margin-bottom:2px; color:#5f5f5f;}
 	.guide .on{ background:url(../Images/guide_on.gif) right center no-repeat; }
 	.guide .on a{ font-weight:bold; color:#fff!important;}
	.tel_s2{ display:inline-block; background:url(../Images/tel_s2.gif) left center no-repeat; width:186px; height:86px; }
  	.guide a:link , .guide a:visited{ color:#5d5d5d; cursor:pointer;}
	.guide a:hover ,.guide a:active { color:#d91717;}
 	
    .list_pro ,.list_art ,.list_case ,.proCon{ overflow:hidden; margin:20px 0px; }
 	
  	.list_case li{ float:left; padding:80px 20px 0px 20px; width:120px; background:url(../Images/case_img.jpg) top center no-repeat; line-height:36px; text-align:center;}
    .list_art ul{ background:url(../Images/line_x.gif) left bottom repeat-x; padding-bottom:15px; overflow:hidden;}
	.list_art li{ line-height:32px; background:url(../Images/dot_red.gif) 6px center no-repeat; padding-left:25px; font-size:14px;}
 	.list_art a:link , .list_art a:visited{ color:#666; text-decoration:none; cursor:pointer;}
	.list_art a:hover ,.list_art a:active { color:#d91717; text-decoration:underline; }

   	.art_tit { font-size:18px; line-height:200%; color:#c41c13; text-align:center; font-weight:bold; margin-top:20px; }
 	.art_sheet {font-size:12px; line-height:24px; margin-bottom:10px; color:#8f8383; text-align:center;}
 	.articleCon{ margin:15px; font-size:14px; line-height:200%; color:#545454; }
	
	
 	.list_pro li{ float:left; display:inline; text-align:center; width:33%; margin-bottom:20px; line-height:30px; }
	.list_pro img { border:1px solid #d8d8d8; width:200px; padding:3px;}
	
	.pro_info{ float:right; width:340px; color:#545454;}
  	.pro_info .T{ line-height:30px; background:url(../Images/line_x.gif) left bottom repeat-x; }
  	.pro_info .Lpic img{ height:60px; width:94px; margin:0 2px; border:1px solid #eee;}
	.pro_pic{ float:left; background-color:#fff; border:1px solid #d8d8d8; padding:10px; }
 	.pro_pic img{ width:300px; }
	.pro_List { display:inline; float:left;}
 	.pro_List li{ float:left; width:50%; margin-bottom:15px;}
	.pro_List li img{ width:320px; height:147px; margin:10px 0px;}
 	.pro_List p { line-height:20px; color:#757575; }
 	.pro_info .Tit{ line-height:36px; color:#545454; font-size:14px; font-weight:bold; font-family:"微软雅黑"; }
 	.pro_info .Tit b{color:#d91717;}
	.pro_info .Tit span{ font-size:10px; color:#bbb; font-weight:normal; text-transform:uppercase; margin-left:5px;}
	
	#Tab1{ display:block; margin:20px auto; overflow:hidden; }
	.Menubox { border-bottom:1px solid #e4e4e4; width:100%; height:30px; line-height:30px; overflow:hidden; background:url(../Images/pro_tit.gif) left center no-repeat; 	}
 	.Menubox li{ float:right; color:#545454; font-size:12px; font-family:"微软雅黑"; display:block; cursor:pointer; padding:0px 15px; height:30px; line-height:30px; text-align:center; font-weight:bold; border:1px solid #e4e4e4; border-bottom:none; margin-right:3px;}
 	.Menubox li.hover{ display:block; background:url(../Images/normal.jpg) repeat-x bottom; color:#d91717;}
	.Contentbox{ clear:both; padding:10px; font-size:14px; line-height:180%; overflow:hidden;}	
	.Contentbox img{ max-width:680px;}	
	
	.Contentbox .p1{ background:url(../Images/pp1.gif) left bottom no-repeat; padding-left:40px; line-height:40px; height:40px; font-weight:bold;border-bottom:1px solid #e4e4e4; }	

	.page{ margin:20px 0px; color:12px; color:#878787; text-align:center;}
	.wais{ margin:0 auto;}
	.wais span { margin:5px 10px;}
	
	/* 在线客服 QQ*/
#QQFloatDiv { width:118px; margin:0 auto; }
#QQFloatDiv .Head { height:41px; background:url("../images/QQ/head.gif");}
#QQFloatDiv .Body { background:url("../images/QQ/body.gif"); text-align:center; }
#QQFloatDiv .Foot { height:40px; background:url("../images/QQ/foot.gif");}
/* 在线客服 QQ*/

.list_cat{ width:720px; overflow:hidden}
.caiwu { margin:10px 10px 0 0;width:345px; height:245px;overflow:hidden;float:left;border:1px solid #b1c8d7;border-top:none;background: url(../images/bar.gif) repeat-x  top; }
.bar { height:31px; margin:0}
.note {	float: left;width: 20px;margin:8px 5px 0 14px;}
.title,.more{color: #1e50a2;}
.title {font-size: 14px;font-weight: bold;float: left;margin:8px 0px 0px 5px;}
.mores{font-size: 12px;float: right;padding:10px 13px 0 0;}
.content2 {font-size:12px;line-height:20pt;color:#464646; width:325px;  overflow:hidden; padding:0 10px;}
.content2 ul{ padding:0}
.content2 li a{ background:url(../images/listIco.png) left center no-repeat; padding-left:15px;}
.content2 li span { float:right;}