.banSwiper .swiper-button-next:after,

.banSwiper .swiper-button-prev:after {

	color: #1d2877;

	font-weight: 100;

}



.banSwiper .swiper-pagination-clickable .swiper-pagination-bullet {

	width: 20px;

	height: 20px;

	background: #fff;

	opacity: 1;

}



.banSwiper .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active {

	background: #1d2877;

}



.banInfo {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 1;

	box-sizing: border-box;

	padding-left: 150px;

	display: flex;

	align-items: center;

}



.banInfo div {

	width: 875px;

	text-align: center;

}



.banInfo h3 {

	font-family: 'AvenirLTStd-Light';

	font-size: 42px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

}



.banInfo h1 {

	font-family: 'IskoolaPota';

	font-size: 90px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 5px;

	color: #1d2877;

}



.banInfo a {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 260px;

	height: 50px;

	border: solid 3px #1d2877;

	box-sizing: border-box;

	font-family: 'AvenirLTStd-Light';

	font-size: 30px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #1d2877;

	margin: 30px auto 0;

	transition: .6s;

}



.banInfo a:hover {

	background: #1d2877;

	color: #fff;

}



.seven {

	width: 100%;

	box-sizing: border-box;

	padding: 150px 50px;

}



.title {

	text-align: center;

}



.sevBox {

	position: relative;

	margin-top: 100px;

	padding: 0 8%;

}



.sevSwiper {

	box-sizing: border-box;

}



.sevBox .swiper-button-next,

.sevBox .swiper-button-prev {

	top: 25%;

}



.sevList {

	position: relative;

	display: block;

	transition: .6s;

}



/* .sevList:hover{

	box-shadow: 0 3px 10px #ccc;

} */



.sevIcon {

	width: 80px;

	height: 80px;

	border-radius: 50%;

	overflow: hidden;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

}



.sevMg {

	max-width: 300px;

	border-radius: 50%;

	overflow: hidden;

	margin: 0 auto;

}



.sevMg img {

	transition: .6s;

}



a:hover .sevMg img {

	transform: scale(1.1);

}



.sevList h4 {

	font-size: 30px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #434343;

	text-align: center;

	margin: 30px 0 15px;

}



.sevList p {

	text-align: center;

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #959595;

	max-width: 230px;

	margin: 0 auto;

}



.sevBox .swiper-button-next:after,

.sevBox .swiper-button-prev:after,

.teamBox .swiper-button-next:after,

.teamBox .swiper-button-prev:after,

.detSwiper .swiper-button-next:after,

.detSwiper .swiper-button-prev:after {

	display: none;

}



.sevBox .swiper-button-next,

.sevBox .swiper-button-prev,

.teamBox .swiper-button-next,

.teamBox .swiper-button-prev,

.detSwiper .swiper-button-next,

.detSwiper .swiper-button-prev {

	width: 70px;

	height: 70px;

	border-radius: 50%;

	box-sizing: border-box;

	border: 1px solid #959595;

	transition: .6s;

	margin: 0;

}



.sevBox .swiper-button-next:hover,

.sevBox .swiper-button-prev:hover,

.teamBox .swiper-button-next:hover,

.teamBox .swiper-button-prev:hover,

.detSwiper .swiper-button-next:hover,

.detSwiper .swiper-button-prev:hover {

	background: #1D2877;

	border-color: #fff;

}



.sevBox .swiper-button-next img,

.sevBox .swiper-button-prev img,

.teamBox .swiper-button-next img,

.teamBox .swiper-button-prev img,

.detSwiper .swiper-button-next img,

.detSwiper .swiper-button-prev img {

	transition: .6s;

}



.sevBox .swiper-button-next:hover img,

.sevBox .swiper-button-prev:hover img,

.teamBox .swiper-button-next:hover img,

.teamBox .swiper-button-prev:hover img,

.detSwiper .swiper-button-next:hover img,

.detSwiper .swiper-button-prev:hover img {

	filter: grayscale(100%) brightness(600%);

}



.team {

	background: #F9F9F9;

	padding: 130px 0;

}



.teamBox {

	position: relative;

	padding-top: 140px;

	margin-top: -40px;

}



.teamBox .swiper-button-next,

.teamBox .swiper-button-prev {

	top: 0;

}



.teamBox .swiper-button-next,

.teamBox .swiper-rtl .swiper-button-prev {

	right: 13%;

}



.teamBox .swiper-button-prev,

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

	left: auto;

	right: calc(13% + 90px);

}



.teamSwiper {

	box-sizing: border-box;

	padding: 30px 11%;

}



.teamList {

	display: block;

	padding: 60px 70px 70px;

	background: #F1F1F1;

	transition: .6s;

	border-radius: 10px;

}



.teamList:hover {

	background: #1D2877;

	box-shadow: -9px 5px 30px 0px rgba(29, 40, 119, 0.3);

}



.teaMg {

	max-width: 200px;

	margin: 0 auto;

	border-radius: 50%;

	overflow: hidden;

}



.teaMg img {

	display: block;

	width: 100%;

}



.teamList h4 {

	text-align: center;

	font-family: 'AvenirLTStd-Black';

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #434343;

	margin: 50px 0 15px;

	transition: .6s;

}



.teamList p {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #434343;

}



.teamList:hover h4,

.teamList:hover p {

	color: #fff;

}



.teamList h6 {

	width: 17px;

	margin: 50px auto 0;

}



.teamList h6 img {

	transition: .6s;

}



.teamList:hover h6 img {

	filter: grayscale(100%) brightness(600%);

}



/* team */

.teamUl {

	margin: 150px 0 0;

	display: grid;

	grid-template-columns: repeat(3, 31%);

	justify-content: space-between;

}



.teamUl li {

	margin-bottom: 45px;

}



.teamUl .teamList {

	padding: 50px;

}



.page,

.page li {

	display: flex;

	align-items: center;

	justify-content: center;

}



.page a {

	display: flex;

	align-items: center;

	justify-content: center;

	box-sizing: border-box;

	width: 40px;

	height: 40px;

	border: 1px solid #dcdcdc;

	margin: 0 5px;

	transition: .6s;

	color: #666;

}



.page a img {

	display: block;

	width: 50%;

	transition: .6s;

}



.page a:hover,

.pagActive a {

	background: #1D2877;

	color: #fff;

}



.teamDeta {

	padding: 150px 0;

	position: relative;

}



.teamDeta .swiper-slide {

	justify-content: space-between;

	align-items: flex-start;

}



.teamDetMg {

	position: relative;

	margin-top: 45px;

	margin-left: 45px;

	width: 370px;

	border-radius: 20px;

}



.teamDetMg::before {

	content: '';

	display: block;

	width: 100%;

	height: 100%;

	background: #1D2877;

	position: absolute;

	top: -45px;

	left: -45px;

	border-radius: 20px;

}



.teamDetMg img {

	position: relative;

	z-index: 1;

}



.teamDetxt {

	width: calc(100% - 485px);

}



.teamDetxt h4 {

	font-family: 'AvenirLTStd-Black';

	font-size: 30px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #434343;

}



.teamDetxt h5 {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #434343;

	margin: 15px 0 30px;

}



.teamDetxt div {

	padding: 40px 0;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



.teamDetxt p {

	font-size: 16px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #434343;

}



.detSwiper .swiper-button-next,

.detSwiper .swiper-button-prev {

	position: static;

}



.control {

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 65px;

}



.control .swiper-button-prev,

.control .swiper-button-next {

	margin: 0 15px;

}



.abTxt {

	padding: 140px 0 90px;

	border-bottom: 1px solid #ddd;

}



.abTxt p {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 0px;

	color: #434343;

}



.aboutList {

	margin-top: 160px;

	display: grid;

	grid-template-columns: repeat(3, 340px);

	justify-content: space-between;

}



.aboMg {

	width: 150px;

	height: 150px;

	border-radius: 50%;

	overflow: hidden;

	margin: 0 auto 30px;

}



.aboMg img {

	display: block;

	width: 100%;

}



.aboTxt {

	text-align: center;

}



.aboTxt h5 {

	font-size: 24px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #434343;

	margin-bottom: 15px;

}



.aboTxt p {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 24px;

	letter-spacing: 0px;

	color: #434343;

}



.contFont {

	position: relative;

	margin: 150px 0 90px;

}



.contMode li,

.contCode {

	display: flex;

	align-items: center;

}



.contMode h5 {

	/* width: 135px; */

	width: 170px;

	font-size: 18px;

	font-stretch: normal;

	line-height: 72px;

	letter-spacing: 0px;

	color: #1d2877;

	white-space: nowrap;

	display: flex;

	align-items: center;

}



.contMode h5 img {

	display: block;

	width: 20px;

	margin-right: 25px;

}



.contMode p {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	letter-spacing: 0px;

	color: #1d2877;

	text-indent: 2rem;

}



.contCode {

	position: absolute;

	/* bottom: 0; */

	bottom: 40px;

	right: 0;

}



.contCode li {

	width: 160px;

	/* height: 160px; */

	/* border: solid 1px #d2d2d2; */

	margin-left: 40px;

	/* box-sizing: border-box; */

	/* padding: 5px; */

}



.contCode li:first-child {

	margin-left: 0;

}



.contCode li img {

	display: block;

	width: 100%;

	border: solid 1px #d2d2d2;

	box-sizing: border-box;

	padding: 5px;

}



.contMap img {

	display: block;

	width: 100%;

	margin: 0 0 35px;

}

.contCode p{
	text-align: center;
	color: #434343;
	line-height: 30px;
}



.contFom {

	max-width: 700px;

	margin: 50px auto 0;

}



.contFom p {

	text-align: center;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #434343;

}



.contFom form {

	margin-top: 50px;

}



.contFom form input,

.contFom form textarea {

	width: 100%;

	display: block;

	background: none;

	border: none;

	border-bottom: 1px solid #1D2877;

	text-indent: 2em;

	margin: 0 0 50px;

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

	resize: none;

}



.contFom form input::-webkit-input-placeholder {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

}



.contFom form input:-moz-placeholder {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

}



.contFom form input::-moz-placeholder {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

}



.contFom form input:-ms-input-placeholder {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

}



.contFom form h6 {

	font-size: 18px;

	font-weight: normal;

	font-stretch: normal;

	line-height: 36px;

	letter-spacing: 1px;

	color: #1d2877;

	text-indent: 2em;

}

.contFom form button {
	display: block;
	width: 160px;
	height: 50px;
	background-color: #1d2877;
	border-radius: 24px;
	box-sizing: border-box;
	border: 1px solid #1d2877;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 0 auto;
}



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



	.seven {

		padding: 100px 50px;

	}



	.team {

		padding: 100px 0;

	}



	.teamBox {

		padding-top: 130px;

		margin-top: -60px;

	}



	.teamList {

		padding: 40px 40px 50px;

	}



	.sevBox .swiper-button-next,

	.sevBox .swiper-button-prev,

	.teamBox .swiper-button-next,

	.teamBox .swiper-button-prev,

	.detSwiper .swiper-button-next,

	.detSwiper .swiper-button-prev {

		width: 65px;

		height: 65px;

	}



}





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



	.banInfo h1 {

		font-size: 60px;

	}



	.banInfo h3 {

		font-size: 34px;

	}



	.banInfo a {

		width: 220px;

		height: 40px;

		border: solid 2px #1d2877;

		font-size: 24px;

		margin: 20px auto 0;

		line-height: normal;

	}



	.seven {

		padding: 80px 50px;

	}



	.sevList h4 {

		font-size: 26px;

		line-height: 30px;

		margin: 20px 0 10px;

	}



	.sevList p {

		font-size: 21px;

	}



	.sevBox {

		margin-top: 60px;

	}



	.sevIcon {

		width: 60px;

		height: 60px;

	}



	.teamList h4 {

		font-size: 22px;

		margin: 20px 0 5px;

	}



	.teamList h6 {

		margin: 20px auto 0;

	}



	.team {

		padding: 70px 0;

	}



}





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



	.seven {

		padding: 50px 30px;

	}



	.sevBox .swiper-button-next,

	.sevBox .swiper-button-prev,

	.teamBox .swiper-button-next,

	.teamBox .swiper-button-prev,

	.detSwiper .swiper-button-next,

	.detSwiper .swiper-button-prev {

		width: 50px;

		height: 50px;

	}



	.sevList h4 {

		font-size: 22px;

		margin: 10px 0 5px;

	}



	.sevList p {

		font-size: 18px;

	}



	.sevBox {

		margin-top: 40px;

	}



	.team {

		padding: 50px 0;

	}



	.teamBox {

		padding-top: 90px;

		margin-top: -40px;

	}



	.banInfo h3 {

		font-size: 30px;

	}



	.banInfo h1 {

		font-size: 46px;

	}



	.banInfo a {

		width: 200px;

		font-size: 20px;

	}



	.teamUl {

		margin: 80px 0 0;

	}



	.teamUl .teamList {

		padding: 30px;

	}



	.aboutList {

		margin: 60px 0;

		grid-template-columns: repeat(3, 31%);

	}



	.abTxt {

		padding: 100px 0 70px;

	}



}





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



	.banInfo {

		padding: 0;

	}



	.banInfo h3 {

		font-size: 24px;

	}



	.banInfo h1 {

		font-size: 36px;

	}



	.banInfo a {

		width: 200px;

		font-size: 18px;

		margin: 10px auto 0;

	}



	.sevBox .swiper-button-next,

	.sevBox .swiper-rtl .swiper-button-prev {

		right: 0;

	}



	.sevBox .swiper-button-prev,

	.sevBox .swiper-rtl .swiper-button-next {

		left: 0;

	}



	.teamBox {

		padding-top: 60px;

		margin-top: -40px;

	}



	.teamUl .teamList {

		padding: 20px;

	}



	.teamUl {

		margin: 50px 0 0;

		grid-template-columns: repeat(2, 47.5%);

	}



	.abTxt {

		padding: 60px 0 30px;

	}



	.abTxt p {

		font-size: 16px;

		line-height: 30px;

	}



	.aboTxt h5 {

		font-size: 22px;

		margin-bottom: 10px;

	}



	.aboMg {

		width: 120px;

		height: 120px;

		margin: 0 auto 15px;

	}



	.aboTxt p {

		font-size: 16px;

		line-height: 20px;

	}



	.contFont {

		margin: 60px 0 40px;

	}



	.contCode {

		position: relative;

		bottom: 0;

		right: 0;

		margin-top: 20px;

	}



	.contMode h5 img {

		width: 17px;

		margin-right: 10px;

	}



	.contMode h5,

	.contMode p,

	.contFom p {

		font-size: 16px;

	}



	.contMode h5 {

		line-height: 40px;

		/* width: 120px; */


	}



	.contMode p {

		text-indent: 1rem;

	}



	.contFom p {

		line-height: 30px;

	}



	.contFom form input::-webkit-input-placeholder {

		font-size: 16px;

		line-height: 30px;

	}



	.contFom form input:-moz-placeholder {

		font-size: 16px;

		line-height: 30px;

	}



	.contFom form input::-moz-placeholder {

		font-size: 16px;

		line-height: 30px;

	}



	.contFom form input:-ms-input-placeholder {

		font-size: 16px;

		line-height: 30px;

	}

	

	.teamDeta .swiper-slide {

		flex-wrap: wrap;

	}



	.teamDetxt {

		width: 100%;

		margin-top: 20px;

	}



	.teamDetxt h4 {

		font-size: 26px;

	}



	.teamDetxt h5 {

		font-size: 16px;

		margin: 5px 0 15px;

	}



	.teamDetxt div {

		padding: 20px 0;

	}



	.teamDetxt p {

		font-size: 15px;

		line-height: 20px;

	}



}



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



	.banInfo h1 {

		font-size: 20px;

		letter-spacing: 2px;

	}



	.banInfo h3 {

		font-size: 15px;

	}



	.banInfo a {

		width: 150px;

		font-size: 15px;

		margin: 5px auto 0;

		height: 30px;

	}



	.banSwiper .swiper-button-next:after,

	.banSwiper .swiper-button-prev:after {

		display: none;

	}



	.banSwiper .swiper-pagination-clickable .swiper-pagination-bullet {

		width: 10px;

		height: 10px;

	}



	.seven {

		padding: 30px 15px;

	}



	.sevBox .swiper-button-next,

	.sevBox .swiper-button-prev,

	.teamBox .swiper-button-next,

	.teamBox .swiper-button-prev,

	.detSwiper .swiper-button-next,

	.detSwiper .swiper-button-prev {

		display: none;

	}



	.sevList h4 {

		font-size: 16px;

	}



	.sevList p {

		font-size: 13px;

	}



	.sevIcon {

		width: 40px;

		height: 40px;

	}



	.teamSwiper {

		padding: 30px 5% 0;

	}



	.teamBox {

		padding-top: 0;

		margin-top: 0;

	}



	.team {

		padding: 30px 0;

	}



	.teamList {

		padding: 20px 15px;

	}



	.teamList h4 {

		font-size: 18px;

		margin: 10px 0 5px;

	}



	.teamList p {

		font-size: 13px;

		line-height: 20px;

	}



	.teamList h6 {

		margin: 10px auto 0;

	}



	.teamUl {

		margin: 50px 0 0;

		grid-template-columns: repeat(2, 48.5%);

	}



	.teamUl li {

		margin-bottom: 10px;

	}



	.teamUl .teamList {

		padding: 20px 15px;

	}



	.page {

		margin-top: 15px;

	}



	.page a {

		width: 25px;

		height: 25px;

	}



	.abTxt {

		padding: 40px 0 20px;

	}



	.abTxt p {

		font-size: 14px;

		line-height: 25px;

	}



	.aboMg {

		width: 90px;

		height: 90px;

		margin: 0 auto 10px;

	}



	.aboTxt h5 {

		font-size: 18px;

		margin-bottom: 5px;

	}



	.aboTxt p {

		font-size: 13px;

	}



	.contFont {

		margin: 30px 0 20px;

	}



	.contMode li {

		flex-wrap: wrap;

	}



	.contMode h5 {

		line-height: 20px;

	}



	.contMode h5,

	.contMode p,

	.contFom p {

		font-size: 14px;

	}



	.contMode p {

		width: 100%;

		margin: 0 0 10px;

	}



	.contCode li {

		width: 100px;

		/* height: 100px; */

		margin-left: 0;

	}


	.contCode p{
		line-height: 30px;
	}



	.contCode {

		justify-content: space-evenly;

	}



	.contFom p {

		line-height: 22px;

	}



	.contFom form input,

	.contFom form textarea {

		text-indent: 1em;

		margin: 0 0 30px;

		font-size: 16px;

		line-height: 25px;

	}



	.contFom form h6 {

		font-size: 16px;

		line-height: 25px;

		text-indent: 1em;

	}

	.contFom form button {
		width: 140px;
		height: 35px;
		border-radius: 24px;
		font-size: 16px;
	}

	.teamDetxt {
		width: 100%;
		margin-top: 20px;
	}

	

	.teamDetMg {

		margin-top: 25px;

		margin-left: 25px;

		width: 280px;

		border-radius: 20px;

	}



	.teamDetMg::before {

		top: -25px;

		left: -25px;

	}



	.teamDeta {

		padding: 60px 0 0;

	}


}