*{ margin:0; padding:0; border:0; border:none;font-family: "FZLTHJW";}
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;}
.zx{
	cursor: pointer;
}
.banner{
	width: 100%;
	height: 982px;
	margin: 0 auto;
	background: url(../img/banner.png) top center no-repeat;
}
.banner .common{
	padding-top: 383px;
}
.banner .zx_t{
	width: 760px;
	height: 47px;
	margin: 0 auto 80px;
}
.banner .zixun{
	width: 185px;
	height: 200px;
	margin: 0 17px 29px 0;
	background: url(../img/b_zx_bg.png) top center no-repeat;
}
.banner .zixun:hover{
	margin-top: -10px;
}
.banner .zixun5{
	margin-right: 0px;
}
.banner .zixun5:hover{
	margin-bottom: 39px;
}
.banner .zixun .t{
	font-size: 24px;
	color: #000000;
	font-family: "FZLTCHJW";
	line-height: 64px;
	text-align: center;
	margin-bottom: 18px;
}
.banner .zixun .con{
	font-size: 18px;
	color: #000000;
	text-align: center;
	line-height: 25px;
	text-align: center;
}
.pro_div{
	padding-top: 60px;
	padding-bottom: 44px;
}
.pro_div .pro_t{
	width: 999px;
	height: 53px;
	margin: 0 auto 35px;
	background: url(../img/pro_t.png) top center no-repeat;
}
.pro_div .pro{
	cursor: pointer;
	width: 106px;
	height: 59px;
	text-align: center;
	line-height: 61px;
	border-radius: 9px;
	font-size:24px;
	color: #000000;
	font-family: "FZLTCHJW";
	margin-right: 21px;
	margin-bottom: 27px;
	box-shadow: 0 4px 13px rgba(0,0,0,0.15)
}
.pro_div .pro.active{
	background: #d82404;
	color: #fff;
}
.pro_div .pro8{
	margin-right: 0px;
}
.pro_div .pro_go{
	width: 234px;
	height: 59px;
	margin-right: 0px;
	border-radius: 9px;
	background: url(../img/zx_go.png) top center no-repeat;
	box-shadow: 0 4px 13px rgba(0,0,0,0.15)
}
.qushi{
	width: 100%;
	height: 421px;
	margin: 0 auto;
	background: url(../img/qushi_bg.png) top center no-repeat;
}
.qushi .common{
	padding-top: 158px;
}
.qushi .qushi_card{
	cursor: pointer;
	width: 185px;
	height: 213px;
	margin-right: 18px;
	background: url(../img/qushi_zx.png) top center no-repeat;
}
.qushi .qushi_card:hover{
	margin-top: -10px;
}
.qushi .t{
	font-size: 24px;
	color: #000000;
	line-height: 72px;
	text-align: center;
	font-family: "FZLTCHJW";
	margin-bottom: 12px;
}
.qushi .con{
	padding: 0 17px;
	font-size: 16px;
	color: #000000;
	line-height: 25px;
}
.qushi .qushi_card5{
	margin-right: 0px;
}
.kaoqing{
	padding: 80px 0 75px 0;
}
.kaoqing .t{
	width: 996px;
	height: 54px;
	margin: 0 auto 38px;
	background: url(../img/zhuanxiang_t.png) top center no-repeat;
}
.kaoqing .f_card{
	margin:0 9px 22px 0px;
}
.kaoqing .f_card7{
	margin-right:0;
}
.kaoqing .active .f_t{
	color: #fff;
	background: #e13a00;
}
.kaoqing .active .zixun{
	color: #fff500;
}
.kaoqing .f_t{
	width: 132px;
	height: 66px;
	text-align: center;
	line-height: 68px;
	font-size: 24px;
	color: #000000;
	font-family: "FZLTCHJW";
	border: 1px solid #e13a00;
	border-radius: 10px 10px 0 0;
}
.kaoqing .zixun{
	width: 132px;
	height: 48px;
	border: 1px solid #e13a00;
	background: #e13a00;
	font-size: 18px;
	color: #fff;
	font-family: "FZLTCHJW";
	text-align: center;
	line-height: 50px;
	text-decoration: underline;
	border-radius: 0 0 10px 10px;
}
.pro_bg{
	width: 100%;
	height: 806px;
	margin: 0 auto;
	background: url(../img/pro_bg.png) top center no-repeat;
}
.pro_bg .common{
	padding-top: 180px;
	width: 960px;
}
.pro_bg .pro_card1{
	background: url(../img/pro_card1.png) top center no-repeat;
}
.pro_bg .pro_card2{
	background: url(../img/pro_card2.png) top center no-repeat;
}
.pro_bg .pro_card3{
	background: url(../img/pro_card3.png) top center no-repeat;
}
.pro_bg .pro_card4{
	background: url(../img/pro_card4.png) top center no-repeat;
}
.pro_bg .pro_card5{
	background: url(../img/pro_card5.png) top center no-repeat;
}
.pro_bg .pro_card6{
	background: url(../img/pro_card6.png) top center no-repeat;
}
.pro_bg .pro_card{
	width: 264px;
	height: 270px;
	margin: 0 28px 30px;
	cursor: pointer;
}
.pro_bg .pro_card3:hover{
	margin-bottom: 40px;
}
.pro_bg .pro_card:hover{
	margin-top: -10px;
}
.pro_bg .con{
	padding:102px 34px 0;
	height: 102px;
	line-height: 36px;
	color: #000000;
	font-size: 24px;
	text-align: center;
	font-family: "FZLTCHJW";
}
.pro_bg .zixun{
	width: 232px;
	height: 40px;
	text-align: center;
	line-height: 42px;
	font-size: 18px;
	color: #fff96f;
	font-family: "FZLTCHJW";
	background: #dd0800;
	border-radius: 20px;
	margin: 0 auto;
}
.join_us{
	padding: 65px 0 42px 0;
}
.join_us .t{
	width: 996px;
	height: 54px;
	margin: 0 auto 32px;
	background: url(../img/join_t.png) top center no-repeat;
}
.join_us .join_div{
	width: 944px;
	margin: 0 auto;
}
.join_us .join{
	width: 188px;
	height: 189px;
	margin: 0 24px 34px;
	cursor: pointer;
	background: url(../img/why_join_bg.png) top center no-repeat;
	filter: drop-shadow(0px 3px 24px rgba(0,0,0,0.2));
}
.join_us .join4:hover{
	margin-bottom: 44px;
}
.join_us .join:hover{
	margin-top: -10px;
}
.join_us .con{
	padding-top: 30px;
	height: 75px;
	line-height: 32px;
	font-size: 26px;
	font-family: "FZLTCHJW";
	color: #ffd800;
	text-align: center;
}
.join_us .get{
	padding-top: 10px;
	line-height: 30px;
	color: #ca231d;
	font-size: 18px;
	text-align: center;
}
.join_us .get>span{
	font-size: 24px;
	font-family: "FZLTCHJW";
	text-decoration:underline;
}
.class_bg{
	width: 100%;
	padding-bottom: 50px;
    min-height: 540px;
	margin: 0 auto;
	background: url(../img/class_bg.png) top center no-repeat;
}
.class_bg .common{
	padding-top: 164px;
}
.class_bg .player-box{
	position: relative;
	width: 554px;
	height: 312px;
	margin: 0 auto 58px;
	background: url(../img/video.png) top center no-repeat;
}
.class_bg .player-box .mask{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
}
.class_bg .btn_all{
	width: 570px;
	margin: 0 auto;
}
.class_bg .btn{
	width: 180px;
	height: 60px;
	cursor: pointer;
	margin: 0 5px;
	color: #fff;
	font-size: 24px;
	font-family: "FZLTTHJW";
	text-align: center;
	line-height: 62px;
	background: #930500;
	border-radius: 9px 9px 0 0;
}
.class_bg .btn.active{
	background: #fff;
	color: #930500
}
.class_bg .card_div{
	display: none;
	border-radius: 9px;
	background: #fff;
}
.class_bg .card_div.show{
	display: block;
}
.class_bg .card{
	padding: 40px 29px;
	border-bottom: 1px solid #dadada;
	
}
.class_bg .card.last{
	border-bottom: none;
}
.class_bg .div_1{
	width: 285px;
}
.class_bg .div_1 .title{
	font-size: 28px;
	color: #000000;
	font-family: "FZLTTHJW";
	line-height: 32px;
	margin-bottom: 10px;
}
.class_bg .div_1 .title2{
	font-size: 16px;
	color: #666666;
	line-height: 30px;
}
.class_bg .div_2{
	width: 464px;
	font-size: 14px;
	color: #333333;
	line-height: 26px;
}
.class_bg .div_3{
	width: 188px;
}
.class_bg .div_3 .guize{
	font-size: 18px;
	color: #f73c51;
	font-family: "FZLTCHJW";
	line-height: 34px;
	margin-bottom: 10px;
}
.class_bg .div_3 a{
	display: block;
	font-size: 20px;
	color: #fff;
	text-align: center;
	width: 148px;
	height: 42px;
	line-height: 44px;
	background: #dd0800;
	border-radius: 6px;
}
.s4_bg{
	padding: 88px 0 82px 0;
}
.s4_bg .title3{
	width: 999px;
	height: 55px;
	margin: 0 auto 18px;
	background: url(../img/teacher_t.png) top center no-repeat;
}
.s4_tit{
	font-size: 24px;
	color: #dd0800;
	text-align: center;
	line-height: 44px;
	margin-bottom: 34px;
}
.tec_title{
    display: block;
    margin: 0 auto;
    padding-top: 103px;
    padding-bottom: 95px;
}
.swiper-container {
    width: 956px;
    margin: 0 auto;
}
.swiper-container .swiper-slide{
    width: 231px !important;
    height: 205px;
    position: relative;    
    border-right: 11px;
    border-radius: 9px;
    overflow: hidden;
    background:#444855;
}
.swiper-container .swiper-slide img{
    width: 231px;
    height: 205px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.swiper-container .swiper-slide span{
    display: block;
    position: absolute;
    width: 231px;
    height: 34px;
    background: rgba(0, 0, 0, 0.6);
    color: #ffffff;
    left: 0px;
    bottom: 0px;
    line-height: 34px;
    font-size: 14px;
    text-indent: 2px;
    text-align: center;
}
.swiper-container .swiper-button-prev{
    background: url(../img/swiper-button-prev.png)no-repeat center center;
    width: 18px;
    height: 33px;
    left: 0px;
}
.swiper-container .swiper-button-next{
    background: url(../img/swiper-button-next.png)no-repeat center center;
    width: 18px;
    height: 33px;
    right: 7px;
}
.swiper-button-prev:after{
    content: ''!important;
    
}
.swiper-button-next:after{
    content: ''!important
}

.lxwm_title{
    display: block;
    margin: 0 auto;
}
.story{
	width: 100%;
	height: 620px;
	margin: 0 auto;
	background: url(../img/story.png) top center no-repeat;
}
.lead_l{
	z-index: 11;
	width: 156px;
	height: 546px;
	position: fixed;
	left: 20px;
	top: 100px;
	background: url(../img/lead_left.png) top center no-repeat;
}
.lead_l .lead_div{
	padding-top: 103px;
}
.lead_l a{
	width: 114px;
	margin: 0 auto;
	display: block;
	padding: 12px 0;
	line-height: 24px;
	font-size: 16px;
	color: #ffffff;
	border-bottom: 1px solid #b96867
}
.lead_l a.last{
	border-bottom: none;
}
.zx-side{
	display: none;
}
.lead_r{
	position: fixed;
	z-index: 11;
	top: 138px;
	right: 20px;
	width: 120px;
	padding:0 9px 5px;
	border-radius: 9px;
	background: #8e0901;
}
.lead_r .a1{
	height: 56px;
	line-height: 58px;
	text-align: center;
	font-size: 16px;
	color: #fff85b;
	background: #8e0901;
	margin-bottom: 0px;
}
.lead_r a{
	display: block;
	padding:4px 10px;
	width: 100px;
	line-height: 24px;
	margin: 0 auto 8px;
	border-radius: 6px;
	background: #e73c00;
	font-size: 16px;
	color: #fff;
}

.copyRight,.offcnCopy{ background:#444546;    min-width: 1200px; }
.offcnCopy{padding:45px 0 70px 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('../img/netLogo.png'); vertical-align:-6px;}
div.header .tel{width: 301px;height: 33px;margin-left: 470px; display:inline-block;background: url('//statics.eoffcn.com/statics/images/public/phone.jpg') no-repeat 0 8px;}
div.header .common a{float: none; text-decoration: none;margin-top: 3px}
div.header .tel{margin-top: 0;}

/*.page{
	padding-bottom: 90px;
}*/
.xidi{
	position: fixed;
	z-index: 100;
	bottom: 0;
	width: 100%;
	height: 90px;
	background: url(../img/xidi.jpg) top center no-repeat;
}