/*reset*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p,th,td{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#333; display: block;}
a:focus{outline:none;}
input, select { outline: none;}
input{resize: none; border: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid; clear:both; font-size:0; margin-top:0px; visibility:hidden; overflow:hidden;  height:0;}
body{color: #333; overflow-x:hidden; min-width:970px; font-family: "微软雅黑"; background: #210469;}
p{font-family: "微软雅黑";}
.fl{float: left;}
.fr{float: right;}
i{font-style: normal;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}
*{box-sizing: border-box;}
/* 字符跳动样式 go */
.beat-char {
	line-height: 144px;
	position: relative;
	display: inline-block;
	background: transparent;
}
.rotate {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	/* IE 9 */
	-moz-transform: rotate(360deg);
	/* Firefox */
	-webkit-transform: rotate(360deg);
	/* Safari 和 Chrome */
	-o-transform: rotate(360deg);
	-webkit-transition-duration: 0.7s;
}
/* 字符跳动样式 end */

/* header go*/
.header { height: 72px; padding-top: 12px; background-color: #fff; z-index: 12; }
.header .container { width: 970px; margin: 0 auto; }
.header img { float: left; padding-top: 8px; }
.header ul { height: 100%; line-height: 60px; float: left; margin-left: 10px; }
.header ul li { display: inline-block; padding: 0 10px; }
.header ul li a { font-size: 16px; color: #261b17; }
.header span { font-size: 16px; color: #261b17; line-height: 60px; float: right; }
/* header end*/

/* footer  go*/
.index-adder { width: 100%; min-width: 970px; position: relative; z-index: 198; background: #fff;}
.foot {
	/* margin: 80px 0 0; */
	width: 100%;
	min-width: 1000px;
	text-align: center;
	padding: 30px 0;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	background-color: #333;
}

.foot a {
	color: #fff;
	display: inline-block;
}
/* footer end */

.center{width: 970px; margin: 0 auto;}

/* banner */
.banner{background: url(../img/bannerbg.jpg) no-repeat top center; width: 100%; height: 736px; color: #fff;}
.banner .center{position: relative; height:736px;}
.banner .center p{font-size: 28px; padding-top: 100px;}
.banner .center .txt{background: url(../img/txtbg.png) no-repeat left top; line-height: 64px; font-size: 30px; font-weight: bold; width: 603px; height: 64px; text-align: center;}
.banner .center .icon1{position: absolute; right: 10px; top: 70px;}
.banner .center .icon2{position: absolute; right: 88px; top: 320px;}
.banner .center .icon3{position: absolute; right: 48px; top: 320px;}
.banner .center .car{position: absolute; bottom: 19px; left: -360px;}

/* video */
.video .center{background: url(../img/videobg.png) no-repeat left top; margin: 0 auto; width: 815px; height: 732px; padding-top: 165px;}
.videoBox{background: url(../img/videobg2.png) no-repeat left top; margin: 0 auto; width: 635px; height: 364px;}
.video .arrow{text-align: center; margin-top: 42px; animation: banPic 1s linear infinite alternate;}
.videoBox video{margin: 0 auto; display: block;}

/* part1 */
.part1{border: 1px dotted #01f6fc; border-radius: 25px; padding: 70px 0 50px; margin-top: 80px !important;}
.part1 .p1con{width: 920px; margin: 0 auto; background: #fff; padding: 30px 0 60px; border-radius: 25px; margin-top: 30px;}
.part1 .p1con h4{font-size: 36px; font-weight: bold; color: #432c96; line-height: 50px; height: 50px;}
.part1 .p1con h4 span{display: inline-block; width: 16px; height: 50px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background:#432c96;  margin-right: 20px;}
.part1 .p1con > p{font-size: 20px; padding: 20px 0 0 40px;}
.part1 .p1con p b{color: #601986;}
.part1 ul{text-align: center; margin: 50px auto 0;padding: 0 20px;}
.part1 ul li{width: 380px; height: 218px; padding: 15px; margin: 0 30px; box-shadow:2px 2px 37px #9f8dbf; border-radius: 15px; float: left;}
.part1 ul li h2{background: url(../img/h2tit.png) no-repeat left top; margin: 0 auto; line-height: 54px; width: 278px; height: 54px; font-size: 24px; color: #fff; font-weight: bold; margin-top: -16px; margin-bottom: 10px;}
.part1 ul li h2 img{vertical-align: middle; margin-right: 10px;}
.part1 ul li .txt{border: 1px dotted #123db4; border-radius:15px; width: 100%; height: 100%;}
.part1 ul li p{text-align:left; text-indent: 22px; font-size: 18px;} 
.part1 ul li p span{color: #210469; font-size: 22px; margin-right: 5px;}
.part1 ul li .txt2 p{float: left; width: 47%;}

/* 公用 go */
.index-bg-con {
	position: relative;
	width: 100%;
	min-width: 970px;
	margin-top: -1px;
	background-repeat: no-repeat;
	background-position: top center;
}

.index-con-list {
	position: relative;
	width: 970px;
	height: 100%;
	margin: 0 auto;
}

.index-titles {
	position: absolute;
	top: -40px;
	left: 0;
	text-align: center;
	width: 100%;
	height: 80px;
	overflow: hidden;
}

.index-titles .index-title {
	position: relative;
	display: inline-block;
	font-size: 56px;
	height: 80px;
	line-height: 80px;
	font-weight: bold;
	color: #fff;
	background-color: #210469;
	padding: 0 24px;
}

.index-titles .index-title b {
	color: #ffff00;
	font-weight: bold;
}

.index-titles .index-title i {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	display: block;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border-radius: 100%;
}

.index-titles .index-title i.titleLfimg {
	left: 0;
}

.index-titles .index-title i.titleRfimg {
	right: 0;
}

.index-mask {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .8);
	z-index: 199;
}

.index-ftitle {
	font-size: 30px;
	text-align: center;
	color: #fff;
	margin-top: 20px;
}

/* 公用end */
/* 滚动条样式 go */
.zUIpanelScrollBox,
.zUIpanelScrollBar {
	width: 10px;
	top: 4px;
	right: 2px;
	border-radius: 5px;
}

.zUIpanelScrollBox {
	background: black;
	opacity: 0.1;
	filter: alpha(opacity=10);
}

.zUIpanelScrollBar {
	background: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* 滚动条样式 end */
/* herd go*/
.header {
	height: 72px;
	padding-top: 12px;
	background-color: #fff;
	z-index: 12;
}

.header .container {
	width: 1000px;
	margin: 0 auto;
}

.header img {
	float: left;
	padding-top: 8px;
}

.header ul {
	height: 100%;
	line-height: 60px;
	float: left;
	margin-left: 10px;
}

.header ul li {
	display: inline-block;
	padding: 0 10px;
}

.header ul li a {
	font-size: 16px;
	color: #261b17;
}

.header span {
	font-size: 16px;
	color: #261b17;
	line-height: 60px;
	float: right;
}

/* herd end*/
/* foot  go*/
.index-adder {
	margin-top: 60px;
	width: 100%;
	min-width: 970px;
	position: relative;
	background-color: #ffffff;
}

.foot {
	width: 100%;
	min-width: 970px;
	text-align: center;
	padding: 30px 0;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	background-color: #333;
}

.foot a {
	color: #fff;
}

/* foot end */
.index-box {
	position: relative;
	width: 970px;
	padding: 40px 0;
	margin: 150px auto 0;
	border: 1px dashed #f0ee07;
	border-radius: 15px;
}
.index-box .pros{
	padding-top: 20px;
}
.index-box .pros a{
	width: 211px;
	height: 50px;
	display: block;
	float: left;
	margin: 0 15px 10px;
	text-align: center;
	color: #fff;
	background: #5741a5;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
}


.qsdz-title {
	position: relative;
	height: 50px;
	padding-left: 35px;
	font-size: 36px;
	line-height: 50px;
	color: #432c96;
	font-weight: bold;
}

.qsdz-title i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 14px;
	height: 50px;
	border-radius: 0 6px 6px 0;
	background-color: #432c96;
}

.qsdz-ftitle {
	font-size: 20px;
	padding-left: 35px;
	height: 40px;
	line-height: 40px;
	margin-top: 10px;
}

.ketc-box {
	position: relative;
	width: 920px;
	margin: 30px auto 0;
	background-color: #fff;
	border-radius: 20px;
	padding: 40px 0;
}

.ketc-lists {
	position: relative;
	margin: 40px auto 50px;
	width: 846px;
	height: 400px;
	background-image: url(../img/2020111701.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

.ketc-lists .ketc-list {
	position: absolute;
	color: #fff;
}

.ketc-lists .ketc-list.ketc-list1 {
	text-align: right;
	top: 15px;
	right: 535px;
}

.ketc-lists .ketc-list.ketc-list2 {
	text-align: left;
	top: 15px;
	left: 535px;
}

.ketc-lists .ketc-list.ketc-list3 {
	text-align: right;
	top: 125px;
	right: 535px;
}

.ketc-lists .ketc-list.ketc-list4 {
	text-align: left;
	top: 130px;
	left: 535px;
}
.ketc-lists .ketc-list.ketc-list3,.ketc-lists .ketc-list.ketc-list4{
	margin-top: 20px;
}
.ketc-lists .ketc-list.ketc-list5,.ketc-lists .ketc-list.ketc-list6{
	margin-top: 35px;
}
.ketc-lists .ketc-list.ketc-list5 {
	text-align: right;
	top: 250px;
	right: 535px;
}

.ketc-lists .ketc-list.ketc-list6 {
	text-align: left;
	top: 250px;
	left: 535px;
}

.ketc-lists .ketc-list h4 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.ketc-lists .ketc-list.ketc-list2 h4,
.ketc-lists .ketc-list.ketc-list4 h4,
.ketc-lists .ketc-list.ketc-list5 h4,
.ketc-lists .ketc-list.ketc-list6 h4 {
	margin-bottom: 4px;
}
.ketc-lists .ketc-list.ketc-list1 h4,.ketc-lists .ketc-list.ketc-list2 h4{text-shadow:4px 4px 3px #ea6418;}
.ketc-lists .ketc-list.ketc-list3 h4,.ketc-lists .ketc-list.ketc-list4 h4{text-shadow:4px 4px 3px #320948;}
.ketc-lists .ketc-list.ketc-list5 h4,.ketc-lists .ketc-list.ketc-list6 h4{text-shadow:4px 4px 3px #32216f;}
.ketc-lists .ketc-list.ketc-list3 h4{margin-top: 5px; margin-bottom: 5px;}
.ketc-lists .ketc-list p {
	font-size: 13px;
	line-height: 26px;
}

.ketc-xh img {
	display: block;
	position: absolute;
}

.ketc-xh img.ketc-xh1 {
	top:80px;
	left: 370px;
}

.ketc-xh img.ketc-xh2 {
	top: 80px;
	left: 437px;
}

.ketc-xh img.ketc-xh3 {
	top: 190px;
	left: 370px;
}

.ketc-xh img.ketc-xh4 {
	top: 190px;
	left: 437px;
}

.ketc-xh img.ketc-xh5 {
	top: 294px;
	left: 370px;
}

.ketc-xh img.ketc-xh6 {
	top: 294px;
	left: 437px;
}



/* 飞跃班 start */
.fyb-box {
	position: relative;
	width: 920px;
	margin: 30px auto 0;
	padding: 40px 0;
	background-color: #fff;
	border-radius: 20px;
}

.fyb-table {
	position: relative;
	width: 870px;
	margin: 0 auto;
}

.fyb-table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.fyb-table table td,
.fyb-table table th {
	vertical-align: middle;
	word-wrap: break-word;
	text-align: center;
	height: 50px;
	font-size: 17px;
	padding: 20px 12px;
	color: #000;
	font-weight: normal;
	border-width: 1px;
	border-style: solid;
	border-color: #5741a5;
}

.fyb-table table th {
	height: 75px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #5741a5;
}

.fyb-table table a {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	border-radius: 40px;
	background-color:#5741a5;
	-moz-box-shadow: 4px 4px 3px #e9e60a;
	-webkit-box-shadow: 4px 4px 3px #e9e60a;
	box-shadow: 4px 4px 3px #e9e60a;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	animation:banWave2 1.5s linear infinite alternate;
}
/* 飞跃班 end */

/* 名师天团 start */
.famous-teacher {
	position: relative;
	height: 440px;
	margin-top: 40px;
}

#famous-teacher {
	height: 440px;
}

.famous-teacher .swiper-slide img {
	display: block;
	margin: 0 auto;
}

.famous-teacher .swiper-btn {
	display: none;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
}

.famous-teacher:hover .swiper-btn {
	display: block;
}

.famous-teacher .swiper-btn.swiper-lfbtn {
	left: 8px;
}

.famous-teacher .swiper-btn.swiper-rfbtn {
	right: 8px;
}

/* 名师天团 end */

.fix-video{
	display: none;
	position: fixed;
	width: 250px;
	height: 150px;
	right: 10px;
	bottom: 10px;
	background-color: #000000;
	z-index: 333;
}
.fix-video video{
	width: 100%;
	height: 100%;
}
#myVideo{
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#myVideo.active{
	position: fixed;
	width: 250px;
	height: 150px;
	right: 10px;
	bottom: 10px;
	background-color: #000000;
	z-index: 333;
}