@charset "utf-8";
/* CSS Document */
BODY { COLOR:#2e2e2e; padding:0;margin:0; font-size:14px; font-family:"微软雅黑","宋体","Arial"; background:url(../images/bg.jpg) no-repeat center top #fbfbfb}
A { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; TEXT-DECORATION: none; FONT-SIZE:14px; COLOR:#2e2e2e;}
A:hover { FONT-SIZE:14px; COLOR: #FF0000; TEXT-DECORATION: none}
img {border:0}
ul,li,dd,dt { list-style:none;}
h1, h2, h3, h4, h5, h6, form, div, p, i, img, ul, li, ol, table, tr, td,th, fieldset, label, legend,button,input { margin:0;padding:0;}
/* CSS 头部 */
 .clear { clear:both}
 .m { width:1200px; margin:0 auto}
 .m2 { width:1200px; height:auto; float:left; background:#FFF; border:1px solid #ddd; margin:10px auto }
 #topbg { width:1200px; height:135px; border-top:9px solid #012756; background:url(../images/top_bg1.jpg) repeat-x bottom #fff; margin:0 auto}
 #logo { width:567px; height:100px; float:left; background:url(../images/logo3.jpg) no-repeat center; margin:17px auto 18px 15px;}
 #tel { width:230px; height:60px; float:right; background:url(../images/tel.png) no-repeat center; float:right; margin:40px 15px 35px auto}
 #tel h3 { width:160px; height:35px; float:right; margin:25px auto auto auto; line-height:35px; color:#012756; font-size:20px;}
 
/* 本例子css */
		.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.nav{ width:1200px; height:53px; margin:0 auto; line-height:53px; background:url(../images/top_bg.jpg) repeat-x;  position:relative; z-index:1;  }
		.nav a{ color:#fff;  }
		.nav .nLi{ float:left;  position:relative; display:inline; width:148px;  }
		.nav .nLi h3{ float:left;  }
		.nav .nLi h3 a{ display:block; width:148px; font-size:16px; font-weight:bold; text-align:center; background:url(../images/nav-line-bg.jpg) no-repeat right  }
		.nav .sub{ display:none; width:148px; left:0; top:53px;  position:absolute; background:#172e7c;  line-height:35px; padding:5px 0;  }
		.nav .sub li{ zoom:1; line-height:35px; }
		.nav .sub a{ display:block; font-size:16px; text-align:center }
		.nav .sub a:hover{ background:#6386fb; color:#fff;  }
		.nav .on h3 a{ background:#c12e2e !important; color:#fff;   }

/* 本例子css */
		.slideBox{ width:1200px; height:380px; overflow:hidden; position:relative; margin:0 auto}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; border-radius:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:1200px; height:380px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		/* 本例子 第一行 */
		#row1 { width:1200px; height:340px; background:#FFF; margin:0 auto}
		#row1_about { width:437px; height:300px; float:left; line-height:28px; margin:10px auto auto 10px; background:url(../images/xian.jpg) no-repeat right top; overflow:hidden}
		#row1_about p { padding:0 10px;}
		#about_title { width:100%; height:32px; background:url(../images/jj.jpg) no-repeat center; float:left}
		#about_title span { float:right; margin-right:10px;}
		#about_title span a { font-size:12px; color:#999}
		#about_title span a:hover { font-size:12px; color:#f00}
		#row1_about img { width:320px; height:100px; float:left; margin:0 58px}
		#about_more { width:77px; height:21px; background:url(../images/jjxx.jpg) no-repeat center; float:right; margin:10px; display:block}
		#row1_about h2 { width:100%; height:30px; line-height:30px; font-weight:bold; font-size:18px; color:#c12e2e; margin-top:5px; text-align:center; float:left}
		
		#row1_news { width:562px; height:300px; float:left; margin:10px auto auto auto; background:url(../images/xian.jpg) no-repeat right top; overflow:hidden}
		#news_title { width:100%; height:32px; background:url(../images/xw.jpg) no-repeat center; float:left}
		#news_title span { float:right; margin-right:10px;}
		#news_title span a { font-size:12px; color:#999}
		#news_title span a:hover { font-size:12px; color:#f00}
		#row1_news ul { width:562px; height:260px; float:left; margin-top:10px; padding:0}
		#row1_news li { width:522px; line-height:30px; float:left; margin:0 20px; background:url(../images/inco1.png) no-repeat left; text-indent:10px;}
		#row1_news li span { float:right; color:#999; font-size:12px}
		
		#row1_link { width:181px; height:240px; float:right; margin:10px 10px auto auto; background:url(../images/xian.jpg) no-repeat right top; overflow:hidden}
		#link_title { width:100%; height:32px; background:url(../images/kl.jpg) no-repeat center; float:left}
		#link_pic { width:162px; height:auto; float:left; margin:10px 10px 10px 9px; padding:0}
		#link_pic ul{ width:162px; height:auto; margin:0; padding:0}
		#link_pic li{ width:162px; height:48px; float:left; margin-bottom:10px;}
		#link_pic li img { width:162px; height:48px;}
		
		#row2_case { width:1200px; height:260px; background:#fff; margin:0 auto}
		#case_title { width:1180px; height:27px; background:url(../images/yj_topbg.jpg) repeat-x; float:left; margin:0 10px;}
		#case_title span { float:right; color:#666; font-size:12px; margin-right:10px; position:relative; z-index:99}
		#case_title span a { color:#666; font-size:12px}
		#case_title span a:hover { color:#f00; font-size:12px}
		#case_title i { width:200px; height:24px; background:url(../images/yjtit.jpg) no-repeat; float:left}
		#case_title em { width:200px; height:24px; background:url(../images/rybt.jpg) no-repeat; float:left}
		
#index_pro { width:220px; height:190px; margin:10px; padding:0}
#index_pro img{ width:220px; height:160px; margin:auto 10px;}
#index_pro a:hover img{ width:220px; height:160px; opacity:0.6;filter:alpha(opacity=60);}
#index_text { width:220px; height:30px; line-height:30px; display:block; text-align:center;font-size:14px; color:#666;}
#index_text a { font-size:14px; color:#666;}
#index_text a:hover { font-size:14px; color:#f00;}
		
.rollBox{width:1180px; height:260px !important; overflow:hidden;float:left; margin:-50px 10px auto 10px;}
.rollBox .Cont{width:1160px;overflow:hidden;margin:0 auto;padding-top:20px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:220px;float:left;text-align:center;padding-right:20px;}
*+html .rollBox .Cont .pic{width:220px;float:left;text-align:center;padding-right:30px;}
.rollBox .Cont .pic img{padding:4px;background:#fff;border:1px solid #ccc;display:block;margin:0 auto;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:none;}
.rollBox #List1,.rollBox #List2{float:left;}

 #bottom { width:1200px; height:83px; background:url(../images/bottom.jpg) no-repeat center; overflow:hidden; padding-top:30px; text-align:center; color:#FFF; margin:0 auto}
 #bottom a{ color:#FFF}
  #bottom a:hover{ color:#FF0}
  
  /*列表页*/
  #second_title{ width:1180px; height:32px; background:url(../images/yj_topbg.jpg) repeat-x bottom; float:left; margin:20px 10px; color:#194785; text-indent:15px; line-height:32px;}
  #second_title span { width:auto; height:32px; background:url(../images/dot1.gif) no-repeat left; font-size:12px; color:#666; float:right; margin-right:10px;}
  #second_title span a { font-size:12px; color:#666;}
  #second_title span a:hover { font-size:12px; color:#f00;}
  #second_left { width:235px; margin:0; height:auto; padding:0; border-right:1px solid #ddd; float:left}
  #second_left ul { width:235px; margin:0; padding:0}
  #second_left li { width:194px; height:38px; background:url(../images/web_bg.gif) no-repeat center; margin:10px 20px; text-align:center; line-height:38px;}
  .select { color:#F00 !important; font-weight:bold}
  #second_right { width:920px; height:auto; margin:10px 20px; float:left;}
  #second_right img { max-width:900px; display:block; margin:10px auto}
  
 	 #list_news ul { width:920px; height:auto; float:left; margin:0; padding:0}
		#list_news li { width:920px; line-height:30px; float:left;background:url(../images/inco1.png) no-repeat left; text-indent:10px;}
		#list_news li span { float:right; color:#999; font-size:12px}
		
		.second_imglist { width:100%; height: auto; margin: 0; padding: 0 }
    .second_imglist ul { width:100%; height: auto; margin: 0; padding: 0 }
    .second_imglist li { width:210px; height: 210px;  margin: 10px 8px; float: left}
     .second_imglist li img{ width:210px; height: 180px;}
      .second_imglist li span{ width:210px; height: 30px; line-height: 30px; text-align:center; display: block }
	  
	    /*内容页*/
#sec_content { width:1200px; height: auto; background: #fff; float:left; line-height: 30px;}
#content_main { width:1160px; height: auto; margin:0 20px; float:left; }
#content_main h1 { width:100%; height: 45px; line-height: 45px; font-size:24px; text-align: center; color:#1c78c5; margin:10px auto; }
#content_click  { width:100%; height: 30px; line-height: 30px; font-size:14px; text-align: center; color:#999; margin:10px auto; border-bottom: 1px dashed #ddd; }
#zoom img{  max-width: 1100px; overflow: hidden; display: block; margin:10px auto}
#news_next { width:100%; line-height:35px; border-top:1px dotted #ddd; float:left; font-size:14px; color:#999; margin-top:20px}
#news_next a {font-size:14px; color:#999;}
#news_next a:hover {font-size:14px; color:#f00;}
#news_next span { font-weight:bold; color:#333}

.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#06C; border:1px solid #06c; color:#fff; text-align:center;margin-left: 1px; }
.listpage {clear: both;text-align: center;}

/* Basic Grey */
#Basic { width:500px; height:260px; float:left;} 
#Basic input { width:300px; height:35px; line-height:35px; background:#fff; text-indent:2em; margin-bottom:10px;}
#Basic textarea {width:460px; height:100px; line-height:30px; background:#fff; text-indent:2em;margin-bottom:10px;}
.btn-submit { width:100px !important; height:35px !important; text-align:center; color:#FFF; text-indent:0 !important; border:1px solid #ddd !important; background:#F60 !important}