@charset "utf-8";


*{ font-family:"Microsoft Yahei"; margin:0 auto; padding:0; list-style:none; text-decoration:none;}
body { max-width: 100%; overflow-x: hidden; background: #fff; font: 18px/36px "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif; }
img{border:none;}
ul,ul li,dl,dl dt,dl dd{display:block; margin:0; padding:0;}
ul , ol , li { list-style: none; }
h1,h2,h3,h4,h5,h6{font-size:100%;}
a{color:#666; cursor:pointer;}
a:hover{color:#e00; text-decoration:underline;}
input {outline: none;}textarea {outline: none;}

.fl{ float:left;}
.fr{ float:right;}
.layout{ width:1000px; color:#fff}
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1190px; margin: 0 auto; }
.container{ width:1200px; margin:0 auto; position:relative; box-sizing: border-box; }
.container::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }

/* ͨ��ͷ�� */
.ht_top {width: 100%; overflow: hidden; background: #fafafa url(https://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0; line-height: 41px;}
.ht_top .zt_top {width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {float: left;}
.ht_top h1 a {float: left; width: 131px; height: 40px; overflow: hidden; background: url(https://www.huatu.com/z/topfooter/images/logo.gif) no-repeat; font-size: 12px; text-indent: -100em; }
.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;}

/* ͨ�õײ� */
.footer { clear: both; position: relative; padding: 30px 0; text-align: center; background: #333;}
.footer p { position: relative; z-index: 2; color:#fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#fff; }

.title{ font-size: 40px; line-height: 80px; padding-bottom: 30px; color: #fff; text-align: center;}
.btn-download{ display: block; width: 200px; height: 60px; margin: 20px auto; background: #f90; font-size: 24px; line-height: 60px; text-align: center; color: #fff;}
.links{ display: block; margin-bottom: 60px; font-size: 24px; line-height: 50px; color: #fff; text-align: center;} 

#download_ul {
	display: block;
	height: auto;
	width: 972px;
	margin:0 auto;
}
#download_ul li {
	display: block;
	text-decoration: none;
	float: left;
	width: 470px;
	height: 90px;
	margin: 5px 7px;
	border: 1px solid #ddd;
	position: relative
}
#download_ul li span.file-type {
	display: block;
	position: absolute;
	width: 80px;
	height: 80px;
	top: 5px;
	left: 5px
}
#download_ul li span.file-name {
	display: block;
	position: absolute;
	width: 290px;
	height: 25px;
	top: 15px;
	left: 20px;
	line-height: 25px;
	font-size: 16px;
	font-weight: 700
}
#download_ul li a.down-load {
	display: block;
	position: absolute;
	width: 80px;
	height: 25px;
	top: 15px;
	left: 385px;
	line-height: 25px;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #e43638;
	cursor: pointer
}
#download_ul li a.down-load:hover {
	text-decoration: none
}
#download_ul li a.down-load:visited {
	text-decoration: none
}
#download_ul li span.file-desc {
	display: block;
	position: absolute;
	width: 375px;
	height: 50px;
	top: 50px;
	left:20px;
	line-height: 20px;
	font-size: 12px;
	letter-spacing: 1px
}
.mgt10{ margin-top:10px;}
.btn_down {
	display: inline-block;
	width: 120px;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 18px;
	border: none;
	border-radius: 2px;
	cursor: pointer
}
.btn_down:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}
.btn_down:active {
	opacity: 1;
	filter: alpha(opacity=100)
}
.hot-zt{width:98%;margin:0 auto; padding: 30px 0; overflow:hidden;clear: both;}
.hot-zt a{display:inline-block;float:left;transition: 0.5s;}
.hot-zt a:hover {transform: translateY(-5px);}
.hot-zt a.w2{width:50%;}
.hot-zt a.w3{width:33.33%;}
.hot-zt a.w4{width:25%;}
.hot-zt a.w5{width:20%;}
.hot-zt a img{display:block;width:98%;margin:2px 1%;border-radius:10px;}

.panel02 p{
  font-size: 18px;
  line-height: 1.889;
  text-align: left;
 
}
.panel02 img{
  margin-right:90px;
  margin-left:198px;
}


.panel03 {
  background: #119393;
  color:#fff;
  padding-top: 25px;
  padding-bottom: 25px;
}
.panel03 h3{
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 30px;
}

.panel03 p{
  font-size: 18px;
  line-height: 1.889;
  text-align: left;
 
}
.panel03 img{
  margin-right:90px;
  margin-left:198px;
}


@media screen and (max-width:1000px){
	.hot-zt a.w4{width:50%;}
	.hot-zt a.w5{width:50%;}
}
.banner{ width: 100%; overflow: hidden; background:#f8fbfc}
.banner01{ height:223px; background-image:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/banner01.jpg"); background-position:50% center;background-repeat:no-repeat;}
.banner02{ height:247px; background-image:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/banner02.jpg"); background-position:50% center;background-repeat:no-repeat;}
.banner3{ width:100%; height:auto; background:#20b8b9; overflow:hidden; padding: 30px 0;}
.xxcp{ background:#119393; padding-bottom:60px;}
.ht-hd-pub{ height:190px; background:#fdda02;}
.ht-hd-pub p{ overflow:hidden; height:126px; text-indent:-9999em;}
.ht-hd-pub-1{ background:#fbac11 no-repeat;}
.ht-con-zxcp{ background:#20b8b8; height:360px; width:600px; margin:0 auto; text-align:center }
.ht-zxcps{background:#20b8b8; height:300px; width:440px; margin:0 auto;padding-top:40px; }
.ht-zxcpsz{ float:left}
.ht-zxcpsy{ float:right; text-align:left;font-size:14px;font-family:"Microsoft Yahei"; line-height:26px;padding-top:20px;}
.ht-img-rsz{width:600px; margin:0 auto;}
.ht-yy-choose{width:600px; margin:0 auto;}
.ht-con-zxcpm{ background:#20b8b8; height:1030px; width:1060px; margin:0 auto;padding-top:60px; text-align:center }
.ht-con-zxcpmz{  width:900px; text-align:left; padding-top:10px; padding-left:80px; padding-bottom:10px;}
.ht-con-zxcpmy{  width:700px;height:240px;}
.ht-con-zxcpmzs{ border:#6fcac6 1px solid; width:200px; height:130px; margin-top:30px;padding-top:20px; padding-left:40px; text-align:left; margin-bottom:66px;}
.ht-con-zxcpmzx{ border:#6fcac6 1px solid; width:200px; height:170px;  margin-top:66px;padding-top:20px; padding-left:40px; text-align:left} 
.ht-con-zxcpn{ background:#20b8b8; height:540px; width:860px; margin:0 auto;padding-top:60px; text-align:center }
.pic_smalla{ width:121px; margin-left:300px;}
.pic2_steps{width:173px; height:109px; padding:20px 0 0 145px;font: normal 12px/24px "Microsoft Yahei";background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/offcn_xszd2_img.jpg") 10px 17px no-repeat; margin-top:20px;}
.pic_thumb{ overflow:hidden;}
.pic_big{ width:211px; margin-right:60px;}
.pic_hd_thumb{ height:28px; font:normal 16px "Microsoft Yahei"; color:#fff;}
.pic_b_thumb{ border:0px solid #ccc;}
.pic_small{ width:121px;}
.pic_s_thumb{border:0px solid #ccc;}
.pic_setting_table{ width:100%;}
.pic_setting_table td{ height:42px; background:#f9f9f9; border-bottom:1px dashed #e7e7e7; color:#333; padding-left:8px;}
.pic_setting_table td input[type="radio"]{ position:relative; top:2px; margin-right:6px;}
.pic_set_text{ width:86px; height:22px;line-height:22px; border:1px solid #e0e0e0; background:#fff; color:#999; text-indent:10px; margin-right:6px;}
.pic_set_jq{ height:25px; padding:15px 0 0 8px; color:#999; line-height:25px;}
.pic_set2_text{ width:86px; height:22px; line-height:22px; border:1px solid #e0e0e0; background:#f9f9f9; color:#999; text-indent:10px;margin-right:20px;}
.pic_f_savea{ overflow:hidden; margin-top:20px;}
.pic_mr40{ margin-right:40px;}
.pic_final_thumb{ overflow:hidden; padding:40px 0 20px 200px;}
.pic_final_thumba{ overflow:hidden; padding:0px 0 20px 350px;}
.pic_f_save{ overflow:hidden; margin-top:40px;}
.pic_size{  height:30px; width:700px; margin:0 auto; text-align:center;font:normal 16px "Microsoft Yahei"; color:#fff; }
.pic_size span{ width:700px; text-align:center;font:normal 14px "Microsoft Yahei"; color:#119393; margin-left:100px;}
.pic_btn_pub{ width:120px; height:40px; background:#fb6163; border:0 #036 1px; font-size:18px; color:#FFF}
.b3con{ width:960px; height:auto; overflow:hidden; font-size:30px; color:#fff; font-weight:bold; text-align:center;}
.b3con p{ margin:30px auto; font-size:18px;}
.lianxi{ width:50%; height:auto; margin:40px auto 0; padding:0; overflow:hidden; float:left;}
.lianxi img{
	width: 60%;
}
.panel01{
  background: #20B8B8;
  padding:75px 0;
}
.panel01 dl{
  float:left;
   border-radius: 30px;
  background-color: rgba(255, 255, 255,.18);
    padding-top:56px;
    width: 259px;
  height: 289px;
  text-align: center;
  color:#fff;
   box-sizing: border-box;
   margin-right:54px;
   transition: all .3s ease;
}
.panel01 dl:last-child{
  margin-right:0;
}
.panel01 dl:hover{
  transform: scale(1.05);
}
.panel01 dl dt{
   font-size: 18px;
   line-height: 1.667;
   padding:0 35px;
   padding-top:20px;
}
.panel02 {
  background: #119393;
  color:#fff;
  padding-top:130px;
  padding-bottom: 90px;
}
.panel02 h3{
  font-size: 36px;
  line-height: 1.25;
  margin-bottom: 30px;
}


@media only all and (max-width:1200px) {
	.onlymob { display: block; }
	html { font-size: 20px; }
	body { width: 18.75rem; font-size: .7rem; line-height: 1.2rem; }
	html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width { width: 17.5rem; }
	.container{ width: 98%; }
	/* ����Ԫ�� */
	.ht_top .topnav a:nth-child(n+2), .stage, .footer p, .pc, .onlypc { display: none;}
	/* ͨ��ͷ�� */
	.ht_top { height: 2.5rem; background-size: auto 100%; line-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 / contain;
	}
	.ht_top .topnav { font-size: .8rem;}
	.ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right;}
	/*ͨ�õײ�*/
	.footer { position: relative; height: 2.4rem; padding: 0; overflow: hidden;}
	.footer:before {
		display: block; 
		content: "华图教育版权所有"; 
		position: absolute; left: 0; top: 0;
		width: 100%; height: 2.4rem; 
		overflow: hidden; 
		background: #333333; color:#FFFFFF; 
		font-size: .7rem; line-height: 2.4rem;text-align: center;
	}
	
	.banner{ width: 18.75rem; overflow: hidden;  }
	.banner01{ height: 3.6rem; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/banner01.jpg") no-repeat center top / auto 100%;}
	.banner02{ height: 3.98rem; background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/banner02.jpg") no-repeat center top / auto 100%;}
	.banner3{  padding: 0 0 1rem;}
	.title{ font-size: 1rem; line-height: 2rem; padding-bottom: .5rem;}
	.btn-download{  width: 7rem; height: 1.5rem; margin: .5rem auto; font-size: .8rem; line-height: 1.5rem;}
	.links{ margin-bottom: 1rem; font-size: .75rem; line-height: 1.6rem; } 
	.ht-con-zxcp{height:auto; width:17rem; padding-top:1rem;}
	.ht-zxcps{height:auto; width:100%; padding-top:1rem; }
	.ht-zxcpsz{ width: 5rem;}
	.ht-zxcpsz img{
		width: 100%; height: auto;
	}
	.ht-zxcpsy{ font-size:.6rem; line-height:1rem; padding-top:.5rem;}
	.ht-img-rsz{width:17rem;}
	.ht-yy-choose{width:17rem;}
	.pic2_steps{width:173px; height:109px; padding:20px 0 0 145px;font: normal 12px/24px "Microsoft Yahei";background:url("https://www.walldrift.com/__xh__/nmg.huatu.com/zt/photo/images/offcn_xszd2_img.jpg") 10px 17px no-repeat; margin-top:20px;}
	.pic_thumb{ overflow:hidden;}
	.pic_big{ width:211px; margin-right:60px;}
	.pic_hd_thumb{ height:28px; font:normal 16px "Microsoft Yahei"; color:#fff;}
	.pic_b_thumb{ border:0px solid #ccc;}
	.pic_small{ width:121px;}
	.pic_s_thumb{border:0px solid #ccc;}
	.pic_setting_table{ width:100%;}
	.pic_setting_table td{ height:42px; background:#f9f9f9; border-bottom:1px dashed #e7e7e7; color:#333; padding-left:8px;}
	.pic_setting_table td input[type="radio"]{ position:relative; top:2px; margin-right:6px;}
	.pic_set_text{ width:86px; height:22px;line-height:22px; border:1px solid #e0e0e0; background:#fff; color:#999; text-indent:10px; margin-right:6px;}
	.pic_set_jq{ height:25px; padding:15px 0 0 8px; color:#999; line-height:25px;}
	.pic_set2_text{ width:86px; height:22px; line-height:22px; border:1px solid #e0e0e0; background:#f9f9f9; color:#999; text-indent:10px;margin-right:20px;}
	.pic_f_savea{ overflow:hidden; margin-top:20px;}
	.pic_mr40{ margin-right:40px;}
	.pic_final_thumb{ overflow:hidden; padding:40px 0 20px 200px;}
	.pic_final_thumba{ overflow:hidden; padding:0px 0 20px 350px;}
	.pic_f_save{ overflow:hidden; margin-top:40px;}
	.pic_size{  height:30px; width:700px; margin:0 auto; text-align:center;font:normal 16px "Microsoft Yahei"; color:#fff; }
	.pic_size span{ width:700px; text-align:center;font:normal 14px "Microsoft Yahei"; color:#119393; margin-left:100px;}
	.pic_btn_pub{ width:120px; height:40px; background:#fb6163; border:0 #036 1px; font-size:18px; color:#FFF}
	.b3con{ width:17.5rem; font-size:.7rem;}
	.b3con p{ margin:.5rem auto; font-size:.65rem;}
	.lianxi{ width:50%; height:auto; margin:1rem auto 0; padding:0; overflow:hidden; float:left;}
	.lianxi img{
		width: 90%; height: auto;
	}
	#download_ul { width: 100%;}
	#download_ul li {
		width: 90%;
		height: 4rem;
		margin: .5rem 5%;
		border: 1px solid #ddd;
		position: relative;
		box-sizing: border-box;
	}
	#download_ul li span.file-type {
		display: block;
		position: absolute;
		width: 80px;
		height: 80px;
		top: 5px;
		left: 5px
	}
	#download_ul li span.file-name {
		display: block;
		position: absolute;
		width: 290px;
		height: 25px;
		top: 15px;
		left: 20px;
		line-height: 25px;
		font-size: 16px;
		font-weight: 700
	}
	#download_ul li a.down-load {
		display: block;
		position: absolute;
		width: 80px;
		height: 25px;
		top: 15px;
		left: auto;
		right: 5px;
		line-height: 25px;
		font-size: 14px;
		text-align: center;
		text-decoration: none;
		color: #fff;
		background-color: #e43638;
		cursor: pointer
	}
	#download_ul li a.down-load:hover {
		text-decoration: none
	}
	#download_ul li a.down-load:visited {
		text-decoration: none
	}
	#download_ul li span.file-desc {
		display: block;
		position: absolute;
		width: 375px;
		height: 50px;
		top: 50px;
		left:20px;
		line-height: 20px;
		font-size: 12px;
		letter-spacing: 1px
	}
	.mgt10{ margin-top:10px;}
	.btn_down {
		display: inline-block;
		width: 120px;
		height: 38px;
		line-height: 38px;
		padding: 0 18px;
		background-color: #009688;
		color: #fff;
		white-space: nowrap;
		text-align: center;
		font-size: 18px;
		border: none;
		border-radius: 2px;
		cursor: pointer
	}
	.btn_down:hover {
		opacity: .8;
		filter: alpha(opacity=80);
		color: #fff
	}
	.btn_down:active {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.panel01{
		padding:1.5rem 0 1rem;
	}
	.panel01 dl{
		width:8rem;
		margin:0 .5rem .5rem;
		border-radius: .5rem;
		height:11rem;
		padding:1.5rem 0;
	}
	.panel01 dl img{
		width:3rem;
		margin-bottom: .5rem;
	}
	.panel01 dl dt{
		font-size:.75rem;
		padding:0 1rem;
	}
	.panel02{
		padding:2rem 0;
	}
	.panel02 img{
		width: 8rem;
		float: none;
		display: block;
		margin: 0 auto .5rem;
	}
	.panel02 .right-text{
		width: 17rem;
		float: none;
		margin:0 auto;
	}
	.panel02 h3{
		font-size:.9rem;
		margin-bottom: .5rem;
	}
	.panel02 h3 br { 
		display:none;
	}
	.panel02 p{
		font-size: .65rem;
		line-height: 1rem;
	}
	
	  .panel03{
	    padding-top: 1rem;
	    padding-bottom: 1rem;
	  }
	  .panel03 img{
	    width: 8rem;
			float: none;
	    display: block;
	    margin: 0 auto .5rem;
	  }
	   .panel03 .right-text{
	    width: 17rem;
	    float: none;
			margin:0 auto;
	   }
	   .panel03 h3{
	    font-size:.9rem;
	    margin-bottom: .5rem;
	    text-align: center;
	   }
		.panel03 h3 br { display:none;}
	   .panel03 p{
	    font-size: .65rem;
	    line-height: 1rem;
	   }
	   .in-size1{
	    margin: 0 auto;
	   }
	   .in-size2{
	    margin: 0 auto;
	   }
	
}