
/*-----首页------*/

/*公共*/
*{
  margin:0;
  padding:0;
  font-family:Arial,"微软雅黑";
  }
img{
  border:0;
  }  
ul,li{
  list-style:none;
  } 
  a:hover{text-decoration: none;}
  a{text-decoration: none;}
.clear{clear:both;font-size:0;line-height:0;}  
/*头部 */
  
#index_header{
  height:151px;
  background:url(../images/head_bg.png);
  }
.header_info{
  width:1030px;
  height:109px;
  margin:0 auto;
  }
#logo{
  width:271px;
  height:50px;
  padding-left:62px;
  padding-top:29px;
  float:left;
  }
.header_info ul{
  margin-left:330px;
  padding-top:19px;
  float:left;
  }
.header_info ul li{
  float:left;
  background:url(../images/dot_1.png) no-repeat 0 4px;
  padding-left:15px;
  padding-right:18px;
  font:600 12px/18px "Microsoft YaHei";
  color:#fff;
  }
.header_info ul li a{
  color:#fff;
  }
.header_info ul li a:hover{
  color:#FFff00;
  }
.menu{
  width:1030px;
  padding:0 115px;
  height:42px;
  background:url(../images/menu_bg.png);
  margin:0 auto;
  }
.menu a{
  width:130px;
  height:42px;
  text-align:center;
  display:block;
  font:600 14px/42px "Microsoft YaHei";
  color:#fff;
  float:left;
  }
.menu a:hover{
  color:#ffff00;
  }
.menu a.cur{
  color:#ffff00;
  }
  
/*banner*/

/*主体*/
.index_main{
  background:url(../images/index_main_bg.jpg) center top;
  padding:35px 0;
  height:auto;
  }
.hd_box{
  width:1020px;
  height:415px;
  margin:0 auto;
  border-radius: 5px;
  border:1px solid #f4e5cb;
  position:relative;
  -webkit-box-shadow:0 0 10px 2px #f4e5cb;
  -moz-box-shadow:0 0 10px 2px #f4e5cb;
  box-shadow:0 0 10px 2px #f4e5cb;
  background:#fff;
  }
.index_title{
  margin:0;
  position:absolute;
  background:url(../images/index_title_bg.png) no-repeat;
  width:198px;
  height:39px;
  left:15px;
  top:-9px;
  padding:9px 0 0 0;
  color:#fff;
  font:600 13px/20px "Microsoft YaHei";
  text-align:center;
  }
.index_title span{
  font:600 12px/20px "Microsoft YaHei";
  }  
.index_more{
  position:absolute;
  right:10px;
  top:5px;
  }
.index_more a{
  font:300 12px/20px "Microsoft YaHei";
  color:#af8233;
  }
.index_more a:hover{
  color:#FF0000;
  }
/*产品滚动*/
.device{ 
  width:982px; 
  margin:0 auto; 
  background:#fff;
  margin-top:50px;
  padding:0 47px;
  overflow:hidden;
  position:relative;
  }
.device .pre{
  width:45px;
  height:45px;
  display:block;
  position:absolute;
  left:0;
  top:150px;
  background:url(../images/arrow_1.png);
  }
.device .next{
  width:45px;
  height:45px;
  display:block;
  position:absolute;
  right:0;
  top:150px;
  background:url(../images/arrow_1.png) -45px 0;
  }  
.device .scroll{ 
  width:100%; 
  height:340px; 
  overflow:hidden; 
  position:relative;
  }
.device .scroll ul{ 
  position:absolute; 
  left:0; 
  top:0; 
  height:340px; 
  overflow:hidden;
  }

.device ul li{ 
  width:222px; 
  height:170px; 
  position:relative;
  float:left;
  padding-top: 16px;
  text-align: center;
  }
.device ul li img{ 
  max-width:182px; 
  max-height:138px; 
  /*position:absolute; 
  left:20px; 
  top:16px; */
  z-index:10; 
  }
.device ul li:hover img{
  opacity: 0.8;
  filter: alpha(opacity=80);
  }
.device ul li a.link{
  display:block; 
  width:182px; 
  height:24px; 
  text-align:center; 
  color:#fff; 
  font:600 12px/24px "Microsoft YaHei"; 
  position:absolute; 
  left:20px; 
  bottom:16px; 
  background:#000;
  opacity: 0.5;
  filter: alpha(opacity=50); 
  z-index:20;
  display:none;
  }  
.device ul li:hover a.link{
  display:block;
  }  
/*产品滚动结束*/

.index_main .main2{
  width:1020px;
  margin:0 auto;
  margin-top:35px;
  height:auto;
  }
.introduction{
  width:704px;
  min-height:500px;
  padding:0 32px;
  border-radius: 5px;
  border:1px solid #f4e5cb;
  position:relative;
  -webkit-box-shadow:0 0 10px 2px #f4e5cb;
  -moz-box-shadow:0 0 10px 2px #f4e5cb;
  box-shadow:0 0 10px 2px #f4e5cb;
  background:#fff;
  float:left;  
  }
.introduction header{
  width:640px;
  margin-top:36px;
  height:185px;
  padding-bottom:15px;
  margin-bottom:12px;
  border-bottom:1px solid #606060;
  }
.introduction header .txt{
  width:250px;
  font-family:"Microsoft YaHei";
  font-size:35px;
  line-height:100%;
  text-align:center;
  color:#000;
  padding-top:50px;
  float:left;
  }
.introduction header .txt span{
  font-size:21px;
  }
.introduction header img{
  float:left;
  height:170px;
  }
.introduction p{
  text-indent:2em;
  font:12px/28px "Microsoft YaHei";
  color:#606060;
  padding:0;
  margin:0;
  }
.right_side{
  width:294px;
  height:500px;
  float:right;
  }
.certificate{
  width:292px;
  height:220px;
  padding:55px 12px 0 12px;
  border-radius: 5px;
  border:1px solid #f4e5cb;
  position:relative;
  -webkit-box-shadow:0 0 10px 2px #f4e5cb;
  -moz-box-shadow:0 0 10px 2px #f4e5cb;
  box-shadow:0 0 10px 2px #f4e5cb;
  background:#fff;  
  }
.certificate img{
  width:108px;
  height:134px;
  border:1px solid #c8c8c8;
  float:left;
  margin:0 12px;
  }

.news{
  width:292px;
  min-height:245px;
  margin-top:35px;
  border-radius: 5px;
  border:1px solid #f4e5cb;
  position:relative;
  -webkit-box-shadow:0 0 10px 2px #f4e5cb;
  -moz-box-shadow:0 0 10px 2px #f4e5cb;
  box-shadow:0 0 10px 2px #f4e5cb;
  background:#fff;  
  }
.news ul{
  width:262px;
  height:auto;
  margin:38px 15px 0;
  }
.news ul li{
  font:14px/32px "Microsoft YaHei";
  color:#606060;
  }
.news ul li a{
  color:#606060;
  }
.news ul li a:hover{
  color:#fc1c00;
  }

/*脚 部*/  
  
.index_footer{
  height:253px;
  background:url(../images/foot_bg.png);
  }
.footer_info{
  width:1020px;
  height:215px;
  margin:0 auto;
  }
.footer_info .leftside{
  margin-top:38px;
  margin-left:180px;
  float:left;
  }
.footer_info .leftside img{
  width:185px;
  padding-right:65px;
  border-right:2px solid #fff;
  }
.footer_info .leftside p{
  width:120px;
  font:14px/30px "Microsoft YaHei";
  color:#fff;
  text-align:center;  
  }
.footer_info .rightside{
  margin-top:25px;
  margin-left:45px;
  float:left;
  font:14px/36px "Microsoft YaHei";
  color:#fff;
  }
.footer_info .rightside p{  margin: 0 0 0px;}
.website_copy{
  text-align:center;
  color:#fff;
  font:14px/38px "Microsoft YaHei";
  }
.website_copy a{
  color:#fff;
  }
.website_copy a:hover{
  color:#ffff00;
  }
/*产品*/
.floatnone{float:none;clear: both;}
.product{width:1200px; margin: 0 auto;}
.product_left{width:277px; float:left;}
.product_right{width:900px; float:right;}
.product_bj{background-color: #f9f9f9;border: 1px solid #e8e8e8; border-radius: 15px; padding: 26px;}
.product_Navigation{font-size: 18px; color:#bf1812;margin-bottom: 18px;}
.product_Navigation span{color: #d3d2d2;margin-left: 10px; font-size: 14px;}
.produtct_sort{padding: 0 25px;position: relative;}
.produtct_sort_1{position: absolute;background-color: #ffffff;border: 1px solid #e8e8e8;right: -150px;top: 0; padding: 0 40px;}
.produtct_sort li{text-align: center;}
/*.produtct_sort li:hover{background-color: #ffffff;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;}*/
.produtct_sort li a{color: #000;font-size: 16px;line-height: 48px;}
.produtct_sort li a:hover{color: #bf1812;}
.Contact p{font-size: 12px; color: #606060;}
.produtct_1 ul li {
    float: left;
    margin-left:48px;
    margin-bottom: 42px;
    border: 1px solid #dcdcdc;
    padding: 2px;
    border-radius: 2px;
    text-align: center;
    border-radius: 15px;
    width: 235px;
    height: 218px;
}
.produtct_1 ul li img{/*padding: 20px 35px;*/border-radius: 15px; max-width: 230px; max-height: 170px;}
/*.produtct_1 ul li:hover {-webkit-transform:scale(1.03); -webkit-transition:transform 1s; transition:all 1s; transform:scale(1.03);}*/
.produtct_1 ul li p {
		margin: 0 0 0;
    color: #000;
    background-color: #dcdcdc;
    margin-top: 2px;
    padding: 10px 0;
    border-radius: 0px 0px 15px 15px; 
}
.news_news ul li a {
    color: #787878;
    line-height: 28px;
}
.news_news ul li a:hover {
    color: #bf1812;
    text-decoration: none;
}
.news_news ul li span {
    float:right;
}
/*客服*/
.kefu{position: fixed;top: 288px;right: 70px;}
.kefu ul a{text-decoration: none;}
.kefu ul li{background-color: #fb1900;width: 80px;height: 80px;border-radius: 10px;text-align: center;padding: 8px 0; color: #fff;font-size: 12px; margin-top: 10px;}
.kefu ul li .qq{background:url(../images/kf.png) 0 0;width: 43px;height: 48px;margin:0 auto; }
.kefu ul li .skype{background:url(../images/kf.png) -48px 0;width: 46px;height: 48px;margin:0 auto; }
.glyphicon{font-size: 35px;padding-top: 4px;}
