﻿/*

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:#fafafa url(Images/fbg.gif) left bottom repeat-x; color:#545454; font-size:12px; font-family:Verdana; }
 	a:link , a:visited{ color:#828282; 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;}
	
  	.Cont{ width:980px; margin:0 auto; overflow:hidden;}
   	.Cont_bg{ background:url(Images/cont_bg.gif) left top repeat-x; }
	.ContL { float:left; width:715px; overflow:hidden;}
 	.ContL_L { float:left; width:320px; overflow:hidden;}
  	.ContL_R { float:right; width:380px;overflow:hidden; }
    .ContR { float:right; width:245px; overflow:hidden;}
 	
    #head{ background:url(Images/menu_bg.gif) left bottom repeat-x; height:135px; margin-bottom:8px;}
  	#logo{ float:left; display:inline-block; }
	.top { float:right; width:710px;  background:url(Images/tel2.gif) left 48px no-repeat; }
  	.top_link{ float:right; text-align:right; height:80px; margin-top:5px; margin-right:20px; color:#d6d6d6;}
   	.top1{ height:13px; border-bottom:1px solid #dedede; margin:10px 0px; padding-bottom:8px; vertical-align:middle; overflow:hidden;}
   	.top_link em{ display:inline-block; padding:0px 6px; background:url(Images/dot_a.gif) left center no-repeat; }
 	#nowTime{ color:#a2a1a1; margin-right:6px; line-height:16px; }
 
    .menu { display:block; height:50px; 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:50px; line-height:50px;}
    .menu li span{ display:inline-block; padding:0px 19px; text-align:center; }
    .menu a:link ,.menu a:visited { display:inline-block; font-size:12px;  font-weight:bold; color:#fff; text-decoration:none; }
    .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{ background:url(Images/foot_bg.gif) left top no-repeat; width:960px; height:48px; line-height:48px; margin:0 auto; overflow:hidden;}
    #foot .link { background:url(Images/flogo.gif) left center no-repeat; padding-left:110px; color:#989898;overflow:hidden; }
    #foot .link2 { display:inline-block; float:right; background:url(Images/ftphone.gif) left center no-repeat; height:48px; width:318px; overflow:hidden; }
  	#foot .link a{ padding:0px 3px; color:#989898;}
 	#foot .link a:link ,#foot .link a:visited{ color:#989898; }
	#foot .link a:hover ,#foot .link a:active { color:#444; }
   
 	.more{ display:inline-block; float:right; font-size:12px; font-weight:normal; background:url(Images/more.gif) left center no-repeat; width:37px; height:36px; color:#afafaf; margin-right:10px; }
	 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{ position:relative; background:url(Images/banner_bg.gif) left top repeat-x;overflow:hidden; }
	#banner { height:370px; width:100%; margin:0px auto; overflow:hidden; z-index:-1; }
	#banner p{ display:block; height:370px; width:100%; margin:0px auto; overflow:hidden; z-index:-1; }
	#btn { display: inline; width:160px; hegiht:18px; float:left; margin:-18px 0px 0px 790px; 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:50px; top:150px; }
	#next { display:inline-block; width:20px; height:22px; position:absolute; right:50px; top:150px; }

   	.mode_a {padding-right:18px; padding-top:12px; background:url(Images/cont_L.gif) right top no-repeat;}
  	.mode_a .Tit{ line-height:36px; color:#545454; font-size:14px; font-weight:bold; font-family:"微软雅黑";}
 	.mode_a .Tit b{color:#d91717;}
	.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) right bottom no-repeat; color:#8e8e8e; line-height:22px;}
 	.Company_list{ background:url(Images/line_x.gif) left top repeat-x; line-height:30px; margin-top:8px;}
	.Company_list a{ display:inline-block; background:url(Images/dot_b.gif) 5px center no-repeat; padding-left:16px;}
	.Company_list a:link,.Company_list a:visited{color:#666;}
	.Company_list a:hover{color:#d91717;}
	
	.video{ background:url(Images/video.gif) right bottom no-repeat; width:245px; height:167px; padding-top:12px; overflow:hidden; }
	.video .In_v{ padding:7px; }

    .list_a ,.list_b{ overflow:hidden; }
	.list_a li{ line-height:24px; background:url(Images/dot.gif) 2px center no-repeat; padding-left:10px; }
 	.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:115px; height:65px; margin-bottom:10px;}



	.location{ display:block; line-height:40px; background:url(Images/loc_bg.gif) left bottom repeat-x; color:#828282; overflow:hidden; }
	.location span{ display:inline-block; background:url(Images/loc.gif) left center no-repeat; padding-left:20px; }
  	.Cont2{ width:980px; margin:0 auto; overflow:hidden;}
   	.InContL { float:left; width:230px; background:url(Images/guide_bg.gif) right top no-repeat; padding-top:25px; overflow:hidden; }
  	.InContR { float:right; width:730px; padding-top:25px; 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) left top no-repeat; padding-left:18px; width:188px; margin-bottom:20px;}
  	.guide .Tit {line-height:40px; color:#fff; font-size:14px; margin-bottom:15px;}
 	.guide .Tit b{color:#fff;}
	.guide .Tit span{ font-size:8px; color:#eaeaea; text-transform:uppercase; margin-left:5px;}
 	.guide dt{ line-height:30px; border-bottom:1px solid #e6e6e6; background:url(Images/guide_off.gif) right center no-repeat; padding-left:15px;   margin-bottom:2px; color:#5f5f5f;}
 	.guide .on{ background:url(Images/guide_on.gif) right center no-repeat; }
 	.guide .on a{ font-weight:bold; color:#c41c13!important;}
	.tel_s2{ display:inline-block; background:url(Images/tel_s2.gif) left center no-repeat; width:186px; height:86px; }
  	
    .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:30px; background:url(Images/dot_red.gif) 6px center no-repeat; padding-left:22px; 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;}
	
