.home-tit {
	width: 100%;
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	font-size: 32px;
	color:#333 ;
	text-align: center;
	margin-top: 74px;
}
.home-more-box {
	width:150px;
	height: 40px;
	overflow: hidden;
	margin: 26px auto auto auto;
	position: relative;
	border: 1px solid transparent;
	transition: all .3s linear;
}
.home-more-box:hover {
	border: 1px solid #9ed029;
}
.home-more {
	width: 120px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: block;
	font-size: 20px;
	color: #9ed029;
	position: absolute;
	left: 15px;
	top: 0px;
	transition: all .5s linear;
}
.home-more i {
	width: 27px;
	height: 40px;
	overflow: hidden;
	background: url(../images/jiantou_right.png) right center no-repeat;
	float: right;
	transition: all .3s linear;
}
.home-more:link,.home-more:visited {
	color: #9ed029;
}
.home-more:hover {
	left: 35px;	
}
.home-more:hover i {
	opacity: 0;
}

.home-more2 {
	width: 100%;
	height: 53px;
	overflow: hidden;
	background: url(../images/home-more-bg.png) center no-repeat;
	margin-top:78px;
}
.home-more2 a,.home-more2 a:link,.home-more2 a:visited,.home-more2 a:hover {
	width: 100px;
	height: 53px;
	overflow: hidden;
	display: block;
	margin: 0 auto;
	font-size: 14px;
	color: #b5b5b5;
	position: relative;
}
.home-more2 a p {
	width: 100%;
	position: absolute;
	text-align: center;
	bottom: 0px;
	left: 0px;
	z-index: 10;
}
/*home-line1*/
.home-line1-bg {
	width: 100%;
	min-width: 1300px;
	height: 760px;
	background-color: #f9fcfe;
	overflow: hidden;
}
.home-line1 {
    width: 1300px;
    height: auto;
	overflow: hidden;
    margin: 0 auto;
}
.about-ico-list {
	width: 1298px;
	height: 105px;
	margin: 35px auto auto auto;
}
.about-ico-list .about-box{
	transition:all .5s linear;
}
.about-ico-list .about-box.on {
	transform: translateY(30px);
    -webkit-transform: translateY(30px);
	opacity:0;
}
.about-ico-list ul li {
	width: 317px;
	height: 105px;
	float: left;
	margin-left: 10px;
}
.about-ico-list ul li img {
	display: block;
	margin: 0 auto;
}
.about-ico-list ul li p {
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 40px;
}
.about-list {
	width: 1298px;
	height: 350px;
	margin: 22px auto auto auto;
}
.about-list ul li {
	width: 317px;
	height: 323px;
	overflow: hidden;
	float: left;
	margin-left: 10px;
	-moz-box-shadow:0px 0px 5px #b4b5b1; 
	-webkit-box-shadow:0px 0px 5px #b4b5b1;
	box-shadow:0px 0px 8px #b4b5b1 ;
	background: url(../images/jiantou_2.png) 288px 287px no-repeat;
	position: relative;
}
.about-list ul li:after {
	width: 0px;
	height: 3px;
	overflow: hidden;
	content: "";
	position: absolute;
	z-index: 30;
	bottom: 0px;
	left: 0px;
	background-color:#178020 ;
	transition: all .3s linear;
}
.about-list ul li:hover:after{
	width: 317px;
}
.about-list ul li a {
	width: 317px;
	height: 323px;
	overflow: hidden;
	display: block;
	color: #333;
}
.about-list ul li a:link,.about-list ul li a:visited,.about-list ul li a:hover {
	color: #333;
}
.about-list ul li>img {
	width: 317px;
	height: 212px;
	display: block;
	margin: 0 auto;
}
.about-list ul li .on-bg {
	width: 317px;
	height: 212px;
	overflow: hidden;
	background-color: rgba(59,148,66,0.95) !important; 
	background-color: #3b9442; 
	filter: alpha(opacity=95);
	position: absolute;
	z-index: 10;
	top: 0px;
	left: 0px;
	opacity: 0;
	transition: all .3s linear;
}
.about-list ul li .on-text {
	width: 317px;
	height: 212px;
	overflow: hidden;
	position: absolute;
	z-index: 20;
	top: 0px;
	left: 0px;
	opacity: 0;
	transform: translateY(-20px);
    -webkit-transform: translateY(-20px);
	transition: all .5s linear;
	transition-delay: .2s;
	-webkit-transition-delay: .2s;
}
.about-list ul li .on-text img {
	display: block;
	margin: 53px auto auto auto;
}
.about-list ul li .on-text p {
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.about-list ul li:hover .on-bg{
	opacity: 1;
}
.about-list ul li:hover .on-text{
	opacity: 1;
	transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
.about-list ul li a>p {
	font-size: 15px;
	text-align: center;
	opacity: 0.65;
	line-height: 25px;
	margin-top: 22px;
}

/*home-line2*/
.home-line2-bg {
	width: 100%;
	min-width: 1300px;
	padding-bottom: 80px;
	height:auto;
	overflow: hidden;
	background-color: #fff;
}
.home-line2 {
    width: 1300px;
    height: auto;
	overflow: hidden;
    margin: 0 auto;
}
.home-line2 .fl-2 {
	display: none;
}
.home-pro-line1{
	width: 1300px;
	height: auto;
	overflow: hidden;
	margin-top: 44px;
}
.home-pro-line2 {
	width: 1300px;
	height: auto;
	overflow: hidden;
	margin-top: 5px;
}
.home-pro-left {
	width: 650px;
	height: 618px;
	overflow: hidden;
	float: left;
	background: url(../images/pro_bg.jpg) center no-repeat;
}
.home-pro-tit1 {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:55px;
	font-family:Arial;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	margin-top:76px;
}
.home-pro-tit2 {
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:22px;
	color:#fff;
}
.home-pro-right {
	width: 650px;
	height: 618px;
	overflow: hidden;
	float: right;
}
.home-pro-right ul li,.home-pro-line2 ul li{
	height: 306px;
	overflow: hidden;
	float: left;
	position:relative;
}
.home-pro-name {
	width:100%;
	height:30px;
	line-height:30px;
	font-size:19px;
	color:#000;
	position:absolute;
	left:0px;
	top:230px;
	z-index:10;
	text-align:center;
}
.home-pro-more {
	width:87px;
	height:30px;
	line-height:30px;
	background:url(../images/index4_61.png) right center no-repeat;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
	top:264px;
	color:#9ed029;
	z-index:30;
}
.home-big-more,.home-big-more:link,.home-big-more:visited {
	width:168px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	display:block;
	margin:62px auto auto auto;
	border:1px solid #fff;
	box-sizing:border-box;
	text-align:center;
	font-size:16px;
	color:#fff;
	transition: all .5s linear;
}
.home-big-more:hover {
	background-color:#3b9442;
	border:1px solid #3b9442;
}
.home-line2 ul li.top-5 {
	margin-top: 5px;
}
.home-line2 ul li.li-1 {
	width: 323px;
}
.home-line2 ul li.li-1 .home-pro-more {
	left:118px;
}
.home-line2 ul li.li-2 {
	width: 321px;
	margin-left: 6px;
}
.home-line2 ul li.li-2 .home-pro-more {
	left:115px;
}
.home-line2 ul li.li-3 {
	width: 317px;
	margin-left: 4px;
}
.home-line2 ul li.li-3 .home-pro-more {
	left:113px;
}
.home-line2 ul li.li-4 {
	width: 323px;
	margin-left: 6px;
}
.home-line2 ul li.li-4 .home-pro-more {
	left:116px;
}
.home-line2 ul li img {
	width: 100%;
	height: 100%;
	display: block;
}
.home-pro-fl {
	width:460px;
	height:auto;
	overflow:hidden;
	margin:75px auto auto auto;
}
.home-pro-fl ul li {
	width:166px;
	height:166px;
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #fff;
	margin:0px 32px;
	float:left;
	cursor:pointer;
	transition: all .5s linear;
}
.home-pro-fl ul li p {
	width:100%;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:17px;
	margin-top:11px;
}
.home-pro-fl ul li img {
	width:54px;
	height:54px;
	overflow:hidden;
	display:block;
	opacity:0.5;
	margin:46px auto auto auto;
}
.home-pro-fl ul li.on {
	background-color:#3b9442;
	border:1px solid #3b9442;
}
.home-pro-fl ul li.on img {
	opacity:1;
}
/*home-line3*/
.home-line3-bg {
	width: 100%;
	min-width: 1300px;
	height: 795px;
	overflow: hidden;
	background-color: #fafafa;
}
.home-line3 {
	width: 1300px;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
}
.home-service ul {
	width: 100%;
	height: 98px;
	overflow: hidden;
	margin-top: 50px;
	
}
.home-service ul li {
	width: 25%;
	height: 98px;
	border: 1px solid #eaeaea;
	border-left:0px ;
	float: left;
	box-sizing: border-box;
	cursor: pointer;
	background-color:#fff;
}
.service-con {
	padding-top: 80px;
}
.service-con .table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
	padding-left: 50px;
}
.home-line3 .item {
    display: none;
}
.home-line3 .txt {
    width: 50%;
    height: 314px;
}
.home-line3 .item .txt .line {
    width: 23px;
    height: 4px;
    background: #8fc31f;
    display: block;
    margin-bottom: 30px;
}
.home-line3 .item .txt p {
    font-size: 17px;
    color: #666;
    line-height: 1.588;
}
.home-line3 .item .txt a {
    width: 135px;
    height: 40px;
    border: 1px solid #8fc31f;
    background: #8fc31f;
    border-radius: 19px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    margin-top: 30px;
}
.home-line3 .item .txt a:hover{ background:none; color:#8fc31f; border-radius:2px; }
.home-service ul li p {
    font-size: 17px;
    color: #7c7c7c;
    line-height: 98px;
    float: left;
}
.home-service ul li.on p {
    color: #fff;
}
.home-service ul li.on {
	background: #8fc31f;
    border-color: #8fc31f;
}
.service-div {
	width: 234px;
	height: 98px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.home-service li i {
    display: block;
    background-image: url(../images/home-service-icon.png);
    background-repeat: no-repeat;
    background-size: 932px 151px;
}
.home-service li i.arrowB {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: -454px -35px;
    background-color: none;
    float: right;
    margin-top: 34px;
}
.home-service li.on i.arrowB {
    background-color: #fff;
    background-position: -454px -100px;
}
.home-service li i.icon {
    width: 40px;
    height: 40px;
    float: left;
    margin-top: 28px;
    margin-right: 15px;
}
.home-service li.on i.icon-1 {
	background-position: -596px -113px;
    
}
.home-service li i.icon-1 {
    background-position: -596px -33px;
}
.home-service li.on i.icon-2 {
	background-position: -895px -113px;  
}
.home-service li i.icon-2 {
    background-position: -895px -33px;
}
.home-service li.on i.icon-3 {
	background-position: 3px -110px;
}
.home-service li i.icon-3 {
    background-position: 3px -30px;
}
.home-service li.on i.icon-4 {
	background-position: -297px -110px;
}
.home-service li i.icon-4 {
    background-position: -297px -30px;
}

/*home-line4*/
.home-line4-bg {
	width: 100%;
	min-width: 1300px;
	height: auto;
	padding-bottom: 75px;
	background-color: #f5f5f5;
	overflow: hidden;
}
.home-line4 {
	width: 1300px;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
}


/*home-line5*/
.home-line5-bg {
	width: 100%;
	min-width: 1300px;
	height:auto;
	overflow: hidden;
	background-color: #fff;
}
.home-line5 {
	width: 1300px;
	height:auto;
	overflow: hidden;
	margin: 0 auto;
}
.joins{ width:100%; padding:70px 0px 70px; background:#f3f3f3; }
.joins-slide{ margin-top:60px; }
.joins-slide .pic{ width:863px; height:477px; }
.joins-slide .pic img { width:863px; height:477px;}
.joins-tab{ width:437px; height:477px; background:#fff;}
.joins-tab li{ width:437px; height:159px; border:1px solid #eee; padding:30px; left:0; position:relative; box-sizing: border-box; overflow:hidden; background:#fff; border-left:0px;}
.joins-tab li a{ width:100%; height:100%; display:block; }
.joins-tab li .txt { margin-top:65px; }
.joins-tab li .txt h2{ font-size:18px; color:#333; line-height:1.556; font-weight:100; }
.joins-tab li .txt span{ font-size:12px; color:#aeaeae; line-height:1.333; text-transform: uppercase; display:block; }
.joins-tab li .txt p{ font-size:13px; color:#fff; line-height:2.154; display:none; opacity:0; }
.joins-tab li i{ width:40px; height:40px; background:url("../images/home-joins-icon.png") no-repeat; background-size:40px 357px; position:absolute; right:30px; bottom:20px; }
.joins-tab li i.icon-1{ background-position:0px 0px; }
.joins-tab li i.icon-2{ background-position:0px -157px; }
.joins-tab li i.icon-3{ background-position:0px -317px; }
.joins-tab li.on{ left:-130px; background:#9ed029; width:567px; }
.joins-tab li.on .txt{ margin-top:5px; }
.joins-tab li.on .txt h2{ color:#fff; font-weight:bold;}
.joins-tab li.on span { color: #fff; opacity: 0.58;}
.joins-tab li.on .txt p{ display:block; margin-top:25px; opacity:1; color:#fff;}
.joins-tab li.on i{ opacity:0; }