@charset "utf-8";
*{margin:0;padding:0;}
body{position:relative;background:#fff}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4{font-size:100%;line-height:normal;}
input,textarea{font-size:100%;vertical-align:middle}
ol,ul{list-style:none outside;}
img{border:0}
em{font-style:normal}
a{text-decoration:none; color:#2d2d2d}
a:hover{text-decoration:underline; color:#B81C03}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.wapper{height:auto; margin:0 auto; font-size:12px;  background:#ffffff;}
.red{ color:#F00;}
/*header头部开始*/
.header{width:876px;height:auto; margin:0 auto; background: #FFFFFF;}
   .head{width:876px;height:90px; margin:0 auto;}
      .logo{ float:left; margin-top:12px; width:412px;}
	     .logo img{ width:346px; height:45px; float:left;margin:10px 10px 0 5px;}
	  .head_right{ float:right; background: url(../images/tel.gif) no-repeat; width:205px; height:60px;margin-top:23px; }
   .banner{ width:876px; height:200px; margin:0 auto 8px auto; float:left; clear:both;}
   /* =-=-=-=-=-=-=-[Nav 4]-=-=-=-=-=-=-=- */	

    #nav{
	width:876px;
	margin:0 auto 5px auto;
	float:left;
	clear:both;
	
	}
	#nav li{
	padding:0px;
	margin-bottom:1px;
	float:left;
	border-right:1px solid #ccc;
	border-left: 1px solid #888;
	}
	#nav a:link,#nav a:visited,#nav a:active{
	width:144px;
	background: url(../images/bg5.gif) 0px -70px repeat-x;
	font-weight:bold;
	height:30px;
	line-height:30px;
	padding-top:5px;
	display:block;
	text-align:center;
	border-bottom:1px solid #777;
	text-decoration:none;
	color:#333;
	}
	#nav a:hover{
	color:#fff;
	background: url(../images/bg5.gif)  0px 0px repeat-x;
	}
	
	  
   

/*header头部结束*/	

	


/*index中部开始*/
.page{ width:876px; height:auto; margin:0 auto; clear:both; margin-top:5px; font-size:12px; background:#fff; }

    
   
	  
	  .left {width:650px;height:auto; border:solid 1px #ddd; float:left; }
	     .left h1{ line-height:29px;margin-left:10px; float:left; font-weight:600;color:#012c59;}
          .left-1{ height:30px; border-bottom:solid 1px #ddd; background:url(../images/lala.gif) repeat-x;}			 
	.menu{ width:210px; float:right; margin-right:2px;}
      .menu_li{ width:210px; list-style-type: none; margin-bottom:5px;}
	     .menu_li li{ float:left; width:210px; height:auto; line-height:30px; margin-bottom:5px;border: solid 1px #dbdbdb; background:url(../images/menu_li.gif) repeat-x; clear:both; font-weight:700; font-size:12px; text-align:left;}
		   .menu_li li a{color:#000; line-height:30px; width:160px; padding-left:30px;color:#666666; font-weight:700;}
		   .menu_li li a:hover{ display: block;  height:30px; width:160px;font-weight:700; line-height:30px; color: #0c8af9; text-decoration:none;}
			  .menu_li li dl {width:210px;border-top: solid 1px #dbdbdb;}
			  .menu_li li dl dd {background:#fff;}
              .menu_li li dl dd a {display: block;line-height:30px;color:#000;height:30px;width:160px;margin:0 auto; font-weight:400; text-align:left; padding-left:50px;}
              .menu_li li dl dd a:hover {background:url(../images/menu_hover.gif) repeat-x; color:#F00; font-weight:500; }
	
			    
	 .p-nav{width:650px; height:248px; float:left; border:solid 1px #ddd;margin-top:12px; margin-bottom:5px;}
	    .p-nav1{width:650px; height:30px; border-bottom:solid 1px #ddd;  background:url(../images/lala.gif) repeat-x;}
		    .p-nav h3{ line-height:29px;margin-left:10px; float:left; font-weight:600;color:#012c59;}
		.p-nav2{ clear:both; height:218px;}
		
		    .p_pro{ width:139px; height:200px; float:left; margin-left:18px; margin-bottom:10px; margin-top:15px; overflow:hidden;}
	           .p_pro img{ width:135px; height:120px; float:left; padding:1px;border:solid 1px #dbdbdb; margin-bottom:5px;}
		       .p_pro_bt{ width:135px; height:80px; clear:both; }
		          .p_pro_bt h1{ height:25px; width:141px; line-height:25px;font-size:12px; font-weight:600; text-indent:0; text-align:center; }
				     .p_pro_bt h1 a{ color:#FF0000;}
				  .p_pro_bt h2{ height:22px; width:141px; line-height:22px;font-size:12px; font-weight:400; text-indent:0; text-align:center;color:#666666;}

/* index */


/* header尾部开始 */
.footer{ width:880px; height:34px; margin:0 auto ; clear:both; overflow:hidden; }
   .f_d{ width:876px; height:1px; background:#fff; clear:both; margin:0 auto;}
   /*- Menu Tabs B--------------------------- */

    #tabsB {
      float:left;
      width:880px;
      background:#F4F4F4;
      font-size:12px;
      line-height:normal;
      }
	 #tabsB h1{padding-right:20px; font-weight:500; display: inline; float:right; line-height:12px; height:12px;}
    #tabsB ul {
	margin:0;
	padding:10px 10px 0 10px;
	list-style:none;
      }
    #tabsB li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsB a {
      float:left;
      background: url(../images/tableftB.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsB a span {
      float:left;
      display:block;
      background:url("../images/tabrightB.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsB a:hover span {
      color:#000;
      }
    #tabsB a:hover {
      background-position:0% -42px;
      }
    #tabsB a:hover span {
      background-position:100% -42px;
      }
	

/* eader */
/* about */

.content {width:647px;height:auto; border:solid 1px #ddd; float:left; }
	     .content h1{ line-height:29px;margin-left:10px; float:left; font-weight:700;color:#012c59;}
          .content-1{ height:30px; border-bottom:solid 1px #ddd; background:url(../images/lala.gif) repeat-x;}
.content-all{clear:both; width:647px;}		  
		  .content-p{clear:both; width:647px;}
		     .content-p h2 { font-weight:700; margin:10px 0;; background: #F5F5F5; height:25px; font-size:12px; line-height:25px; padding-left:5px;color: #333; }
		     .content-p img{ margin:-36px 5px 5px 15px; border:solid 1px #ddd; padding:1px;}
		     .content-p span{ margin:5px 0px 12px 0px; font-size:12px; line-height:200%; display:block; color:#666666; letter-spacing:1px;}
			 .content-p span p{ text-indent:24px;}
			 
		     .content-p-bg{width:48%;height:140px; float:left; margin:10px 0 0 8px; display:block;}
			    .content-p-bg img{margin:10px 0 0 5px; border:solid 1px #ddd; padding:1px; float:left; width:130px; height:98px;}
				.content-p-bg p{margin:0 10px 0 0; font-size:12px; line-height:120%;  color:#666666; letter-spacing:1px; height:112px; width:145px; float:right;}
		  
		  
		  .content-2{ clear:both; width:647px;}
		     .content-2 div img{ margin:5px 15px 0 12px; border:solid 1px #ddd; padding:1px; float:left;}
			 .content-2 span{ margin:12px 12px 12px 12px; font-size:12px; line-height:180%; display:block; color:#666666; letter-spacing:1px; text-indent:24px;}
				.content-2-div{ margin:20px 15px 0 15px; font-size:14px; line-height:200%; display:block; color:#666666; letter-spacing:1px;}
             .c_img{ margin:0 auto 20px auto; height:267px; width:527px;}
.n-top{ width:652px; height:194px;}


.news { float:left; list-style-type:none;  width:573px; margin:15px; }
.news li { line-height:25px; margin-bottom:10px; clear:both; height:26px; border-bottom:1px dotted #f1f1f1;}
.news li a { float:left;}
.news li span { float:right; margin:0;}


.left-21 { float:left; width:293px; height:236px; padding:15px; border-left:1px solid #d1d1d1; }
.n-index { width:293px; height:30px;}
.n-index span { width:25px; height:21px; margin-left:15px; background-color:#464646; font-size:18px; color:#ffffff;}
.sel-size { width:150px; height:20px; line-height:24px; }
.n-mid {width:293px; height:135px;}
.n-mid img { float:left;}
.n-mid ul { width:106px; height:108px; float:left; margin-left:20px;}
.n-mid ul  a:hover li { background:url(../images/n-click.jpg) no-repeat;}
.n-mid ul li { background:url(../images/n-tag1.jpg) no-repeat; width:106px; height:24px; margin-top:5px; text-indent:14px; line-height:24px;}
.img-more { margin-left:20px;}

.left-2 { width:650px; height:152px;}