﻿@charset "utf-8";
/*--公共通用--*/
body { font-family:"微软雅黑"; font-size:14px; margin:0; color:#343434;}
ul,li,dd,dt,h1,h2,h3,p{
    list-style:none;
	margin:0px;
	padding:0px;
	}
a {
   color:#343434;
   text-decoration:none;
   }
.clear{ clear:both;}
.font11{font-size:11px;}
.width12{width:1200px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
.textc{ background-color:#ffeb08; border:1px dashed #000000;  padding:5px 15px; font-size:18px; border-radius:5px;}
.textb{ background-color:#de3647; border:1px dashed #000000; color:#FFFFFF;  padding:5px 15px; font-size:18px; border-radius:5px;}

/*--头部通用--*/
.footer{ background: #033f23; padding:40px 0; line-height:50px; clear:both}
.footer li{ float:left; width:30%; text-align:left; line-height:40px; padding-left:3%; font-size:14px; color:#FFFFFF;}
.footer li span{ font-size:18px;}
.bottom{ background-color:#3e3a39; color:#FFFFFF; line-height:40px; text-align:center;}
.bottom a{color:#FFFFFF; font-size:14px;}
.logo{  }
.top{ height:106px; width:100%;position: fixed;background: rgba(0,0,0,0.5); z-index:99999999}
.tel {
    width: 188px;
    height: 50px;
    float: right;
    margin-top: 29px;
    border: solid 1px #009944;
    border-radius: 10px;
}
.tel img {
    width: 38px;
    height: 50px;
    float: left;
    border-radius: 10px 0px 0px 10px;
}
.tel p {
    width: 150px;
    height: 25px;
    float: right;
    line-height: 26px;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.nav{
  height:106px;
  margin:0 auto;
  p
  }
.nav li{
     float:left;
     margin-top:35px;
	 line-height:39px;
	 width:140px;
	 }
.nav  li a{
     line-height:39px;
	 font-family:"微软雅黑";
	 color:#fff;
	 display:block;
	 }
.nav-span1{ width:100%; font-size:15px; height:20PX; line-height:20px; text-align:center; padding-top:8px;padding-bottom:4px;}
.nav-span2{ width:100%; font-size:10px;line-height:20px; text-align:center; padding-bottom:10px;}

.pro_fen{ width:100%; clear:both; background:url(../images/pro_bg.jpg) repeat-y;}
.pro_fen .title{ text-align:center; padding:70px 0;}
.pro_fen .cons li{ float:left; margin-right:90px; margin-bottom:60px;}
.pro_fen .cons li.no{ margin-right:0;}

.newsindex{ width:100%; clear:both; background-color:#f8f8f8; padding-bottom:40px;}
.newsindex .title{ text-align:center; padding:70px 0;}
.newsindex .cons{ padding:20px 0;}
.newsindex .cons .newsnav li { float:right; margin:0 5px; line-height:30px;}
.newsindex .cons .newlist { margin-right:100px; width:380px; background-color:#FFFFFF; line-height:25px;}
.newsindex .cons .newlist .title { padding:30px 30px 20px 30px;}
.newsindex .cons .newlist .miaoshu { padding:0 30px; color:#888888;}
.newsindex .cons .newlist .more { padding:0 30px; color:#000;}
.newsindex .cons .newlist .more a{color:#000; text-decoration:underline; line-height:35px;}
.newsindex .cons .newsright{ width:700px;}
.newsindex .cons .newsright li { margin-bottom:30px;}
.newsindex .cons .newsright .time {  font-size:16px;}
.newsindex .cons .newsright .titles {  font-size:18px; padding:7px 0}
.newsindex .cons .newsright .miaoshu { }

.about{width:100%; clear:both; background:url(../images/pro_bg.jpg) repeat-y; padding:90px 0;}
.about .title{ float:left; font-size:24px; color:#000; margin-top:10px; border-right:3px solid #c79409; width:150px;}
.about .jieshao{ float:left; line-height:30px; border-left:1px solid #c0c0c0; padding-left:40px; width:600px;}
.about .jieshao h1{ font-size:24px; color:#c79309; margin-bottom:20px;}
.about .tupian{ float:right; width:320px;}

.main{width:100%; clear:both; padding-bottom:30px;}
.banner{ height:481px; }
.menu{ border-bottom:1px solid #c0c0c0;}
.menu li{ float:left; padding:0 20px; line-height:60px; height:60px;}
.menu li a{ display:block; font-size:16px;line-height:60px; height:60px;}
.menu li a:hover{ display:block; font-size:16px; border-bottom:2px solid #009944;}
.content{
   background-color:#FFFFFF;
   margin-top:30px;
   padding:30px 10px;
   line-height:35px;
   }
.content p{
   margin:0px;
   padding:0px;
   }
.content h1{
   padding-bottom:40px;
   }
.newslist {
	padding:10px;
	line-height:25px;
}
.newslist li {
	padding-left:15px;
	background:url("../images/ico_dian.jpg") no-repeat left center;
	line-height:30px;
	border-bottom:#ccc 1px dashed;
}
.newslist span {
	float:right
}
.productlist {
	width:100%;
	line-height:25px;
	padding-top:15px
}
.productlist ul{ padding-left:15px;}
.productlist li {
	float:left;
	padding:15px 30px 15px 0;
	width:330px;
	height:250px;
	text-align:center
}
.productlist li img {
    max-width: 300px;
    max-height:215px;
    transition-function: ease-out;
    transition-duration: 1000ms;
    -webkit-transition-function: ease-out;
    -webkit-transition-duration: 1000ms;
    -moztransition-function: ease-out;
    -moztransition-duration: 1000ms;
    -o-transition-function: ease-out;
    -o-transition-duration: 1000ms;
}

.productlist li img:hover {
    transform: scale(1.25, 1.25);
    -webkit-transform: scale(1.25, 1.25);
    -moz-transform: scale(1.25, 1.25);
    -o-transform: scale(1.25, 1.25);
}

.pages {
    clear:both;
	width:100%;
	line-height:25px;
	padding:15px 0;
	text-align:center;
}
  .productb ul{
   padding:10px;
   }
.productb li {
	float:left;
	height:170px;
	width:237px;
	padding-top:9px;
	text-align:center
}
.product li img {
               width:200px;
               height:135px;
}

