/*banner开始*/
.bann{
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}


/*banner结束*/

/*产品中心开始*/
.cp{
	width: 100%;
	margin: 20px 0;
}
.cp-img>a{
	display: block;
}
.cp-img a img{
	margin: 0 auto;
	display: block;
}
.cp-img p{
	text-align: center;
	color: #555;
	margin: 10px 0;
}
/*图标*/
.cp-tubiao{
	width: 100%;
	padding: 20px 0;
	background-color: #eee;
}
.cp-tubiao ul{
	margin: 0 auto;
	list-style-position: inside;
}
.cp-tubiao ul li{
	display: inline-block;
	margin: 0 20px;
	overflow: hidden;
	position: relative;
}
.cp-tubiao ul li .tb-img{
	display: block;
	margin: 0 auto;
	overflow: hidden;
}
.cp-tubiao ul li .tb-img img{
	display: inline-block;
	width: 100%;
	position: relative;
	top: 0;
	transition: top 0.5s;
}
.cp-tubiao ul li .tb-text{
	display: block;
	text-align: center;
	color: #2c2c2c;
	font-size: 16px;
	margin: 10px 0;
}
.cp-tubiao ul li:hover .tb-text{
	color: #55a83a;
}

/*产品*/
.cpes{
	margin-top: 20px !important;
}
.cpes>ul{
	margin-left: 0;
	margin-right: 0;
	display: none;
}
.cpes>ul:nth-of-type(3){
	display: block;
}
.cpes>ul li .cpesli{
	position: relative;
	box-shadow: 0 0 20px #eee;
	border: 1px solid #ddd;
	transition: all .2s ease-in-out;
	margin-bottom: 10px;
}
.cpes>ul li .cpesli:hover,.cpes>ul li .cpesli:focus{
	box-shadow: 0 0 20px #555;
}
.cpes>ul li .cpesli:hover .cpesli-text{
	opacity: 1;
}
.cpes>ul li .cpesli .cpesli-img{
	display: block;
	width: 100%;
}
.cpes>ul li .cpesli .cpesli-img img{
	display: block;
	width: 100%;
}
.cpes>ul li .cpesli:hover .cpesli-img img{
	filter: url(blur.svg#blur);  
 /* FireFox, Chrome, Opera */  
    -webkit-filter: blur(2px);  
 /* Chrome, Opera */  
    -moz-filter: blur(2px);  
    -ms-filter: blur(2px);  
    filter: blur(2px);  
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);  
 /* IE6~IE9 */ 
}
.cpes>ul li .cpesli .cpesli-text{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(85,168,58,.7);
	opacity: 0;
	transition: opacity .3s ease-in-out 0s;
}
.cpes>ul li .cpesli .cpesli-text a{
	display: block;
	width: 100%;
	height: 100%;
}

.cp-gd{
	margin: 30px 0 40px 0;
}
.cp-gd>a{
	border: 1px solid #55a83a;
	border-radius: 3px;
	color: #55a83a;
	display: inline-block;
	width: 100px;
	height: 35px;
	line-height: 35px;
}
.cp-gd>a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #55a83a;
}


/*产品中心结束*/

/*新闻中心-公司实力开始*/
.shili{
	background-color: #eee;
	padding: 20px 0;
}
.sl-lf h3,.sl-rg h3{
	border-bottom: 1px solid #666;
}
.sl-lf h3 a,.sl-rg h3 a{
	border-bottom: 2px solid #555;
	line-height: 30px;
	display: inline-block;
	font-weight: 500;
	color: #333;
}
.sl-lf h3 a:hover,.sl-rg h3 a:hover{
	text-decoration: none;
	color: #000;
}
.news{
	display: inline-block;
	padding-left: 40px;
	height: 45px;
	line-height: 45px;
	color: #555;
	background-color: #aaa;
	font-size: 16px;
}
.news:hover{
	text-decoration: none;
}
.newsli{
	display: none;
}
.newsli:first-of-type{
	display: block;
}

.news.on{
	background-color: #55a83a !important;
	color: #fff !important;
}
.media:first-child{
	margin-top: 15px !important;
}
.news-text a{
	width: 100%;
	white-space:nowrap;
	overflow:hidden; 
	text-overflow:ellipsis;
}
.sl-text{
	background: -webkit-linear-gradient(bottom, rgba(85,168,58,0.1) , rgba(85,168,58,.3));
    background: -o-linear-gradient(bottom, rgba(85,168,58,0.1) , rgba(85,168,58,.3));
    background: -moz-linear-gradient(bottom, rgba(85,168,58,0.1) , rgba(85,168,58,.3));
    background: linear-gradient(to bottom, rgba(85,168,58,0.1) , rgba(85,168,58,.3));
}
.sl-text h5>a{
	background-color: #55a83a;
	color: #fff;
}
.sl-text h5>a:hover{
	background-color: #3f8329;
	color: #fff;
}
.sl-text h5>a:focus{
	background-color: #55a83a;
	color: #fff;
}
.sl-text p{
	display: none;
	padding: 0 8px 8px 8px;
}
.sl-text:last-of-type p{
	display: block;
}


/*新闻中心-公司实力结束*/

/*解决方案开始*/
.jj{
	width: 100%;
	margin: 20px 0;
}
#lis{
	margin: 0 40px;
	overflow: hidden;
}
#al{
	width: 2156px;
	padding: 20px 0;
	position: relative;
}
#al .als{
	display: inline-block;
	width: 355px;
    float: left;
	overflow: hidden;
	position: relative;
}


#al .als>div{
    padding: 0 20px;
}

#al .als>div .als-img{
	display: block;
	overflow: hidden;
}
#al .als>div .als-img img{
	display: block;
	width: 100%;
}
#al .als>div .als-text{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	z-index: 10;
	height: 40px;
	background-color: rgba(85,168,58,1);
	color: #fff;
	text-align: center;
	transition: height 0.5s;
}
#al .als:hover .als-text,#al .als:focus .als-text{
	height: 160px;
	background-color: rgba(85,168,58,.8);
}
#al .als>div .als-text h4{
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}
#al .als>div .als-text h4 a{
	color: #fff;
}
#al .als>div .als-text>a{
	display: inline-block;
	width: 80px;
	height: 25px;
	line-height: 25px;
	color: #fff;
	border: 1px solid #fff;
}
#al .als>div .als-text>a:hover{
	color: rgba(85,168,58,1);
	background-color: #fff;
	text-decoration: none;
}

/*左右箭头*/
#lf,#rg{
	position: absolute;
	display: inline-block;
	font-size: 50px;
	top: 46%;
	color: #aaa;
	background-color: #fff;
	z-index: 20;
}
#lf:hover,#rg:hover{
	color: #aaa;
	text-decoration: none;
}
#lf:focus,#rg:focus{
	text-decoration: none;
}
#lf{
	left: 0;
	
}
#rg{
	right: 0;
}
@media (max-width:1000px) and (min-width: 992px){
#al{
	width: 1782px !important;
}
#al .als{
	width: 297px !important;
}
}

/*解决方案结束*/



/*百度百科开始*/
.bd{
	margin: 20px 0;
}

.bd-bk{}
.bd-bk h5{
    color: #333;
    font-size: 24px;
	line-height: 30px;
    font-weight: 500;
	padding-left: 5px;
	border-left: 5px solid #55A83A;
}
.bd-bk ul{}
.bd-bk ul li{
	margin: 8px 10px;
	border-bottom: 1px solid #ccc;
}
.bd-bk ul li a{
	color: #666;
	font-size: 16px;
	display: block;
    padding: 3px 0;

	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
}
.bd-bk ul li a:hover{
	color: #55A83A;
	text-decoration: none;
}




/*百度百科结束*/






/*响应样式*/


@media (min-width: 1200px){

.cp-img a img{
	height: 80px;
}
.cp-img p{
	font-size: 16px;
}

.cp-tubiao ul{
	width: 1180px;
}
.cp-tubiao ul li{
	width: 190px;
	margin: 0 20px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -128px;
}
.cp-tubiao ul li:focus .tb-img img{
	top: -128px;
}
.cp-tubiao ul li .tb-img{
	width: 128px;
	height: 128px;
}

.fot dl:first-of-type{
	padding-left: 70px;
}

#al{
	width: 2156px;
}
#al .als{
	width: 355px;
}


}
@media (max-width:1200px) and (min-width: 1000px){

.cp-img a img{
	height: 70px;
}
.cp-img p{
	font-size: 15px;
}
.cp-tubiao ul{
	width: 980px;
}
.cp-tubiao ul li{
	width: 150px;
	margin: 0 20px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -100px;
}
.cp-tubiao ul li .tb-img{
	width: 100px;
	height: 100px;
}

.fot dl:first-of-type{
	padding-left: 70px;
}

#al{
	width: 1746px;
}
#al .als{
	width: 291px;
}



}
@media (max-width:1000px) and (min-width: 780px){

.cp-img a img{
	height: 60px;
}
.cp-img p{
	font-size: 14px;
}

.cp-tubiao ul{
	width: 760px;
}
.cp-tubiao ul li{
	width: 105px;
	margin: 0 20px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -90px;
}
.cp-tubiao ul li .tb-img{
	width: 90px;
	height: 90px;
}


#al{
	width: 1338px;
}
#al .als{
	width: 223px;
}


	

}
@media (max-width:780px) and (min-width: 768px){

.cp-img a img{
	height: 60px;
}
.cp-img p{
	font-size: 14px;
}

.cp-tubiao ul{
	width: 750px;
}
.cp-tubiao ul li{
	width: 120px;
	margin: 0 13px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -90px;
}
.cp-tubiao ul li .tb-img{
	width: 90px;
	height: 90px;
}
.cp-tubiao ul li .tb-text{
	font-size: 14px;
}




#al{
	width: 1338px;
}
#al .als{
	width: 223px;
}



	
}
@media (max-width:768px){

.cp-img a img{
	height: 60px;
}
.cp-img p{
	font-size: 14px;
}

.cp-tubiao ul{
	width: 100%;
}
.cp-tubiao ul li{
	width: 80px;
	margin: 0 15px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -80px;
}
.cp-tubiao ul li .tb-img{
	width: 80px;
	height: 80px;
}
.cp-tubiao ul li .tb-text{
	font-size: 14px;
}

.news {
    padding-left: 10px !important; 
}





#al{
	width: 1338px;
}
#al .als{
	width: 223px;
}

	
}

@media (max-width:585px){
.cp-tubiao ul li{
	width: 70px;
	margin: 0 10px;
}
.cp-tubiao ul li:hover .tb-img img{
	top: -70px;
}
.cp-tubiao ul li .tb-img{
	width: 70px;
	height: 70px;
}	
	
	
	
	
}