@charset "utf-8";
/*slider code css*/
.slider{
	margin-top: 0px;width: 100%;overflow: hidden;
}
.box{
	width: 100%;margin: 0px auto;overflow: hidden;position: relative;
}
.box-1 ul{
	overflow: hidden;width: 100%;
}
.box-1 ul li{
	width: 100%;
	float: left;
	animation: keframe 10s linear infinite;
}
@keyframes keframe
	{
		0%   {transform:scale(1.0);}
		50% {transform:scale(1.1);}
		100% {transform:scale(1.0);}
	}
.box-1 ul li img{
	display:block;width: 100%; height: auto;
}
.box-text{
	position: absolute;left: 30%;top: 25%;width: 40%;height: 35%;background: rgba(0,0,0,0.4);text-align: center;
}
.box-text h2{
	font-size: 2.5em;line-height: 100px;color: #ffffff;
	animation: htframe 1s linear;
}
@keyframes htframe
	{
		0%   {transform:scale(0);}
		100% {transform:scale(1.0);}
	}
.box-text h3{
	font-weight: normal;font-size: 1.5em;color: rgba(255,255,255,1);width: 60%;margin: 0px auto;padding: 10px 0px;border-radius: 5px;box-shadow: 0px 0px  3px 3px #ffffff;
	animation: htframe 2s linear;
}
.box-text-1{
	width: 100%;margin-top: 30px;
	animation: boxtext 2s linear;
}
@keyframes boxtext
	{
		0%   {transform:translateY(200px);}
		100% {transform:translateY(0px);}
	}
.box-text-list{
	width: 28%;display: inline-block;vertical-align: top;border-right: 1px solid #ededed;padding: 0px 2%;height: 150px;
}
.box-text-list-3{
	border-right: none;
}
.box-text h2 span{
	color: #0c8d45;
}
.box-text-span2{
	color: #ffffff;line-height: 30px;
}
.box-text-span{
	color: #abfeb3;font-size: 1.3em;line-height: 60px;
}
.box-2{
	position: absolute;right: 40%;bottom: 30px;
}
.box-2 ul li{
	float:left;width: 15px;height: 15px;overflow: hidden; margin: 0 30px 0 ; border-radius: 50%;
	background: rgba(0,0,0,0.5);text-indent: 100px;cursor: pointer;
}
.box-2 ul .on{
	background: rgba(250,150,50,0.6);
}
.box-3 span{
	position: absolute;color: white;background: rgba(125,125,120,.3);width: 50px;height: 80px;
	top:50%; font-family: "宋体";line-height: 80px;font-size:60px;margin-top: -40px;
	text-align: center;cursor: pointer;
}
.box-3 .bprev{
	left: 50px;
}
.box-3 .bnext{
	right: 50px;
}
.box-3 span::selection{
	background: transparent;
}
.box-3 span:hover{
	background: rgba(125,125,120,.8);
}
/*about code css*/
.about{
	width: 100%;background: url(../imgs/about_bg.gif);
}
.about_container{
	width: 80%;margin: 0px auto;padding-top: 50px;
}
.about_title{
	height: 150px;text-align: center;margin-bottom: 30px;background: url(../imgs/jiaodai.png) 48% 0px no-repeat;
}
.about_h3{
	font-size: 2.2em;line-height: 80px;
}
.about_h4{
	font-size: 1.3em;font-weight: normal;
}
.about_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.about-all{
	margin-top: 50px;margin-bottom: 30px;
}
.about-left{
	width: 48%;position: relative;float: left;
}
.about-text{
	width: 100%;
	-webkit-animation:ssly 3s 4s;
	animation:ssly 3s 4s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
@-webkit-keyframes ssly{
	0%{-webkit-transform:translateX(-600px);}
	100%{-webkit-transform:translateX(0px);}
}
@keyframes ssly{
	0%{-webkit-transform:translateX(-600px);}
	100%{-webkit-transform:translateX(0px);}
}
.about-text p{
	color: #000000;line-height: 30px;margin-bottom: 20px;text-indent: 32px;
}
.about-more{
	width: 120px;height: 50px;display: block;border-radius: 5px;background: #0c8d45;line-height: 50px;text-align: center;color: #ffffff;margin-left: 42%;
}
.about-more:hover{
	background: #82bf34;border-radius: 5px;
}
.about-right{
	width: 50%;float: right;position: relative;
}
#video{
	width: 100%;height: auto;
	-webkit-animation:ssly2 3s 4s;
	animation:ssly2 3s 4s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
@-webkit-keyframes ssly2{
	0%{-webkit-transform:translateX(200%);}
	100%{-webkit-transform:translateX(0px);}
}
@keyframes ssly2{
	0%{-webkit-transform:translateX(200%);}
	100%{-webkit-transform:translateX(0px);}
}
.about-num{
	background: rgba(210,210,210,.5);height: 100px;
	-webkit-animation:news 2.5s 3s;
	animation:news 2.5s 3s;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
@-webkit-keyframes news{
	0%{-webkit-transform:translateY(600px);}
	100%{-webkit-transform:translateY(0px);}
}
@keyframes news{
	0%{-webkit-transform:translateY(600px);}
	100%{-webkit-transform:translateY(0px);}
}
.about-span{
	width: 80%;margin: 0px auto;
}
.about-num span{
	font-size: 1.1em;color: #454e4c;display: inline-block;width: 33%;text-align: center;margin-top: 10px;
}
.about-num span b{
	font-size: 1.8em;color: #0c8d45;
}
/*product code css*/
.product{
	padding: 50px 0px 0px 0px;background: url(../imgs/product_bg.gif);
}
.pro_text{
	width: 80%;margin: 0px auto;
}
.pro_title{
	height: 150px;text-align: center;background: url(../imgs/jiaodai.png) 48% 0px no-repeat;
}
.pro_h3{
	font-size: 2.2em;line-height: 80px;
}
.pro_h4{
	font-size: 1.3em;font-weight: normal;
}
.pro_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.pro_cont{
	position: relative;margin-top: 50px;height: 560px;overflow: hidden;
}
.pro_cont ul{
	height: 500px;width: 100%;position: absolute;margin-left: 4.5%;
}
.pro_cont ul li{
	float: left;width: 23%;margin-right: 1%;height: 510px;vertical-align: top;margin-bottom: 50px;
}
.pro_list{
	vertical-align: top;height: 510px;box-shadow:0px 0px  5px 3px #0c8d45;
}
.pro_img{
	width: 90%;margin-left: 5%;margin-top: 10px;overflow: hidden;
}
.pro_img img{
	width: 100%;height: auto;
}
.pro_img img:hover{
	-webkit-animation:prolist 3s linear;
	-moz-animation:prolist 3s linear;
	-ms-animation:prolist 3s linear;
	animation:prolist 3s linear;
}
@-webkit-keyframes prolist{
	0% {
		-webkit-transform:rotate(0deg) scale(1);
		-moz-transform:rotate(0deg) scale(1);
		-ns-transform:rotate(0deg) scale(1);
		transform:rotate(0deg) scale(1);
	}
	40% {
		-webkit-transform:rotate(60deg) scale(1.5);
		-moz-transform:rotate(60deg) scale(1.5);
		-ms-transform:rotate(60deg) scale(1.5);
		transform:rotate(60deg) scale(1.5);
	}
	60% {
		-webkit-transform:rotate(30deg) scale(1.2);
		-moz-transform:rotate(30deg) scale(1.2);
		-ms-transform:rotate(30deg) scale(1.2);
		transform:rotate(30deg) scale(1.2);
	}
	90% {
		-webkit-transform:rotate(0deg) scale(0.8);
		-moz-transform:rotate(0deg) scale(0.8);
		-ms-transform:rotate(0deg) scale(0.8);
		transform:rotate(0deg) scale(0.8);
	}	
}
.pro_text{
	text-align: center;line-height: 30px;margin-bottom: 30px;
}
.pro_text h5{
	font-size: 1.5em;
}
.pro_more{
	width: 30%;height: 40px;background: #0c8d45;margin-bottom: 40px;line-height: 40px;margin-left: 35%;text-align: center;border-radius: 5px;
}
.pro_more a{
	color: #ffffff;
}
.pro_more:hover{
	background: #82bf34;
}
.pbox-3 span{
	position: absolute;color: white;background: #0c8d45;width: 2.5%;height: 520px;
	top:45px; font-family: "宋体";line-height: 450px;font-size:2.5em;margin-top: -40px;
	text-align: center;cursor: pointer;border-radius: 5px;font-weight: bold;
}
.pbox-3 .pprev{
	left: 0px;
}
.pbox-3 .pnext{
	right: 0px;
}
.pbox-3 span::selection{
	background: transparent;
}
.pbox-3 span:hover{
	background: #82bf34;
}
.picMask{
	display: none;
}
/*solution code css*/
.solution{
	background: #ededed;padding: 50px 0px;background: url(../imgs/solution_bg.gif);
}
.solu_txt{
	width: 80%;margin: 0px auto;
}
.solu_title{
	height: 150px;text-align: center;background: url(../imgs/jiaodai.png) 48% 0px no-repeat;
}
.solu_h3{
	font-size: 2.2em;line-height: 80px;
}
.solu_h4{
	font-size: 1.3em;font-weight: normal;
}
.solu_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.solu_cont{
	width: 100%;
}
.solu_list{
	margin-top: 40px;width: 23%;float: left;background: #ffffff;margin-right: 2.66%;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.solu_list:hover{
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.solu_list:nth-child(4n){
	margin-right: 0;
}
.solu_active .solu_img{
	width: 100%;
}
.solu_img img{
	width: 100%;height: auto;
}
.solu_text{
	text-align: center;line-height: 30px;margin-bottom: 30px;
}
.solu_text h5{
	font-size: 1.5em;line-height: 60px;
}
.solu_desc{
	padding:  0px 2%;height: 60px;
}
.solu_more{
	width: 30%;height: 40px;background: #0c8d45;margin-bottom: 40px;line-height: 40px;margin-left: 35%;text-align: center;border-radius: 5px;
}
.solu_more:hover{
	background: #82bf34;
}
.solu_more a{
	color: #ffffff;
}
/*advantage code css*/
.advantage{
	background: url(../imgs/advantage_bg.gif);
}
.ad_txt{
	width: 80%;margin: 0px auto;padding: 50px 0px;
}
.ad_title{
	height: 150px;text-align: center;background: url(../imgs/jiaodai.png) 48% 0px no-repeat;
}
.ad_h3{
	font-size: 2.2em;line-height: 80px;
}
.ad_h4{
	font-size: 1.3em;font-weight: normal;
}
.ad_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.adv_detail{
	width: 100%;margin-top: 50px;
}
.adv_list{
	width: 32%;float: left;margin-right: 2%;box-shadow:0px 0px  5px 3px #cccccc;margin-bottom: 30px;
}
.adv_list:hover{
	box-shadow:0px 0px  5px 3px #0c8d45;
}
.adv_list:nth-of-type(3n){
	margin-right: 0;
}
.adv_list h4{
	vertical-align: top;font-weight: normal;text-align: center;margin-top: 20px;
}
.adv_list:hover{
	box-shadow:0px 0px  5px 3px #0c8d45;
}
.span_cn{
	font-size: 1.1em;font-weight: bold;
}
.span_cn b{
	color: #0c8d45;
}
.adv_list>p{
	font-size: 2em;color: #0c8d45;text-align: center;
}
.adv_list ul{
	padding: 0px 8px 0px 12px;height: 120px;
}
.adv_list ul li{
	font-size: 0.9em;margin-bottom: 10px;
}
.adv_list ul li span{
	font-size: 1.5em;color: red;margin-right: 6px;
}
.adv_img{
	width: 90%;margin-left: 5%;margin-bottom: 20px;overflow: hidden;
}
.adv_img img{
	width: 100%;height: auto;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.adv_img img:hover{
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
/*news code css*/
.news_container{
	background: url(../imgs/news_bg.gif);
}
.news{
	width: 80%;margin: 0px auto;padding: 50px 0px 70px 0;
}
.news_title{
	height: 150px;text-align: center;background: url(../imgs/jiaodai.png) 48% 0px no-repeat;
}
.news_h3{
	font-size: 2.2em;line-height: 80px;
}
.news_h4{
	font-size: 1.3em;font-weight: normal;
}
.news_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.news_cont{

}
.news_list{
	margin-top: 50px;width: 23%;float: left;margin-right: 2%;background: #ffffff;
}
.news_list:hover{
	border-radius: 10px;box-shadow:0px 0px  5px 3px #0c8d45;
}
.news_list:nth-child(4n){
	margin-right: 0;
}
.news_img{
	width: 90%;margin-left: 5%;margin-top: 30px;overflow: hidden;
}
.news_img img{
	width: 100%;height: auto;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}
.news_img img:hover{
	overflow: hidden;
	-webkit-transition:transform 1s linear;
	-moz-transition:transform 1s linear;
	-ms-transition:transform 1s linear;
	transition:transform 1s linear;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
.news_text{
	margin-bottom: 30px;margin-left: 10%;margin-right: 10%;
}
.news_text h5{
	font-size: 1em;margin-bottom: 10px;margin-top: 20px;color: #333333;
}
.news_desc{
	font-size: 0.9em;color: #666666;line-height: 20px;
}
.news_date{
	margin-top: 30px;font-size: 0.9em;
}