*{margin:0;padding:0;list-style:none;border:0;}
@charset "utf-8";
body{font-family:"微软雅黑",Arial,Helvetica,sans-serif}
body{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body,html{width: 100%;min-width:1200px;height: auto;overflow-x: hidden;}

em{font-style:normal}
a,a:link{text-decoration:none}
a:focus{outline:0}

#fz_body,#bk_body{overflow-y: auto;font-family: "微软雅黑";}
.banner img{width: 100%;min-width: 1200px;}
body{
  padding-top: 140px !important;
}
#bk_main {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #fff;
  width: 100%;
}
/*banlogo*/
.topout{
	width: 100%;
	height: 920px;
	position: relative;
	margin: 0 auto 100px auto;
	background: url(../img/syindex/sytop.png) left top no-repeat;
	background-size:auto 100%;
	-webkit-background-size: auto 100%;
	-o-background-size: auto 100%;
}
.videoout{
	width: 1200px;
	margin:0 auto;
	padding-top: 138px;
}
#v_xcp{
	width: 1091px;
	height: 614px;
	margin: 0 auto;
	border: 4px solid #2d2622;
}
/*优秀学员*/
.yxout{
	width: 100%;
	margin: 0 auto 80px auto;
}
.Box_con{
	width:1200px;
	margin:60px auto;
	position: relative;
}
.Box_con .btn{
	width: 25px;
	height: 50px;
	display: block;
	position: absolute;
	top: 155px;
	cursor: pointer;
}
.Box_con .btnl {background: url(../img/syindex/btnl.png) no-repeat center center;left: -35px;}
.Box_con .btnr {background: url(../img/syindex/btnr.png) no-repeat center center;right: -35px;}
.Box_con .conbox {position: relative;overflow: hidden;}
.Box_con .conbox ul {position: relative;list-style: none;}
.Box_con .conbox ul li {float: left;width: 213px;height: 360px;margin-right: 18px;overflow: hidden;border:6px solid #fff;
border-radius:15px ;  
-moz-border-radius:15px ; 
  -ms-border-radius:15px ; 
  -o-border-radius:15px ; }
.Box_con .conbox ul li dl{width: 100%;height: 100%;position: relative;}
.Box_con .conbox ul li dl dt{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.Box_con .conbox ul li dl dd{display:none;width: 100%;height: 60px;padding-top:300px;position: absolute;left: 0;top: 0;background: url(../img/yxxy/vi.png) top left no-repeat;}
.Box_con .conbox ul li dl dd img{display: block;}
.Box_con .conbox ul li dl dd h3{font-size: 18px;text-align: center;color: #fff;line-height: 29px;font-weight: bold;}
.Box_con .conbox ul li dl dd p{font-size: 14px;color: #fff;text-align: center;}
.Box_con .conbox ul li:last-child{margin-right: 0;}
.Box_con .conbox ul li:first-child {margin-left: 0;}
.Box_con .conbox ul li:hover{border:6px solid #ff331b!important;box-shadow: 1px 2px 4px #dadada;}
.Box_con .conbox ul li:hover dd{display: block;}
.rishow {
	width: 1200px;
	height: 370px;
    position: relative;
    animation: rimove 2.5s 1;
    -webkit-animation: rimove 2.5s 1;
}
.yxmore{
	display: block;
	width: 200px;
	height: 50px;
	background: #ff331b;
	border-radius: 25px;
	-moz-border-radius: 25px ; 
  	-ms-border-radius: 25px ; 
  	-o-border-radius:25px ; 
	color: #FFF;
	font-size: 18px;
	line-height: 50px; 
	text-align: center;
	margin: 0 auto;
}
/*作品展示*/
.zpzsout{
	width: 100%;
	height: 1010px;
	background: #eee;
	padding-top: 80px;
}
.zpzs{
	width: 1200px;
	height:640px;	
	margin: 60px auto;
}
.zpzs dl{
	width: 580px;
	height:290px;
	border-radius: 15px;
	border: 5px solid #fff; 
	background: #fff;
	float: left;
}
.zpzs dl dt{
	float: left;
	width: 340px;
	height: 100%;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.zpzs dl dt img{
	width: auto;
	height: 100%;
	border-radius: 10px;
}
.zpdtbg{
	width: 100%;
	height: 100%;
	background: url(../img/syindex/zpdtbg.png) center center no-repeat;
	background-size:100% 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.zpzs dl dd{
	width: 220px;
	height: 280px;
	float: left;
	padding-top: 10px;
}
.zpzs dl dd h3{
	font-size: 18px;
	color: #ff331b;
	font-weight: bold;
	line-height: 40px;
}
.zpzs dl dd span{
	font-size: 14px;
	color: #666;
	font-weight: bold;
	line-height: 25px;
}
.zpzs dl dd p.xyjj{
	width: 200px;
	height: 120px;
	margin-bottom: 5px;
}
.zpzs dl dd p{
	font-size: 12px;
	color: #666;
	line-height: 24px;
}
.zpzs dl dd label{
	display: block;
	width:91px;
	height: 22px;
	background: #ff331b;
	border-radius: 25px;
	-moz-border-radius: 25px ; 
  	-ms-border-radius: 25px ; 
  	-o-border-radius:25px ;
	color: #FFF;
	text-align: center;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
.zpzs dl:hover{
	border: 5px solid #ff331b!important; 
}
.zpzs dl:hover .zpdtbg{
	display: block;
}

/*周考视频*/
.zkspout{
	width: 100%;
	height: 910px;
	margin: 0 auto;
	padding-top:80px;
	background: #eeeeee;
}
.zksp{
	width: 1200px;
	height: 540px;
	margin: 60px auto;
}
.zksple{
	width: 930px;
	height: 100%;
	float: left;
}
.zksple dl{
	width: 270px;
	height: 260px;
	margin: 0 40px 20px 0; 
	float: left;
}
.zksple dl dt{
	width: 100%;
	height: 190px;
	border-radius: 20px;
	-moz-border-radius: 20px ; 
  	-ms-border-radius: 20px ; 
  	-o-border-radius:20px ;
	position:relative;
}
.zksple dl dt img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
.zksple dl dd{
	width: 100%;
	height: 56px;
	padding-top:6px ;
}
.zksple dl dd span{
	display: block;
	font-size: 18px;
	color: #666;
	line-height: 24px;
	text-align: center;
}
.zksple dl dd p{
	width: 90%;
	margin: 0 auto;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	color: #666;
}
.zkspri dl:hover .zkribg{
	display: block;
	background: url(../img/mnkh/zkribg.png) center center no-repeat;
	background-size:cover ;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
}
.zkspri dl:hover .zkpre{
	color: #ff331b!important;
}
.zksp dl:hover .dtbg{
	display: block!important;
}
.zksp dl:hover .zkddp{
	color: #ff331b;
} 
.zksple .dtbg{
	border-radius: 10px!important;
}
.zkspri{
	width: 270px;
	height: 100%;
	float: left;
}
.zkspri dt{
	width: 100%;
	height: 470px;
	border-radius: 15px;
	position: relative;
}
.zkspri dt img{
	width: 100%;
	height:100%;
	border-radius: 15px;
}
.zkspri dd{
	width: 100%;
	height: 55px;
	padding-top: 6px;
}
.zkspri dd p{
	font-size: 14px;
	color: #666;
	line-height: 28px;
	text-align: center;
}
.zkspri dd span{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #666;
}
/*学员评价*/
.videolist{
	width: 1200px;
	height: 1070px;
	padding-top:80px ;
	margin:0 auto;
}
.videolist .xypj{
	width: 100%;
	height: 320px;
	margin-bottom: 60px;
}
.videolist .xypj dl:hover .dtbg{
	display: block!important;
}
.videolist .xypj dl:hover dd{
	background: #ff331b;
	color: #fff!important;
	border-radius: 0 0 15px 15px;
}
.videolist .xypj dl:hover dd span{
		color: #fff!important;
}
.videolist .xypj dl:hover dd p{
		color: #fff!important;
}
.videolist .xypj a{
	display: block;
	width: 270px;
	height: 320px;
	margin-right:40px;
	float: left;
}
.videolist .xypj a:last-child{
	margin-right: 0;
}
.videolist .xypj dl{
	width: 270px;
	height: 320px;
	float: left;
	margin-right: 40px;
	border-radius: 15px;
	box-shadow: 0px 0px 9px 0px #d1d1d1;
}
.videolist .xypj dl:last-child{
	margin-right: 0;
}
.videolist .xypj dl dt{
	width: 100%;
	height: 190px;
	position: relative;
}
.videolist .xypj dl img{
	width: 100%;
	height: 190px;
	border-top-left-radius: 15px;
	border-top-right-radius:15px ;
}
.dtbg,.zkdtbg{
	width: 100%;
	height: 100%;
	background: url(../img/syindex/dtbg.png) left top no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0; 
	top: 0;
	display: none;
}

.videolist .xypj dl dd{
	width:238px;
	height: 116px;
	padding: 7px 16px;
}
.videolist .xypj dl dd span{
	width: 100%;
	height: 32px;
	display: block;
	line-height: 32px;
	font-size: 18px;
	color: #666;
	font-weight: bold;
	text-align: center;
}
.videolist .xypj dl dd p{
	width: 100%;
	line-height: 28px;
	text-align:center;
	color: #666;
	font-size: 12px;
}
.xypjmore{
	display: block;
	width: 200px;
	height: 50px;
	background: #ff331b;
	color: #FFFFFF;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	border-radius: 30px;
	margin: 0 auto;
}
.divtit{
	width: 100%;
	height: 122px;
	margin: 0 auto;
}
.divtit img{
	display: block;
	width: auto;
	height: 100%;
	margin:0 auto;
}
/*选择我们*/
.xzwmout{
	width: 100%;
	min-width: 1200px;
	height:736px;
	padding:134px 0 114px 0;
	background: url(../img/syindex/xzwm.png) center center no-repeat;
	background-size:cover;
}
.xzwm{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.xzoneh{
	width: 434px;
	height: 46px;
	display: block;
	margin-left: 54px;
		
}
.wmys{
	width: 1040px;
	height: 460px;
	margin: 55px 80px 57px 80px;
}
.wmys li{
	width: 180px;
	height: 180px;
	position: relative;	
	float: left;
	margin: 25px 40px;
}
.wmys dl{
	width: 178px;
	height: 178px;
	float: left;
	position: absolute;
	top: 1px;
	left: 1px;
	border-radius: 15px;
}
.wmys dl dt{
	width: 180px; 
	height: 75px;
	padding-top:33px ;
}
.wmys dl dt img{
	width: auto;
	height: auto;
	display: block;
	margin:0 auto;
}
.wmys dl dd{
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 72px;
}
#shape{stroke-width:6px;fill:transparent;stroke-dasharray:85 400;stroke-dashoffset:-220;transition:1s all ease}
.wmys li:hover #shape{stroke-dasharray:50 0;stroke-width:3px;stroke-dashoffset:0;stroke:#fff}

.xztwoh{
	width: 427px;
	height: 34px;
	float: right;
	margin-right: 60px;
}
/*  预约*/
.msyyall{
	width: 100%;
	height: 315px;
    margin: 80px auto 40px auto;
}
.bk_fileft {
    width: 460px;
    float: left;
}
.yybm {
    width: 100%;
    line-height: 40px;
    text-align: center;
    color: #666;
    font-size: 24px;
    font-weight: 100;
    margin-bottom: 10px;
}
.bk_fileft li {
    margin: 0 auto;
    width: 370px;
    height: 50px;
}
.bk_fileft li span {
    font-size: 21px;
    color: #666;
    line-height: 50px;
}
.bk_fileft li select {
    outline: none;
    width: 198px;
    padding-left: 20px;
    height: 35px;
    border: 1px solid #999;
    background: #eee;
    border-radius: 6px;
    color: #999;
    font-size: 16px;
}
.bk_fileft li input {
    outline: none;
    width: 178px;
    padding-left: 20px;
    height: 35px;
    border: 1px solid #999;
    background: #eee;
    border-radius: 6px;
    color: #999;
}
.error {
    font-size: 12px!important;
    display: none;
}
.bk_ficen {
    width: 1px;
    height: 100%;
    float: left;
    background: url(../img/bk_ficen.png) center center no-repeat;
    margin-right: 50px;
}
.bk_firight {
    width: 610px;
    height: 100%;
    margin-top: 44px;
    float: left;
}

.bk_firight .fiv_top {
    width: 100%;
    height: 80px;
    line-height: 80px;
}
.fiv_top div, .fiv_bot div {
    width: 270px;
    height: 80px;
    font-size: 26px;
    color: #666;
    margin-right: 5px;
    float: left;
}
.fiv_top div p, .fiv_bot div p {
    line-height: 40px;
    height: 40px;
    font-size: 22px;
}
.fiv_top img, .fiv_bot img {
    width: 53px;
    height: 55px;
    margin: 15px 35px 0 0;
    float: left;
}
.fiv_bot {
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 60px;
}

.bk_fileft li button {
    width: 222px;
    cursor: pointer;
    height: 60px;
    background: #ff1d1e;
    color: #fff;
    border: none;
    border-radius: 50px;
    font-size: 28px;
    line-height: 60px;
    margin-top: 25px;
    font-family: "微软雅黑";
}
.fiv_call, .fiv_bm {
    width: 220px;
    cursor: pointer;
    height: 60px;
    margin-top: 8px;
    float: left;
    border: 1px solid #ff1d1e;
    border-radius: 50px;
    font-size: 29px;
    color: #ff1d1e;
    text-align: center;
    line-height: 60px;
}
.pagebox{
	margin: 80px auto;
	height: 40px;
}
.page{
	width: auto;    
	position: absolute;
    margin-left: 50%;
    transform: translate(-50%,-50%);
	height: 40px;
	border: 1px solid #eaeaea;
	border-radius:30px ;
	-moz-border-radius:30px;
  	-ms-border-radius:30px;
  	-o-border-radius:30px;
}
.page li{
	width: 50px;
	height: 100%;
	float: left;
	background: url(../img/pageline.png) right center no-repeat;
	line-height:40px;
	text-align:center;
}
.page li a{
	display: block;
	width: 50px;
	height: 100%;
	
	font-size:18px;
	color:#666;
}
.pagech {
	background: #ff331b!important;
	
}
.pagech a{
	color:#fff!important;
}
.syy{
	display: block;
	width: 45px;
	height: 100%;
	float: left;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
	background: url(../img/pageleft.png) center center no-repeat;
	
}
.xyy{
	display: block;
	width: 45px;
	height: 100%;
	float: left;
	border-bottom-right-radius: 30px;
	border-top-right-radius: 30px;
	background: url(../img/pageright.png) center center no-repeat;
	
}
/*优秀学员页面*/
.ban{
	width: 100%;
	height: 640px;
	margin-bottom:20px ;
}
/*学院评价2*/
.banxypj{
	background: url(../img/xypj/banxypj.png) center center no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
}
/*优秀学员*/
.yxxyban{
	background: url(../img/yxxy/banyxxy.png) center center no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
}
/*模拟考和3*/
.mkspban{
	background: url(../img/mnkh/banzksp.png) center center no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
}
/*教学实录*/
.jxslout{
	width: 1200px;
	height: auto;
	margin: 80px auto;
}
.banjxsl{
	background: url(../img/jxsl/banjxsl.png) center center no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
}
.jxslcen{
	width: 1200px;
	height:570px;
	margin: 60px auto;
}
.jxslcen .bd{
	width: 790px;
	height: 570px;
	float: left;
	margin-right: 30px;
}
.jxslcen .bd dl{
	width: 100%;
	height: 100%;
	position: relative;
}
.jxslcen .bd dl dt{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
}
.jxslcen .bd dl .ddbg{
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	opacity: 0.6;
	border-radius:0.35rem ;
	z-index: 999;
}
.jxslcen .bd dl dd{
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1000;
}
.jxslcen .bd dl dd h2{
	font-size: 24px;
	color: #fff;
	margin-left: 30px;
	line-height:60px;
	font-weight: normal;	
}
.jxslcen .bd dl dd p{
	font-size: 20px;
	margin-left: 30px;
	color: #999;
}
.jxslcen .hd{
	width: 380px;
	height: 570px;
	float: left;
}
.jxslcen .hd dl{
	width: 180px;
	height: 175px;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.jxslcen .hd dl dt{
	width: 100%;
	height: 120px;
	margin-bottom: 5px;
	position: relative;
}
.jxslcen .hd dl dt img{
	width: 100%;
	height: 100%;
	border-radius: 0.4rem;
}
.jxslcen .hd dl dd{
	width: 100%;
	height: 50px;
}
.jxslcen .hd dl dd span{
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 37px;
	text-align: center;
}
.jxslcen .hd dl dd p{
	font-size: 12px;
	color: #666;
	text-align: center;
}
.jxslhov:hover .dtbg{
	display: block!important;
}
.jxslhov:hover .horih{
	color: #ff331b!important;
}

/*作品展示*/
.zpzsban{
	background: url(../img/xyzs/banzpzs.png) center center no-repeat;
	background-size:cover ;
	-webkit-background-size:cover;
}