@charset "utf-8";
html,body,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote{margin:0;padding:0}
html{height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{
	font-family: "微软雅黑";
	font-size: 14px;
	margin:0 auto;
	padding:0;
}
ol,ul {
    list-style: none;
}
a:visited{}a:hover{text-decoration:underline}
a:active{}ul,li,ol{list-style:none}
a{color:#262626;outline: none;text-decoration: none;;}
a:hover,a:focus{color:#c30d23;text-decoration:underline;}
strong,b{font-weight:normal}
em,i{font-style:normal}
iframe{display:block}
fieldset{border:1px solid #c0c0c0;margin:0 2px 18px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}

/*
  vip页面
 * */
body{
	max-width: 1200px;
	text-align:center;
}
.header img{
	width:auto;
	height:auto;
}
@media (max-width:800px){
	.header img{
		width:780px;
	}
}
.banner  img{
	width:100%;
	height:auto;
}
.nav{
	width: 100%;
	height:38px;
	margin-top:-5px;
}
.nav li{
	float:left;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 38px;
	cursor:pointer;
}
.nav .home{
	width:40px;
	height:38px;
	background-image:url(../images/viphome_02.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-right: -3px;
}
.nav .num{
	width:13%;
	height: 38px;
	background-image:url(../images/vipcentend_03.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-left:-13px;
}
.nav .num0{
	width:14.9%;
	height:38px;
	background-image: url(../images/vipfont_03.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-left: -17px;
}
@media (min-width:1024px) and (max-width:1152px){
	.nav{
	width: 100%;
	height:25px;
	margin-top:-5px;
    }
    .nav li{
	float:left;
	color: #FFFFFF;
	font-size: 16px;
	line-height:30px;
	cursor:pointer;
}
.nav .home{
	width:35px;
	height:30px;
	background-image:url(../images/viphome_02.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-right: -3px;
}
  .nav .num0{
	width:16.5%;
	height:30px;
	background-image: url(../images/vipfont_03.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-left: -17px;
}
}
@media (max-width:800px){
	.nav{
	width: 100%;
	height:25px;
	margin-top:-5px;
    }
    .nav li{
	float:left;
	color: #FFFFFF;
	font-size: 16px;
	line-height:25px;
	cursor:pointer;
}
.nav .home{
	width:35px;
	height:25px;
	background-image:url(../images/viphome_02.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-right: -3px;
}
.nav .num{
	width:13.3%;
}
  .nav .num0{
	width:16.5%;
	height:25px;
	background-image: url(../images/vipfont_03.png);
	background-size:100% 100%;
	background-repeat: no-repeat;
	margin-left: -17px;
}
}
.taivip img{
	width: 100%;
	height:auto;
	margin-top:-1px;
}
@media (min-width:800px) and (max-width:1024px){
	.taivip img{
		margin-top:-8.3px;
	}
}
@media (max-width:800px){
	.taivip img{
		margin-top:-14px;
	}
}
.crowd img{
	width:100%;
	height: auto;
	margin-top: -4px;
}
/*
   八大优势
  * */
.advantage{
	width:100%;
	height:610px;
	background-image:url(../images/vip06_02.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.advantage li{
	float: left;
	width: 25%;
	height: auto;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
}
.li-head{
	margin-top:50px;
}
.advantage li:nth-child(1){
	margin-top: 20px;
	margin-left:12.5%;
}
.advantage li:nth-child(2){
	margin-top:21px;
}
.advantage li:nth-child(3){
	margin-top:21px;
}
.advantage li:nth-child(4){
	margin-top:45px;
	margin-left: 12.5%;
}
.advantage li:nth-child(6){
	margin-top:45px;
	padding-bottom: 50px;
}
.advantage li:nth-child(7){
	margin-left: 12.5%;
}
.advantage li img{
	width: 100%;
	height: auto;
}
.gray{
	margin:1px;
	width:99%;
	height:156.06px;
	background:rgba(0,0,0,0.6);
	position: absolute;
	top: 0;
}
.advantage li:nth-child(2) .gray{
	width:98.8%;
	height:155.06px;
}
.advantage li:nth-child(3) .gray{
	width:98.8%;
	height:155.0px;
}
.advantage li:nth-child(4) .gray{
	width:99%;
	height:153.0px;
}
.advantage li:nth-child(6) .gray{
	width:99%;
	height:153.0px;
}
.advantage li:nth-child(7) .gray{
	margin:2px;
	width:98.5%;
	height:153.0px;
}
.advantage li:nth-child(8) .gray{
	width:98.5%;
	height:154.0px;
}
.advantage li:nth-child(9) .gray{
	margin:2px;
	width:99%;
	height:154.0px;
}
.gray{
	display: none;
}
.gray b{
	color: #ffffff;
	font-size:20px;
	display: block;
	float: left;
	margin:8px 15px;
}
.gray span{
	color: #FFFFFF;
	font-size:17px;
	margin:-5px 12px;
	display: block;
	float: left;
	text-align: left;
}
@media (min-width:800px) and (max-width:1024px){
	.advantage{
		height:580px;
	}
	.gray b{
		font-size:18px;
	}
	.gray span{
		font-size:15px;
	}
}
@media (max-width:800px){
	.advantage{
		height:460px;
	}
	.gray b{
		font-size:14px;
	}
	.gray span{
		font-size:12px;
	}
}
.advantage li:hover .gray{
	display: block;
	cursor: pointer;
}
/*
  VIP成绩
 * */
.vipscore img{
	 width: 100%;
	 height: auto;
	 margin-top: -5.5px;
}
@media (min-width:1024px) and (max-width:1152px){
	 .vipscore img{
	 	margin-top:-30px;
	 }
}
/*
   VIP课程体系
 * */
.vipsystem img{
	width: 100%;
	height:auto;
	margin-top:-4px;
}
/*
   VIP辅导方案
 * */
.vipprogram{
	width: 100%;
	height:630px;
	margin-top:-3px;
	background-image:url(../images/viphz01_02.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	margin-top: -7px;
}
.vipprogram img{
	width:260px;
	height:60px;
	float:left;
	margin-top:-80px;
	margin-left:37%;
}
.vipprogram table{
	border: 1px solid #000000;
	width:90%;
	height:50%;
    margin:110px auto;
    font-size:16px;
    font-weight:500;
}
.vipprogram table:nth-child(2){
	border: 1px solid #000000;
	width:90%;
	height:35%;
    margin:110px auto;
}
/*
  VIP专家服务团队
 * */
.viptm img{
	width: 100%;
	height: auto;
	margin-top: -4px;
}
.eqa img{
	width: 100%;
	height: auto;
	margin-top: -4px;
}
.m-transform{
	width: 100%;
	height: 350px;
	background-image:url(../images/viphz02_02.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	margin-top: -5px;
}
.m-transform a{
	position: relative;
}
.m-transform img{
	width:310px;
	position: absolute;
	top:230px;
}
.bottom{
	width: 100%;
	height: 200px;
	background:#333333;
	margin-top:-2px;
}
@media (min-width:800px) and (max-width:1024px){
	.bottom{
		margin-top:-58px;
	}
	.m-transform img{
	width:310px;
	position: absolute;
	top:200px;
    }
}
@media (max-width:800px){
	.bottom{
		margin-top:-125px;
	}
	.m-transform img{
	width:210px;
	position: absolute;
	top:150px;
    }
}
.bottom span{
	color: #FFFFFF;
	font-size:12px;
	margin-top: 5px;
}
.bottom .bs{
	width: 100%;
	height: 20px;
}

/*
 top
 * */
#tbox{width:30px; height:200px; float:right; position:fixed;bottom:50%;left:10%;display:none;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
_margin-bottom:50px;
}/*这个只能改宽高其他的不要修改，需要滚动的内容都要放在这个div里面*/
.taoba{display:block; background:#c2c2c2; width:80px; height:60px; margin-bottom:4px;text-align: center; color: #fff; line-height:60px; overflow: hidden;cursor:pointer;font-size:18px;}
.taoba:hover{background:#ff4200; text-decoration: none; color: #fff;}
#gotop{display:block; background:#c2c2c2; width:80px; height:30px; margin-bottom:4px;text-align: center; color: #fff; line-height:30px; overflow: hidden;cursor:pointer;font-size:18px;} /*这个样式随便改，必须有position:absolute; */
#gotop:hover{background:#ff4200; text-decoration: none; color: #fff;}
@media (min-width:1600px) and (max-width:1680px){
	#tbox{
		left:6%;
	}
	.taoba{
		width:80px;
		height:50px;
		line-height: 50px;
	}
}
@media (min-width:1360px) and (max-width:1440px){
	#tbox{
		left:1%;
	}
	.taoba{
		width:80px;
		height:50px;
		line-height: 50px;
	}
}
@media (min-width:1280px) and (max-width:1300px){
	#tbox{
		left:1%;
	}
	.taoba{
		width:80px;
		height:30px;
		line-height: 30px;
		font-size:15px;
	}
	#gotop{
		font-size: 15px;
	}
}
@media (min-width:1024px) and (max-width:1157px){
	#tbox{
		left:1%;
	}
	.taoba{
		width:80px;
		height:30px;
		line-height: 30px;
		font-size:15px;
	}
	#gotop{
		font-size: 15px;
	}
}
@media (min-width:800px) and (max-width:1200px){
	#tbox{
		left:1%;
	}
	.taoba{
		width:80px;
		height:30px;
		line-height: 30px;
		font-size:15px;
	}
	#gotop{
		font-size: 15px;
	}
}