.container {
	width: 1200px;
	margin: 0 auto
}

.i_menu {
	position: fixed;
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	z-index: 99999;
	left: 0px;
	top: 0px;
	background: rgba(42, 66, 161, 0.9)
}

.i_menu .logo {
	height: 90px;
	line-height: 90px;
	margin-left: 80px
}

.i_menu .logo img {
	height: 75px
}

.i_menu .r {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 53.4%;
	margin-right: 80px
}

.i_menu .r .menu {
	width: 90%
}

.i_menu .r .menu ul {
	display: flex;
	flex-direction: row
}

.i_menu .r .menu ul li {
	width: 14.28%
}

.i_menu .r .menu ul li a {
	display: block;
	font-size: 16px;
	color: #FFFFFF;
	text-transform: uppercase
}

.i_menu .r .edit {
	width: 10%;
	height: 26px;
	background: #FFFFFF;
	display: flex;
	flex-direction: row
}

.i_menu .r .edit a {
	display: block;
	width: 50%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 16px;
	color: #374da3
}

.i_menu .r .edit a:last-child {
	background: #ba8a24;
	color: #FFFFFF
}

@keyframes animation {
	from {
		transform: translate(0, 0)
	}
	to {
		transform: translate(0, 30px)
	}
}

@keyframes animation_a {
	from {
		transform: translate(0, 30px)
	}
	to {
		transform: translate(0, 0)
	}
}

.scrollbar {
	height: 200px;
	width: 100%;
	overflow-y: scroll
}

.scrollbar .force-overflow {
	height: 100%
}

#scrollbarstyle::-webkit-scrollbar-track {
	background-color: #000000
}

#scrollbarstyle::-webkit-scrollbar {
	display: none;
	width: 2px;
	background-color: #000000
}

#scrollbarstyle::-webkit-scrollbar-thumb {
	background-color: #eeeeee
}

.swiper-container {
	width: 100%;
	height: 100%
}

.swiper-container-vertical>.swiper-pagination-bullets {
	left: 80px
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 15px 0
}

.swiper-pagination-bullet {
	background: url(../images/page_icon.png) no-repeat;
	width: 104px;
	height: 30px;
	background-size: 22px 22px;
	opacity: 1
}

.swiper-pagination-bullet-active {
	background: url(../images/page_icon_h.png) no-repeat;
	width: 104px;
	height: 30px;
	background-size: 22px 22px;
	opacity: 1;
	background-position: 0px 4px
}

.menuname {
	margin-left: 40px;
	display: none;
	font-size: 14px;
	color: #ba8a24;
	line-height: 30px
}

.swiper-pagination-bullet-active .menuname {
	display: block
}

.fullScreenPag {
	width: 120px;
	z-index: 1
}

.swiper-button-next {
	right: 18.75%;
	background: url(../images/next.png) no-repeat
}

.swiper-button-prev {
	left: 18.75%;
	background: url(../images/prev.png) no-repeat
}

.swiper-button-next,
.swiper-button-prev {
	width: 40px;
	height: 40px;
	background-size: 40px 40px;
	z-index: 9999
}

.firstScreen .bgimg {
	background-size: cover;
	width: 100%;
	height: 100%
}

.firstScreen .banner .pcimg {
	margin: 0 23.9%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.firstScreen .banner .pcimg a {
	display: block
}

.firstScreen .guide {
	position: fixed;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.firstScreen .guide img {
	width: 16px;
	height: 83px
}

.secondScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.secondScreen .container {
	height: 100%
}

.secondScreen .flex {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.secondScreen .l {
	width: 483px;
	height: 540px
}

.secondScreen .l .title {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #ba8a24;
	text-transform: uppercase
}

.secondScreen .l .title span {
	line-height: 1;
	display: block;
	font-size: 16px;
	color: #ba8a24;
	font-weight: normal;
	margin: 16px 0 18px 0
}

.secondScreen .l .des {
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 24px;
	height: 112px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.secondScreen .l .cont {
	font-size: 14px;
	line-height: 28px;
	color: #999999;
	height: 252px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical
}

.secondScreen .l .more {
	margin-top: 32px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #ba8a24;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 20px
}

.secondScreen .l .more a {
	display: block;
	color: #FFFFFF
}

.secondScreen .r {
	width: 437px;
	height: 540px;
	background: no-repeat center
}

.secondScreen .r .img {
	margin: 0 0 0 57px;
	border-radius: 20px
}

.secondScreen .r .img img {
	border-radius: 20px
}

.secondScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.secondScreen .guide img {
	width: 16px;
	height: 83px
}

.thirdScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.thirdScreen .container {
	height: 100%
}

.thirdScreen .flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.thirdScreen .title {
	font-size: 40px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	margin-bottom: 40px;
	text-transform: uppercase
}

.thirdScreen .title span {
	color: #ba8a24
}

.thirdScreen .title p {
	margin-top: 18px;
	font-size: 20px;
	line-height: 1;
	color: #999999;
	font-weight: normal
}

.thirdScreen ul {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	height: 300px;
	background-color: #ffffff;
	border-radius: 10px
}

.thirdScreen ul li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 20%
}

.thirdScreen ul li img {
	width: 100px;
	height: 100px
}

.thirdScreen ul li span {
	display: block;
	margin: 24px 0 42px 0;
	width: 30px;
	height: 1px;
	background-color: #999999
}

.thirdScreen ul li p {
	font-size: 18px;
	line-height: 18px;
	color: #999999;
	text-align: center
}

.thirdScreen ul li:hover {
	cursor: pointer
}

.thirdScreen ul li:hover p {
	color: #c59f4d
}

.thirdScreen .btn {
	width: 100%;
	margin-top: 80px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.thirdScreen .btn a {
	display: block;
	margin: 0 20px;
	min-width: 240px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: #999999;
	padding: 0 20px
}

.thirdScreen .btn a:hover {
	background-color: #c59f4d;
	color: #ffffff
}

.thirdScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.thirdScreen .guide img {
	width: 16px;
	height: 83px
}

.fourthScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.fourthScreen .container {
	height: 100%
}

.fourthScreen .flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.fourthScreen .in {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	height: 541px;
	background: url(../images/condition_bg.png) no-repeat right bottom
}

.fourthScreen .title {
	text-align: center;
	font-size: 40px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	margin-bottom: 3%;
	text-transform: uppercase
}

.fourthScreen .title span {
	color: #ba8a24
}

.fourthScreen .title p {
	margin-top: 18px;
	font-size: 20px;
	line-height: 26px;
	color: #999999;
	font-weight: normal;
	text-transform: lowercase
}

.fourthScreen .l {
	width: 480px;
	height: 500px;
	background-color: #cfa959;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 60px;
	margin-right: 66px;
	box-sizing: border-box
}

.fourthScreen .l input {
	width: 360px;
	height: 60px;
	background-color: #ffffff;
	border: solid 1px #dddddd;
	margin-bottom: 30px;
	padding: 0 18px;
	box-sizing: border-box;
	font-size: 16px;
	color: #999999
}

.fourthScreen .l button {
	width: 360px;
	height: 60px;
	background-color: #313f98;
	font-size: 16px;
	color: #FFFFFF;
	border: 0px;
	margin-top: 20px
}

.fourthScreen .r {
	width: 396px;
	margin-top: 120px
}

.fourthScreen .r ul {
	display: flex;
	flex-direction: column
}

.fourthScreen .r ul li {
	display: flex;
	flex-direction: row;
	height: 45px;
	background-color: #ffffff;
	box-shadow: 0px 21px 7px 0px rgba(0, 0, 0, 0.1);
	border-radius: 23px
}

.fourthScreen .r ul li .num {
	width: 49px;
	height: 35px;
	background: url(../images/condition_icon.png) no-repeat center;
	font-size: 20px;
	color: #ffffff;
	line-height: 28px;
	text-align: center
}

.fourthScreen .r ul li .des {
	font-size: 18px;
	color: #b5841e;
	line-height: 45px;
	margin-left: 42px
}

.fourthScreen .r ul li:nth-child(2) {
	margin: 50px 0 59px 70px
}

.fourthScreen .r ul li:nth-child(1) {
	margin-left: 30px
}

.fourthScreen .r .tips {
	margin-top: 88px;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	opacity: 0.5
}

.fourthScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.fourthScreen .guide img {
	width: 16px;
	height: 83px
}

.fifthScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.fifthScreen .container {
	display: flex;
	flex-direction: row;
	height: 100%
}

.fifthScreen .l {
	width: 412px;
	height: 600px;
	padding-right: 84px;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	border-right: 1px solid #e5e5e5
}

.fifthScreen .l .title {
	text-align: left;
	font-size: 40px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	margin-bottom: 23%;
	text-transform: uppercase
}

.fifthScreen .l .title span {
	color: #ba8a24
}

.fifthScreen .l .title p {
	margin-top: 18px;
	font-size: 20px;
	line-height: 1;
	color: #999999;
	font-weight: normal;
	text-transform: lowercase
}

.fifthScreen .l .des {
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	height: 252px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical
}

.fifthScreen .l .more {
	margin-top: 82px;
	width: 120px;
	height: 40px;
	background-color: #ba8a24;
	border-radius: 20px;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff
}

.fifthScreen .r {
	width: 760px;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.fifthScreen .r .item {
	width: 760px;
	height: 200px;
	background-color: #faf6ee;
	margin-bottom: 1px;
	padding: 30px 34px 0 34px;
	box-sizing: border-box
}

.fifthScreen .r .item h3 {
	font-size: 20px;
	color: #333333;
	line-height: 1
}

.fifthScreen .r .item p {
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0px;
	color: #999999;
	margin-top: 13px;
	height: 120px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical
}

.fifthScreen .r .item:hover {
	cursor: pointer;
	background-color: #cfa959
}

.fifthScreen .r .item:hover h3,
.fifthScreen .r .item:hover p {
	color: #FFFFFF
}

.fifthScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.fifthScreen .guide img {
	width: 16px;
	height: 83px
}

.sixthScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.sixthScreen .flex {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.sixthScreen .in {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
	height: 541px
}

.sixthScreen .title {
	text-align: center;
	font-size: 40px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	margin-bottom: 2%;
	text-transform: uppercase
}

.sixthScreen .title span {
	color: #ba8a24
}

.sixthScreen .title p {
	margin-top: 18px;
	font-size: 20px;
	line-height: 1;
	color: #999999;
	font-weight: normal;
	text-transform: lowercase
}

.sixthScreen .swiper-slide {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	padding-top: 40px
}

.sixthScreen .item {
	transition: all ease-out .3s;
	width: 20%;
}

.sixthScreen .item a {
	display: block;
	margin: 0 12px
}

.sixthScreen .item .data {
	margin: 13px 0 6px 0;
	font-size: 14px;
	color: #333333;
	line-height: 1
}

.sixthScreen .item .title {
	font-size: 20px;
	color: #333333;
	line-height: 1;
	height: 22px;
	overflow: hidden;
	text-align: left
}

.sixthScreen .item .des {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	margin-top: 20px;
	height: 112px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.sixthScreen .item:hover {
	margin-top: -40px
}

.sixthScreen .bg1 {
	opacity: .3
}

.sixthScreen .bg5 {
	opacity: .3
}

.sixthScreen .more {
	width: 120px;
	height: 40px;
	background-color: #ba8a24;
	border-radius: 20px;
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
	text-align: center
}

.sixthScreen .more a {
	display: block;
	color: #FFFFFF
}

.sixthScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation 1.3s ease-in-out 2.7s infinite alternate
}

.sixthScreen .guide img {
	width: 16px;
	height: 83px
}

.seventhScreen .bgimg {
	position: relative;
	background-size: cover;
	width: 100%;
	height: 100%
}

.seventhScreen .container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%
}

.seventhScreen .copy {
	position: absolute;
	bottom: 30px;
	text-align: center;
	font-size: 14px
}

.seventhScreen .copy a {
	color: #999999
}

.seventhScreen .flex {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.seventhScreen .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.seventhScreen .title {
	text-align: center;
	font-size: 40px;
	line-height: 1;
	color: #333333;
	font-weight: bold;
	margin-bottom: 3%;
	text-transform: uppercase
}

.seventhScreen .title span {
	color: #ba8a24
}

.seventhScreen .title p {
	margin-top: 18px;
	font-size: 20px;
	line-height: 1;
	color: #999999;
	font-weight: normal;
	text-transform: lowercase
}

.seventhScreen .in {
	width: 1200px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.seventhScreen .in .item {
	width: 270px;
	height: 400px;
	overflow: hidden;
	position: relative
}

.seventhScreen .in .item .img a {
	display: block;
	width: 270px;
	height: 400px;
	overflow: hidden;
	background: no-repeat top center;
	background-size: cover;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px
}

.seventhScreen .in .item .intro {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 2;
	width: 100%;
	height: 216px;
	background: rgba(24, 35, 44, 0.75);
	padding: 20px 0 20px 20px;
	box-sizing: border-box
}

.seventhScreen .in .item a {
	display: block
}

.seventhScreen .in .item .i_name a {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.seventhScreen .in .item .i_name .name {
	font-size: 24px;
	color: #ffffff;
	line-height: 1
}

.seventhScreen .in .item .i_name .name span {
	display: block;
	font-size: 16px;
	color: #ff7836;
	line-height: 1;
	margin-top: 13px
}

.seventhScreen .in .item .i_name .num {
	width: 110px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	background-color: #cfa959;
	border-radius: 12px 0px 0px 12px;
	font-size: 14px;
	color: #ffffff;
	overflow: hidden
}

.seventhScreen .in .item .des {
	margin-top: 16px;
	padding-right: 20px;
	height: 84px;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.seventhScreen .in .item .des a {
	color: #FFFFFF
}

.seventhScreen .in .item .btn {
	margin-top: 12px;
	position: absolute;
	bottom: -50px
}

.seventhScreen .in .item .btn a {
	display: block;
	width: 230px;
	height: 40px;
	background-color: #ff7836;
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
	text-align: center
}

.seventhScreen .in .item:hover .des {
	height: 56px;
	-webkit-line-clamp: 2
}

.seventhScreen .in .item:hover .btn {
	cursor: pointer;
	bottom: 12px;
	animation: animation_b 0.5s 1
}

.seventhScreen .more {
	width: 120px;
	height: 40px;
	margin-top: 80px;
	background-color: #ba8a24;
	border-radius: 20px;
	font-size: 14px;
	color: #ffffff;
	line-height: 40px;
	text-align: center
}

.seventhScreen .more a {
	display: block;
	color: #FFFFFF
}

.seventhScreen .guide {
	position: absolute;
	bottom: 0px;
	z-index: 999;
	width: 16px;
	height: 83px;
	margin: 0 49.58%;
	animation: animation_a 1.3s ease-in-out 2.7s infinite alternate
}

.seventhScreen .guide img {
	width: 16px;
	height: 83px
}

@keyframes animation_b {
	0% {
		bottom: 0px
	}
	50% {
		bottom: 12px
	}
	100% {
		bottom: 12px
	}
}

.foot {
	height: 544px;
	background: #202020
}

.enroll {
	height: 200px;
	background-color: #2a42a1
}

.enroll .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.enroll .l {
	width: 430px;
	height: 200px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	background: url(../images/enroll_icon.png) no-repeat right center
}

.enroll .l .title {
	font-size: 30px;
	color: #ffffff;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase
}

.enroll .l .title span {
	color: #ff7836
}

.enroll .l .tit {
	font-size: 20px;
	color: #ffffff;
	line-height: 26px;
	margin-top: 22px
}

.enroll .l .tit span {
	color: #fe1d5c
}

.enroll .r input {
	width: 180px;
	height: 50px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	text-align: center;
	font-size: 16px;
	color: #999999;
	margin-left: 26px
}

.enroll .r button {
	width: 180px;
	height: 50px;
	background-color: #ff7836;
	border: solid 1px #ff7836;
	font-size: 16px;
	color: #ffffff;
	margin-left: 26px
}

.footer {
	padding-top: 42px;
	box-sizing: border-box
}

.footer .in {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.footer .l {
	width: 192px
}

.footer .l .tel {
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
	margin-bottom: 80px
}

.footer .l .tips {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	text-transform: uppercase
}

.footer .m {
	width: 640px
}

.footer .m ul {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.footer .m ul .title a {
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	text-transform: uppercase
}

.footer .m ul .cont {
	display: flex;
	flex-direction: column
}

.footer .m ul .cont a {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.5;
	margin-top: 6px
}

.footer .r {
	width: 140px;
	height: 200px;
	padding-top: 10px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #000000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center
}

.footer .r img {
	width: 110px;
	height: 110px;
	overflow: hidden
}

.footer .r span {
	display: block;
	margin-top: 22px;
	font-size: 14px;
	line-height: 24px;
	color: #999999
}

.footer .copy {
	margin-top: 40px
}

.footer .copy a {
	display: block;
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 14px;
	line-height: 24px;
	color: #999999
}

.nybanner {
	text-align: center
}

.nybanner img {
	height: 400px;
	overflow: hidden;
	display: block
}

.submenu {
	background: #FFFFFF;
	text-transform: uppercase
}

.submenu .container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	height: 60px
}

.submenu .l {
	color: #999999
}

.submenu .l a {
	font-size: 14px;
	color: #999999
}

.submenu .r a {
	font-size: 16px;
	color: #333333;
	margin-left: 38px
}

.submenu .r a:hover {
	color: #ba8a24
}

.page {
	margin: 66px 0
}

.page ul {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center
}

.page ul li {
	margin: 0 3px
}

.page ul li .num {
	display: block;
	width: 40px;
	height: 40px;
	background-color: #efefef;
	border: solid 1px #d0d0d0;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #333333
}

.page ul li .num:hover {
	background-color: #236fdd;
	border: solid 1px #236fdd;
	color: #FFFFFF
}

.page ul li .prev,
.page ul li .next {
	display: block;
	width: 80px;
	height: 40px;
	background-color: #efefef;
	border: solid 1px #d0d0d0;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #333333
}

.page ul li .prev:hover,
.page ul li .next:hover {
	background-color: #236fdd;
	border: solid 1px #236fdd;
	color: #FFFFFF
}

.nyabout .secondScreen .bgimg {
	height: 774px
}

.nyabout .secondScreen .l .des {
	overflow: initial
}

.nyabout .secondScreen .l .cont {
	overflow: initial
}

.nyabout .bigimg {
	text-align: center
}

.nyabout .bigimg img {
	height: 500px;
	overflow: hidden
}

.nynews .container {
	width: 1224px;
	margin: 0 auto
}

.nynews ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	margin-left: -24px
}

.nynews ul li {
	width: 384px;
	margin-top: 40px;
	margin-right: 24px
}

.nynews ul li .item a {
	display: block;
	margin: 0 12px
}

.nynews ul li .item .img {
	width: 384px;
	height: 302px;
	background: no-repeat center;
	background-size: cover
}

.nynews ul li .item .data {
	margin: 13px 0 6px 0;
	font-size: 14px;
	color: #333333;
	line-height: 1
}

.nynews ul li .item .title {
	font-size: 20px;
	color: #333333;
	line-height: 1;
	height: 22px;
	overflow: hidden;
	text-align: left
}

.nynews ul li .item .des {
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	margin-top: 20px;
	height: 112px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.nyactivity {
	margin-left: -40px
}

.nyactivity .container {
	width: 1240px
}

.nyactivity ul {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start
}

.nyactivity ul li {
	width: 290px;
	height: 225px;
	margin-top: 40px;
	margin-right: 20px
}

.nyactivity ul li .img {
	width: 270px;
	height: 175px;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover;
	margin-left: 20px
}

.nyactivity ul li .name {
	width: 270px;
	height: 50px;
	padding: 0 10px;
	margin-left: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	background: #FFFFFF
}

.nyactivity ul li .name span {
	display: block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	display: -webkit-box;
	overflow: hidden;
	white-space: normal !important;
	text-overflow: ellipsis;
	word-wrap: break-word;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	font-size: 20px;
	color: #333333
}

.nyactivity ul li .info {
	position: absolute;
	top: 10px;
	bottom: 0;
	left: 30px;
	right: 10px;
	text-align: center;
	border: solid 1px #ffffff;
	width: 250px;
	height: 155px
}

.nyactivity ul li .info .intro {
	position: absolute;
	bottom: 10px;
	left: -32px;
	width: 200px;
	height: 68px;
	overflow: hidden;
	background-color: #364ca2;
	font-size: 14px;
	line-height: 28px;
	color: #ffffff;
	text-align: left;
	padding: 6px 14px
}

.nyactivity ul .ih-item {
	position: relative;
	overflow: hidden;
	width: 290px;
	margin-left: 20px
}

.nyactivity ul .ih-item .info {
	opacity: 0;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in
}

.nyactivity ul .ih-item a:hover .info {
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.nyactivity ul .ih-item.right_to_left .info {
	-webkit-transform: translate(460px, -100px) rotate(180deg);
	-moz-transform: translate(460px, -100px) rotate(180deg);
	-ms-transform: translate(460px, -100px) rotate(180deg);
	-o-transform: translate(460px, -100px) rotate(180deg);
	transform: translate(460px, -100px) rotate(180deg)
}

.nyactivity ul .ih-item.right_to_left a:hover .info {
	-webkit-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	-o-transform: translate(0px, 0px);
	transform: translate(0px, 0px)
}

.nyquery {
	margin-bottom: 90px
}

.nyquery .search {
	margin: 32px 0 40px 0;
	height: 80px;
	background-color: #ffffff;
	border: solid 1px #ffffff;
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: space-between
}

.nyquery .search input {
	width: 1000px;
	border: 0;
	padding: 0 26px;
	box-sizing: border-box
}

.nyquery .search button {
	width: 200px;
	height: 80px;
	background-color: #ba8a24;
	border: 0;
	font-size: 20px;
	color: #ffffff
}

.nyquery .search button img {
	margin-right: 20px
}

.nyquery .cont {
	min-height: 650px;
	background-color: #ffffff;
	padding: 20px 10px;
	font-size: 16px;
	line-height: 28px;
	color: #999999;
}

.nyquery .cont .xp {
    float: left;
	width: 300px;
	height: 600px;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.nyquery .cont .xp .thumb {
    margin-top: 120px;
}

.nyquery .cont .xp .thumb img {
    width: 220px;
    height: 260px;
    overflow: hidden;
}

.nyquery .cont .xp .name {
    line-height: 30px;
    margin-top: 5px;
}

.nyquery .cont .xp .certificate {
    line-height: 30px;
    margin-top: 5px;
}

.nyquery .cont .zs {
    float: right;
	width: 850px;
	height: 600px;
	overflow: hidden;
	position: relative;
	background: url(../images/iaca2.png) no-repeat;
	background-size: cover;
}

.nyquery .cont .zs .name {
    position: absolute;
    left: 420px;
    top: 255px;
    width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #000000;
}

.nyquery .cont .zs .certificate {
    position: absolute;
    left: 417px;
    top: 287px;
    width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #000000;
}

.nyquery .cont .zs .carddate {
    position: absolute;
    left: 630px;
    top: 537px;
    width: 200px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #000000;
}


.nycontact .iner {
	margin-top: 32px;
	height: 370px;
	background-color: #ffffff;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.nycontact .iner .item {
	width: 342px;
	margin-left: 40px
}

.nycontact .iner .item .title {
	padding-top: 40px
}

.nycontact .iner .item .title h3 {
	font-size: 20px;
	line-height: 1;
	color: #333333
}

.nycontact .iner .item .title p {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1;
	color: #999999
}

.nycontact .iner .item .line {
	margin: 50px 0 24px 0;
	width: 10px;
	height: 1px;
	background: #999999
}

.nycontact .iner .item .cont {
	font-size: 16px;
	color: #333333;
	line-height: 38px
}

.nycontact .iner .item .cont span {
	color: #999999
}

.nycontact .iner .item_a {
	width: 400px;
	height: 370px;
	background-color: #ba8a24;
	margin-left: 40px;
	padding: 40px 30px 0 30px
}

.nycontact .iner .item_a .title {
	font-size: 14px;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 12px
}

.nycontact .iner .item_a .tel {
	font-size: 40px;
	line-height: 1;
	color: #ffffff;
	margin-bottom: 34px
}

.nycontact .iner .item_a .line {
	margin: 0 0 34px 0;
	width: 10px;
	height: 1px;
	background: #ffffff
}

.nycontact .map {
	margin-bottom: 62px
}

.nydetail {
	background: #FFFFFF;
	padding: 40px;
	margin-top: 40px;
	margin-bottom: 40px
}

.nydetail .title {
	font-size: 24px;
	line-height: 1;
	color: #333333;
	text-align: center
}

.nydetail .release {
	text-align: center;
	font-size: 14px;
	line-height: 1;
	color: #999999;
	margin: 20px 0 30px 0
}

.nydetail .cont {
	font-size: 14px;
	line-height: 40px;
	color: #333333
}

.nydetail .other {
	margin: 46px 0
}

.nydetail .other ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between
}

.nydetail .other ul li a {
	font-size: 14px;
	color: #999999
}

.nytutor .seventhScreen .in {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: space-between
}

.nytutor .seventhScreen .in .item {
	width: 270px;
	margin-top: 40px
}

.tutordetail {
	width: 1200px;
	margin: 38px auto;
	background: #FFFFFF;
	padding: 24px 0;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.tutordetail .img {
	width: 400px;
	height: 594px;
	background: no-repeat center;
	background-size: cover;
	margin-right: 50px
}

.tutordetail .cont {
	width: 750px;
	padding-right: 80px;
	box-sizing: border-box
}

.tutordetail .cont .num {
	width: 200px;
	height: 40px;
	background-color: #cfa959;
	border-radius: 0 20px 20px 0px;
	text-align: center;
	line-height: 40px;
	color: #333333;
	font-size: 16px
}

.tutordetail .cont .name {
	margin-top: 40px;
	font-size: 40px;
	color: #333333;
	font-weight: bold;
	line-height: 1
}

.tutordetail .cont .name span {
	margin-top: 36px;
	display: block;
	font-size: 18px;
	color: #999999;
	line-height: 1
}

.tutordetail .cont .des {
	min-height: 290px;
	margin: 16px 0 74px 0;
	font-size: 14px;
	line-height: 40px;
	color: #333333
}

.tutordetail .cont .btn a {
	display: block;
	width: 220px;
	height: 40px;
	background-color: #ff7836;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #ffffff
}

.spa {
	padding: 38px 0 80px 0;
	background: url(../images/about_bg1.jpg) no-repeat center;
	overflow: hidden
}

.spa .title {
	margin: 0 0 112px 0;
	text-align: center;
	font-size: 40px;
	line-height: 1;
	color: #ba8a24;
	font-weight: bold;
	text-transform: uppercase
}

.spa .iner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.spa .iner .l {
	width: 460px
}

.spa .iner .l .tit h3 {
	font-size: 40px;
	color: #ba8a24;
	line-height: 1;
	text-transform: uppercase
}

.spa .iner .l .tit p {
	font-size: 16px;
	color: #ba8a24;
	line-height: 1;
	margin-top: 13px;
	margin-bottom: 32px
}

.spa .iner .l .des {
	min-height: 200px;
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 27px
}

.spa .iner .l .btn a {
	display: block;
	width: 120px;
	height: 40px;
	background-color: #364ca3;
	border-radius: 20px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px
}

.spa .iner .r {
	width: 525px;
	position: relative;
	z-index: 1
}

.spa .iner .r:before {
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 20px;
	content: '';
	width: 360px;
	height: 358px;
	background-color: #ba8a24;
	border-radius: 10px
}

.spa .iner .r img {
	position: absolute;
	z-index: 2;
	width: 500px;
	height: 320px;
	overflow: hidden;
	border-radius: 10px
}

.spb {
	padding: 90px 0 90px 0
}

.spb .title {
	margin: 38px 0 112px 0;
	text-align: center;
	font-size: 40px;
	line-height: 1;
	color: #ba8a24;
	font-weight: bold
}

.spb .iner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.spb .iner .l {
	width: 460px
}

.spb .iner .l .tit h3 {
	font-size: 40px;
	color: #ba8a24;
	line-height: 1;
	text-transform: uppercase
}

.spb .iner .l .tit p {
	font-size: 16px;
	color: #ba8a24;
	line-height: 1;
	margin-top: 13px;
	margin-bottom: 32px
}

.spb .iner .l .des {
	min-height: 200px;
	font-size: 14px;
	line-height: 28px;
	color: #000000;
	margin-bottom: 27px
}

.spb .iner .l .btn a {
	display: block;
	width: 120px;
	height: 40px;
	background-color: #364ca3;
	border-radius: 20px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: center;
	line-height: 40px
}

.spb .iner .r {
	width: 525px;
	position: relative;
	z-index: 1
}

.spb .iner .r:before {
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	content: '';
	width: 360px;
	height: 358px;
	background-color: #ba8a24;
	border-radius: 10px
}

.spb .iner .r img {
	position: absolute;
	z-index: 2;
	width: 500px;
	height: 320px;
	overflow: hidden;
	border-radius: 10px
}

.spc {
	background-color: #dcc491;
	padding: 80px 0 110px 0
}

.spc .title {
	font-size: 40px;
	line-height: 1;
	font-weight: bold;
	color: #333333;
	text-transform: uppercase;
	text-align: center
}

.spc .title span {
	color: #ba8a24
}

.spc ul {
	margin-top: 77px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	text-align: center
}

.spc ul li {
	width: 271px;
	min-height: 402px;
	padding: 40px 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	transition: all ease-out .3s
}

.spc ul li .name {
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	margin-top: 50px;
	text-transform: capitalize
}

.spc ul li .des {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-top: 12px;
	text-align: left;
	word-break: break-all
}

.spc ul li:hover {
	cursor: pointer;
	background-color: #ba8a24
}

.spc ul li:hover .name,
.spc ul li:hover .des {
	color: #FFFFFF
}

.spd {
	background: url(../images/special_bg1.jpg) no-repeat top center;
	padding: 78px 0 152px 0;
	width: 1205px;
	margin: 0 auto
}

.spd .title {
	text-align: center;
	margin-bottom: 66px
}

.spd .title h3 {
	font-size: 40px;
	line-height: 1;
	color: #333333;
	text-transform: uppercase
}

.spd .title p {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1;
	color: #ba8a24
}

.spd .condition {
	position: relative;
	height: 494px;
	background: no-repeat center;
	background-size: contain;
	background-size: 870px 400px
}

.spd .condition .item {
	position: relative;
	width: 400px;
	min-height: 100px;
	background-color: #ff7836;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	padding: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start
}

.spd .condition .item img {
	margin-right: 7px
}

.spd .condition .item .text {
	font-size: 18px;
	line-height: 28px;
	color: #ffffff
}

.spd .condition .bg1 {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #ff7836
}

.spd .condition .bg2 {
	position: absolute;
	top: 120px;
	right: 0px;
	background-color: #3953bc
}

.spd .condition .bg3 {
	position: absolute;
	bottom: 0px;
	left: 362px;
	background-color: #ba8a24
}

.spd .tips {
	width: 620px;
	margin: 39px auto 33px auto;
	text-align: center
}

.spd .tips p {
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	margin-bottom: 30px
}

.spd .tips span {
	font-size: 16px;
	line-height: 1;
	color: #e90f5c
}

.spd .btn a {
	display: block;
	width: 300px;
	margin: 0 auto;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background-color: #ba8a24;
	border-radius: 20px;
	font-size: 14px;
	color: #ffffff
}

.spe {
	height: 828px;
	box-sizing: border-box;
	background: url(../images/special_bg2.jpg) no-repeat top center;
	padding: 80px 0 64px 0
}

.spe .title {
	text-align: center;
	margin-bottom: 78px
}

.spe .title h3 {
	font-size: 40px;
	line-height: 1;
	color: #333333;
	text-transform: uppercase
}

.spe .title p {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1;
	color: #333333
}

.spe .iner {
	position: relative
}

.spe .iner .l {
	position: absolute;
	z-index: 2;
	top: 42px;
	left: 0px;
	width: 805px
}

.spe .iner .l .item {
	margin-bottom: 1px;
	width: 805px;
	height: 100px;
	background-color: #ffffff;
	padding: 0 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.spe .iner .l .item h3 {
	font-size: 22px;
	line-height: 1;
	color: #333333;
	line-height: 36px;
	text-transform: uppercase
}

.spe .iner .l .item p {
	margin-top: 5px;
	font-size: 16px;
	line-height: 1;
	color: #333333
}

.spe .iner .r {
	position: absolute;
	z-index: 1;
	top: 0px;
	right: 0px;
	width: 563px;
	height: 526px
}

.spe .iner .r:before {
	position: absolute;
	bottom: 0px;
	z-index: 1;
	right: 0px;
	content: '';
	width: 523px;
	height: 300px;
	background-color: #3953bc;
	border-radius: 10px
}

.spe .iner .r img {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	border-radius: 10px
}

.spf {
	margin: 80px auto auto
}

.spf .title {
	text-align: center;
	margin-bottom: 78px
}

.spf .title h3 {
	font-size: 40px;
	line-height: 1;
	color: #333333;
	text-transform: uppercase
}

.spf .title p {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1;
	color: #333333
}

.spf .iner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.spf .l {
	position: relative;
	width: 788px;
	height: 574px;
	background: url(../images/special_bg3.png) no-repeat bottom center
}

.spf .l .list .item {
	cursor: pointer;
	width: 450px;
	height: 280px;
	background: #ffffff;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 32px 30px;
	box-sizing: border-box
}

.spf .l .list .item span {
	font-size: 20px;
	line-height: 1;
	color: #333333;
	text-transform: uppercase
}

.spf .l .list .item p {
	height: 164px;
	margin-top: 33px;
	font-size: 14px;
	line-height: 28px;
	color: #999999
}

.spf .l .list .item.cur {
	background-color: #3953bc
}

.spf .l .list .item.cur span,
.spf .l .list .item.cur p {
	color: #FFFFFF
}

.spf .l .list .item.cur #scrollbarstyle::-webkit-scrollbar {
	display: block
}

.spf .l .list .item1 {
	position: absolute;
	left: 0px;
	top: 157px;
	z-index: 3
}

.spf .l .list .item2 {
	position: absolute;
	left: 209px;
	top: 79px;
	z-index: 2
}

.spf .l .list .item3 {
	position: absolute;
	left: 334px;
	top: 0px;
	z-index: 1
}

.spf .l .num {
	position: absolute;
	bottom: 102px;
	left: 325px;
	font-size: 20px;
	line-height: 28px;
	color: #ba8a24
}

.spf .l .btn {
	position: absolute;
	top: 334px;
	right: 0px;
	z-index: 4
}

.spf .l .btn a {
	display: block;
	min-width: 200px;
	padding: 0 20px;
	height: 50px;
	background-color: #ba8a24;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase
}

.spf .r {
	width: 412px
}

.spg {
	margin: 94px auto auto
}

.spg .title {
	text-align: center;
	margin-bottom: 74px
}

.spg .title h3 {
	font-size: 40px;
	line-height: 1;
	color: #333333;
	text-transform: uppercase
}

.spg .title p {
	margin-top: 22px;
	font-size: 18px;
	line-height: 1;
	color: #333333
}

.spg .iner {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between
}

.spg .iner .l {
	width: 480px;
	position: relative
}

.spg .iner .l .img {
	width: 480px;
	height: 402px;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover
}

.spg .iner .l .name {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #ba8a24;
	padding: 0 20px;
	overflow: hidden;
	font-size: 22px;
	color: #ffffff
}

.spg .iner ul {
	width: 680px;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: space-between
}

.spg .iner ul li {
	width: 320px;
	height: 190px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px
}

.spg .iner ul li .img {
	width: 320px;
	height: 190px;
	overflow: hidden;
	background: no-repeat center;
	background-size: cover
}

.spg .iner ul li .name {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #3953bc;
	padding: 0 20px;
	overflow: hidden;
	font-size: 22px;
	color: #ffffff
}

.spg .btn {
	width: 240px;
	height: 50px;
	background-color: #ba8a24;
	border-radius: 25px;
	margin: 42px auto 62px auto;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #ffffff
}

.spg .btn a {
	display: block;
	color: #ffffff;
	text-transform: capitalize
}