@font-face {
	font-family: 'AvenirLTStd-Black';
	src: url('/static/css/AvenirLTStd-Black.otf');
}

@font-face {
	font-family: 'AvenirLTStd-Book';
	src: url('/static/css/AvenirLTStd-Book.otf');
}

* {

	margin: 0;

	padding: 0;

	font-family: 'AvenirLTStd-Book';

}



a {

	text-decoration: none;

}



ul li {

	list-style: none;

}



input,

select,

textarea {

	outline: none;

}



.wrap {

	width: 1400px;

	margin: 0 auto;

}



.wrap01 {

	width: 1200px;

	margin: 0 auto;

}



/* header */

.hadTop {

	display: flex;

	justify-content: center;

	align-items: flex-start;

	padding: 20px 0;

	position: relative;

}



.hadTop form {

	display: flex;

	justify-content: space-between;

	width: 250px;

	height: 40px;

	background-color: #ffffff;

	border-radius: 19px;

	border: solid 1px #1d2877;

	position: absolute;

	top: 20px;

	left: 0;

}



.hadTop form input {

	border: none;

	background: none;

	text-indent: 1em;

	width: calc(100% - 50px);

}



.hadTop form button {

	width: 50px;

	border: none;

	background: none;

}



.hadTop form button img {

	display: block;

	margin: 0 auto;

	max-width: 100%;

}



.logo {

	display: block;

}



.logo img {

	display: block;

	width: 154px;

	margin: 0 auto;

}



.logo p {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #1d2877;

	text-align: center;

}



.lange {

	position: absolute;

	top: 20px;

	right: 0;

	display: flex;

}



.lange a {

	width: 30px;

	height: 30px;

	background-color: #ffffff;

	border: solid 1px #1d2877;

	box-sizing: border-box;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center;

	margin: 0 5px;

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

	transition: .6s;

}



.lange .langActive {

	background: #1d2877;

	color: #fff;

}



header hr {

	width: 100%;

	height: 1px;

	border: none;

	background: #eee;

}



.hadBtm,

.hadList,

.hadFont {

	display: flex;

	align-items: center;

	justify-content: space-between;

}





.hadList {

	width: 60%;

}



.hadList a {

	display: block;

	font-family: 'AvenirLTStd-Black';

	font-size: 20px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

}



.hadIcon {

	position: relative;

	width: 40px;

	padding: 30px 0;

	margin: 0 10px;

}



.hadIcon>img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.hadCode {

	position: absolute;

	top: 80px;

	left: -55px;

	width: 150px;

	box-sizing: border-box;

	border: 1px solid #9e9e9e;

	padding: 5px;

	display: none;

	transition: .6s;

	z-index: 3;

	background: #fff;

}



.hadIcon:hover .hadCode {

	display: block;

}



.hadCode::before {

	content: '';

	display: block;

	width: 6px;

	height: 6px;

	background: #fff;

	border-top: 1px solid #9e9e9e;

	border-right: 1px solid #9e9e9e;

	transform: rotate(-45deg);

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: -5px;

}



.hadCode img {

	display: block;

	width: 100%;

}



.hadFont p {

	font-family: 'AvenirLTStd-Black';

	padding-left: 10px;

	margin-left: 15px;

	border-left: 1px solid #9e9e9e;

	font-size: 20px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

}

/* html,body{
	height: 100%;
} */

.banner {

	width: 100%;

	position: relative;

	overflow: hidden;

	/* min-height: calc(100% - 300px); */

}



.banner>img {

	display: block;

	width: 100%;

}



.swiper {

	width: 100%;

	height: 100%;

}



.swiper-slide {

	background-position: center;

	background-size: cover;

	/* transition: 3s; */

	/* align-items: flex-end; */

	display: flex;

}



.swiper-slide img {

	display: block;

	width: 100%;

}



.banTitle {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	display: none;

}



.banTitle h2 {

	min-width: 360px;

	padding: 35px 0;

	text-align: center;

	background: url('../images/borderBack.png') center no-repeat;

	background-size: contain;

	font-size: 48px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 2px;

	color: #1d2877;

}



.title {

	font-size: 40px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

}



/* footer */

footer {

	margin-top: 200px;

}



.fotFont {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-bottom: 45px;

}



.fotFont a {

	display: block;

	width: 22px;

	margin: 0 10px;

}



.fotFont a img {

	display: block;

	width: 100%;

}



.fotNav,
.fotList{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}


.fotNav {
	margin-bottom: 20px;
}


.fotJoin h4{
	color: #1d2877;
	font-size: 24px;
	line-height: 40px;
}

.fotJoin form{
	display: flex;
	justify-content: space-between;
	width: 320px;
}

.fotJoin form input {
	border: 1px solid #D6DADE;
	background: #fff;
	text-indent: 1em;
	width: 200px;
	height: 35px;
}

.fotJoin form button {
	width: 100px;
	height: 35px;
	border: none;
	background: #181665;
	color: #fff;
}


.fotList{
	width: calc(100% - 400px);
}

.fotList a{
	display: block;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #1d2877;
	line-height: 50px;
}


.fotBtm {

	padding: 40px 0;

	font-size: 14px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 30px;

	letter-spacing: 0px;

	color: #ffffff;

	text-align: center;

	background: #1d2877;

}





@media screen and (max-width:1500px) {



	.wrap {

		width: 1200px;

	}



	.hadList {

		width: 58%;

	}



	.hadIcon {

		padding: 15px 0;

	}



	.hadCode {

		top: 60px;

	}



	footer {

		margin-top: 100px;

	}



}





@media screen and (max-width:1300px) {



	.wrap {

		width: 1100px;

	}



	.wrap01 {

		width: 1000px;

	}



	.title {

		font-size: 36px;

	}



	footer {

		margin-top: 50px;

	}



}





@media screen and (max-width:1200px) {



	.wrap,

	.wrap01 {

		width: 980px;

	}



	.hadTop form {

		width: 220px;

		height: 35px;

	}



	.hadList a,

	.hadFont p {

		font-size: 18px;

	}



	.hadList {

		width: 50%;

	}



	.hadIcon {

		padding: 10px 0;

		margin: 0 5px;

	}



	.hadCode {

		top: 50px;

	}



	.logo img {

		width: 120px;

	}



	.logo p {

		font-size: 15px;

		line-height: 30px;

	}



	.title {

		font-size: 32px;

	}



	.banTitle h2 {

		font-size: 36px;

	}





	.title {

		font-size: 28px;

	}



	.teamDetMg {

		margin-top: 40px;

		margin-left: 40px;

		width: 300px;

	}



	.teamDetxt {

		width: calc(100% - 390px);

	}



	.teamDeta {

		padding: 80px 0;

	}



}





@media screen and (max-width:1020px) {



	.wrap,

	.wrap01 {

		width: 90%;

	}



	.hadIcon {

		width: 25px;

	}



	.hadList a,

	.hadFont p {

		font-size: 16px;

	}



	.hadFont p {

		padding-left: 5px;

		margin-left: 10px;

	}



	.title {

		font-size: 28px;

	}



	footer {

		margin-top: 30px;

	}



	.fotFont {

		margin-bottom: 20px;

	}



	.fotBtm {

		padding: 30px 0;

	}



	.teamBox .swiper-button-prev,

	.teamBox .swiper-rtl .swiper-button-next {

		left: auto;

		right: calc(13% + 60px);

	}



	.banTitle h2 {

		font-size: 30px;

		padding: 20px 0;

	}





}



.mode,

.modForem,

.modLang,

.mask {

	display: none;

}



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



	.hadTop {

		padding: 10px 0;

	}



	.logo p,

	.hadIcon {

		display: none;

	}



	.logo img {

		width: 60px;

	}



	.title {

		font-size: 24px;

	}



	.mode {

		display: block;

		width: 30px;

	}



	.mode img {

		display: block;

		max-width: 100%;

		margin: 0 auto;

	}



	.pc {

		display: none !important;

	}



	.hadTop {

		display: flex;

		justify-content: space-between;

		align-items: center;

	}



	.hadBtm,

	.hadList,

	.hadFont {

		display: block;

		width: 100%;

	}



	.hadBtm {

		position: fixed;

		z-index: 6666;

		background: #fff;

		right: -100%;

		box-sizing: border-box;

		padding: 20px 20px 30px;

		width: 70%;

		max-width: 300px;

		height: 100%;

		transition: .6s;

	}



	.hadBtm.hadBtmShow {

		right: 0;

		top: 70px;

	}



	.hadList a,

	.hadFont p {

		line-height: 35px;

	}



	.hadFont p {

		padding-left: 0;

		margin-left: 0;

		border: none;

	}



	.modForem {

		display: flex;

		justify-content: space-between;

		width: 100%;

		height: 30px;

		background-color: #ffffff;

		border-radius: 19px;

		border: solid 1px #1d2877;

		margin: 0 0 20px;

	}



	.modForem input {

		border: none;

		background: none;

		text-indent: 1em;

		width: calc(100% - 50px);

	}



	.modForem button {

		width: 50px;

		border: none;

		background: none;

	}



	.modForem button img {

		display: block;

		margin: 0 auto;

		max-width: 100%;

	}



	.modLang {

		display: flex;

		margin-top: 15px;

	}



	.modLang a {

		width: 30px;

		height: 30px;

		background-color: #ffffff;

		border: solid 1px #1d2877;

		box-sizing: border-box;

		border-radius: 50%;

		display: flex;

		align-items: center;

		justify-content: center;

		margin: 0 5px;

		font-size: 16px;

		font-weight: normal;

		font-stretch: normal;

		letter-spacing: 0px;

		color: #1d2877;

		transition: .6s;

	}



	.modLang .langActive {

		background: #1d2877;

		color: #fff;

	}



	#header {

		position: sticky;

		z-index: 999999;

		top: 0;

		background: #fff;

	}



	.mask {

		position: fixed;

		width: 100%;

		height: 100%;

		left: 0;

		top: 70px;

		background: rgba(0, 0, 0, .7);

	}



	.fotBtm {

		line-height: 20px;

		padding: 12px 0;

	}



	.banTitle h2 {

		font-size: 20px;

		padding: 15px 0;

		min-width: 220px;

	}





}