@charset "utf-8";

/* CSS Document */
body {
  font: 12px/24px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
  background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/bg01.jpg");
  overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, select, textarea, th, td { margin: 0; padding: 0; color:#333; }
img { border:none; max-width:100%; }
a { color:#333; text-decoration:none;}
a:hover{color: #e4393c;text-decoration:none;}
a,area { blur:this.onFocus=this.blur()) }
ul, li{ list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input { outline:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
:focus { outline: none; }
input::focus-inner { padding:0;border:0;}

.fl { float:left;} .fr { float:right;}
.clearfix:after {  display: block;  content: '';  clear: both; }
.clearfix { zoom: 1;}
.clear { height:0; width:100%; font-size:1px; line-height:0; visibility:hidden; overflow:hidden;}
.Width { width:1000px; margin:0 auto; position: relative;}
.hide { display:none;} .onlymob { display:none;}

/* 通用头部 */
.ht_top { width: 100%;background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.ht_top .zt_top {width: 1000px;height: 41px;margin: 0 auto;}
.ht_top h1 { float:left;}
.ht_top h1 a {float: left;width: 131px;height: 40px;overflow: hidden;text-indent: -100em;background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size:12px;}
.ht_top .topnav {float: right; color:#333; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}

/* banner */
.banner {
  position: relative;
  width: 100%;
  height: 670px;
	background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/bg.jpg") repeat-x;
}
.banner .Width{
	height: 670px;
}
.banner .txt01 {
	position: absolute;
	left: 386px;
	top:215px;
	width:603px;
	height: 276px;
  background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/txt02.png") no-repeat center top / auto 100%;
	text-indent: -999em;
	overflow: hidden;
}
.banner .txt03 {
	position: absolute;
	right: 0;
	bottom:50px;
	width:650px;
  font-size: 24px;
	line-height: 40px;
	color: #fff;
	text-align: left;
}
.banner .tutu {
	position: absolute;
	left: -50px;
	top:137px;
	width:431px;
	height: 485px;
  background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/tutu.png") no-repeat center top / auto 100%;
}
.banner .icon01 {
	position: absolute;
	left: -240px;
	top:150px;
	width:186px;
	height: 244px;
  background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/icon01.png") no-repeat center top / auto 100%;
}
.banner .icon02 {
	position: absolute;
	right: -160px;
	top:214px;
	width:100px;
	height: 79px;
  background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/icon02.png") no-repeat center top / auto 100%;
}
.part01{ 
	padding: 30px 0 100px;
}
.title01{
  width:372px;
	height: 109px;
	margin: 0 auto;
	background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/title01.png") no-repeat center center / 100% auto;
	text-indent: -999em;
  overflow: hidden;
}
.title02{
  width:392px;
	height: 77px;
	margin: 0 auto;
	background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/title02.png") no-repeat center center / 100% auto;
	text-indent: -999em;
  overflow: hidden;
}
.tablewrap{
	width:1000px;
	margin: 60px auto 0;
}
.tablewrap table {
  width: 100%;
  text-align: center;
}

.tablewrap table th {
  height: 50px;
  border: 2px solid #b27c40;
	background: #b27c40;
  font-size: 30px;
  color: #fff;
}

.tablewrap table td {
  border: 2px solid #b27c40;
  font-size: 24px;
  line-height: 50px;
	color: #fff;
}
.tablewrap a{
	display:inline-block;
	width:154px;
	height: 32px;
	background: #b27c40;
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 22px;
	line-height: 32px;
	color: #fff;
}
.tablewrap tr:hover td,.tablewrap tr:hover a{
	color: #fde90a;
}


.part02{ 
	padding: 30px 0 100px;
	background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/bg02.jpg");
}
.part02 .txtbox{
	width:1000px;
	padding-top: 20px;
	margin: 0 auto 50px;
}
.part02 .txtbox p{
	font-size: 28px;
	line-height: 44px;
	color: #fff;
}
.title03{
	font-size: 36px;
	line-height: 50px;
	color: #fde909;
	text-align: center;
}

/* 预约 */
.form-box{
	width:620px;
	margin: 30px auto 0;
}

.form-box .inpwrap {
  margin-bottom: 24px;
}
.form-box .inpwrap .txt{
  float: left;
  width: 200px;
	height: 48px;
	font-size: 28px;
	line-height: 48px;
	color: #fff;
	
}
.form-box .inpwrap .inpbox{
  float: left;  
  width: 420px;
  height: 48px;
  position: relative;
}
.form-box input{
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #fde909;
  border-radius: 8px;
  outline: none;
  font-size: 20px;
  line-height: 48px;
  text-indent: 2em;
	background: none;
	color: #fff;
}

.form-box .lqBtn {
  display: block;
  width: 264px;
  height: 50px;
  margin: 60px 0 0 210px;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 64px;
  background:#644120;
	font-size: 24px;
	line-height: 48px;
	color: #fde909;
	transition: all 0.5s;
	text-indent: 0;
}
.form-box  .lqBtn:hover {
	transform: scale(1.05,1.05);
}

.xfnav{
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: 510px;
	margin-top: -80px;
	width:139px;
	height: 265px;
	background: url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/qq/images/xfbg.png") no-repeat center top / 100% auto;
}
.xfnav img{
	position: absolute;
	left: 100px;
	top: -68px;
}
.xfnav a{
	display:block;
	width: 122px;
	height: 40px;
	margin-left: 8px;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	text-align: center;
}
.xfnav a:hover{
	color: #ffe900;
	background: #352534;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}

/* 通用底部 */
.footer {clear:both; text-align: center; padding:30px 0; position: relative;}
.footer p {line-height: 36px; color:#fdfdfd; font-size:18px; position: relative;z-index: 2;}
.footer p a {color: #fdfdfd; font-size:18px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}


@media only all and (max-width:1566px) and (min-width:1366px){
	.banner .icon01 {
	left: -200px;
	
}
	
}
@media only all and (max-width:1367px) {
	.banner .icon01 {
		display: none;
	}
	.xfnav{
		position: fixed;
		left: auto;
		right: 20px;
		top: 50%;
		margin-left: 0;
		margin-top: -80px;
	}
}

@media only all and (max-width:1000px) {
  .onlymob {
    display: block;
  }

  html {
    font-size: 20px;
  }

  body {
    font: 0.7rem/1.2rem "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "\9ED1\4F53", Arial, sans-serif;
    width: 18.75rem;		
  }

  html,
  body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .Width {
    width: 17.75rem;
  }

  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2),
  .footer p,
  .pc,.bottombg,
  .onlypc {
    display: none;
  }
  /* 通用头部 */
  .ht_top {
    line-height: 2.5rem;
    height: 2.5rem;
    background-size: auto 100%;
  }
  .ht_top .zt_top {
    width: 17.5rem;
    height: 2.5rem;
  }
  .ht_top h1 a {
    height: 2.5rem;
    width: 7.5rem;
    background: url(https://www.huatu.com/images/2015css/images/mob_logo.png) no-repeat center;
    background-size: 100%;
  }
  .ht_top .topnav {
    font-size: 0.8rem;
    text-indent: -1000rem;
  }
  .ht_top .topnav a {
    padding: 0 0 0 0.3rem;
    text-indent: 0;
    float: right;
  }

/* banner */
.banner {
  position: relative;
  width: 18.75rem;
  height: 12rem;
	background-size: auto 100%;
}
.banner .Width{
	width:100%;
	height: 12rem;
}
.banner .txt01 {
	left: 5rem;
	top:1rem;
	width:13.2rem;
	height: 6rem;
}
.banner .txt03 {
	right: 0;
	bottom:1rem;
	width:95%;
  font-size: .65rem;
	line-height: 1.1rem;
}
.banner .tutu {
	left: 0;
	top:2rem;
	width:5.5rem;
	height: 6rem;
}
.banner .icon01,.banner .icon02 {
	display:none;
}

.part01{ 
	padding: 1rem 0 2rem;
}
.title01{
  width:10rem;
	height: 2.6rem;
}
.title02{
  width:10rem;
	height: 2.4rem;
}
.tablewrap{
	width:17.75rem;
	margin: 1rem auto 0;
}

.tablewrap table th {
  height: 1.5rem;
  border: .05rem solid #b27c40;
  font-size: .65rem;
}

.tablewrap table td {
	height: 1.6rem;
  border: .05rem solid #b27c40;
  font-size: .6rem;
  line-height: 1.1rem;
}
.tablewrap a{
	width:3rem;
	height: 1rem;
	font-size: .6rem;
	line-height: 1rem;
	border-radius: .2rem;
}

.part02{ 
	padding: 1rem 0 1.5rem;
}
.part02 .txtbox{
	width:17.75rem;
	padding-top: 1rem;
	margin: 0 auto 1.5rem;
}
.part02 .txtbox p{
	font-size: .7rem;
	line-height: 1.1rem;
}
.title03{
	font-size: .75rem;
	line-height: 1.2rem;
}

/* 预约 */
.form-box{
	width:17.75rem;
	margin: 1rem auto 0;
}

.form-box .inpwrap {
  margin-bottom: .6rem;
}
.form-box .inpwrap .txt{
  width: 5rem;
	height: 1.6rem;
	font-size: .7rem;
	line-height: 1.6rem;
	
}
.form-box .inpwrap .inpbox{  
  width: 12rem;
  height: 1.6rem;
}
.form-box input{
  border: .05rem solid #fde909;
  border-radius: .2rem;
  font-size: .7rem;
  line-height: 1.6rem;
  text-indent: 1em;
}

.form-box .lqBtn {
  width: 10rem;
  height: 1.5rem;
  margin: 1rem 0 0 5rem;
  border: .05rem solid #fff;
  border-radius: 1.5rem;
	font-size: .7rem;
	line-height: 1.5rem;
}

.xfnav{
	left: 50%;
	top: auto;
	bottom: 0;
	margin-left: -50%;
	margin-top: 0;
	width:100%;
	height: 2rem;
	background: #ca8b46;
}
.xfnav img{
	display:none;
}
.xfnav a{
	float: left;
	width: 16.66%;
	height: 2rem;
	margin-left: 0;
	font-size: .6rem;
	line-height: 2rem;
	color: #fff;
	text-align: center;
}
.xfnav a:hover{
	color: #fff;
	background: none;
	box-shadow: none;
}



	/* 通用底部 */
	.footer { height:2.1rem; padding:0; overflow:hidden; position:relative; margin-bottom: 2rem; }
	.footer:before { color:#fff; position:absolute; left:0; top:0; display:block; content:"华图教育集团版权所有";
		width: 100%; height:2.1rem; overflow:hidden;
		line-height:2.1rem; font-size:0.7rem; text-align: center; }
}