/*首页*/
.title_h2{ font-size:24px; line-height:1; padding:65px 0 25px; }

.ind_banner .slick-prev,.ind_banner .slick-next{ display: none !important; }
.ind_banner .slick-dots{ bottom:25px; }
.index_1{ position: relative; background-size:cover !important; height:450px; }

.index_1 .wrap{ position: relative; height:100%; z-index:10; top:0; }
.index_1 .wrap .tit{ position: absolute; width:400px; height:250px; right:50px; text-align: right; color:#fff; top:50%; margin-top:-125px; text-shadow:0px 0px 10px rgba(0,0,0,0.2);  behavior: url(css/PIE.htc);}
.index_1 .wrap .tit h2{ line-height:1.2; font-size:48px; padding-bottom: 20px; }
.index_1 .wrap .tit p{ line-height:1.5; font-size:12px; }

.index_2{ padding:60px 0 0; }
.index_2 li{ float: left; width:300px; height:207px; background:url(../images/ind_2.jpg) no-repeat center; text-align: center; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  behavior: url(css/PIE.htc);}
.index_2 li .a{ display: block; height:100%; }

.index_2 li .ico{ padding:55px 0 10px; }
.index_2 li .ico img{ height:65px; width:80px; display: block; margin:0 auto; }
.index_2 li h3{ text-align: center; color:#fff; font-size:18px; }

.index_2 .li_2{ background:#446eb5; margin-left: 10px; }
.index_2 .li_3{ background:#446eb5; margin-left: 10px;}
.index_2 .li_4{ background:#009b40; margin-left: 10px; }

.index_3{ width:1251px; margin-left:-10px; padding-top:60px; }
.index_3 .li{ float: left; width:397px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px rgba(0,0,0,0.2);  behavior: url(css/PIE.htc); margin:0 10px; }
.index_3 .li .con{ height:210px; background:#fff; }
.index_3 .li .tit{ padding:25px 20px 0; }
.index_3 .li .tit h3{ font-size:24px; line-height:1.1; padding-bottom: 15px; }
.index_3 .li .tit h3 a.fr{ float: right; font-size:12px; line-height:24px; transition:all 0.3s; -webkit-transition:all 0.3s; width:90px; border:1px solid #eee; border-radius:10px; text-align: center; color:#474747; }
.index_3 .li .tit h3 a.fr:hover{ background:#009b40; color:#fff; border-color:#009b40; }
.index_3 .li li{ line-height:40px; border-top:1px solid #eee; font-size:14px; }


.index_3 .li li a{ display: block; }
.index_3 .li li:first-child{ border-top:0; }

.index_3 .li .img{ padding-bottom: 57%; position: relative; }
.index_3 .li .img a{  position: absolute; width:100%; height:100%; top:0; left:0; }
.index_3 .li img{ display: block; width:100%; height:100%; }



.index_6{ padding-bottom: 100px; }
.index_6 li{ float: left; width:25%; position: relative; behavior: url(css/PIE.htc); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.1); }
.index_6 li>a{ display: block; padding-bottom: 88.3%;}
.index_6 li>a img{ position: absolute; display: block; width:100%; height:100%; top:0; left:0;  }
.index_6 li .mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.index_6 li .tit{ position: absolute; width:90%; left:5%; text-align: center; top:50%; height:120px; margin-top:-60px; color:#fff; z-index:20; }
.index_6 li .tit span{ font-size:12px; line-height:1; display:block; }
.index_6 .li_2 .tit{ color:#474747; }
.index_6 .tit h3{ font-size:18px; line-height:1.5em; height:3em; }
.index_6 .tit i{ display: block; width:38px; margin:25px auto; height:1px; background:#fff; transition:all 0.3s; -webkit-transition:all 0.3s; }
.index_6 .li_2 .tit i{ background-color:#474747; }
.index_6 li.li_8{ background: #00c1ca; }
.index_6 .tit h3{ font-size:22px; line-height:3em; height:3em; }


.index_6 .li_3 .bg{ background:url(../images/line.png) repeat 0 0;  position: absolute; width:100%; height:100%; top:0; left:0; z-index:2; opacity:0.8; filter:alpha(opacity=80); }

/*	2017.10.17 - xf	start*/


.len_home4{ position: relative; margin-bottom: 100px;}
.len_home4 .list{ height: 216px; overflow: hidden;}
.len_home4 .list li{ float: left; width: 1230px; height: 216px;}
.len_home4 .list img{ display: block; width: 100%;}
.len_home4 .paging{ position: absolute; left: 0; right: 0; bottom: 10px; text-align: center;}
.len_home4 .paging a{ display: inline-block; margin: 0 5px; width: 50px; height: 4px; background-color: #fff;}
.len_home4 .paging a.selected{ background-color: #009b40;}
.len_home4 .paging span{ display: none;}

/*	2017.10.17 - xf	end*/
/*	2017.12.05 - lyc	start*/
.header .shareNav .a1{
    margin-left: 5px;
	width:auto;
	padding: 0 5px;
}
.header .shareNav .a1:first-child{
    margin: 0;
}
.header .shareBtn{
    margin-right: 0;
}

/*	2017.12.05 - lyc	end*/






@media only screen and (min-width:1279px) {
	.index_6 li:hover i{ width:80px; }
	.index_2 li:hover .ico img{ animation:rot 0.5s; -webkit-animation:rot 0.5s;  }
	
	.index_2 li{ transition:0.8s; -webkit-transition:0.8s; opacity:0; }
	.index_2 li:nth-child(1){ transform:translateX(-30px); -webkit-transform:translateX(-30px);  }
	.index_2 li:nth-child(2){ transform:translateX(-80px); -webkit-transform:translateX(-80px);  }
	.index_2 li:nth-child(3){ transform:translateX(-130px); -webkit-transform:translateX(-130px);  }
	.index_2 li:nth-child(4){ transform:translateX(-180px); -webkit-transform:translateX(-180px);  }
	.index_2.show li{ opacity:1 !important; transform:translateX(0px); -webkit-transform:translateX(0px); }
	
	.index_1{ overflow: hidden; }
	.index_1 .wrap .tit{ transform:translateX(80px); -webkit-transform:translateX(80px); transition:0.8s; -webkit-transition:0.8s; opacity:0; }
	.index_1.on .wrap .tit{ opacity:1 !important; transform:translateX(0px); -webkit-transform:translateX(0px); }

	@keyframes rot{ 
		0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
		25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
		75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	}
	@-webkit-keyframes rot{
		0% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
		25% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		50% { transform:rotate(-5deg); -webkit-transform:rotate(-5deg); }
		75% { transform:rotate(5deg); -webkit-transform:rotate(5deg); }
		100% { transform:rotate(0deg); -webkit-transform:rotate(0deg); }
	}
}

@media only screen and (max-width:1279px) {
	.index_1{ height:500px; }
    .index_1 .wrap .tit h2{ font-size:36px; }

    .index_2 li{ width:24%; margin:0 0.5% !important; }
    .index_2,.index_3{ width:101%; margin-left:-0.5%; }
    .index_3 .li{ width:32%; margin:0 0.66%; }
	
	.len_home4{ margin-bottom: 50px;}

	
}

@media only screen and (max-width:1024px) {
	
	.index_1{ height:400px;}
	.index_1 .wrap .tit{ position: static; padding:1.4rem 0; margin:0 auto; width:auto; text-align: center; height:auto; }
	.index_1 .wrap .tit h2{ font-size:30px;  }
	.index_1 .wrap .tit p{ text-align: justify; }
	.index_1 .wrap .tit p br{ display: none; }

	.index_2,.index_3{ padding-top:40px; }
	.title_h2{ padding-top:40px; }
	.index_6{ padding-bottom: 60px; }

	.index_1 .wrap .tit p{ display: none; }  
	
}
@media only screen and (max-width:1023px) {
    .index_3 .li .tit h3{ font-size:18px; }
    .index_3 .li .tit h3 a.fr{ line-height:20px; width:80px; }
	.index_3 .li .con{ height:195px; } 
	.index_2 li{ height:160px; }
	.index_2 li .ico{ padding-top:32px; }

	.index_6 li .tit{ height:90px; margin-top:-45px; }
	.index_6 li .tit h3{ font-size:16px; line-height:1.3; }
	.index_6 .tit i{ margin:5px auto 10px; }
	.index_6 .tit span{ font-size:12px; }

	.len_home4{ margin-bottom: 0.5rem;}
	.len_home4 .list{ height: 1.25rem;}
	.len_home4 .list li{ width: 7.1rem; height: 1.25rem;}
	.len_home4 .paging{ bottom: 0.1rem;}
	.len_home4 .paging a{ margin: 0 0.05rem; width: 0.5rem; height: 0.03rem;}

}

@media only screen and (max-width:750px) {
	.index_1 .wrap .tit h2{ font-size:0.4rem; padding-bottom: 0.2rem }
	.ind_banner .index_1{min-height:4rem;height:4rem;}
	.index_2 li{ height:2.4rem; }
	.index_2 li .ico img{ width:0.8rem; height:0.65rem; }
	.index_2 li .ico{ padding:0.55rem 0 0.15rem; }
	.index_2 li .ico h3{ font-size:0.24rem; }

	.index_3 .li .tit{ padding:0.2rem 0.2rem 0; }
	.index_3 .li .tit h3{ font-size:0.3rem; padding-bottom: 0.15rem; }
	.index_3 .li li{ line-height:0.6rem; font-size:0.24rem; }
	.index_3 .li .con{ height:2.4rem;} 
	
	.index_3 .li .tit h3 a.fr{ width:auto; padding:0 0.2rem; line-height:0.4rem; border-radius:0.2rem; font-size:0.2rem; margin-top: -0.05rem;}
	
	.index_6 li.tran_scale{ display: none; }

	.index_6 li.li_4{ display: block; }

	.index_6 li{ width:50%; }

	
	.title_h2{ font-size:0.4rem; padding:0.4rem 0; }
	.index_2 li h3{ font-size:0.28rem; line-height:1.1; }


	.index_3 .li{ width:100%; margin:0 0 0.4rem; padding:0; }
	.index_3 .li .tit{ padding:0.4rem 0.3rem; }
	.index_3 .li .con{ height:auto; }
	.index_6 li .tit h3{ font-size:0.3rem; }
	.index_2 li{ width:50%; padding:0; margin:0 !important; background-size:cover; }
	.index_6 .tit i{ margin:0.1rem auto 0.2rem; }
	.index_6 .tit span{ font-size:0.24rem; }
	.index_6 li .tit{ height:1.8rem; margin-top:-0.8rem; }


	.index_2,.index_3{ padding-top:0.6rem; }
	.slick-dots li button{ width:0.6rem; height:0.04rem; }
	/*	2017.12.05 - lyc	start*/
	.header .shareNav{
        padding-right: 0;
        width: 100%;
        text-align: center;
    }
    .header .shareNav > a{
        float: none;
        display: inline-block;
        
    }
	/*	2017.12.05 - lyc	end*/

	.ind_banner .slick-dots{ bottom:0.3rem; }

}

@media only screen and (max-width:640px) {

}


@media only screen and (min-width:1024px) {
	.transition{ opacity:0;
		-webkit-transition:opacity 2s, transform 2s;
		-webkit-transition:opacity 2s, -webkit-transform 2s;
		transition:opacity 2s, -webkit-transform 2s;
		transition:opacity 2s, transform 2s;
		transition:opacity 2s, transform 2s, -webkit-transform 2s;
		}

	.translateX-100{
		-webkit-transform:translateX(-100%);
		transform:translateX(-100%);
		}

	.translateX_100{
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
		}

	.translateY-100{
		-webkit-transform:translateY(-100px);
		transform:translateY(-100px);
	}

	.translateY_100{
		-webkit-transform:translateY(100px);
		transform:translateY(100px);
	}

	.show .transition{ opacity:1;
		-webkit-transform:translate(0,0);
		transform:translate(0,0);
		}
	

}
