::selection {

	background-color: #22a034;

	color: #fff;

}



::-moz-selection {

	background-color: #22a034;

	color: #fff;

}



::-webkit-selection {

	background-color: #22a034;

	color: #fff;

}







/*banner*/



.fullSlide {

	width: 100%;

	position: relative;

	height: 500px;

	background: #FFF;

	overflow: hidden;

}



.fullSlide .bd {

	height: 500px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	overflow: hidden;

}



.fullSlide .bd ul {

	width: 100% !important;

}



.fullSlide .bd li {

	width: 100% !important;

	height: 500px;

	overflow: hidden;

	text-align: center;

}



.fullSlide .bd li a {

	display: block;

	height: 500px;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 2;

	bottom: 0;

	left: 0;

	height: 30px;

	text-align: center;

}



.fullSlide .hd ul {

	text-align: center;

}



.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

	zoom: 1;

	width: 14px;

	height: 14px;

	margin: 3px;

	background-color: #333;

	overflow: hidden;

	line-height: 99px;

	border: 2px solid #FFF;

	border-radius: 50%;

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

	width: 50px;

	background: #22a034;

	border-radius: 9px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}



.fullSlide .prev,

.fullSlide .next {

	width: 40px;

	height: 60px;

	position: absolute;

	top: 50%;

	margin-top: -30px;

	z-index: 2;

	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

	filter: alpha(opacity=30);

	-moz-opacity: .3;

	opacity: .3;

	-webkit-transition: all .5s linear;

	transition: all .5s linear;

}



.fullSlide .prev {

	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

	left: 10%;

}



.fullSlide .next {

	background-position: -6px -137px;

	right: 10%;

}





/* products */



.products{

	height: 572px;

	overflow: hidden;

	margin: 30px auto;

}



.productL{

	width: 220px;

	height: 572px;

}

.productsT{

	width: 220px;

	height: 105px;

	background: url(../images/productsT.jpg) no-repeat center;

}



.productsT h3{

	font-size:20px;

	font-weight: bold;

	color: #fff;

	padding: 24px 0 0 65px; 

}



.productsBox ul{
	width: 218px;
	border: 1px solid #cccccc;
	border-top: 0;
	height: 450px;
}

.productsBox  ul li{

	padding-top: 10px;

}

.productsA{

	display: block;

	width: 150px;

	height: 35px;

	padding-top: 10px;

	padding: 0 48px 0 20px;

	font-size: 16px;

	color: #fff;

	line-height: 35px;

	background: #4d9724 url(../images/productsIcon.png) no-repeat  180px center;

	-webkit-transition: .5s;

	transition: .5s;

}

.productsBox  ul li:hover .productsA{

	display: block;

	width: 150px;

	height: 40px;

	padding-top: 10px;

	padding: 0 48px 0 20px;

	font-size: 16px;

	color: #fff;

	line-height: 40px;

	background: #4d9724 url(../images/productsIcon.png) no-repeat  170px center;

}

.productList a{

	display: block;

	font: 14px/35px "micosoft yahei";

	padding:0 20px;

	border-bottom: 1px  dashed #f2f2f2;

}



.productList a:hover{

	color: #4d9724;

}





.prodcursRight{

    width: 938px;

}

.prodcursRight h3{

    font: bold 18px/36px "micosoft yahei";

    color: #4d9724;

    display: inline-block;

}

.prodcursRight b{

    display: inline-block;

     font: bold 16px/36px "micosoft yahei";

     letter-spacing: 2px;

     margin-left: 10px;

}





.products-box ul li{

width: 206px;

height: 250px;

float: left;

margin: 7px 9px;

-webkit-transition: .5s;

transition: .5s;
}

.products-box ul li img{

    width: 206px;

    height: 220px;

    display: block;

}

.productsTitle{

    display: block;

    font: 15px/30px "micosoft yahei";

    background: #f7f8fc;

    text-align: center;

}



.productsCat ul li.products-list:hover{

	background: url(../images/products-ico2.png) no-repeat 30px 15px;

}



.products-box ul li:hover{

	-webkit-transform: translate(-2px,-2px);

	transform: translate(-2px,-2px);

	box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);

}





/* mbanner */

.mbanner1{

	width: 100%;

	height: 188px;

	background: url(../images/mbanner.jpg) no-repeat center;

}



.mbanner1 h4{

	font-size:24px;

	font-weight: bold;

	color: #fff;

	padding-top: 37px;

}

.mbanner1 h4 b{

	font-weight: 100;

	font-size: 16px;

	padding-left: 20px;	

}



.mbanner1 span{

	font-size: 14px;

	padding-top: 20px;

	display: block;

	color: #fff;

}



.mbanner1 p{

	font: 24px/36px "micosoft yahei";

	color: #fff;

}



.mbanner1 a{

	display: inline-block;

	width: 98px;

	height: 28px;

	border: 1px solid #fff;

	font-size: 14px;

	background: #f08200;

	line-height: 28px;

	text-align: center;

	color: #fff;

	vertical-align: text-bottom;

	margin-left: 20px;

	-webkit-transition: .5s;

	transition: .5s;

}



.mbanner1 a:hover{

	-webkit-transform: translateX(4px);

    transform: translateX(4px);

  

}



/* raseon */

.raseon{

	height: 405px;

	overflow: hidden;

}

.raseon1{

	height: 451px;

	overflow: hidden;

}

.raseonT{

	width: 1180px;

	height: 88px;

	background: url(../images/reasonT.jpg) no-repeat 463px center;

	text-align: center;

	margin: 40px auto 0;

}

.raseonT h3{

	font-size: 26px;

	font-weight: bold;

	color: #4d9724;

	line-height: 56px;

	padding-top: 15px;

}



.raseonT p{

	font-size: 14px;

}

.reason1Box {

	margin-top:50px;

}

.reason1Box ul li{

	float: left;

	width: 187px;

	margin: 0 54px;

}



.reason1Box ul li img{

	display: block;

	width: 187px;

	height: 157px;

	-webkit-transition: .5s;

	transition: .5s;

}



.reason1Box ul li h4{

	text-align: center;

	font-size: 16px;

	line-height: 36px;

}



.reason1Box ul li p{

	font: 14px/24px "micosoft yahei";

	margin-top: 10px;

}



.reason1Box ul li:hover img{

	-webkit-transform: translateY(-4px);

	transform: translateY(-4px);

}







/* case */

.case{

	height: 468px;

	overflow: hidden;

}

.caseT{

	width: 1180px;

	height: 88px;

	background: url(../images/caseT.jpg) no-repeat 7px center;

	text-align: center;

	margin: 40px auto 0;

}

.caseT h3{

	font-size: 26px;

	font-weight: bold;

	color: #4d9724;

	line-height: 56px;

	padding-top: 15px;

}



.caseT p{

	font-size: 14px;

}



.case-box{

	margin-top: 20px;

}

.case-box ul li{

	width: 272px;

	height: 290px;

	margin-top: 30px;

	position: relative;

	float: left;

	margin: 30px 11px 0;

}



.case-box ul li img{

	width: 272px;

	height: 290px;

	display: block;

	position: absolute;

	top: 0;

	left: 0;

}



.case-box ul li a.caseMore{

	width: 100%;

	height: 30px;

	position: absolute;

	z-index: 999;

	background: rgba(0, 0, 0, .5);

	color: #fff;

	text-align: center;

	line-height: 30px;

	bottom: 0;

	left: 0;

	-webkit-transition: .5s;

	transition: .5s;

}



.case-box ul li:hover a.caseMore{

	height: 290px;

	background: #4d9724;

	line-height: 290px;

}



.casePevr{

	width: 39px;

	height: 39px;

	display: block;

	background: url(../images/casePevr.png) no-repeat center;

	position: absolute;

	top: 160px;

	left: -50px;

	cursor: pointer;

}

.caseNext{

	width: 39px;

	height: 39px;

	display: block;

	background: url(../images/caseNext.png) no-repeat center;

	position: absolute;

	top: 160px;

	right: -50px;

	cursor: pointer;

}



.case-box  ul{

	height: 320px;

	overflow: hidden;

}



/* reason2 */



.reason2{

	width: 100%;

	height: 1105px;

	background: url(../images/reason2.jpg) no-repeat center;

	margin-top: 50px;

}



.reason2T{

	padding: 30px 0 0 50px;

}



.reason2T h3{

	font: bold 36px/40px "micosoft yahei";

	color: #fff;

}

.reason2T b{

	font: 20px/50px "micosoft yahei";

	color: #fff;

}

.reason2Title{

	margin-top: 120px;

}

.reason2Title h4{

	text-align: center;

	font-size:26px;

	font-weight: bold;

	color: #4d9724;

	margin-top: 40px;

}



.reason2Title p{

	text-align: center;

	font-size: 12px;

	color: #c2c2c2;

	padding-top: 10px;

}



.reason2Text{

	width: 300px;

	position: absolute;

	top: 430px;

	left: 174px;

	z-index: 999;

}



.reason2Text img{

	display: block;

	width: 185px;

	height: 30px;

	margin: 0 auto;

}



.reason2Text b{

	display: block;

	text-indent: 60px;

	font-size: 16px;

	line-height: 36px;

	color: #4d9724;

	letter-spacing: 8px;

}



.reason2Text p{

	width: 162px;

	font-size: 15px;

	line-height: 30px;

	margin: 40px 0 0 60px;

	color: #737373;

}



.reason2Tel{

	position: absolute;

	top:810px;

	left: 180px;

	z-index: 999;

}

.reason2Tel b{

	font: bold 26px/36px "micosoft yahei";

	display: block;

	color: #f08200;

	

}



.reason2Tel a{

	display: block;

	width: 187px;

	height: 36px;

	border: 1px solid #4d9724;

	border-radius: 4px;

	margin-top: 5px;

	line-height: 36px;

	text-align: center;

	color: #f08200;

	-webkit-transition: .5s;

	transition: .5s;

}



.reason2Tel a:hover{

	background: #4d9724;

	color: #fff;

	-webkit-transform: translate(-3px,-3px);

	transform: translate(-3px,-3px);

	box-shadow: 0px 0px 18px rgba(0, 0, 0, .2);

}

.reason2Box{

	height: 700px;

	position: absolute;

	top: 354px;

	left: 0;

	 width: 100%; 

}

.reason2Box .hd{

	width: 1180px;

	position: absolute;

	bottom: 20px;

}



.reason2Box .hd ul{

	width: 500px;

	margin: 0 auto;

}



.reason2Box .hd ul li{

	width: 50px;

	height: 50px;

	border-radius:50%;

	background: #ccc;

	float: left;

	margin: 0 37px;

	line-height: 50px;

	text-align: center;

	font-size: 24px;

	color: #fff;

	cursor: pointer;

}

.reason2Box .hd ul li.on{

	background: #f08200;

	color: #fff;

}



.reason2Box .bd{

	width: 680px;

	height: 576px;

	float: right;

	margin-right: 72px;

	overflow: hidden;

}



.reason2NumTl img{

	width: 50px;

	height: 50px;

}

.reason2NumTr h4{

	font-size: 20px;

	font-weight: bold;

	padding-left: 10px;

	color: #4d9724;

}

.reason2NumTr p{

	font-size: 15px;

	padding-left: 10px;

	color: #737373;

}

.reason2NumT{

	margin-left: 100px;

}

.reason2Txt {

	margin-top: 10px;

	height: 150px;

}

.reason2Txt p{

	width: 364px;

	padding-left: 40px;

	font-size: 14px;

	line-height: 28px;

	padding-bottom: 10px;

	background: url(../images/reason2Icon.png) no-repeat left 10px;

}



.reason2Img{

	display: block;

	width: 651px;

	height: 360px;

	margin-right: 510px;

}



/* about */

.about{

	width: 100%;

	height: 556px;

	background: url(../images/aboutBg.jpg) no-repeat center bottom;

	margin-top: 30px;

}



.aboutL{

	width: 520px;

	height: 380px;

	padding: 48px 35px;

}



.aboutL h3 a{

	display: block;

	font: bold 26px/36px "micosoft yahei";

	color: #4d9724;

}



.aboutL b{

	font-size: 16px;

	font-weight: normal;

}



.aboutL p{

	text-indent: 2em;

	margin-top: 30px;

	width: 436px;

	font-size: 14px;

	line-height: 28px;

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:7;

overflow: hidden;

height: 191px;

}



.aboutMore{

	width: 138px;

	height: 36px;

	display: block;

	background: #f08200;

	margin-top: 40px;

	font-size: 14px;

	text-align: center;

	line-height: 36px;

	color: #fff;

	-webkit-transition: .5s;

	transition: .5s;

}



.aboutMore:hover{

	-webkit-transform: translateX(10px);

	transform: translateX(10px);

	background:#4d9724;

	box-shadow: 0 0  8px rgba(0, 0, 0, .3);

}



.aboutR{

	width: 520px;

	height: 380px;

	padding: 48px 35px;

	background: #eeeeee;

}



.aboutR img{

	display: block;

	width: 520px;

	height: 380px;

}





/* alb */



.alb {



height: 269px;

}



.product_right {

	width: 1180px;

	height: 48px;

	margin: 0 auto;

}



.product_right .product_tit {

	width: 330px;

	height: 48px;

	margin: 0 auto;

}



.product_right .product_tit h3 a {

	float: left;

	width: 133px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	font-size: 14px;

	color: #333;

	background: transparent;

	margin: 0 15px;

	border: 1px solid #ccc;

}



.product_right .product_tit .active a {

	background: url(../images/cp_tab.jpg);

	color: #fff;

	background: #22a034;

	border: 1px solid #22a034;

}



.product_right .hide {

	display: none;

}



.product_right ul li {

	margin: 20px 4px 0;

	float: left;

	width: 226px;

	height: 188px;

}



.product_right ul li b {

	display: block;

	width: 226px;

	height: 158px;

	overflow: hidden;

}



.product_right ul li img {

	width: 226px;

	height: 158px;

	-webkit-transition: all 1s;

	-moz-transition: all 1s;

	-o-transition: all 1s;

	-ms-transition: all 1s;

	transition: all 1s;

}



.product_right ul li:hover img {

	transform: scale(1.05);

	-ms-transform: scale(1.05);

	/* IE 9 */

	-moz-transform: scale(1.05);

	/* Firefox */

	-webkit-transform: scale(1.05);

	/* Safari �� Chrome */

	-o-transform: scale(1.05);

	/* Opera */

}



.product_right ul li span {

	display: block;

	height: 35px;

	line-height: 35px;

	text-align: center;

	font-size: 14px;

}



.product_right ul li span a {

	color: #333;

}



.product_list {

	width: 1180px;

	margin: 0 auto;

}



.albMore{

	width: 300px;

	display: block;

	position: absolute;

	top: 20px;

	right: 0;

	background: url(../images/albLine.jpg) no-repeat left center;

	text-align: right;

	-webkit-transition: .5s;

	transition: .5s;

}

.albMore:hover{

	color: #4d9724;

	margin-right: 20px;

}



.product_right ul li:hover span{

	color: #4d9724;

}



/* mbanner2 */

.mbanner2{

	width: 100%;

	height: 188px;

	background: url(../images/mbanner2.jpg) no-repeat center;

	margin-top: 30px;

}



.mbanner2 h4{

	font-size:24px;

	font-weight: bold;

	color: #fff;

	padding-top: 37px;

	

}

.mbanner2 h4 b{

	font-weight: 100;

	font-size: 16px;

	padding-left: 20px;	

}

.mbanner2Box{

	margin-left: 603px;

}

.mbanner2 span{

	font-size: 14px;

	padding-top: 20px;

	display: block;

	color: #fff;

}



.mbanner2 p{

	font: 24px/36px "micosoft yahei";

	color: #fff;

}



.mbanner2 a{

	display: inline-block;

	width: 98px;

	height: 28px;

	border: 1px solid #fff;

	font-size: 14px;

	background: #f08200;

	line-height: 28px;

	text-align: center;

	color: #fff;

	vertical-align: text-bottom;

	margin-left: 20px;

	-webkit-transition: .5s;

	transition: .5s;

}



.mbanner2 a:hover{

	-webkit-transform: translateX(4px);

    transform: translateX(4px);

  

}







/*news*/

.news{

	width: 100%;

	height: 674px;

	overflow: hidden;

}





.news-box{

	width: 1180px;

	margin: 0 auto;

	padding-top: 50px;

}

.news-box h2 a{

	display: block;

	width: 210px;

	float: left;

	font: 26px/26px "microsoft yahei";

	color: #333;

	position: relative;

	z-index: 999;

}

/* 滑动门 */



#tab_pro {

	width: 1180px;

	position: absolute;

	margin: 0px auto;

}



#tab_pro .tab_pro_menu {

	width: 501px;

	height: 39px;

	display: block;

	margin: 0 auto;

}



#tab_pro .tab_pro_menu li {

	float: left;

	width: 135px;

	height: 38px;

	line-height: 40px;

	border-bottom: 0px;

	cursor: pointer;

	text-align: center;

	color: #808080;

	margin: 0px 16px;

	font: 14px/30px "microsoft yahei";

}

#tab_pro .tab_pro_menu li a{

	display: block;

	font: 14px/40px "microsoft yahei";

	width: 125px;

	height: 38px;

	color: #333;

	border: 1px solid #8c8c8c;

}

.news-box h2 span{

	font: 26px/32px "microsoft yahei";

	color: #808080;

}

#tab_pro .tab_pro_box {

	width: 1180px;

	clear: both;

	position: relative;

	top: 10px;

	margin-top: 10px;

}



#tab_pro .tab_pro_menu .selected  a{

	cursor: pointer;

	color: #fff;

	background: #4d9724;

	border: 1px solid #4d9724;

}



#tab_pro .hide {

	display: none;

}



.news-new{

	width: 376px;

	margin-top: 20px;

	height: 344px;

	border-bottom: 1px solid #ccc;

	float: left;

	margin: 10px 8px 0;

}

.news-new img{

	display: block;

	width: 376px;

	height: 180px;

}

.news-new:hover a{

	color: #4d9724;

}

.news-new:hover{

	border-bottom: 1px solid #4d9724;

}

.news-title{

	width: 100%;

	height: 40px;

	display: block;

	font: 16px/40px "microsoft yahei";

	overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

padding-top: 10px;

}

.news-line{

	width: 100%;

	height: 1px;

	background: #ccc;

	margin-top: 40px;

}

.news-new p{

	display: block;

	font: 14px/26px "microsoft yahei";

	color: #5f5f5f;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	height: 48px;

	padding-top: 10px;

}

.news-new span{

	font: 14px/26px "microsoft yahei";

	display: block;

	padding-top: 20px;

	color: #5f5f5f;

}

#tab_pro .hide {

	display: none;

}



.tab_pro_box ul li{

	float: left;

	width: 376px;

	height: 50px;

    margin: 0 7px 0px;

    -webkit-transition: all .5s ease;

	transition: all .5s ease;

	border-bottom: 1px solid #ccc;

}

.tab_pro_box ul li a{

	font: 14px/50px "microsoft yahei";

	color: #5f5f5f;

	float: left;

	text-overflow: ellipsis;

    white-space: nowrap;

    width: 15em;

    overflow: hidden;

}

.tab_pro_box ul li span{

	font: 14px/50px "microsoft yahei";

	color: #5f5f5f;

	float: right;

}

.tab_pro_box ul li a:after{

	display: block;

	content: "";

	clear: both;

}

.tab_pro_box ul li:hover a ,.tab_pro_box ul li:hover span{

	color: #4d9724;

}



/* links */

.links{

	height:120px;

	background: url(../images/links.jpg) no-repeat center 9px;

	margin-top: 30px;

	overflow: hidden;

}

.links h4{

	font: bold 24px/30px "micosoft yahei";

	padding-bottom: 30px;

}





.links a{

	display: inline-block;

	font: 14px/30px "micosoft yahei";

	margin: 0 10px

}

.links a:hover{

	color: #4d9724;

}