@charset "utf-8";
/* CSS Document */
body { font-family:"Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; overflow-x: hidden;color:#333;}
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; }
img { border:none; max-width:100%; }
a { color:#0d0d0d; text-decoration:none;}
a,area { blur:expression(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:1200px; margin:0 auto;position: relative;}
.hide { display:none;} .onlymob { display:none;}
.pointer { cursor:pointer;}
.m100 { margin-bottom: 100px; }
body{
  color:#333;
}

/* 通用头部 */
.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: 1070px;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:#0d0d0d; font-size:12px;}
.ht_top .topnav a {padding:0 8px;}
.ht_top .topnav a:hover { color:#e4393c; text-decoration:underline;}
@keyframes movef{
  0%{
    transform: translateX(-10px);
  }
  100%{
    transform: translateX(10px);

  }
}
@keyframes moves{
  0%{
    transform: translateX(25px);
  }
  100%{
    transform: translateX(-25px);

  }
}

.banner {
  position: relative;
  height:840px;
  color:#fff;
  background: url(../images/ban.jpg) top center no-repeat;
  color:#fff;
  font-weight:bold;
  
}
.banner .text{
 width:620px;
}
.banner h2 {
  padding-top:100px;
  font-size:73px;
}
.banner h2 span
{
  font-size: 53px;
  
}
.banner p{
  font-size:15px;
  color:#c5d7ff;
  font-weight: normal;
 line-height: 1.867;
 padding-top:30px;
}
.title,.panel02 .main-cont02 .tips,.panel03 .tips{
   text-align: center;
   font-size:30px;
   margin-bottom: 30px;
}
.title h3{
  font-size:46px;
  margin-bottom: 20px;
}
.panel01{
  background:url(../images/bg.jpg) center top no-repeat;

}
.panel01 .title{
  position: relative;
  top:-45px;
  margin-bottom: 0;
}
.panel01 dl{
  width:20%;
  height:300px;
  float:left;
  text-align: center;
  margin-bottom: 10px;
}
.panel01 h4{
  font-size:24px;
  font-weight:normal;
  margin-bottom: 10px;
}
.panel01 dd{
  margin-bottom: 10px;
}
.panel01 dt p{
  font-size:15px;
  color:#999;
  line-height: 1.5;
  padding:0 4%;
}
.panel01 .main-cont02{
  
  height: 610px;
  box-shadow: 0px 0px 30px #ddd;
  border-radius: 15px;
  font-size:20px;
  padding:50px 40px;
  box-sizing: border-box;
  background: #fff;
}
.panel01 .left-cont{
  width:496px;
}
.panel01 .left-cont li{
  background: url(../images/d.png) left center no-repeat;
  line-height: 24px;
  padding-left:48px;
  margin-bottom: 38px;
}
.panel01 .sm-title{
  font-size:30px;
}
.panel01 .left-cont .sm-title{
  margin-bottom: 66px;
}
.panel01 .right-cont{
  width:496px;
  margin-right:20px;
}
.panel01 .right-cont .sm-title{
  margin-bottom: 40px;
}

.panel02 .text{
  border:1px solid #D3D0CC;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  width: 194px;
  height: 120px;
  float:left;
  padding-left:30px;
  box-sizing: border-box;
  font-size:19px;
  margin-right:7px;
  margin-bottom: 50px;
}
.panel02 .text strong{
  font-size:34px;
  padding-top:25px;
  display: block;
}
.panel02 .text:last-child{
  margin-right:0;
}
.list-reason{
  float:left;
  border-radius: 10px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 43px 0px rgba(42, 34, 178, 0.07);
   width: 155px;
  height: 192px;
  text-align: center;
  font-size:20px;
  padding-top:22px;
  box-sizing: border-box;
  margin-right:18px;
  margin-bottom: 36px;
}
.list-reason:last-child{
  margin-right:0;
}
.list-reason p{
  padding-top: 16px;
}
.tip-txt{
  background-color: rgb(70, 81, 228);
  width: 443px;
  height: 58px;
  border-radius: 35px;
  color:#fff;
  text-align: center;
  line-height: 58px;
  font-size:30px;
  margin:0 auto 84px;
}
.panel03 ul{
  background: url(../images/bar.png) center bottom no-repeat;

}
.panel03 li{
  float:left;
  width:12.5%;
  padding:0 10px;
  box-sizing: border-box;
  font-size:16px;
  position: relative;
  height:138px;
}

.panel03 li .num{
  position: absolute;
  bottom:-19px;
  width:36px;
  height:36px;
  border-radius: 100%;
  text-align: center;
  line-height: 36px;
  border:1px solid #444BE8;
  color:#444BE8;
  font-size:18px;
  left:50%;
  margin-left:-19px;
  background: #fff;
}
.panel03 li:nth-child(1) .num{
  margin-left:0;
  left: 28%;
}
.panel03 li:hover .num{
  background: #444BE8;
  color:#fff;
}
.panel03 .list-bk{
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 43px 0px rgba(42, 34, 178, 0.07);
  width: 359px;
  height: 447px;
  margin-right:61px;
  float:left;
}

.panel03 .list-bk h4{
  text-align: center;
  font-size:26px;
  padding-top:60px;
  margin-bottom: 20px;
}
.panel03 .list-bk p{
  font-size:18px;
  line-height: 2.2;
  padding:0 35px;
}
.panel03 .list-bk:last-child{
  margin-right:0;
}
.panel03 .list-bk:hover{
  border:1px solid #444BE8;
  box-sizing: border-box;
}
.panel03 {
  padding-bottom: 120px;
  background: url(../images/bg2.png) bottom center no-repeat;
}
.panel04,.panel05,.panel06{
  background: #444BE8;
  color:#fff;
  overflow: hidden;
  margin-top:-2px;
}
.panel04 h4{
  font-size:36px;
  margin-bottom: 20px;
}
.panel04 .text-inro p{
  font-size:19px;
  padding-bottom: 50px;
}
.panel04 .list-zip{
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  width: 162px;
  height: 142px;
  padding-top:20px;
  float:left;
  font-size:20px;
  text-align: center;
  color:#333;
  margin-right:11px;
}
.panel04 .list-zip:last-child{
  margin-right:0;
}
.panel04 .list-zip p{
  padding-top:8px;
}
.dot{
  font-size:38px;
  text-align: center;
  padding-bottom: 30px;
}

.download {
  background-image: -moz-linear-gradient( -176deg, rgb(255,165,107) 1%, rgb(254,142,125) 62%, rgb(252,118,143) 100%);
  background-image: -webkit-linear-gradient( -176deg, rgb(255,165,107) 1%, rgb(254,142,125) 62%, rgb(252,118,143) 100%);
  background-image: -ms-linear-gradient( -176deg, rgb(255,165,107) 1%, rgb(254,142,125) 62%, rgb(252,118,143) 100%);
  color:#fff;
  width: 645px;
  height: 75px;
  border-radius: 50px;
  text-align: center;
  line-height: 75px;
  margin:0 auto 115px;
  font-size:36px;
}
.panel05 {
  padding-bottom: 80px;
  
}
.panel05 li{
   float:left;
}
.panel05 li a{
  display:block;
  width: 141px;
  height: 50px;
  border-radius: 35px;
 background: #fff;
 text-align: center;
 line-height: 50px;
 font-size:22px;
  color:#5366cc;
  margin:0 3px 10px;
}
.panel05 li:hover a{
  background: #FC788E;
  color:#fff;
}
.panel06 a{
  display: block;
  float:left;
   height:160px;
  width:280px;
  margin:0 10px 80px;
}
.panel06 img {
  height:100%;
  width:100%;
  transition: all .3s linear;
}
.panel06 img:hover{
  transform: scale(1.03);
}
.masker{
  background:#000;
  opacity: .6;
  position: fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  
}
.pop{
  text-align: center;
  width:470px;
  height:428px;
  background: #fff;
  position:fixed;
  left:0;
  right:0;
  top:34%;
  margin:auto;
  z-index: 9;
  
}
.pop input{
  width:408px;
  height:44px;
  text-indent: 20px;
  border:1px solid #E3E3E3;
  font-size:16px;
  color:#333;
  box-sizing: border-box;
  border-radius: 5px;
  display: block;

}
.pop h3{
  font-weight: normal;
  font-size: 28px;
  padding-top:40px;
  padding-bottom:10px;
}
.pop p{
  font-size:16px;
  color:#666;
  margin-bottom: 44px;
  line-height: 1;
}
.ver-code{
  width:408px;
  margin:0 auto;
}
.ver-code button{
  position: absolute;
  right:0;
  top:1px;
  height:42px;
  width:108px;
  border:none;
  background: #FE7700;
  line-height: 42px;
  text-align: center;
  color:#fff;
  border-radius: 0px 5px 5px 0px;
}
.order-btn {
  border-radius: 25px;
  background-image: -moz-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(253,125,35) 0%, rgb(250,98,32) 51%, rgb(247,71,29) 100%);
  border-radius: 35px;
  margin:25px auto 0;
  width: 272px;
  height: 50px;
  line-height: 50px;
  color:#fff;
  font-size:22px;
}
#closeBtn{
  position: absolute;
  right:15px;
  top:15px;
}
#rbDownload{
  position: fixed;
  left:50%;
  margin-left:-107px;
  z-index: 9;
  top:3%;
 
}
.inp-wrap{
  height:44px;
   margin-bottom: 13px;
   line-height: 44px;
  margin-left:31px;
  position: relative;
}



/* 通用底部 */
.footer { 
  clear:both;
  text-align: center;
  padding:50px 0;
  position: relative;
    background:#000;
  overflow: hidden;
  margin-top:-2px;
}
.footer p {line-height: 2.063; color:#fff; font-size:16px;position: relative;z-index: 2;}
.footer p a {color: #fff; font-size:16px;}
.footer p span {padding: 0 5px; }
.panel03-cont .text-box h3{
  display: none;
}

@media screen and (max-width:1080px){
  .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; margin: 0 auto; overflow-x: hidden;
    background-size: 200% 24rem; }
  html,body{  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .Width {  width: 96%;  }
  .ml480 { margin-left:0; }
  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2) ,
  .footer p ,
  .pc,
  .onlypc,
  .banner .bg-text div:nth-child(9)
  ,.banner .bg-text div:nth-child(10),
  .ht_top .topnav
  ,.right-fix

  {  display: none;  }
  .mob{
    display: block;
  }
  .m100{
    margin-bottom: 1.5rem;
  }

  /* 通用头部 */
  .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 { 
    height:10rem; 
    background:url(../images/mban.jpg) no-repeat;
    background-size:100% 100%;
  }
  .banner p {
    display: none;
  }
  .banner h2{
    font-size:1.1rem;
    padding-top:2rem;
  }
  .banner .text{
    width:54%;
  }
  .banner h2 span{
    font-size:.85rem;
  }
  .panel01 .title{
    top:-1rem;
  }
  .title h3{
    font-size:1.2rem;
    margin-bottom: .35rem;
  }
  .title, .panel02 .main-cont02 .tips, .panel03 .tips{
    font-size:.85rem;
    margin-bottom: 1rem;
  }
  .panel01 dl{
    width:33.33%;
    height:11.25rem;
    overflow: hidden;
  }
 .panel01 dl:nth-child(4){
  margin-left:2.75rem;
  margin-right:1rem;
 }
  .panel01 h4{
    font-size:.8rem;
    margin-bottom: 0;
  }
  .panel01 dt p{
    font-size:.65rem;
  }
  .panel01 dd{
    margin-bottom:0rem;
  }
   .panel01 dd img{
    width:2rem;
   }
   .panel01 .main-cont{
    margin-bottom: .5rem;
   }
   .panel01 .main-cont02{
    padding:1.5rem 1rem;
    height:29rem;
   }
   .panel01 .left-cont .sm-title,
   .panel01 .right-cont .sm-title{
    font-size:1.2rem;
    margin-bottom: 1rem;
   }
   .panel01 .left-cont li{
      font-size:.75rem;
      line-height: 1rem;
      background-size: 1rem 1rem;
      padding-left:1.5rem;
      margin-bottom: .75rem;
   }
   .panel01 .right-cont{
      width:100%;
      margin-right:0;
   }
   .panel03 ul{
    background: none;
   }
   .panel03 li{
    width:25%;
    font-size:.65rem;
    line-height: 1.2;
    height:6.5rem;
    text-align: center;
   }
   .panel03 li .num{
    width:1rem;
    height:1rem;
    line-height: 1rem;
    font-size:.65rem;
    top:0;
    left:50%;
    margin-left:-.5rem;
   }
   .panel03 li p{
    padding-top:1.5rem;
   }
   .panel02 .text{
    width:31%;
    padding-left:.5rem;
    font-size:.75rem;
    margin:0 1.15% .5rem;
    height:4rem;
   }
   .panel02 .text strong{
      font-size:1.2rem;
      padding-top:.75rem;
   }
   .list-reason{
      width:31%;
      margin:0 1.15% .5rem;
      font-size:.75rem;
      height:5.5rem;
      padding-top:.5rem;
   }
   .list-reason img{
    width:50%;
   }
   .list-reason p{
      padding-top:.25rem;
   }
   .panel03{
      padding-bottom:1rem;
    }

   .panel03 .list-bk{
    width:100%;
    padding:1rem .25rem;
    margin:0 auto .5rem;
    height:auto;
    box-sizing:border-box;
   }
   .panel03 .list-bk p{
    font-size:.75rem;
    line-height: 1.5;
    padding:0 1rem;
   }
   .panel03 .list-bk h4{
    font-size:1rem;
    padding:0;
    margin-bottom: .5rem;
   }
   .panel04 h4{
    font-size:1rem;
    margin-bottom: .5rem;
   }
   .panel04 .text-inro p{
    font-size:.75rem;
    padding-bottom: 1rem;
   }
   .zip-wrap{
      width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
   }
   .panel04 .list-zip{
    width:4rem;
    border-radius: .25rem;
    font-size:.75rem;
    margin-right:.25rem;
    height:4rem;
    padding-top:.5rem;
    float:none;
    display: inline-block;
   }
   .panel04 .list-zip img{
      width:2rem;
   }
   .panel04 .list-zip p{
    padding-top:0;
   }
   .download,.tip-txt{
    width:15rem;
    font-size:.85rem;
    height:2rem;
    line-height: 2rem;
    margin-bottom: 1.5rem;
   }
   .panel05{
    padding-bottom: 1rem;
   }
   .panel05 li{
    width:23%;
     margin:0 1% .35rem .55%;
      height:1.75rem;
   }
   .panel05 li a{
    width:100%;
    font-size:.7rem;
    height:1.55rem;
    line-height: 1.55rem;
   }
   .panel06 a{
    width:5.55rem;
    height:3.5rem;
    margin: 0 1.17% .5rem;
   }
   .panel06 a:last-child{
	  display:none; 
	}
   .pop{
    width: 96%;
    height:16rem;
    top:50%;
    margin-top:-8rem;
   }
   .pop h3{
    font-size:1rem;
    padding-top:.5rem;
   }
   .pop p{
    font-size:.65rem;
    margin-bottom: 1rem;
   }
   .pop input,.ver-code{
    width:16rem;
    height:2rem;
    font-size:.65rem;
   }
   .ver-code button{
     height:1.9rem;
   }
   .inp-wrap{
    margin-left: 5.75%;
    height:2.1rem
   }
   .order-btn{
    width:11rem;
    height:1.75rem;
    line-height: 1.75rem;
    font-size:.75rem;
    border-radius: 2rem;
   }
    #rbDownload{
		width:37%;
		margin-left:-3.25rem;
	}
  /* 通用底部 */
  .footer { height:2.1rem; padding:0;  overflow:hidden; position:relative; }
  .footer p { display: none;}
  .footer:before { color:#fff; position:absolute; left:0; top:0; display:block; content:"华图教育集团版权所有";
    width: 100%; height:2.1rem; padding:0; overflow:hidden;
    line-height:2.1rem; font-size:0.7rem; text-align: center; }

  .mobfixnav { bottom:.5rem; right:.5rem; }
  .mobfixnav a { width:3rem; height:1.6rem; padding:.7rem 0;
    font-size: .6rem; line-height:.8rem;  }
}