*{margin: 0; padding:0;}
	html,body{
		width: 100%;
		overflow-x: hidden;
	}
	img{
		vertical-align:middle;
	}
	.flex{
		display: flex;
	}
	
		.top .head{
			box-sizing: border-box;
			padding-left: 50px;
			height: 80px;
			background: url(../index_image/nav-bg.png) no-repeat;
			width: 100%;
			background-size: cover;
			align-items: center;
			display: flex;
			flex-direction: row;
			}
			.top .head .text-f{
				display: flex;
				flex-direction: row;
				white-space: nowrap;
				font-size: 16px;
				margin-left: 140px;
			}
				.top .head .f{
					padding: 30px 55px;
					list-style: none;
					color: #ffffff;
					text-decoration: none;
				}
		.middle .zjjy{
				position: relative;
				}
				.middle .zjjy .en{
					position: absolute;
					z-index: -1;
					left: 0;
					top: 0;
					color: #dbdbdb;
					font-size: 40px;
					margin-left: 279px;
					margin-top: -24px;
					text-transform: uppercase;
					
				}
				.middle .zjjy .zh{
					margin-left: 279px;
					margin-top: 64px;
					font-size: 35px;
					font-weight: bold;
					
					
				}
	.picture{
		flex-direction: row;
		display: flex;
		justify-content: center;
		
	}
	.content{
		margin:50px 279px;
	}
	.photo{
		flex-direction: row;
		display: flex;
		justify-content: center;
		
	}
	.dibu{
		height: 280px;
		display: flex;
		align-items: center;
		background: url('../index_image/di.png') no-repeat ;
		background-size: cover;
		}
		.dibu .wenzi{
			margin-left: 279px;
			display: flex;
			color: #ffffff;
			flex-direction: column;
			
		}
		.dibu .code{
			margin-left: 150px;
		}
		.dibu .logo{
			margin-left: 150px;
		}
	
	.img_active{
		overflow: hidden;
	}
	
	.img_active img{
		transition: all 0.6s;  
	}
	.img_active:hover img{
		/* width: 100%;
		height: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0; */
		-webkit-transform: scale(1.5, 1.5);
	}