* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	height: 100%;
	/* position: absolute; */
	/* top: 0; */
	/* left: 0; */
	background: url(../images/bg.jpg) no-repeat center top;
	background-size: cover;
	background-attachment: fixed;
}

.sec_left {
	width: 1000px;
	float: left;
	padding: 50px;
	text-align: center;
	position: absolute;
	left: 50px;
	top: 50px;
}

.logo {
	width: 100%;
	float: left;
	padding: 30px 0;
}

.logo img {}

.bs {}

.bs img {
	max-width: 100%;
}

.bj {
	width: 100%;
	float: left;
	color: #33e67a;
	font-size: 20px;
	padding: 20px 0;
}

.jss {}

.jss a {
	width: 50%;
	float: left;
	padding: 10px;
	overflow: hidden;
}

.jss img {
	width: 100%;
	float: left;
}

.sec_right {
	position: absolute;
	bottom: 50px;
	right: 10px;
	width: calc(100% - 900px);
}

.sec_right img {
	width: 100%;
}
.sec_righte{display:none;}
@media (max-width:1560px) {
	.sec_left {
		width: 860px;
	}

	.sec_right {
		width: 800px;
	}

}

@media (max-width:1400px) {
	.sec_right {
		width: 750px;
	}

}

@media (max-width:1320px) {
	.sec_left {
		width: 720px;
	}
}

@media (max-width:1200px) {
	.sec_right {
		width: 660px;
	}
}

@media (max-width:1140px) {
	.sec_left {
		width: 650px;
		left: 0;
	}
}

@media (max-width:960px) {
	.sec_left {
		width: 100%;
		position: relative;
	}

	.sec_right {
		width: 100%;
		position: relative;
		float: left; display: none; 
	}
	.sec_righte{display:block;width: 100%;	float: left;text-align:center}
	.sec_righte img{width: 100%;	float: left;}
}

@media (max-width:768px) {

	.logo img {
		width: 200px;
	}

	.sec_right {
		width: 100%;
		position: initial;
		float: left;
		padding: 10px;
		margin-top: 30px;

	}
}

@media (max-width:540px) {
	.sec_left {
		width: 100%;
		padding: 10px;
		position: relative;
		top: 30px;
	}

	.jss a {
		width: 100%;
	}


}


.jss img:hover{transform: scale(0.9);}