


.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1100-1{width:1100px; margin:0 auto;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1260{width:1260px; margin:0 auto; }
.w-1280{width:1280px; margin:0 auto;}
.line01{ width: 100%; border-top:#d8d8d8 1px solid; }
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.mt-4{ margin-top:4px;}
.mt-6{ margin-top:6px;}
.mt-8{ margin-top:8px;}
.mt-10{ margin-top:10px;}
.mt-15{ margin-top:15px;}
.mt-20{ margin-top:20px;}
.mt-30{ margin-top:30px;}
.mt-35{ margin-top:35px;}
.mt-40{ margin-top:40px;}
.mt-50{ margin-top:55px;}
.mt-60{ margin-top:55px;}
.mt-65{ margin-top:65px;}
.mt-70{ margin-top:70px;}
.mt-80{ margin-top:80px;}
.mt-90{ margin-top:90px;}
.mt-100{ margin-top:100px;}
.mt-110{ margin-top:110px;}

.mt-120{ margin-top:120px;}
.mt-130{ margin-top:130px;}
.mt-140{ margin-top:140px;}
.mt-150{ margin-top:155px;}
.mt-160{ margin-top:155px;}
.mt-170{ margin-top:170px;}
.mt-180{ margin-top:180px;}
.mt-250{ margin-top:255px;}

.mb-10{ margin-bottom:10PX;}
.mb-20{ margin-bottom:20PX;}
.mb-30{ margin-bottom:30px;}
.mb-40{ margin-bottom:40px;}
.mb-50{ margin-bottom:55px;}
.mb-60{ margin-bottom:55px;}

.bg-tc{ background-position:top center; background-repeat:no-repeat;}
.bg-tl{ background-position:top left; background-repeat:no-repeat;}
.bg-tr{ background-position:top right; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}

.t-color-w{ color: #ffffff; }
.f-s18{ font-size: 18px; }
.f-s14{ font-size: 14px; }




.topleft{ width:118px; float:left; height: auto; margin-top: 20px;}
.toplect{ width:600px; float:left; height: auto; margin-top: 28px;}
.toptitle h1{ width:100%;height:50px;font-size:40px;font-weight:bold;color:#272a31;} 
.toptitle1{font-size:40px;font-weight:bold;color:#1da245;}
.toptitlewz{
	font-size:18px;
	height:65px;
	color:#3b3c40;
	margin-top: 5px;
}





/*middle*/
    /*所有标题*/


.yuan{
width:50px;
height:50px;
background-color:#209f44;
    -moz-border-radius: 50px; 

    -webkit-border-radius: 50px; 

    border-radius:50px;
	font-size:16px;
	color:#FFFFFF;
	text-align:center;
	line-height: 50px;
	margin: 0 auto;
}


.cptitle{
	width: 100%;
	height:40px;
	margin: 0 auto;
	
}


.cptitle h2{
	font-size:30px;
	color:#b20405;
	text-align: center;
}

.cpxian{
	width:210px;
	height:86px;
	line-height: 36px;
	border-bottom:1px #b20405 solid;
	border-top:1px #b20405 solid;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-transform:uppercase;
	margin: 0 auto 50px;
}

.cpxwz{
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0 auto;
	margin-top: 5px;
	font-size: 15px;
	
}






/*end bottom*/

/*滚动产品图片样式*/
.h-pro-gun01 li{
	float: left;
	margin-right: 10px;
	margin-bottom: 14px;
	width: 400px;
	border: 1px solid #ccc;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover{
	border: 1px solid #b20405;
}
.h-pro-gun01 li .tu{
	margin-top: 10px;
	margin-left: 10px;
	width: 380px;
	padding:0px;
	border:0px solid #b20405;
	background-color: #e5e5e5;
	overflow: hidden;
}
.h-pro-gun01 li .tu img{
  -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;
}
.h-pro-gun01 li:hover .tu img{
  -webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;
}
.h-pro-gun01 li .p1-t{
	margin:0 auto;
	width: 94%;
	height: 50px;
	background-color: #b20405;
}

.h-pro-gun01 li .p1-t a h3{

  display: block;
  height:50px;
	line-height: 50px;
  font-size: 24px;
  color: #fff;
  text-align: center;
  letter-spacing: 0px;

}
.h-pro-gun01 li .p1-t p{
	display: block;
	float: right;
	width: 110px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	text-indent: 25px;
	font-size: 24px;
	color: #fff;
	
}
.h-pro-gun01 li:hover .p1-t a h3{
     background-color: #ff9900;
	color: #fff;
}
.h-pro-gun01 li .dianhu{
	margin-top:5px;
    width: 400px;
    height: auto;
}
.h-pro-gun01 li .dianhu p{
	display: block;
	padding:2px 0px 2px 20px;
    font-size: 14px;
    color: #5b5b5b;
    letter-spacing: 0px;
	transition: all 0.3s ease-out;
   	
}

.h-pro-gun01 li .dianhu span{
	display: block;
	padding:2px 0px 2px 20px;
    font-size: 15px;
    color: #5b5b5b;
    letter-spacing: 0px;
	transition: all 0.3s ease-out;
   	
}





/*首页产品分类样式 横着分类*/
.zxdcpfl{ width:1200px; margin:0 auto; padding:0px 0px; overflow:hidden;}
.zxdcpfl ul{display: inline-block; width:1200px; margin: 0 auto; height: auto;}
.zxdcpfl ul li{ display: inline-block;width: 230px; height: auto; overflow: hidden; display:inline-block; margin-top: 10px;}
.zxdcpfl ul li .zxdcpfl_1 h3 a{ width: 210px; height: 42px; text-align: center; line-height:42px; font-size: 16px; color: #383737;  border-radius: 8px;
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px; 
  background-color:#dad9d9;display:block;}
.zxdcpfl ul li .zxdcpfl_1 h3 a:hover{ width:210px; text-align: center; font-size: 16px; color: #ffffff; display:block; background-color: #209f44; }


.zzsc{
	width:1100px;
	height:100%;
	margin:0px auto;
}
.zzsc .tab{ overflow:hidden; text-align:center}
.zzsc .tab a{ margin:5px 2px; display:inline-block; width: 176px; height: 41px; background: url(../images/cpbg02.jpg); text-align: center; color: #333333; font-size: 20px; line-height: 41px; transition:0.5s;}
.zzsc .tab a:hover{
	display: inline-block;
	width: 176px;
	height: 41px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 41px;
	background-image: url(../images/cpbg01.jpg);
}






.zzsc2{
	width:100%;
	height:100%;
	margin:0px auto; 
}
.zzsc2 .tab2{ overflow:hidden;text-align:center}
.zzsc2 .tab2 a{ margin:5px 2px;display:inline-block; width: 176px; height: 41px; background: url(../images/cpbg02.jpg); text-align: center; color: #333333; font-size: 20px; line-height: 41px; transition:0.5s;}
.zzsc2 .tab2 a:hover{
	display: inline-block;
	width: 176px;
	height: 41px;
	text-align: center;
	color: #ffffff;
	font-size: 20px;
	line-height: 41px;
	background-image: url(../images/cpbg01.jpg);
}



