@charset "gb2312";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1",Arial,sans-serif; color:#333; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body {
	background:#fff;
	overflow-x: hidden;
}
:root body { filter:none;}

article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#333; text-decoration:none;}
a:hover { color: #e21837; text-decoration:none;}
b{ font-weight:normal;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob { display:none;}
.fl { float:left;} .fr { float:right;}
.mr{ margin-right:0 !important;}
.ml{ margin-left:0 !important;}
.red{ color:#f63550;}
.Width{width:1200px; margin:0 auto; position:relative;}

/* 通用头部 */
.ht_top { width: 100%;background: #fafafa url(http://www.huatu.com/z/topfooter/images/nav_bg.gif) repeat-x 0 0;line-height: 41px;overflow: hidden;}
.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;text-indent: -100em;background: url(http://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; height:1120px;}
.banner h1 { position:absolute; left:50%; top:100px; width:1200px; height:100px; margin-left:-600px; font-size:78px; line-height:100px; color:#fff; text-align:center;}
.banner h2 { position:absolute; left:50%; top:200px; width:1200px; height:60px; margin-left:-600px; font-size:46px; line-height:60px; color:#fff; text-align:center;}

.banner .txt{ position:absolute; left:50%; top:230px; width:962px; height:845px; margin-left:-486px; background:url(../images/bg03.png) no-repeat;}
.d-01{ position:absolute; left:-46px; top:240px; width:441px; height:185px; background:url(../images/d-01.png) no-repeat;}
.d-02{ position:absolute; left:15px; top:425px; width:488px; height:263px; background:url(../images/d-02.png) no-repeat;}
.d-03{ position:absolute; right:-40px; top:240px; width:410px; height:396px; background:#fff url(../images/heart03.png) no-repeat center 40px; border-radius:12px; box-shadow:0 5px 18px rgba(0,0,0,0.1);}

.d-01 p{ padding:40px 30px; font-size:16px; line-height:26px;}
.d-02 p{ padding:75px 0 0 75px; font-size:16px; line-height:26px;}
.d-03 p{ padding:160px 40px 0; font-size:14px; line-height:22px; text-align:center;}
.d-03 p strong{ display: inline-block; font-size:18px; line-height:36px;}
.d-03 p span{ display: inline-block; width:130px; height:36px; margin-top:20px; border-radius:36px; background:#2e99fc; box-shadow:0 0 15px rgba(46,153,252,0.2); font-size:14px; line-height:36px; color:#fff;}
.d-03 .people{ position:absolute; left:240px; top:300px; width:142px; height:316px; background:url(../images/people.png) no-repeat;}

.dian{ position:absolute; left:608px; top:20px; width:46px; height:40px; background:url(../images/dian.png) no-repeat; 
animation: fall 1.5s ease-out infinite;  }
.dian02{ position:absolute; left:230px; bottom:56px; width:40px; height:35px; background:url(../images/dian02.png) no-repeat;
animation: fall 1.5s ease-out infinite;  }

.heart01{ position: absolute; left:50%; top:230px; width:153px; height:153px; margin-left:540px; background:url(../images/heart01.png) no-repeat; animation: transLate 5s 2s ease infinite;}
.heart02{ position: absolute; left:50%; top:360px; width:153px; height:153px; margin-left:-670px; background:url(../images/heart02.png) no-repeat; animation: transLate 5s 3s ease infinite;}


.banner .bg01 { position: absolute; left:50%; top:0px; width:2100px; height:828px; margin-left:-1050px; z-index: -1; background:url(../images/bg01.png) no-repeat center top;}
.banner .bg02 { position: absolute; left:50%; top:300px; width:2100px; height:1543px; margin-left:-1050px; z-index: -1; background:url(../images/bg02.png) no-repeat center top; 
	animation: move_wave 20s ease-out infinite alternate; }
	
.bg04{ position: absolute; left:50%; top:492px; width:359px; height:359px; margin-left:792px; z-index: -1; background:url(../images/bg04.png) no-repeat;
	animation: transLate 5s 1s ease infinite;}
.bg05 { position: absolute; left:50%; top:-125px; width:2000px; height:2041px; margin-left:-1000px; z-index: -1; background:url(../images/bg05.png) no-repeat center top; background-size:100% 100%; }
.bg06 { position: absolute; left:50%; bottom:0; width:2400px; height:455px; margin-left:-1200px; z-index: -1; background:url(../images/bg06.png) no-repeat center top; background-size:100% 100%;
	animation: move_wave 30s ease-out infinite alternate; }

@keyframes move_wave{
	0%{transform: translateX(0) scaleY(1)}
	15%{transform: translateX(50px) scaleY(1)}
	50%{transform: translateX(0) scaleY(1)}
	85%{transform: translateX(50px) scaleY(1)}
	100%{transform: translateX(0) scaleY(1)}
}
@-webkit-keyframes move_wave{
	0%{-webkit-transform: translateX(0) scaleY(1)}
	15%{-webkit-transform: translateX(50px) scaleY(1)}
	50%{-webkit-transform: translateX(0) scaleY(1)}
	85%{-webkit-transform: translateX(50px) scaleY(1)}
	100%{-webkit-transform: translateX(0) scaleY(1)}
}
@keyframes transLate {
  50% {
    transform: translate3d(0, -20px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
 @-webkit-keyframes transLate {
  50% {
    -webkit-transform: translate3d(0, -20px, 0);
  }
  100% {
     -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes fall{
	0% { transform: translateY(2px);
		 opacity:1;}	
	50% { transform: translateY(-5px);
		 opacity:0.8;}
	100% { transform: translateY(-9px);
		 opacity:.3;}
}
@-webkit-keyframes fall{
	0% { -webkit-transform: translateY(2px);
		 opacity:1;}	
	50% { -webkit-transform: translateY(-5px);
		 opacity:0.8;}
	100% { -webkit-transform: translateY(-9px);
		 opacity:.3;}
}

.title{ font-size:40px; line-height:150px; text-align:center; font-weight:bold;}

.part01 .left,.part01 .right{ width:600px; height:425px; padding-top:20px;}
.part01 .left p{ padding-bottom:25px; font-size:18px; line-height:26px; text-align:center;}
.part01 .left .table{width:570px; height:313px; margin:0 auto; border-radius:8px; overflow:hidden; box-shadow:0 5px 30px rgba(0,0,0,0.1); background:#fff;}
.part01 table{border-collapse: collapse;}
.part01 th{background:#f8f8fa; border:1px solid #eceaed; text-align:center; height:46px; font-size:16px; line-height:46px;}
.part01 td{border:1px solid #eceaed; text-align:center; font-size:16px; line-height:52px; }

.part01 .right img{ display:block; width:423px; height:369px; margin:0 auto;}

.con_1{width:600px; height:580px;}
.con_1 p{ padding-bottom:40px; font-size:18px; line-height:68px;}
.con_1 img{ display:block; width:567px; height:409px;}
.con_2{width:490px; height:580px;}
.con_2 p{ padding:20px 0 30px; font-size:16px; line-height:26px;}
.con_2 li{ width:230px; height:287px; background:#fff; border-radius:10px; box-shadow:0 0 30px rgba(0,0,0,0.1); text-align:center;}
.con_2 h4{ padding-top:8px; font-size:18px; line-height:60px;} 
.con_2 i{ display:block; width:126px; height:126px; margin:0 auto 8px; background:url(../images/icon-04.png) no-repeat;
	 animation: pulse 3s 3s ease infinite; }
.con_2 .fr i{ background-image:url(../images/icon-05.png);}
.con_2 strong{ font-size:27px; line-height:46px;} 
.con_2 span{ display:block; margin:0 auto; font-size:14px; line-height:20px; color:#358bfa;} 
.con_2 .btn{ width:156px; height:50px; margin-top:35px; background:#f6f5f9; border-radius:5px; font-size:14px; line-height:50px; text-align:center;}
.con_2 .btn_2{ margin-left:8px;}
.con_2 .btn:hover{ background:#eff6ff; color:#368cfa; text-decoration:underline;}
.con_3{width:640px; height:580px;}
.con_3 p{ padding:78px 0 24px; font-size:18px; line-height:44px;}
.con_3 span{ float:left;width:140px; height:76px; margin:0 20px 20px 0; background:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,0.1);}
.con_3 span b{ display: block; padding:15px 0 0 32px; font-size:18px; line-height:26px;}
.con_3 span em{ display: block; padding:0 0 0 32px; font-size:16px; line-height:22px; font-style:normal;}
.con_4{width:560px; height:580px;}

#container{
	width:560px;
	margin:0 auto;
	height:580px;
	background-color:#fff!important;
	
}
.provs{
	width:560px;
	margin:0 auto;
	position:absolute;
	top:0;
	left:0;
}
.list-pro{
	position:absolute;
	color:#333;
	font-size:12px;
	line-height:14px;
}
.hlj{
	left: 448px;
    top: 133px;
}
.jl{
	left: 448px;
    top: 172px;
}
.ln{
    left: 426px;
    top: 202px;
}
.bj{
    left: 374px;
    top: 217px;
}
.tj{
    left: 400px;
    top: 240px;
}
.heb{
    left: 373px;
    top: 246px;
}
.sd{
    left: 390px;
    top: 267px;
}

.js{
    left: 419px;
    top: 300px;
}
.sh{
    left: 445px;
    top: 316px;
}
.zj{
    left: 432px;
    top: 346px;
 	
}
.fj{
    left: 410px;
    top: 384px;
 	
}
.gd{
    left: 368px;
    top: 408px;
 	
}
.hain{
    left:350px;
    top: 460px;
}

.gx{
    left:314px;
    top: 414px;
 	
}
.hun{
    left:342px;
    top: 372px;
 	
}
.jx{
    left:379px;
    top: 372px;
}
.anh{
    left:398px;
    top: 321px;
}
.hub{
    left:350px;
    top: 330px;
}
.hen{
    left:355px;
    top: 294px;
}
.sx{
    left:342px;
    top: 257px;
}
.nmg{
    left:305px;
    top: 222px;
}

.shanx{
    left:317px;
    top: 294px;
}
.cq{
    left:300px;
    top: 340px;
}
.gz{
    left:300px;
    top: 380px;
}
.yn{
    left:240px;
    top: 404px;
}
.sc{
    left:370px;
    top: 480px;
}
.gs{
    left:273px;
    top: 286px;
}
.sc{
    left:255px;
    top: 355px;
}
.nx{
    left:287px;
    top: 261px;
}
.qh{
    left:190px;
    top: 275px;
}
.xz{
    left:100px;
    top: 300px;
}
.xj{
    left:100px;
    top: 210px;
}

.part03 h2{ line-height:100px;}
.part03 h3{ font-size:28px; line-height:60px; text-align:center;}
.tabmenu{height:40px; margin:35px 0 50px; text-align:center;}
.tabmenu li{ display:inline-block; width:148px; height:36px; border:1px solid #fff; font-size:16px; line-height:36px; cursor:pointer; }
.tabmenu li.current{color:#368cfa; background:#eff6ff; border-color:#adbee2;}
.part03 .tab{ margin-bottom:60px; border-radius:8px; overflow:hidden; box-shadow:0 5px 30px rgba(0,0,0,0.1); display:none;}
.part03 .tab.cur{ display:block;}
.part03 table{border-collapse: collapse;}
.part03 th{background:#f8f8fa; border-bottom:1px solid #eceaed; text-align:center; height:44px; font-size:16px; line-height:44px;}
.part03 td{border-bottom:1px solid #eceaed; text-align:center; font-size:16px; line-height:48px; }


.part04{ position:relative; padding-top:260px;}
.part04 .title{ color:#fff; padding-bottom:10px;}
.list .li01{ float:left; width:324px; height:484px; padding-top:40px; margin-left:36px; background:#fff; border-radius:10px; text-align:center;}
.list .li01-1{ margin-left:76px;}
.list .li01 i{ display:block; width:149px; height:149px; margin:0 auto 12px;
	 animation: pulse 3s 3s ease infinite; }
.list .li01 i img{ animation: pulse 3s 3s ease infinite; }
.list h4{ font-size:22px; line-height:52px;}
.list .li01 p{ padding:0 36px 12px; font-size:14px; line-height:22px;}
.list .btn{ display:block; width:242px; height:60px; background:#66a8fc; border-radius:60px; margin:0 auto; font-size:18px; line-height:60px; color:#fff;}
.list .btn:hover{ box-shadow:0 0 15px rgba(0,0,0,0.1)}
.list .li02{ float:left; width:490px; height:306px; margin-left:65px; margin-top:143px; background:#fff; border-radius:10px; }
.list .li02-1{ margin-left:76px;}
.list h3{padding:14px 0 0 30px; font-size:26px; line-height:60px;}
.list .li02 p{ padding-left:30px; font-size:16px; line-height:38px; }
.list .li02 p a{ padding-left:24px; background:url(../images/dot01.png) no-repeat left center; color:#666;}
.list .li02 p a:hover{ color:#66a8fc; text-decoration:underline; background-image:url(../images/dot02.png);}
.list .li02-2{ height:232px; padding-top:74px; }

.part05{ padding:270px 0 370px;}
.part05 li{ float:left; width:290px; height:296px; margin-left:13px; transition:all .5s;}
.part05 li a{ display:block;}
.part05 li img{ display:block; width:289px; height:216px; border-radius:5px;}
.part05 li p{ font-size:18px; line-height:60px;}
.part05 li:hover { transform:translateY(-5px);}

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

/*隐藏元素*/
.bg01-m,.con_5_m{ display:none;}

/* pc端超大屏 */
@media only all and (min-width:2000px) {
	.banner{ background-size:100%;}	
}

@media only all and (max-width:1080px){
	.onlypc { display:none;}
	.onlymob{ display:block;}
	html{ font-size:20px; }
	body { font: 0.7rem/1.2rem "\82F9\679C\4E3D\4E2D\9ED1","\5FAE\8F6F\96C5\9ED1","\9ED1\4F53",Arial,sans-serif; }
	body {
		overflow-x: hidden;
	}
	:root body { filter:none;}
	html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width{ width:17.75rem;}
	/* 隐藏元素 */
	.ht_top .topnav a:nth-child(n+2) ,
	.bg01,.bg02,.bg03,.bg04,.bg05,.bg06,
	.banner .txt,.heart01,.heart02,.con_4,
	.footer p { display:none; }
	/* 通用头部 */
	.ht_top { line-height: 2.5rem; height:2.5rem; background-size:auto 100%; }
	.ht_top .zt_top { width:96%; height:2.5rem; }
	.ht_top h1 a { height:2.5rem; width:7.5rem; background: url(http://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 { height:13.9rem;}
	.banner .bg01-m{ position:absolute; left:0; top:0; width:18.75rem; height:20.375rem; background:url(../images/mbanner.png) no-repeat; background-size:100% 100%; display:block; z-index:-1;}
	.banner h1 { left:0; top:1.2rem; width:100%; height:1.5rem; margin-left:0; font-size:1rem; line-height:1.5rem; }
	.banner h2 { left:0; top:2.5rem; width:100%; height:1rem; margin-left:0; font-size:.6rem; line-height:1rem;}   		
	.title{font-size:1.2rem; line-height:3rem;}
	
	.part01 .left,.part01 .right{ width:17.75rem; height:auto; padding-bottom:.5rem;}
	.part01 .left p{ padding-bottom:.5rem; font-size:.5rem; line-height:1rem;}
	.part01 .left .table{width:100%; height:auto;}
	.part01 th{height:1.2rem; font-size:.6rem; line-height:1.2rem;}
	.part01 td{font-size:.6rem; line-height:1.2rem; }
	
	.part01 .right img{ display:block; width:17.75rem; height:auto;}
	
	.con_1,.con_2,.con_3,.con_5_m{width:17.75rem; height:auto;}
	.con_1 p{ padding-bottom:.5rem; font-size:.6rem; line-height:1.2rem;}
	.con_1 img{ display:block; width:17.75rem; height:auto;}
	.con_2 p{ padding:1.2rem 0 .6rem; font-size:.6rem; line-height:1.2rem;}
	.con_2 li{ width:8.25rem; height:10.25rem;}
	.con_2 h4{ padding-top:.2rem; font-size:.8rem; line-height:1.5rem;} 
	.con_2 i{ width:4.5rem; height:4.5rem; background-size:4.5rem 4.5rem;}
	.con_2 strong{ font-size:1rem; line-height:1.2rem;} 
	.con_2 span{ font-size:.6rem; line-height:1rem;} 
	.con_2 .btn{ width:5.5rem; height:1.75rem; margin-top:.7rem; font-size:.6rem; line-height:1.75rem;}
	.con_2 .btn_2{ margin-left:.625rem;}
	.con_3 p,.con_5_m p{ padding:1.2rem 0 1rem; font-size:.7rem; line-height:1.2rem;}
	.con_3 span{ width:4rem; height:2.25rem; margin:0 .5rem .5rem 0;}
	.con_3 span:nth-child(4n+4){ margin-right:0;}
	.con_3 span b{padding:.3rem 0 0 .9rem; font-size:.7rem; line-height:1rem;}
	.con_3 span em{ padding:0 0 0 .9rem; font-size:.6rem; line-height:1rem;}
	.con_5_m{ display:block; float:left;}
	.con_5_m a{ float:left; width:4rem; height:2rem; margin:0 .5rem .6rem 0; background:#66a8fc; border-radius:.25rem; font=size:.6ren; line-height:2rem; text-align:center; color:#fff;}
	.con_5_m a:nth-child(4n+4){ margin-right:0;}
	
	.part03 h2{ line-height:2rem;}
	.part03 h3{ font-size:1rem; line-height:1.5rem;}
	.tabmenu{height:auto; margin:1rem 0;}
	.tabmenu li{ width:5.4rem; height:1.5rem; margin:0 .1rem .5rem; font-size:.6rem; line-height:1.5rem;}
	.part03 .tab{ margin-bottom:1.5rem;}
	.part03 th{height:1.5rem; font-size:.6rem; line-height:1.5rem;}
	.part03 td{font-size:.6rem; line-height:1.5rem; }
		
	.part04{ padding-top:1rem;}
	.part04 .title{ font-size:1rem; color:#333;}
	.list .li01{ float:left; width:17.75rem; height:auto; padding-top:0; padding-bottom:1rem; margin-left:0; margin-bottom:1rem; box-shadow:0 0 15px rgba(0,0,0,0.1);}
	.list .li01-1{ margin-left:0;}
	.list .li01 i{ display:none; }
	.list h4{font-size:.8rem; line-height:2rem; padding-top:.5rem;}
	.list .li01 p{ padding:0 .5rem .6rem; font-size:.5rem; line-height:1rem;}
	.list .btn{ display:block; width:12rem; height:2rem; border-radius:2rem; font-size:1rem; line-height:2rem; box-shadow:0 0 15px rgba(0,0,0,0.1); }
	.list .li02{  width:17.75rem; height:auto; padding-bottom:1rem; margin-left:0; margin-top:1rem; box-shadow:0 0 15px rgba(0,0,0,0.1);}
	.list .li02-1{ margin-left:0;}
	.list h3{padding:.5rem 0 0 .75rem; font-size:.8rem; line-height:1.5rem;}
	.list .li02 p{ padding-left:.75rem; font-size:.6rem; line-height:1.2rem; }
	.list .li02 p a{ padding-left:.6rem; background-size:.225rem .225rem;}
	.list .li02-2{ height:auto; padding-top:1rem; }
	
	.part05{ padding:1rem 0;}
	.part05 .title{ font-size:1rem;}
	.part05 li{ float:left; width:8.5rem; height:8.2rem; margin-left:0;}
	.part05 li:nth-child(2n+2){ margin-left:.75rem;}
	.part05 li a{ display:block;}
	.part05 li img{ display:block; width:8.5rem; height:6.35rem; border-radius:5px;}
	.part05 li p{ font-size:.6rem; line-height:1.5rem;}
		

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