*{ margin:0; padding:0; border:0; border:none;font-family: "Microsoft YaHei";}
ul,ol li{ list-style:none;}
table{border-collapse: collapse;}
.clear { clear:both; font-size:0; height:0; overflow:hidden;}
.clearfix:after{content: '';display: block;clear:both;}
.clearfix{zoom:1;}
a { cursor: pointer; text-decoration: none;}
a:link, a:visited { text-decoration:none;}

::-webkit-input-placeholder {color:#666;}
:-moz-placeholder {color:#666;}
::-moz-placeholder {color:#666;}
:-ms-input-placeholder {color:#666;}
.hide,.h{display: none !important;}
.r{ float:right;}
.l{float: left;}
.common{width: 1000px;margin: 0 auto;}
.con{ display:none;}
.right, .left {
    float: left;
}
.zx{
	cursor: pointer;
}
body{
	min-width: 1200px;
}
.blue_zx{
	top: 186px!important;
}
.new_offcn_zx2{
	top: 271px!important;
}
.nav {
	position: fixed;
	bottom: 90px;
	left: 20px;
	width: 99px;
	height: 351px;
	z-index: 5;
	background: url(./img/lead_l.png) no-repeat top center;
}
.nav .index{
	width: 81px;
	height: 34px;
	margin:0 auto;
	background: url(./img/lead_btn.png) top center no-repeat;
}
.nav a {
	display: block;
	cursor: pointer;
	border-bottom:1px solid #4de0c1;
}
.nav a.al {
	width: 81px;
	border-bottom:1px solid #4de0c1;
	text-align: center;
	margin:0 auto;
	font-size: 16px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-weight: bold;
}
.nav a.a1 {
	text-align: center;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-top: 32px;
	height: 34px;
	line-height: 34px;
}
.nav a.a11 {
	border: none;
	height: 43px;
	margin-top: 20px;
	background: url('./img/top.png') center no-repeat;
}
.nav .close {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 0;
	top: 5px;
	cursor: pointer;
}
.page{
	padding-bottom: 70px;
}
.banner{
	width: 100%;
	height: 600px;
	margin: 0 auto 0;
	text-align: center;
	background: url(./img/banner.png) top center no-repeat;
}
.banner .time{
	font-family: 'FZLTCHJW';
	font-size: 28px;
	/* font-weight: bold; */
	color: #fff;
}
.banner .time:first-of-type{
	padding-top: 70px;
}
.banner .title {
	font-size: 78px;
	font-family: 'FZLTCHJW';
	font-weight: bold;
	color: #fffb8b;
}
.banner .mon{
	height: 50px;
	margin-top: 22px;
}
.banner .mon .th{
	display: inline-block;
	width: 330px;
	height: 50px;
	vertical-align: middle;
	margin-top: -5px;
	background: url('./img/mon.png') no-repeat;
}
.banner .mon>a{
	display: inline-block;
	width: 143px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	/* font-weight: bold; */
	font-size: 24px;
	text-shadow: 3px 0 0 rgba(255,73,2,0.5);
	font-family: 'FZLTCHJW';
	background: url(./img/buy.png) top center no-repeat;
}
.banner .course_time {
	position: relative;
	width: 430px;
	height: 50px;
	margin: 26px auto auto;
	background: url('./img/time.png') no-repeat;
}
.banner .course_time> span{
	font-size: 24px;
	color: #fff;
	position: absolute;
	top: -2px;
	font-weight: bold;
	left: 38%;
}
.shihe{
	width: 740px;
	height: 343px;
	margin: -100px auto auto;
	background: url(./img/shihe.png) top center no-repeat;
}
.tehui{
	width: 100%;
	height: 457px;
	margin: 42px auto auto;
	background: url(./img/tehui.png) top center no-repeat;
}
/**
*课程安排
*/
.course .title {
	width: 265px;
	height: 87px;
	margin: 46px auto 30px;
  background: url('./img/course_title.png') no-repeat;
}

.course .common { 	
	width: 960px;
	height: 338px;
	margin: 0 auto;
	text-align: center;
} 

.course .course_all {
	width: 100%;
	height: 48px;
	line-height: 48px;
	background: #8ddd95;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	border-radius: 10px 10px 0 0;
}

.course .course_all> a {
	display: inline-block;
	width: 80px;
	height: 44px;
	line-height: 38px;
	margin-top: 8px;
	margin-right: 65px;
	font-family: 'FZLTHJW';
}

.course .active {
	background: #fff;
	color: #2aaf70;
	border-radius: 10px 10px 0 0;
}

table {
	border-collapse: collapse;
}

table tr td { 
	border:1px solid #57c591; 	
	color: #666;
	font-size: 18px;
}

table tr:nth-of-type(1), tr:nth-of-type(5), tr:nth-of-type(6), tr:nth-of-type(7) {
	background: #f5fff7;
}

table tr td:first-of-type {
	width: 180px;
	height: 40px;
}

table tr td:nth-of-type(2) {
	width: 248px;
}

table tr td:nth-of-type(3) {
	width: 528px;
}

.course .course_card {
	display: none;
}

.course .show {
	display: block;
}

.course .name td{
	color: #2aaf70;
	font-size: 20px;
	height: 47px;
}

.prize {
	width: 873px;
	height: 447px;
	margin: 43px auto 0;
	background: url(./img/prize.png) top center no-repeat;
}
.service {
	background: #f5fff7;
	min-height: 700px;
	margin-top: 42px;
	padding-top: 46px;
}
.service .title{
	width: 569px;
	height: 47px;
	margin: 0 auto;
	background: url(./img/wy_tiitle.png) top center no-repeat;
}
.service .btn_all{
	width: 480px;
	margin: 36px auto auto;
}
.service .btn_all>a{
	display: inline-block;
	margin-right: 15px;
	width: 142px;
	height: 46px;
	line-height: 46px;
	font-size: 24px;
	color: #666;
	border-radius: 10px 10px 0 0;
	text-align: center;
	font-family: 'FZLTHJW';
	background: #ededed;
}
.service .btn_all>a:last-of-type{
	margin-right: 0;
}
.service .btn_all .active{
	width: 142px;
	height: 46px;
	line-height: 46px;
	color: #3ac39b;
	font-weight: bold;
	background: #fff;
	border:none;
	box-shadow: 0px 3px 3px 3px rgba(133, 214, 142, 0.3);
	border-radius: 10px 10px 0 0;
}
.service .card_all .card{
	display: none;
	width: 1020px;
	height: 506px;
	margin: 0 auto;
}
.service .card_all 		.show{
	display: block;
}
.service .card_all .card>img{
	width: 100%;
	height: 100%;
}
.service .card_all{
	margin-top: -7px;
}
.teacher{
	width: 100%;
	height: 477px;
	margin: 50px auto 0;
}
.teacher .title {
	height: 53px;
	width: 470px;
	margin: 0 auto;
	background: url('./img/teacher_title.png') no-repeat;
}
.teacher .common{
	position: relative;
	width: 970px;
	height: 266px;
	margin-top: 33px;
	padding: 46px 25px 0;
	background: url('./img/teacher.png') no-repeat;
}
.teacher .num>div{
	display: inline-block;
	font-size: 24px;
	color: #6ac09d;
	font-family: 'FZLTCHJW';
}
.teacher .num>div>span{
	font-weight: bold;
}
.teacher .num .span1{
	width: 225px;
	margin-left: 56px;
}
.teacher .num .span2{
	width: 232px;
}
.teacher .num .span3{
	width: 243px;
}
.teacher .teacher_content {
	width: 943px;
	height: 179px;
	margin: 0 auto;
	background: url('./img/teacher_content.png') no-repeat;
}
.preview{
	display: none;
	width: 100%;
	height: 638px;
	background: #f5fff7;
	padding-top: 46px;
}
.preview .title {
	height: 53px;
	width: 428px;
	background: url('./img/preview_title.png') no-repeat;
	margin: 0 auto;
}
.preview #swiper2 {
    position: relative;
    width:850px;
    margin: 0 auto
}
.preview #swiper2  .swiper-slide {
    width:264px;
		height:506px;
		margin-top: 33px;
    background: url(./img/phone.png) top center no-repeat;
}
.preview #swiper2  .swiper-slide .img{
	width: 244px;
	height: 402px;
	margin: 49px auto 0;
}
.preview #swiper2  .swiper-slide .img>img{
    display:block;
    width: 100%;
    height: 100%;
}
.preview #swiper2 .swiper-pagination {
    width: 100%;
    bottom: 20px;
}
.preview #swiper2 .swiper-button-prev {
    left: -75px;    
    width: 54px;
    height: 54px;
    background: url("./img/btn_prve.png") no-repeat top center;
}
.preview #swiper2 .swiper-button-next {
    right: -75px;
    width: 54px;
    height: 54px;
    background: url("./img/btn_next.png") no-repeat top center;
}
.know{
	width: 1026px;
	height: 839px;
	margin:0 auto 20px;
	background: url(./img/know.png) top center no-repeat;
}
.know .common{
	position: relative;
}
.know .common>a{
	position: absolute;
	top: 302px;
	left: 159px;
	display: block;
	width: 112px;
	height: 16px;
}
.btm{
	z-index: 100;
	width: 100%;
	height: 70px;
	position: fixed;
	bottom: 0;
	background: #ffb45b;
}
.btm .common{
	position: relative;
}

.btm .clock{
	width: 135px;
	height: 48px;
	background:url(./img/clock.png) no-repeat top center;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	padding-left: 57px;
	padding-top: 2px;
	margin-right: 28px;
}
.btm .clock div{
	color: #ef7828;
	font-weight: bold;
}
.btm .clock div.p1{
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 2px;
}

.btm .clock div.p2{
	font-size: 16px;
	line-height:16px;
}

.btm .common .mid{
	padding-top: 15px;
	float: left;
	color: #fff;
	font-size: 13px;
}

.btm .common .mid span{
	width: 60px;
	height: 41px;
	line-height: 41px;
	background:url(./img/mid.png) no-repeat top center;
	display: inline-block;
	font-weight: bold;
	font-size: 36px;
	color:#ef7828;
	font-family: 'FZLTHJW';
	letter-spacing: 12px;
	padding-left: 4px;
	margin-right: 3px;
}

.btm .common .pr{
	margin-right: 235px;
	height: 70px;
	line-height: 70px;
	/* font-weight: bold; */
	float: right;
}
.btm .common .pr>span:nth-child(1){
	font-size: 26px;
	color: #fff;
	font-family: 'FZLTCHJW';
}
.btm .common .pr>span:nth-child(2){
	font-size: 32px;
	font-weight: bold;
	color: #fef702;
}
.btm .common .pr>span:nth-child(3){
	font-size: 52px;
	color: #fef702;
	font-weight: bold;
	font-family: 'FZLTCHJW';
}
.btm .common .buy{
	display: block;
	position: absolute;
	background: #fff;
	right: 110px;
	top: 15px; 
	width: 105px;
	height: 40px;
	line-height: 42px;
	text-align: center;
	border-radius: 20px;
	font-size: 20px;
	/* font-weight: bold; */
	color: #ef7828;
	font-family: 'FZLTCHJW';
	animation:amplification  2s linear infinite;
	-webkit-animation:amplification 2s linear infinite; /*Safari and Chrome*/
}
.btm .common .zixun{
	display: block;
	position: absolute;
	right: 15px;
	top: 15px; 
	width: 85px;
	height: 40px;
	background: #fff;
	line-height: 42px;
	text-align: center;
	border-radius: 20px;
	font-size: 20px;
	/* font-weight: bold; */
	color: #ef7828;
	font-family: 'FZLTCHJW';
}
.vedio1{
	display: none;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	margin-top: -232px;
	margin-left: -472px;
	width: 944px;
	height: 464px;
	background: url(../img/shiting2.png) top center no-repeat;
}
.vedio1 .player-box{
	width: 694px;
	height: 386px;
	margin: 0 auto;
	position: relative;
	background: url(../img/vedio_bg.png) top center no-repeat;
}
.vedio1 .player-box .close_btn{
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	    right: -29px;
    top: -25px;
}
.vedio1 .common1{
	padding-top: 39px;
}
.vedio1 .player-box .mask{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.shadow{
	display: none;
	width: 100%;
	height: 100%;
	background: #333;
	opacity: 0.8;
	position: fixed;
	z-index: 100;
	top: 0;
	left: 0;
}
.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px;}
.offcnCopy{padding:45px 0 50px 0; line-height:32px; color:#ccc; text-align:center;}
.offcnCopy.normalPadding{padding-bottom: 45px;}
.offcnCopy a{color:#ccc;}
.offcnCopy a:hover{color:#e00;}

div.header{width: 100%;height: 47px;background: #fff;}
div.header .common{ font-size:16px;}
div.header .common a{ color:#333;}
div.header .logo{display: inline-block;width: 112px;height: 33px;background: url('http://statics.eoffcn.com/statics/images/index/netLogo.png'); vertical-align:-3px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('http://statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;}
div.header .tel{margin-top: 0;}