* {
	margin: 0;
	padding: 0;
}
.container {
    width: 65%;
    margin: 0 auto;
}
img {
	max-width: 100%;
	height: auto;
}
.head {
	padding: 20px 0;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
}
.head .container {
	display: flex;
	align-items: center;
}
.grey {
	text-indent: 2em;
	line-height: 32px;
	color: #b3b3b3;
}
.subTitle {
	text-indent: 30px;
	font-size: 34px;
	margin: 100px 0;
	line-height: 40px;
	position: relative;
}
.subTitle::before {
	content: '';
	display: inline-block;
	height: 40px;
	width: 15px;
	background: #2fae74;
	position: absolute;
	left: 0;
	top: 0;
}
.director {
	background: #2eaf74;
	color: #fff;
	position: relative;
	padding: 65px 0 60px 125px;
	line-height: 32px;
	font-size: 18px;
	margin-bottom: 38px;
}
.avatar {
	position: absolute;
	bottom: -8px;
	right: 0;
	width: 621px;
}
.black-tetx {
	text-indent: 2em;
	font-size: 18px;
	line-height: 32px;
	color: #242424;
}
.swiper-wrapper-box {
	position: relative;
}
#introduce-swiper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.slide-box {
	background-color: rgba(0,0,0,0.65);
	border-radius: 20px;
	font-size: 18px;
	line-height: 32px;
	color: #FFFFFF;
	position: absolute;
	bottom: 2%;
	right: 7%;
	left: 25%;
	top: 13%;
}
.slide-box .title {
	font-size: 34px;
	text-align: center;
	position: absolute;
	top: 19%;
	left: 0;
	width: 100%;
}
.slide-box .num {
	font-size: 80px;
	text-align: right;
	position: absolute;
	top: 9%;
	right: 2%;
}
.slide-box .info {
	position: absolute;
	bottom: 10%;
	left: 10%;
	right: 6%;
}
#introduce-swiper .img {
	width: 42%;
	position: absolute;
	top: 5%;
	left: 7%;
	z-index: 2;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.swiper-button-next, .swiper-button-prev {
	z-idnex: 999;
}
#introduce-swiper .arrow {
	background-color: #2EAE75;
	background-image: none;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 6px;
}
.arrow-right {
	opacity: .6;
}
.arrow-right img {
	transform: rotate(180deg);
}
.footer {
 background: #0B1E56;
 color: #DDDDDD;
 padding-top: 72px;
 font-size: 16px;
}

.footer .content {
 display: flex;
 justify-content: space-between;
 padding-right: 15%;
}

.footer .title {
 font-size: 24px;
 font-weight: 500;
 color: #FFFFFF;
 line-height: 33px;
 margin-bottom: 30px;
}

.footer .qrCode {
 margin-bottom: 19px;
 width: 171px;
}

.footer .logo {
 width: 171px;
 margin-top: 35px;
 position: relative;
 top: -8px;
}

.footer a,
.footer p {
 display: block;
 color: #DDDDDD;
 margin: 20px 0;
}

.footer .Copyright {
 font-size: 16px;
 line-height: 22px;
 border-top: 1px solid #979797;
 padding: 16px 0 21px;
 margin: 0;
 text-align: center;
}

.footer .Copyright a {
 display: inline-block;
 margin: 0;
}

.footer .guanzhu {
 font-size: 18px;
 line-height: 25px;
 font-weight: 400;
 margin-bottom: 55px;
}
.home-container {
 width: 65%;
 margin: 0 auto;
}