html, ul, ol, li, p, img {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 0;
	color: #333;
}

body {
	margin: 0 auto;
	font: 14px/1.5 Microsoft Yahei, Tahoma, Verdana, Arial, sans-serif;
	word-wrap: break-word;
	word-break: break-all;
}

a {
	text-decoration: none;
	color: #333;
	outline: none;
}

input {
	outline: none;
	-webkit-appearance: none;
	border: 1px solid #eee
}
.full {
	position: fixed;
	top: 40%;
	right: 0px;
	z-index: 1001;
}
.full li a {
	display: block;
	width: 52px;
	height: 52px;
	margin-bottom: 1px;
	position: relative;
	background: rgba(0,0,0,0.5);
	z-index: 1;
}
.full li a:hover span, .full li a:hover label {
	background-color: #edaa24 !important;
}
.full li:last-child a {
	border-bottom: 0;
}
.full li a span {
	display: block;
	width: 52px;
	height: 52px;
	position: relative;
	z-index: 100;
	background-position: center center;
	background-repeat: no-repeat;
}
.full li:nth-child(2) a, .full li:nth-child(1) a {
	z-index: 2;
}
.full li a label {
	display: block;
	width: 100px;
	white-space: nowrap;
	padding: 0 10px;
	position: absolute;
	line-height: 52px;
	color: #fff;
	z-index: -1;
	background: #000;
	bottom: 0;
	left: 100%;
	box-sizing: inherit;
	max-width: 300%;
	;
}
.full li a:hover label {
	left: -120px;
}
.full li a .lbl_img {
	padding: 10px;
	height: auto;
	line-height: normal;
	width: 100px;
}
.full li a .lbl_img img{
	width: 100px;
}
.full li a span.span1 {
	background-image: url(../image/full1.png);
}
.full li a span.span2 {
	background-image: url(../image/full2.png);
}
.full li a span.span3 {
	background-image: url(../image/full3.png);
}
.full li a span.span4 {
	background-image: url(../image/full4.png);
}
.flexBox {
	display: flex;
}

.flexBetween {
	justify-content: space-between;
}

.flexCenter {
	justify-content: center;
}

.flexAround {
	justify-content: space-around;
}

.alignCenter {
	align-items: center;
}

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

.mb10 {
	margin-bottom: 10px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb26 {
	margin-bottom: 26px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb75 {
	margin-bottom: 75px;
}

.mt50 {
	margin-top: 50px;
}

.pddl0 {
	padding-left: 0 !important;
}

.pddr0 {
	padding-right: 0 !important;
}

.textCenter {
	text-align: center;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.section {
	margin: 64px auto;
}

.wrap {
	width: 1170px;
	min-width: 1170px;
	margin: 0 auto;
}

.headTop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	box-sizing: border-box;
	padding: 0 60px 0 50px;
	background-color: rgba(255, 255, 255, 1);
	color: #424242;
	box-shadow: 0 0 0 transparent;
}

.headText {
	height: 64px;
	display: flex;
	align-items: center;
	color: #2bb7b3;
	font-size: 20px;
}

.headText .fa {
	font-size: 24px;
}

.headBtnBox {
	margin-left: 30px;
}

.headBtnBox a {
	color: #2bb7b3;
}

.headBtnBox span {
	padding: 0 7px;
	color: #2bb7b3;
}

@media screen and (max-width: 1440px) {
	.headText {
		height: 64px;
		display: flex;
		align-items: center;
		color: #2bb7b3;
		font-size: 16px;
	}
	.headText .fa {
		font-size: 18px;
	}
	.headBtnBox {
		margin-left: 10px;
	}
}

.fixedNav {
	position: fixed;
	bottom: 120px;
	right: 46px;
	z-index: 110;
}

.fixedNavList {
	width: 45px;
	height: 183px;
}

.fixedNavItem {
	position: relative;
	width: 45px;
	height: 45px;
	background-color: #333;
	color: #fff;
	border-bottom: 1px solid #fff;
}

.fixedNavItem:hover {
	background-color: #edaa24;
}

.fixedNavItem a {
	color: #fff;
}

.fixedNavImg {
	padding: 7.5px;
}

.onlineServer {
	width: 45px;
	position: relative;
	right: 0;
}

.onlineServer:hover {
	width: 140px;
	position: relative;
	right: 95px;
	border-bottom: 1px solid #edaa24;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

.onlineServer .text {
	display: none;
}

.onlineServer:hover .text {
	display: block;
	color: #fff;
	line-height: 45px;
	padding: 0 12px;
}

.fixedNavList .toTopBtn {
	background-color: rgba(255, 255, 255, .8);
	color: #333;
	text-align: center;
	line-height: 45px;
	font-weight: 700;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 2px rgba(0, 0, 0, .1);
}

.fixedNavList .toTopBtn:hover {
	background-color: rgba(255, 255, 255, 1);
}

.fixedwsClub {
	position: absolute;
	right: 48px;
	bottom: 0;
	display: none;
	width: 135px;
	height: 135px;
	background: url('../image/105.png') no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 4px;
}

.fixedwsClub img {
	width: 100%;
	height: 100%;
}

.flexedNavClabItem:hover .fixedwsClub {
	display: block;
	transition: all .2s;
}

.mainNav {
	height: 64px;
}

.navImg {
	height: 185px;
	height: 64px;
	display: flex;
	align-items: center;
	margin-right: 50px;
}

.navImg img {
	width: 245px;
	height: 64px;
}

.navList ul {
	height: 64px;
}

.navList li {
	position: relative;
	font-size: 16px;
}

.navList .navItem {
	display: block;
	text-align: center;
	margin: 0 12px;
	border-bottom: 2px solid transparent;
}

@media screen and (max-width: 1440px) {
	.navList li {
		position: relative;
		font-size: 14px;
	}
	.navList .navItem {
		display: block;
		text-align: center;
		margin: 0 6px;
		border-bottom: 2px solid transparent;
	}
}

.navList li:hover .navItem {
	color: #fe5000;
	border-bottom: 3px solid #fe5000;
}

.navList .navItem.active {
	color: #fe5000;
	border-bottom: 3px solid #fe5000;
}

.banner {
	position: relative;
	width: 100%;
	background-color: #eee;
}

.bannerImg {
	width: 100%;
	position: relative;
}

.bannerLingImg {
	position: relative;
    width: 100%;

    z-index: 4;
    
}
.bannerLingImg img{
	width: 100%;
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 20px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 10px;
}

.swiper-pagination-bullet-active {
	background-color: #fff;
}

.swiper-pagination-bullet {
	width: 50px;
	height: 4px;
	border-radius: 0;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background: url('../image/swiperBtnLeft.png');
	left: 20px;
	outline: none;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background: url('../image/swiperBtnRight.png');
	right: 20px;
	outline: none;
}

.formBox1 {
	position: absolute;
	top: 30%;
	right: 64px;
	width: 16%;
	min-width: 220px;
	box-sizing: border-box;
	padding: 50px 20px 30px 20px;
	z-index: 5;
	border-radius: 45px;
	background-color: rgba(255, 244, 244, .8);
	box-shadow: 4px 4px 8px #666;
}

.formBox1 .iptItem {
	font-size: 18px;
	margin-bottom: 12px;
}

.formBox1 .iptItem .label {
	margin-bottom: 6px;
	color: #000;
}

.formBox1 .iptItem input {
	width: 100%;
	font-size: 18px;
	height: 30px;
	outline: none;
	-webkit-appearance: none;
	border: 1px solid #eee;
	float: none;
	margin: 0;
	padding-left: 6px;
}

.formBox1 .iptItem select {
	width: 100%;
	font-size: 18px;
	border-radius: 4px;
	height: 30px;
	outline: none;
	padding-left: 6px;
	-webkit-appearance: none;
	border: 1px solid #eee;
}

.formBox1 .submitBtn {
	width: 100%;
	;
	height: 36px;
	line-height: 36px;
	text-align: center;
	margin: 24px 0 0 0;
	background-color: #2bb7b3;
	color: #ffffff;
	cursor: pointer;
	border-radius: 18px;
}

.formBox1 .submitBtn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
}

@media screen and (max-width: 1440px) {
	.formBox1 {
		padding: 25px 10px 15px 10px;
		border-radius: 20px;
		right: 20px;
	}
	.formBox1 .iptItem {
		font-size: 16px;
		margin-bottom: 6px;
	}
}

.part9 {
	background-color: #2bb7b3;
	color: #fff;
}

.formBottomBg .wrap {
	position: relative;
}

.formBottomTopic {
	width: 278px;
	height: 92px;
}

.formBox2 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	box-sizing: border-box;
}

.formBox2 .iptItem {
	display: flex;
	align-items: center;
	font-size: 18px;
}

.formBox2 .iptItem input {
	width: 200px;
	font-size: 15px;
	height: 30px;
	border-radius: 4px;
	padding-left: 6px;
	color: #666;
	text-align: left;
}

.formBox2 .iptItem select {
	width: 200px;
	font-size: 15px;
	height: 34px;
	border-radius: 4px;
	color: #666;
	padding-left: 6px;
	border: 0;
}

.formBox2 input::-webkit-input-placeholder {
	color: #999;
}

.formBox2 input::-moz-placeholder {
	color: #999;
}

.formBox2 input:-moz-placeholder {
	color: #999;
}

.formBox2 input:-ms-input-placeholder {
	color: #999;
}

.formBottomBtn {
	width: 132px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	margin-left: 24px;
	font-size: 16px;
	background-color: red;
	color: #fff;
	font-weight: 600;
	border-radius: 6px;
	cursor: pointer;
	box-shadow: 4px 4px 2px rgba(0, 0, 0, .4);
}

.formBottomBtn a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #fff;
}

footer {
	background-color: #2b2b2b;
	color: #fefefe;
}

.footInfo {
	height: 265px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
}

.footInfoBox {
	width: 180px;
}

.footItem {
	display: flex;
	height: 200px;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
	padding-top: 32px;
}

.footItem h2 {
	color: #2bb7b3;
	font-weight: normal;
	font-size: 16px;
	margin: 0;
}

.footItem li a {
	display: inline-block;
}

.footInfo p {
	color: #fefefe;
	font-size: 12px;
	margin-bottom: 16px;
}

.footInfo a, .footInfo li {
	color: #fefefe;
}

.footInfo a:hover {
	color: #2bb7b3;
}

.footImgBox {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}

.footLogo {
	width: 150px;
	margin-bottom: 6px;
}

.wantseaClub {
	width: 150px;
}

.footLogo img {
	width: 103px;
	height: 90px;
}

.wantseaClub img {
	width: 80px;
	height: 80px;
}

.footAddress {
	width: 250px;
	color: #2bb7b3
}

.footAddress .fa {
	display: inline-block;
	width: 14px;
	text-align: center;
	margin-right: 6px;
}

.footAddress li {
	color: #2bb7b3;
}

.footAddress li a {
	color: #2bb7b3
}

.friendLink {
	height: 46px;
	line-height: 46px;
	border-top: 1px solid #333;
}

.friendLink a {
	color: #ddd;
	margin: 0 4px;
}

.friendLink a:hover {
	color: #fff;
}

.copyRight {
	text-align: center;
	background-color: rgba(0, 0, 0, .1);
}

.copyRight {
	color: #ccc;
	padding: 12px 0;
}

.copyRight a {
	color: #ddd;
}

.normalBtnBox {
	margin-top: 45px;
	text-align: center;
}

.normalBtn {
	display: inline-block;
	height: 46px;
	line-height: 46px;
	background-color: #2bb7b3;
	color: #fff;
	font-size: 20px;
	border-radius: 6px;
	box-shadow: 1px 2px 4px #aaa;
	padding: 0 24px;
	letter-spacing: 2px;
}

.normalBtn a {
	display: inline-block;
	color: #fff;
}

.courseTypeBtn {
	height: 64px;
	width: 100%;
	margin: 24px 0;
}

.courseTypeBtn .courseBtn {
	flex: 0 0 50%;
	height: 62px;
	line-height: 62px;
	border: 1px solid #eee;
	cursor: pointer;
	color: #666;
	text-align: center;
	font-size: 18px;
}

.courseTypeBtn .courseBtn.active {
	background-color: #2bb7b3;
	border: 1px solid #2bb7b3;
	color: #fff;
}

.courseNavSect {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
}

.courseNavSect .wrap {}

.courseNav {
	width: 100%;
	height: 86px;
}

.courseNavItem {
	flex: auto;
	background-color: #fff;
	color: #2bb7b3;
	height: 86px;
	margin: 0;
	font-weight: normal;
}

.courseNavItem a {
	display: block;
	width: 100%;
	text-align: center;
	height: 86px;
	line-height: 86px;
	font-size: 18px;
}

.courseNavItem:hover {
	background-color: #2bb7b3;
	color: #fff;
}

.courseNavItem.active {
	background-color: #2bb7b3;
	color: #fff;
}

.courseNavItem:hover a {
	color: #fff;
}

.courseNavItem.active a {
	color: #fff;
}

.courseBtnSect {
	padding: 46px 0;
	background: url('../image/formBottomBg.jpg') no-repeat;
	background-size: 100% 100%;
}

.courseBtnSect.orangeToYellow {
	background: url("../image/courseBtnBg.jpg") repeat-x;
	background-size: auto 100%;
}

.courseBtnSect .courseBtnInfo {
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.courseBtnSect .courseBtnBox {
	padding: 30px 0;
}

.courseBtnSect .courseBtn {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 24px;
	background-color: #fff;
	color: #333;
	border-radius: 4px;
}

.courseBtnSect .courseBtn a {
	display: inline-block;
	width: 100%;
	height: 100%;
}

.courseBtnSect .courseBtn:hover {
	box-shadow: 1px 1px 2px #666;
}

.courseBtnSect .courseBtn:hover a {
	color: orange;
}

.courseBtnSect.orange .courseBtn:hover a {
	color: #2bb7b3;
}

.courseNewsList {
	display: flex;
	justify-content: space-around;
	height: 525px;
}

.courseNewsItem {
	width: 366px;
	height: 525px;
	border: 2px solid #eee;
}

.courseNewsItem:hover {
	color: #ffa00a
}

;
.courseNewsItem .courseNewsImg {
	width: 386px;
	height: 320px;
}

.courseNewsItem .courseNewsImg img {
	width: 100%;
	height: 320px;
}

.courseNewsItem .courseNewsInfo {
	width: 100%;
	box-sizing: border-box;
	padding: 0 12px;
	overflow: hidden;
}

.courseNewsItem .courseNewsTit {
	height: 46px;
	line-height: 46px;
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px solid #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.courseNewsItem .courseNewsDetail {
	width: 100%;
	height: 100px;
	line-height: 24px;
	padding: 12px 0 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	color: #666;
}

.courseNewsItem .courseNewsDate {
	color: #666;
}

.hoverModel {
	position: relative;
	width: 100%;
	height: 100%;
}

.hoverImg {
	width: 100%;
	height: 100%;
}

.hoverImg img {
	width: 100%;
	height: 100%;
}

.hoverTit {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	display: block;
	padding: 40px;
	font-size: 18px;
}

.hoverModel:hover .hoverTit {
	display: none;
}

.hoverModel .hoverTitIn {
	display: flex;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
}

.hoverMask {
	display: none;
	width: 100%;
	height: 100%;
}

.hoverMaskIn {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 40px;
}

.hoverMask .maskContent {
	color: transparent;
	font-size: 18px;
}

.hoverMask .maskTit {
	color: #fff;
}

.hoverModel:hover .hoverMask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .4);
	color: #fff;
}

.hoverModel:hover .maskContent {
	color: #fff;
}

.sectionTit {
	position: relative;
	width: 100%;
	height: 94px;
	margin-bottom: 30px;
	text-align: center;
}

.sectionTitText {
	font-size: 30px;
	margin-bottom: 12px;
}

.sectionSubTit {
	font-size: 20px;
	font-family: '等线 Light';
	color: #8d8d8e;
}

.sectionTit .titReadMore {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	background: url("../image/readMore.png") no-repeat;
	background-size: 100%;
}

.sectionTit .titReadMore:hover {
	width: 24px;
	height: 24px;
}

.our_partner {
	width: 80%;
	margin: 0 auto;
}

.font20 {
	font-size: 20px;
}

.fz-px-12 {
	font-size: 12px;
}

.fz-px-15 {
	font-size: 15px;
}

.fz-px-16 {
	font-size: 16px;
}

.fz-px-18 {
	font-size: 18px;
}

.fz-px-20 {
	font-size: 20px;
}

.fz-px-22 {
	font-size: 22px;
}

.fz-px-24 {
	font-size: 24px;
}

.fz-px-26 {
	font-size: 26px;
}

.fz-px-28 {
	font-size: 28px;
}

.fz-px-48 {
	font-size: 48px;
}

.fz-px-52 {
	font-size: 52px;
}

.bold500 {
	font-weight: 500;
}

.bold600 {
	font-weight: 600 !important;
}

.bng-com-col {
	background-color: #edaa24;
}

.bng-com-f7 {
	background-color: #f7f7f7;
}

.ft-com-col {
	color: #edaa24;
}

.ft-com-00 {
	color: #00adff;
}

.fm-SimHei {
	font-family: SimHei;
}

.ft-col-fff {
	color: #fff;
}

.mb_80_px {
	margin-bottom: 80px !important;
}

.mtb_80_px {
	margin: 80px 0;
}

.wid_pre_100 {
	width: 100% !important;
}

.w100 {
	width: 100%;
}

.wid_pre_50 {
	width: 50% !important;
}

.wid_pre_60 {
	width: 60%;
}

.wid_pre_70 {
	width: 70% !important;
}

.wid_pre_40 {
	width: 35%;
	margin-left: 50px;
}