.js-m.imgwidth {
		opacity: 0;
		filter: alpha(opacity=0);
		transition: clip-path 0.75s cubic-bezier(0.62, 0.04, 0, 0.96),opacity 0.5s;
		clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
	}

	.js-m.imgwidth.animate {
		clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
		opacity: 1;
	}


	.js-m.fadep {
		opacity: 0;
		transform: translateY(20px);
		transition:all 0.3s ease 0s;
	}

	.js-m.fadep.animate {
		opacity: 1;
		transform: translateY(0);
	}

	.sec_oneswiper .swiper-slide-active .lecon{
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	.sec_oneswiper .swiper-slide-active .ball_box .ico{
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	.sec_oneswiper .swiper-slide-active .ball_box .backcover{
		animation: widthx 2.3s both linear 0s;
	}
	.indexthree .main_img{
		transition:all 1s ease 0s;
		opacity: 0;
		transform:translateY(20px); 
	}

	.indexthree .swiper-slide-active .main_img{
		opacity: 1;
		transform:translateY(0); 	
	}

	.indexthree .conbox {
		transition:all 1s ease 0.3s;
		opacity: 0;
		transform:translateY(20px); 
	}

	.indexthree .swiper-slide-active .conbox{
		opacity: 1;
		transform:translateY(0); 
	}

	@media (min-width: 1025px) {
		.indexfour .lecon{
			transition:all 1s ease 0.5s;
			opacity: 0;
			transform:translateY(20px); 
		}
		.indexfour.swiper-slide-active .lecon{
			opacity: 1;
			transform:translateY(0); 
		} 



		.indexfive .indexlist_img li:first-child{
			transform:translateY(20px);
			transition:all 1s ease 0.5s;
			opacity: 0; 
		}
		.indexfive .indexlist_img li:nth-child(2){
			transform:translateY(20px);
			transition:all 1s ease 0.7s;
			opacity: 0; 
		}
		.indexfive .indexlist_img li:nth-child(3){
			transform:translateY(20px);
			transition:all 1s ease 0.9s;
			opacity: 0; 
		}

		.indexfive .indexlist_img li:nth-child(4){
			transform:translateY(20px);
			transition:all 1s ease 1.1s;
			opacity: 0; 
		}
		.indexfive .main_box {
			transform:translateY(20px);
			transition:all 1s ease 1.3s;
			opacity: 0; 
		}
		.indexfive.swiper-slide-active .main_box {
			opacity: 1;
			transform:translateY(0) 
		}

		.indexfive.swiper-slide-active .indexlist_img li:first-child{
			opacity: 1;
			transform:translateY(0) 
		}
		.indexfive.swiper-slide-active .indexlist_img li:nth-child(2){
			opacity: 1;
			transform:translateY(0) 
		}
		.indexfive.swiper-slide-active .indexlist_img li:nth-child(3){
			opacity: 1;
			transform:translateY(0) 
		}

		.indexfive.swiper-slide-active .indexlist_img li:nth-child(4){
			opacity: 1;
			transform:translateY(0) 
		}




		.scape_swiper .swiper-slide-active .index_moveline .backcover{
			animation: widthx 1.5s both linear 0.5s;
		}
		.scape_swiper .swiper-slide-active .index_moveline.index2 .backcover{
			animation: widthx 2s both linear 0.5s;
		}
		.scape_swiper .swiper-slide-active .index_moveline.index3 .backcover{
			animation: widthx 2s both linear 0.5s;
		}
		.scape_swiper .swiper-slide-active .index_moveline.index4 .backcover{
			animation: widthx 2s both linear 0.5s;
		}
		.scape_swiper .swiper-slide-active .index_moveline.index5 .backcover{
			animation: widthx 2s both linear 0.5s;
		}



		/*.scape_swiper .swiper-slide-active .ri_ball{
			animation: circlerotate 40s linear 1s infinite;
		}
		.scape_swiper .swiper-slide-active .ri_ball .item{
			animation: circlerotate2 40s linear 1s infinite;
		}
		.scape_swiper .swiper-slide-active .ri_ball .ico{
			animation: circlerotate2 40s linear 1s infinite;
		}
		.scape_swiper .swiper-slide-active .ri_ball .num_text{
			animation: circlerotate2 40s linear 1s infinite;
		}*/


		.scape_swiper .swiper-slide-active .ri_ball.hover{
			animation-play-state: paused;
		}
		.scape_swiper .swiper-slide-active .ri_ball.hover .item{
			animation-play-state: paused;
		}
		.scape_swiper .swiper-slide-active .ri_ball.hover .ico{
			animation-play-state: paused;
		}
		.scape_swiper .swiper-slide-active .ri_ball.hover .num_text{
			animation-play-state: paused;
		}

		/*企业文化*/
		.culone .con{
			transform:translateY(20px);
			transition:all 1s ease 0s;
			opacity: 0; 
		}
		.culone .indexlist_img li:first-child {
			transform:translateY(20px);
			transition:all 1s ease 0.2s;
			opacity: 0; 
		}
		.culone .indexlist_img li:first-child {
			transform:translateY(20px);
			transition:all 1s ease 0.4s;
			opacity: 0; 
		}
		.culone .indexlist_img li:nth-child(2) {
			transform:translateY(20px);
			transition:all 1s ease 0.6s;
			opacity: 0; 
		}
		.culone .indexlist_img li:nth-child(3) {
			transform:translateY(20px);
			transition:all 1s ease 0.8s;
			opacity: 0; 
		}

		.culone .indexlist_img li:nth-child(4) {
			transform:translateY(20px);
			transition:all 1s ease 1s;
			opacity: 0; 
		}

		.culone .indexlist_img li:nth-child(5) {
			transform:translateY(20px);
			transition:all 1s ease 1.2s;
			opacity: 0; 
		}


		.culone.swiper-slide-active .con{
			opacity: 1;
			transform:translateY(0) 
		}
		.culone.swiper-slide-active .indexlist_img li:first-child {
			opacity: 1;
			transform:translateY(0) 
		}
		.culone.swiper-slide-active .indexlist_img li:first-child {
			opacity: 1;
			transform:translateY(0) 
		}
		.culone.swiper-slide-active .indexlist_img li:nth-child(2) {
			opacity: 1;
			transform:translateY(0) 
		}
		.culone.swiper-slide-active .indexlist_img li:nth-child(3) {
			opacity: 1;
			transform:translateY(0) 
		}

		.culone.swiper-slide-active .indexlist_img li:nth-child(4) {
			opacity: 1;
			transform:translateY(0) 
		}

		.culone.swiper-slide-active .indexlist_img li:nth-child(5) {
			opacity: 1;
			transform:translateY(0) 
		}




		.cultwo .lecon {
			transform:translateY(20px);
			transition:all 1s ease 0.5s;
			opacity: 0; 
		}
		.cultwo .ricon {
			transform:translateY(20px);
			transition:all 1s ease 0.8s;
			opacity: 0; 
		}

		.cultwo.swiper-slide-active .lecon {
			opacity: 1;
			transform:translateY(0) 
		}
		.cultwo.swiper-slide-active .ricon {
			opacity: 1;
			transform:translateY(0) 
		}


		.indexthree .arrow_link{
			transition:all 0.3s ease 0s;
		}
		.indexthree .arrow_link:hover{
			transform:translateX(5px) 
		}
		.indexfive .first_img .img_link{
			transition:all 0.3s ease 0s;
		}
		.indexfive .first_img .img_link:hover{
			transform:translateX(5px) 
		}

	}