﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	font-family: "Microsoft Yahei", Arial;
	font-size:14px;
	line-height:30px;
	color:#333333;
}
ol, ul {
	list-style: none;
}
p{
	font-family: "Microsoft Yahei", Arial;
	font-size:14px;
	line-height:30px;
	color:#333333;
}
li{
	font-family: "Microsoft Yahei", Arial;
}

a {
	font-size:14px;
	text-decoration: none;
	color:#fff;
}
a:hover {
	color:#ac2524;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
#main{
	width:100%;
	height:auto;
}
p span.cp_spa{
font-size:24px;
color:#508900;
font-weight:bold;
line-height:40px;
}
p span.cp_spb{
font-size:22px;
color:#888;
font-weight:bold;
}


/*	头部 start  */
.head{
	width:100%;
	height:auto;
	padding-top:15px;
	border-bottom:1px solid #ccc;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1c8602',endColorStr='#03711a',gradientType='0');
background: -moz-linear-gradient(top, #1c8602, #03711a);
background: -o-linear-gradient(top,#1c8602, #03711a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c8602), to(#03711a));
}
/*	head start  */
.header{
	width:980px;
	height:auto;
	margin:0 auto;
	padding:8px 0;
}

/*	head end  */

/*	nav start  */
.nav{
	width:980px;
	height:40px;
	margin:0 auto;
}
.nav ul { list-style:none;}
.menu li {
	width:108px;
	line-height:40px;
	float:left;
	font-size:16px;
	color:#8f441a;
	text-align:center;
}
.menu li a {
display:block;
}
.cur{ 
	width:80px;
	margin:0 auto;
	border-bottom:2px solid #ac2524;
	margin::0 14px ;
	display:block;
	color:#ac2524;
}
/*	nav end  */

/*	banner start  */
/*	banner end  */
.con{
width:100%;
height:auto;
padding:20px 0;
border-top:1px solid #ccc;
margin-top:20px;
}
.con a {
	font-size:14px;
	text-decoration: none;
	color:#333;
}
.con a:hover {
	color:#ac2524;
}

.cont{
width:980px;
height:auto;
margin:0 auto;
}
/*	产品展示 start  */
.title{
width:980px;
height:auto;
margin:0 auto;
padding-top:15px;
}
.title p{
text-align:center;
font-weight:bold;
}

.pro{
width:980px;
height:auto;
margin:0 auto;
}
.prod_f{
width:17%;
height:auto;
background:#99c67e;
float:left;
padding:20px 10px;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1c8602',endColorStr='#03711a',gradientType='0');
background: -moz-linear-gradient(top, #1c8602, #03711a);
background: -o-linear-gradient(top,#1c8602, #03711a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c8602), to(#03711a));
}
.prod_f ul {
	list-style-type:none;
	font-size:16px;
	font-weight:bold;
}
.prod_f ul li {
	width:90%;
	float:left;
}
.prod_f li a{
width:100%;
line-height:30px;
display:block;
font-size:14px;
padding-left:15px;
}
.prod_f li a:hover{
}
.prod_f li ul{
width:100%;
	font-weight:500;
	padding-left:7px;
}
    
.prod_f li:hover ul{
width:100%;
}
.prod_f li ul li{
	float:left;
}
.prod_f li ul a{
width:100%;
	font-size:14px;
	display:block;
	border-bottom:1px dashed #777;
	color:#fff;
}
.prod_f li ul a:hover{
	color:#ac2524;
}

/*	分类 end  */

.prod{
width:79%;
height:auto;
float: right;
}
.prod ul{
width:100%;
}
.prod ul li {
height:192px;
width:198px;
overflow:hidden;
float:left;
margin:5px;
border:1px solid #ddd;
}
.prod ul li img{
width:197px;
height:150px;
}
.prod ul li a {
font-size:14px;
line-height:40px;
width:198px;
display:block;
text-align:center;
border-bottom:2px solid #ccc;
}
.prod ul li a:hover {
border-bottom:2px solid #ac2524;
}

/*	产品展示 end  */

/*	news start  */
.ac{
    width:100%;
	height:auto;
	background:url(images/news_bg.jpg) 50% no-repeat;
}
.acd{
    width:980px;
	height: auto;
	margin:0 auto;
	padding-bottom:30px;
}
.acd p{
	font-size:14px;
}

.cont ul {

 }
.cont ul li a {
	font-size:14px;
	text-decoration: none;
	color:#444;
}
.cont ul li a:hover {
	color:#ac2524;
}
.cont ul li {
    width:520px;
	height:35px;
	font-size:14px;
	border-bottom:1px dashed #ccc;
	float:left;
	margin:0 15px;
}
.cont ul li span.cp_spa{
	line-height:20px;
	font-size:14px;
	line-height:35px;
	color:77ab00;
	float:left;
}
.cont ul li span.cp_spb{
	line-height:20px;
	color:77ab00;
	line-height:35px;
	font-size:12px;
	float:right;
}
/*	news end  */

/*	about start  */
.abou{
width:100%;
height:auto;
padding:40px 0;
}
.about{
width:1120px;
height:auto;
margin:0 auto;
}
.abouta{
width:33%;
height:auto;
float:left;
}
.aboutb{
width:67%;
height:auto;
float:right;
}
.aboutb p{
line-height:30px;
}

.about a{
width:200px;
line-height:35px;
text-align:center;
display:block;
border:1px solid #ccc;
}
.about a:hover {
	background-color:#eee;
}

/*	about end  */


/*  case start  */
.case {
width:980px;
height:auto;
margin:0 auto;
padding-bottom:50px;
}

.case ul { list-style:none;}
.case li {
	width:244px;
	float:left;
	margin:3px;
}
.case li img {
	width:242px;
	height:166px;
	border:1px solid #ccc;
}
.case ul li a{
	font-size:13px;
	display:block;
	line-height:30px;
	text-align:center;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
overflow: hidden;
}
.case ul li a:hover{
	color:#20a8d9;
	text-decoration: none;
}
/*--	pro end  */


/*	footer start  */
.foot{
	width:100%;
	padding:30px 0;
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#1c8602',endColorStr='#03711a',gradientType='0');
background: -moz-linear-gradient(top, #1c8602, #03711a);
background: -o-linear-gradient(top,#1c8602, #03711a);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1c8602), to(#03711a));
}
.footer{
	width:980px;
	margin:0 auto;
	color:#fff;
}
.footer p{
color: #fff;
}
.footer p span{
	font-size:24px;
	font-weight:bold;
}

.foot a {
	font-size:14px;
	text-decoration: none;
	color:#fff;
}
.foot a:hover {
	color:#ac2524;
}

.footera{
width:40%;
height:auto;
float:left;
border-right:1px solid #678d1d;
}
.footerb{
width:52%;
padding-top:10px;
height:auto;
float:right;
}

/*	footer end  */

.case-content{overflow:hidden;margin:0 auto 50px auto;width:980px}
.case-item{float:left;margin:20px 20px;margin-bottom:20px}
.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.ih-item a{color:#333}
.ih-item a:hover{text-decoration:none}
.ih-item img{width:100%;height:100%}
.ih-item.circle,.ih-item.circle .img{position:relative;width:280px;height:280px;border-radius:50%}
.ih-item.circle .img:before{position:absolute;display:block;content:'';width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 16px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.3);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.ih-item.circle .img img{border-radius:50%}
.ih-item.circle .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;border-radius:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.square{position:relative;width:416px;height:316px;border:8px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,.3)}
.ih-item.square .info{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.ih-item.circle.effect1 .spinner{width:290px;height:290px;border:10px solid #ecab18;border-right-color:#1ad280;border-bottom-color:#1ad280;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .img{position:absolute;top:10px;bottom:0;left:10px;right:0;width:auto;height:auto}
.ih-item.circle.effect1 .img:before{display:none}
.ih-item.circle.effect1.colored .info{background:#1a4a72;background:rgba(26,74,114,.6)}
.ih-item.circle.effect1 .info{top:10px;bottom:0;left:10px;right:0;background:#333;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ih-item.circle.effect1 .info h3{color:#fff;text-transform:uppercase;position:relative;letter-spacing:2px;font-size:16px;margin:0 30px;padding:55px 0 0;height:90px;text-shadow:0 0 1px white,0 1px 2px rgba(0,0,0,.3)}
.ih-item.circle.effect1 .info p{color:#bbb;padding:10px 5px;font-style:italic;margin:0 10px;font-size:12px;border-top:1px solid rgba(255,255,255,.5)}
.ih-item.circle.effect1 a:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.ih-item.circle.effect1 a:hover .info{opacity:1}



/*   ---内页关于我们样式-----------------------------------------------------------------------------------------------------  */
.prodt{
width:80%;
height:auto;
float: right;
}

/*   ---内页产品展示样式-----------------------------------------------------------------------------------------------------  */
