* {
	margin: 0;
	padding: 0;
}

/*
1920/100 = 19.2   1vw = 19.2px
*/
html {
	position: relative;
}

body {
	background: #ffffff;
	font-family: "微软雅黑", sans-serif;
	font-size: 0.73vw;
	color: #000;
}

.contact {
	height: 5vw;
	position: absolute;
	right: 10vw;
	text-decoration: none;
	line-height: 5vw;
	color: #000000;
	font-size: 1vw;
}

.banner {
	width: 100%;
	height: auto;
	padding-top: 4.68vw;
}

@media screen and (max-width: 768px) {
	.banner {
		padding-top: 1rem;
	}

	/*简介模块*/
	.introduction {
		width: 80%;
		margin: 4.2vw auto;
	}

	.title {
		width: 100%;
		margin-bottom: 10px;
	}

	.logo {
		width: 30vw;
	}

	.in-chunk {
		width: 100%;
		padding: 0.52vw 0;
		font-size: 3.25vw;
		color: #221815;
		line-height: 4.54vw;
		/*text-indent: 2em;*/
		position: relative;
	}

	.title p:nth-of-type(1) {
		font-size: 5vw;
		/*45px*/
		line-height: 10vw;
		/*78px*/
	}

	.title p:nth-of-type(2) {
		font-size: 3.5vw;
		/*36px*/
		color: #415285;
		line-height: 5vw;
		/*62px*/
	}

	#posision-chunk {
		width: 68.625vw;
		height: 45.52vw;
		margin: 0 auto;
	}

	/*公司风采*/
	.environment {
		width: 90%;
		overflow: hidden;
		margin: 0 auto;

	}
}

@media screen and (min-width: 768px) {

	/*简介模块*/
	.introduction {
		width: 70%;
		margin: 4.2vw auto;
	}

	.title {
		width: 100%;
	}

	.logo {
		width: 14.95vw;
	}

	.title p:nth-of-type(1) {
		font-size: 3vw;
		/*45px*/
		line-height: 5vw;
		/*78px*/
	}

	.title p:nth-of-type(2) {
		font-size: 1.2vw;
		/*36px*/
		color: #415285;
		line-height: 2vw;
		/*62px*/
	}

	.in-chunk {
		width: 100%;
		padding: 0.52vw 0;
		font-size: 1.25vw;
		color: #221815;
		line-height: 3.54vw;
		/*text-indent: 2em;*/
		position: relative;
	}

	#posision-chunk {
		width: 48.625vw;
		height: 25.52vw;
		margin: 0 auto;
	}

	/*公司风采*/
	.environment {
		width: 80%;
		overflow: hidden;
		margin: 0 auto;

	}

}

.banner img {
	width: 100%;
	height: 100%;
}

/*简介模块*/


.title p {
	width: 100%;
	text-align: center;
}

/*地理位置*/
.posision {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 5vw;
}


/*公司风采*/
.en-chunk {
	width: 100%;
	height: 32vw;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 10vw;
	position: relative;
	margin-top: 3vw;
}

.box {
	overflow: hidden;
	position: absolute;
}

.box1 {
	top: 5vw;
	left: 4vw;
}

.box2 {
	top: 2vw;
	left: 17.5vw;
}

.box3 {
	top: 11vw;
	left: 30vw;
	z-index: 1;
}

.box4 {
	top: 1vw;
	left: 42vw;
}

.box5 {
	top: 16vw;
	right: 6vw;
}

.box6 {
	top: 5vw;
	left: 3vw;
}

.box7 {
	top: 27vw;
	left: 20vw;
}

.box8 {
	top: 1vw;
	left: 34vw;
}

.box9 {
	top: 23vw;
	right: 24vw;
}

.box10 {
	top: 6vw;
	right: 5vw;
}

.boxF1,
.boxS1,
.boxT1,
.boxF3,
.boxS3,
.boxT3,
.boxF4,
.boxS4,
.boxT4 {
	width: 16.66vw;
	height: 20.83vw;
	overflow: hidden;
}

.boxF2,
.boxS2,
.boxT2,
.boxF5,
.boxS5,
.boxT5 {
	width: 13.54vw;
	height: 16.93vw;
	overflow: hidden;
}

.boxF6,
.boxS6,
.boxT6 {
	width: 3.125vw;
	height: 3.91vw;
	overflow: hidden;
}

.boxF7,
.boxS7,
.boxT7 {
	width: 5.2vw;
	height: 6.5vw;
	overflow: hidden;
}

.boxF8,
.boxS8,
.boxT8,
.boxF9,
.boxS9,
.boxT9,
.boxF10,
.boxS10,
.boxT10 {
	width: 4.16vw;
	height: 5.2vw;
	overflow: hidden;
}

.boxF,
.boxS {
	visibility: hidden;
}

.boxF1,
.boxF2,
.boxF3,
.boxF4,
.boxF5,
.boxF6,
.boxF7,
.boxF8,
.boxF9,
.boxF10 {
	transform: rotate(120deg);
	float: left;
	margin-left: 10px;
	-ms-transform: rotate(120deg);
	-moz-transform: rotate(120deg);
	-webkit-transform: rotate(120deg);
}

.boxS1,
.boxS2,
.boxS3,
.boxS4,
.boxS5,
.boxS6,
.boxS7,
.boxS8,
.boxS9,
.boxS10 {
	transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
}

.boxT1,
.boxT2,
.boxT3,
.boxT4,
.boxT5,
.boxT6,
.boxT7,
.boxT8,
.boxT9,
.boxT10 {
	transform: rotate(-60deg);
	background: no-repeat 50% center;
	background-size: 125% auto;
	-ms-transform: rotate(-60deg);
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	visibility: visible;
}

.T1 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en1.png) no-repeat;
	background-size: auto 100%;
	background-position: -6vw 0;
	transition: all 0.5s;
}

.T1:hover,
.T2:hover,
.T3:hover,
.T4:hover,
.T5:hover {
	background-size: auto 110%;
}

.T2 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en2.png) no-repeat;
	background-size: auto 100%;
	background-position: -3vw 0;
	transition: all 0.5s;
}

.T3 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en3.png) no-repeat;
	background-size: auto 100%;
	background-position: -9vw 0;
	transition: all 0.5s;
}

.T4 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en4.png) no-repeat;
	background-size: auto 100%;
	background-position: -4vw 0;
	transition: all 0.5s;
}

.T5 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en5.png) no-repeat;
	background-size: auto 100%;
	transition: all 0.5s;
}

.T6 {
	background: url(https://jishukeji.oss-cn-beijing.aliyuncs.com/guanyuwomen/en-bg.png) no-repeat;
	background-size: auto 100%;
}