.Home {
	overflow: hidden;
}

body {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	transition: 1s
}

.light {
	background: #ffffff;
	transition: 1s;
}

.light .head_logo a img:first-child {
	display: none;
}

.light .head_logo a img:last-child {
	display: block;
}

.light .head_nav ul li a {
	color: #2a93f2;
}

.light .head_nav ul li a:hover {
	color: #fff;
	background: #2a93f2;
}

.wrap {
	max-width: 1200px;
	margin: 0 auto;
}

.head_logo a {
	display: block;
	font-size: 0;
}

.head_logo a img:last-child {
	display: none;
}

.header>div {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.head_nav ul {
	display: flex;
	align-items: center;
}

.head_nav ul li a {
	font-size: 16px;
	padding: 0 32px;
	display: block;
	line-height: 70px;
	color: #ffffff;
}

.head_nav ul li a:hover {
	background: #6E92F6;
	color: #ffffff;

}

.banner {
	background: url('../img/bannerbakg.png') no-repeat;
	background-size: cover;
	width: 100%;
	height: 1000px;
	position: relative;
	z-index: -2;
}

.region {
	padding-top: 246px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.text_left h3 {
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	color: #ffffff;
	line-height: 1;
}

.text_left_name {
	padding-top: 50px;
}

.text_left_name span {
	font-size: 22px;
	display: block;
	color: #ffffff;
	line-height: 40px;
}

.banner .left {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	opacity: 0.7;
}

.banner .right {
	right: 0;
	position: absolute;
	top: 0;
	z-index: -1;
	opacity: 0.7;
}

.about {
	background: url('../img/aboutbakg.png') no-repeat;
	width: 100%;
	height: 780px;
	background-size: cover;
}

.About_Title {
	position: relative;
	padding-top: 183px;
}

.About_Title h3 {
	font-size: 40px;
	font-weight: 500;
	text-align: center;
	color: #333333;
	line-height: 1;
	position: relative;
}

.About_Title p {
	font-size: 22px;
	font-weight: 300;
	text-align: center;
	color: #666666;
	line-height: 1;
	padding-top: 30px;
}

.About_Title img {
	position: absolute;
	top: 140px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0.5;
	font-size: 90px;
	font-weight: bold;
	color: #2a93f2;
	line-height: 1;
	text-align: center;
}

.About_nav ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 112px;
}

.About_nav ul li a {
	display: block;
	font-size: 0;
}

.About_nav img {
	width: 180px;
	height: 180px;
}

.About_nav .num {
	font-size: 46px;
	font-weight: 500;
	text-align: center;
	color: #333333;
	line-height: 1;
	padding-top: 33px;
}


.About_nav .num i {
	color: #2a93f2;
	margin-left: 10px;
}

.About_nav .text {
	font-size: 24px;
	font-weight: 400;
	text-align: center;
	color: #666666;
	line-height: 1;
	display: block;
	margin-top: 20px;
}

.minor {
	background: url('../img/Shape.png') no-repeat;
	background-size: cover;
	width: 100%;
	height: 2266px;
	padding-top: 90px;
}

.minor_right {
	margin-left: 220px;
	position: relative;
}

.minor_right img {
	position: absolute;
	left: -112px;
	top: -44px;
}

.minor_right .title {
	font-size: 40px;
	font-weight: 400;
	text-align: left;
	color: #1f1f1f;
	line-height: 1;
	position: relative;
}

.minor_right .title::after {
	display: block;
	content: '';
	width: 106px;
	height: 6px;
	background: #2a93f2;
	border-radius: 3px;
	margin-top: 30px;
}

.minor_right .advantage {
	margin-top: 60px;
}

.minor_right .advantage p:last-child {
	padding-top: 20px;
}

.minor_right .advantage p {
	font-size: 18px;
	font-weight: 400;
	color: #585858;
	line-height: 36px;

}

.sub_flex {
	display: flex;
	align-items: center;
	padding-bottom: 100px;
}

.dongimg {
	font-size: 0;
	position: relative;
}

.dongimg img,
.img_right {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	animation-name: jump;
	-webkit-animation-name: jump;
}

.dongimg::after {
	position: absolute;
	bottom: -100px;
	display: block;
	content: '';
	background: url('../img/dibu.png') no-repeat;
	width: 488px;
	height: 210px;
	z-index: -1;

}

@keyframes jump {
	0% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(20px);
	}

	100% {
		transform: translateY(0)
	}

}

.field {
	padding-top: 190px;
}

.field .title {
	font-size: 0;
	position: relative;
}

.field .title img {
	position: absolute;
	left: 50%;
	top: -44px;
	transform: translateX(-50%);
}

.field .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	color: #333333;
	line-height: 1;
	position: relative;
}

.operate {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 80px 50px 0;
}

.operList {
	width: 520px;
	height: 567px;
	background: #ffffff;

	box-shadow: 13.5px 23.38px 20px 27px rgba(206, 215, 219, 0.15);
	position: relative;
	margin-bottom: 50px;
}

.operList:nth-child(1) {
	border-radius: 20px 20px 0px 20px;
}

.operList:nth-child(2) {
	border-radius: 20px 20px 20px 0px;
}

.operList:nth-child(3) {
	border-radius: 20px 0px 20px 20px;
}

.operList:nth-child(4) {
	border-radius: 0px 20px 20px 20px;
}

.operList .row {
	display: flex;
	justify-content: space-between;
}

.operList .row span {
	opacity: 0.2;
	font-size: 60px;
	font-weight: 400;
	color: #2a93f2;
	line-height: 1;
	padding-top: 24px;
	padding-right: 30px;
}

.operList .text {
	margin-left: 68px;
	padding-top: 14px;
}

.operList .text h3 {
	font-size: 24px;
	color: #263238;
}

.operList .text p {
	font-size: 17px;
	color: #666;
	width: 374px;
	margin-top: 46px;
	line-height: 34px;
}

.operList .gd {
	font-size: 19px;
	font-weight: 300;
	text-align: center;
	color: #2a93f2;
	line-height: 30px;
	display: flex;
	align-items: center;
	position: absolute;
	right: 20px;
	bottom: 40px;
}

.info::after {
	display: block;
	content: '';
	width: 100%;
	height: 300px;
	opacity: 0.7;
	background: #c1e2ff;
	position: absolute;
	bottom: 69px;
	z-index: -6;
}

.info {
	position: relative;
	padding-top: 198px;
}

.info .title {
	font-size: 0;
	position: relative;
}

.info .title img {
	position: absolute;
	left: 50%;
	top: -44px;
	transform: translateX(-50%);
}

.info .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	color: #333333;
	line-height: 1;
	position: relative;
}

.swpeir {
	display: flex;
	align-items: center;
	margin-top: 106px;
}

.swpeirlist {
	padding: 0 17px;
	position: relative;
	height: 501px;
}

.image {
	background: url(../img/ty.png) no-repeat;
	width: 266px;
	height: 265px;
	background-size: 100% 100%;
	position: relative;
	z-index: 8;
}

.swpeirlist:hover .image {
	background: url(../img/ty2.png) no-repeat;
}

.image img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.quanyi {
	position: relative;
	z-index: 8;
}

.quanyi .bt {
	color: #333333;
	letter-spacing: 2.88px;
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
	margin-top: 20px;
	text-align: center;
}

.quanyi .text {
	color: #fff;
	font-size: 16px;
	display: none;
}

.quanyi .gd {
	font-size: 18px;
	color: #2a93f2;
	line-height: 1;
	margin-top: 40px;
	display: block;
	text-align: center;
}

.swpeirlist::after {
	position: absolute;
	width: 300px;
	height: 369px;
	background-image: url(../img/bg3.png);
	background-repeat: no-repeat;
	display: none;
	content: ' ';
	margin-top: 132px;
	top: 0;
	left: 0;
	z-index: 1;
}

.swpeirlist:hover::after {
	display: block;
}

.swpeirlist:hover .quanyi .text {
	display: block;
	margin-top: 16px;
	letter-spacing: 1.92px;
	width: 266px;
	line-height: 30px;
}

.swpeirlist:hover .quanyi .gd {
	display: none;
}

.swpeirlist:hover .quanyi .bt {
	color: #ffffff;
	text-align: left;
}

.section {
	background: url(../img/xz.png) no-repeat;
	width: 100%;
	height: 1138px;
	background-size: cover;
	margin-top: -70px;
	position: relative;
}

.sectionflex {
	display: flex;
	align-items: center;

	justify-content: space-between;
}

.h3Title {
	padding-top: 234px;
}

.sectionflex {
	display: flex;
	align-items: center;

	justify-content: space-between;
}

.section .sectionflex .left .title::after {
	background: url('../img/pay.png') no-repeat;
	width: 182px;
	height: 67px;
	background-size: 100% 100%;
	display: block;
	content: '';
	position: absolute;
	top: -34px;
}


.section2 .sectionflex .left .title::after {
	background: url('../img/resource.png') no-repeat;
	width: 509px;
	height: 67px;
	background-size: 100% 100%;
	display: block;
	content: '';
	position: absolute;
	top: -34px;
}

.sectionflex .left .title {
	position: relative;
	font-size: 0;
}

.sectionflex .left .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 1;
	position: relative;
	z-index: 9;
}

.sectionflex .left .title h3::after {
	display: block;
	content: '';
	width: 106px;
	height: 6px;
	background: #2a93f2;
	border-radius: 3px;
	margin-top: 20px;
}

.sectionflex .left .fany {
	display: flex;
	margin-top: 40px;
}

.sectionflex .left .fany span {
	display: block;
	width: 444px;
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	letter-spacing: 2.4px;
	margin-top: 10px;
	margin-left: 16px;
	line-height: 36px;
}

.sectionflex .left .fany img {
	width: 106px;
	height: 88px;
}

.two {
	margin-top: -40px;
	padding-top: 0;


}

.marging {
	margin-left: 40px;
}

.fany2 {
	padding-top: 50px;
}

.fany2 span {
	display: block;
	padding-bottom: 20px;
	line-height: 36px;
	width: 537px;
	font-size: 18px;
	font-weight: 400;
	color: #585858;
}

.brand {
	background: url('../img/xz2.png') center no-repeat;
	width: 100%;
	height: 1680px;
	background-size: cover;

	margin-top: -50px;
}

.brand_wrap {
	padding-top: 300px;
}

.brand .title {
	font-size: 0;
	position: relative;
}

.brand .title img {
	position: absolute;
	left: 50%;
	top: -44px;
	transform: translateX(-50%);
}

.brand .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	color: #333333;
	line-height: 1;
	position: relative;
}

.hezImgs {
	padding-top: 90px;
}

.My {
	padding: 250px 0;

}

.My .aout::after {
	position: absolute;
	display: block;
	content: '';
	width: 1080px;
	height: 502px;
	border: 2px solid #2a93f2;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}

.My .aout {
	display: flex;
	font-size: 0;
	position: relative;

}

.My .aout .right {
	margin-top: 70px;
	margin-left: 50px;
}

.My .aout .right .title {
	position: relative;
	font-size: 0;
}

.My .aout .right .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 1;
	position: relative;
	z-index: 9;
}

.My .aout .right .title h3::after {
	display: block;
	content: '';
	width: 106px;
	height: 6px;
	background: #2a93f2;
	border-radius: 3px;
	margin-top: 30px;
}

.My .aout .right .title::after {
	background: url('../img/aboutUs.png') no-repeat;
	width: 483px;
	height: 69px;
	background-size: 100% 100%;
	display: block;
	content: '';
	position: absolute;
	top: -34px;
	left: -20px;
}

.aboutUsText p {
	width: 579px;
	font-size: 20px;
	font-weight: 400;
	color: #585858;
	margin-top: 30px;
}

.My .aout .right .more {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.more span {
	font-size: 20px;
	color: #2a93f2;
	display: block;
	margin-right: 16px;
}




.ditu {
	font-size: 0;
}

.ditu img {
	width: 100%;
}

.course_wrap {
	width: 1194px;
	margin: 0 auto;
}


.course_head h3 {
	padding-top: 150px;
	font-size: 50px;
	font-weight: 400;
	color: #333333;
}




/****************footer*******************/
.footer-top {
	background: url(../img/footer.png);
	background-size: cover;
}

.wrap {
	width: 1194px;
	margin: 0 auto;
}

.footer-content {
	display: flex;
	padding: 60px 0 100px 0;
	/* justify-content: space-between; */
}

.footer-content-left,
.footer-content-middle {
	padding-top: 95px;
	margin-right: 40px;
}

.list {
	padding-top: 36px;
}

.list ul li {
	display: flex;
	align-items: center;
	padding-bottom: 12px;
}

.list ul li img {
	margin-right: 14px;
}

.list ul li span {
	font-size: 16px;
	color: #ffffff;
}

.message {
	padding-top: 48px;
}

.message ul li {
	padding-bottom: 34px;
}

.tile h2 {
	font-size: 22px;
}

.title {
	color: #4084df;
}

.footer-content-right {
	display: flex;
}

.footer-content-right div {
	display: flex;
	flex-flow: column;
	align-items: center;
	margin-right: 52px;
}

.footer-content-right div:last-child {
	margin-right: 0;
}

.footer-content-right div p {
	font-size: 20px;
	color: #ffffff;
	padding-bottom: 10px;
}

.footer-content-right div span {
	font-size: 16px;
	color: #ffffff;
	padding-top: 14px;
}

.footer-bottom {
	background-color: #1d1d1d;
	padding: 23px 0 25px 0;
	text-align: center;
	font-size: 12px;
	color: #a1a1a1;
}

.record {
	display: flex;
	align-items: center;
	justify-content: center;
}

.record span {
	display: block;
	margin-left: 4px;
}

.course {
	padding-bottom: 70px;
}

.course_content {
	position: relative;
	padding-bottom: 45px;
	margin-top: 62px;
}

.course_list {
	background: url(../img/licbg.png) no-repeat;
	background-size: 100% 100%;
	width: 711px;
	height: 314px;
	/* position: absolute; */
	display: none;
	/* margin-left: 2px; */
}

.top1 {
	position: absolute;
	top: 135px;
	left: 551px;
	z-index: 99;
}

.course_list2 {
	background: url(../img/licbg.png) no-repeat;
	margin-left: 229px;
}

.course_list3 {
	background: url(../img/licbg.png) no-repeat;
	margin-left: 251px;
}

.course_list3 {
	background: url(../img/licbg2.png) no-repeat;
	margin-left: 56px;
}

.course_list4 {
	background: url(../img/licbg2.png) no-repeat;
	margin-left: 286px;
}

.course_list5 {
	background: url(../img/licbg2.png) no-repeat;
	margin-left: 481px;
}


.course_list_text {
	padding: 0 40px;
}

.course_list_text span {
	font-size: 48px;
	color: #3975c6;
	padding-top: 54px;
	display: block;
	line-height: 1;

}

.course_list_text span i {
	font-size: 36px;
}

.course_list_text p {
	margin-top: 40px;
	font-size: 20px;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 36px;
}

.course_border {
	position: relative;
}

.course_border ul {
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 39px;
}

.course_border ul li {
	text-align: center;
	cursor: pointer;
	font-size: 0;
}

.course_border ul li span {
	display: block;
	font-size: 24px;
	line-height: 1;
	margin-top: 15px;
}

.course_border::after {
	position: absolute;
	top: 11px;
	width: 1194px;
	height: 1px;
	opacity: 0.3;
	background: #3975c6;
	display: block;
	content: ' ';
}

.active {
	color: #3975c6;
}


.on {
	display: none;
}

.active>.on {
	display: block !important;
}

.active>img {
	display: none;
}



.course .course_wrap .title {
	position: relative;
	font-size: 0;
}

.course .course_wrap .title h3 {
	font-size: 40px;
	font-weight: 400;
	text-align: left;
	color: #333333;
	line-height: 1;
	position: relative;
	z-index: 9;
}

.course .course_wrap .title h3::after {
	display: block;
	content: '';
	width: 106px;
	height: 6px;
	background: #2a93f2;
	border-radius: 3px;
	margin-top: 30px;
}

.course .course_wrap .title::after {
	background: url('../img/Honor.png') no-repeat;
	width: 336px;
	height: 69px;
	background-size: 100% 100%;
	display: block;
	content: '';
	position: absolute;
	top: -34px;
	left: -20px;
}

.record a {
	color: #a1a1a1;
   margin-right: 10px;
}
.record a:hover{
	text-decoration: underline;
}