.site_index{height: 6.5rem;}
.leixing_title {
	border-bottom: 1px solid #e8e8eb;
	p{color: #0f1217; border-bottom: 0.03rem solid #f42248;}
	a{color: #838b95;}
}
.el-dialog__wrapper{background: rgba(0,0,0,0.3);}

.product-show{
	background: #f7f8fa;
	height: 8.4rem;
	.product-list{
		.product_item {
			width: 32%;
			margin-right: 2%;
			height: 2.75rem;
			border: 1px solid #e8e8eb;
			-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;
            transform: translateY(100px);
            transition: 0.7s;
            transition-delay:0.27s;
            opacity: 0;
			&:nth-child(3n){margin-right: 0;}
			.pic-box{
				width: 100%;height: 100%; overflow: hidden;
				img{max-width: 100%; max-height: 100%; display: block;
				-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;
				}
			}
			.info{
				height: 0;width: 100%; overflow: hidden;
				background: #f42248;
				color: #fff;position: absolute;bottom: 0;
				-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;
			}
			&:hover{
				border: 1px solid #f42248;
				.pic-box img{-webkit-transform: scale(1.1);  transform: scale(1.1);}
				.info{height: 0.6rem; line-height: 0.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
			}
		}
	}
	.video-box{
		margin-left: 0.65rem;
		width: 4rem;
.video-list{height: 4.75rem;
.swiper-container {
    width: 100%;
    height: 100%;
}}
		.more{display: block; background: #4160f1; color: #fff; height: 0.8rem; line-height: 0.8rem; text-align: center;}
		.video_item {
			display: block;
			width: 100%;
			-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;
            transform: translateY(100px);
            transition: 0.7s;
            transition-delay:0.27s;
            opacity: 0;
			.pic-box{
				width: 100%;height: 100%; overflow: hidden;
			}
			.info{
				width: 100%;
				background: rgba(0,0,0,0.6);height: 0.42rem; line-height: 0.42rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
				color: #fff;position: absolute;bottom: 0;
				-moz-transition: 0.3s; -webkit-transition: 0.3s;  -o-transition: 0.3s; transition: 0.3s;
			}
			&:hover{
				.pic-box{
					span{color: #f42248;}
				}
				.info{background: #f42248;}
			}
		}
	}
}


/*新闻中心*/
.news-show {
	.news-box{
		.item_newsnp {
			padding: 0.3rem 0rem 0.3rem 0; 
			border-bottom: 1px solid #efeff0; 
			box-sizing: border-box; 
			width: 48.5%; 
			margin-right: 3%; 
			-webkit-transition: all 0.2s linear; 
			transition: all 0.2s linear;
			transform: translateY(100px);
			transition: 0.7s;
			transition-delay:0.27s;
			opacity: 0;
			.date {
				color: #b7c0c7;width: 1.1rem;
				b { display: block; color: #b7c0c7; }
			}
			.info{
				.title { color: #242d35;line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
			}
		}
		.item_newsnp:nth-child(2n){margin-right: 0;}
		.item_newsnp:hover {-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
		.item_newsnp:hover .info .title{color: #f42248;}
	}
}



.show .news-show,.product-show.show{
	.news-box{
		.item_newsnp {
			transform: translateY(0px);
			opacity: 1;
		}
	}
	.product-list{
		.product_item {
			transform: translateY(0px);
			opacity: 1;
		}
	}
	.video-box{
		.video_item {
			transform: translateY(0px);
			opacity: 1;
		}
	}
}

.develop-show{
        width: 4rem; margin-left: 0.65rem; height: 5.05rem; background: #f7f8fa; padding: 0 0.4rem 0.3rem 0.4rem; 
	.develop-box{height: 3.4rem; overflow: hidden;
		h3{color: #0f1217;}
		p{color: #59606a;}
.swiper-container {
    width: 100%;
    height: 100%;
}
		.swiper-slide{height: auto;}
	}
}