@charset "utf-8";
/* CSS-Reset */
*a:hover{color: red}
/*head*/
.top{width: 100%;height:106px;background: url(../images/head_middle.png);}
.top_left{width: 0px;height: 74px;float:left;margin-top: 32px;
 background: -webkit-linear-gradient(left, #d0cdcd , #ffffff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #d0cdcd , #ffffff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #d0cdcd , #ffffff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #d0cdcd , #ffffff); /* 标准的语法 */}
.top_content2{width: 100%;height: 74px;margin-top: 32px;float: left;}
.top_content{width:888px;height: 74px;margin: 0 auto;
background: url(../images/logo1.png) no-repeat;}
.top_right{width: 0px;height: 74px;float:right;margin-top: 32px;
background: -webkit-linear-gradient(right, #d0cdcd , #ffffff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #d0cdcd , #ffffff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #d0cdcd , #ffffff); /* Firefox 3.6 - 15 */
  background: linear-gradient(to left, #d0cdcd , #ffffff); /* 标准的语法 */}

.nav{width: 550px;height: 40px;float: right;margin-top: 34px;}
.nav p{width: 10px;float: left;height: 40px;text-align: center; }
.nav li{width: 100px;height: 40px;line-height: 40px;float: left;
text-align: center;font-size: 14px;font-weight: bold;}
.nav li a{color: #666666}
.nav li a:hover{color: red}
/*footer*/
.main_footer{width: 100%;height:87px;
background: -webkit-linear-gradient(right, #941d22 , #e8322b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(left, #941d22 , #e8322b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(left, #941d22 , #e8322b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to left, #941d22 , #e8322b); /* 标准的语法 */}
.middle_footer{width: 888px;height: 87px;margin: 0 auto}
.box_footer{width:888px;height: 87px;margin: 0 auto;
background: url(../images/box_footer.png) no-repeat;}
.box_nav{width:300px;height: 58.5px;line-height: 87px;padding-top: 18.5px;}
.box_nav a{color: #ffffff}
.box_nav li{width: 60px;float:left;height: 40px;line-height: 40px;text-align: center;}
.box_nav span{width: 20px;height: 40px;line-height: 40px;float: left;text-align: center;}
.footer{width: 100%;height:40px;background-color: #333333}
.footer_content{width: 888px;height: 40px;margin: 0 auto;}
.footer_content li{height: 40px;line-height: 40px;font-size: 12px;color: #ffffff;}



/*banner*/
.banner{overflow: hidden;}
.slideBox{width: 100%; height:500px; overflow:hidden; position:relative; border:1px solid #ddd;  }
		.slideBox .hd{ width:15px; overflow:hidden; position:absolute; right:50px; bottom:50%; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
		.slideBox .hd ul li{ float:left;width:15px; height:15px;margin-bottom: 15px;line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius: 15px;}
		.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: 1600px;
    height: 500px;
    display: block;
    position: relative;
    left: 50%;
    margin-left: -800px;
}
/*content*/
.content{width: 888px;height: 255px;margin: 0 auto;overflow: hidden;padding: 20px 0 20px 0;}
.company_product{float: left;margin-right:20px;width: 281px;height: 255px;background: url(../images/index_kongba.png);}
.marketing_network{float: left;margin-right:20px;width: 281px;height: 255px;background: url(../images/index_kongba.png);}
.contact_us{float: left;width: 281px;height: 255px;background: url(../images/index_kongba.png);}
.content_all{width:224px;height: 222px;margin: 18px 0 0 28px;}
.content_top{width: 224px;height: 42px;border-bottom: 1px solid #cccccc;}
.tiaojie_lianxi{width: 224px;height: 20px;margin-bottom: 15px;}
.tiaojie_lianxi li{float: left;}


/*product*/
.product{width:888px;min-height:650px;height:auto;margin: 0 auto}
.product_left{width: 179px;height: auto;float: left;margin-top: 40px;}
.product_left_top{width: 179px;height: 40px;background: url(../images/neiye_nav.png);text-align: center;line-height: 40px;font-size: 16px;color: #e7332b}
.product_left_nav>li{width: 179px;height: 36px;border-bottom:1px solid #cccccc;font-size: 14px;background: url(../images/3.png);}
.product_left_nav li ul{min-height: 20px;position: relative;}
.product_left_nav>li>p{padding: 10px 0 0 10px;color: #737373;font-size: 14px;}
.product_right{width: 667px;height: auto;float: right;min-height: 550px;}
.product_right_top{width: 667px;height: 90px;border-bottom:1px solid #cccccc;}
.product_right_top img{margin-top:22px;}
.product_right_content{margin-top:30px;}
.company_introduct{width:280px;height: 340px;float: left;}
.baidu_map{width: 370px;height: 340px;float: right;}
.suggest{width: 667px;height: 600px;background-color: #f7f4f4;padding: 50px 0 0 30px;}
.suggest1{font-size: 12px;color: #666666;width:600px;height: 60px;line-height: 60px;}
.suggest2{font-size: 12px;color: #666666;width:600px;height: 60px;line-height: 60px;}
.suggest3{font-size: 12px;color: #666666;width:600px;height: 60px;line-height: 60px;}
.suggest4{font-size: 12px;color: #666666;width:600px;height: 60px;line-height: 60px;}
.suggest5{font-size: 12px;color: #666666;width:600px;height: 150px;line-height: 150px;}
.suggest6{font-size: 12px;color: #666666;margin-top: 80px;}
.suggest6 li{margin-bottom: 10px;}
.suggest2 li{float: left;}
.suggest3 li{float: left;}
.input{float: left;}
.Content{width: 520px;height: 140px;}
.clear{width: 100%;clear:both;}




  /* 本例子css */

  /* 焦点图效果 */
  .picBtnTop{ width:700px; height:545px; border:1px solid #ccc; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
  .picBtnTop .hd{ width:120px;  height:545px; position:absolute; right:15px; overflow:hidden;top:5px; }
  .picBtnTop .hd ul li{ width:105px; text-align:center; padding:10px 0 20px 5px;  }
  .picBtnTop .hd ul li img{ width:100px; height:100px; border:4px solid #ddd; cursor:pointer; vertical-align:bottom; }
  .picBtnTop .hd ul li.on{ background:url("images/icoleft.gif") no-repeat 0 28px; }
  .picBtnTop .hd ul li.on img{ border-color:#f60;  }
  .picBtnTop .bd{ width:545px;  height:545px; position:relative;  }
  .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
  .picBtnTop .bd li .pic{ position:relative; z-index:0;  }
  .picBtnTop .bd li .pic img{ width:545px; height:545px; vertical-align:bottom; }
  .picBtnTop .bd li .bg{ width:400px; height:30px; position:absolute; left:0; bottom:0; z-index:1;  background:#000; filter:alpha(opacity=60);opacity:0.6;    }


  /* tab选项切换效果 */
  .slideTxtBox{ width:510px; border:1px solid #ddd; text-align:left;  }
  .slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
  .slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
  .slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;  }
  .slideTxtBox .hd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
  .slideTxtBox .bd ul{ padding:15px;  zoom:1;  }
  .slideTxtBox .bd li{ height:24px; line-height:24px;   }
  .slideTxtBox .bd li .date{ float:right; color:#999;  }