@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:1000px; margin:0 auto;position: relative;}
.hide { display:none;} .onlymob { display:none;}
.pointer { cursor:pointer;}
.ml480 { margin-left:620px; }
body{
  background: #FCFCFC;
}

/* 通用头部 */
.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{
  background: url(../images/ban.jpg) center no-repeat;
  height:765px;
  text-align: center;
  padding-top:90px;
  box-sizing: border-box;
  color: rgb(255, 255, 255);
  margin-bottom: 133px;
}
.banner img{
 
  margin-bottom: 6px;
  line-height: 1;
  width:76%;
  height:125px;
 
}
.banner h3{
  font-size: 48px;
  line-height: 1.894;
  text-align: center;
  text-shadow: 0 5px 13px #FF702B;
  line-height: 1;
  margin-bottom: 32px;
}
.banner .txt {
  font-size: 31.313px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(255, 255, 255);
  border-radius: 35px;
  width: 580px;
  height: 58px;
  line-height: 58px;
  margin:0 auto;
}


.title{
  width:638px;
  font-size: 50px;
  height:85px;
  margin-bottom: 55px;
  background: linear-gradient(#F85857,#E90101);
  border-radius: 50px;
  text-align: center;
  line-height: 85px;
  margin:0 auto;
  position: relative;
  top:-30px;
}
.title .txt{
  background-image:-webkit-linear-gradient(bottom,#FEFED3,#fff,#fff); 
  -webkit-background-clip:text; 
  -webkit-text-fill-color:transparent; 
  font-weight:bold;
}
.title .new{
  width:110px;
  height:115px;
  font-size:36px;
  line-height: 115px;
  background: url(../images/new.png) no-repeat;
  background-size:100% 100%;
  position: absolute;
  right: -24px;
  top: -44px;
  color:#8A0404;
  font-weight:600;
}

.panel01{
  margin-bottom: 160px;
}
.panel01 .Width,.panel03 .Width{
  border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 5px 87px 0px rgba(230, 230, 230, 0.75);
  width: 1000px; 
}
.panel01 .main-cont{
  padding-top:55px;
}
.ld{
  width:142px;
  height:50px;
  font-size:36px;
  font-weight:600;
  color:rgba(255,255,255,1);
  border-radius: 10px;
  background-color: rgb(235, 6, 2);
  text-align: center;
  line-height: 50px;
}
.panel01 .left-cont img{
  width:343px;
  height:430px;
  display: block;
  margin-left:48px;
  margin-right:55px;
  margin-top:20px;
}
/*.panel02 .left-cont img{
  width:350px;
  height:540px;
}*/
.sub-title{
  text-align: center;
  font-size:40px;
  font-weight:600;
  color:rgba(51,51,51,1);
  margin-bottom: 35px;
}
.panel01 .right-cont{
  width:520px;
}
.panel01 .right-cont>p{
  width:500px;
  font-size: 26px;
  line-height: 1.571;
  border-bottom:1px solid #d8d8d8;
  padding:10px 0;
}
.old{
  text-decoration: line-through;
  height:30px;
  border-radius: 5px;
  display: inline-block;
  background: #E81A1A;
  font-size: 20px;
  color:#fff;
  text-align: center;
  padding:0 5px;
  margin-right:25px;
}
.new-p{
  font-size:28px;
  color:#E81A1A;
}
.new-p strong{
  font-size:48px;

}
.intr-txt {
  border-radius: 10px;
  background-image: -moz-linear-gradient( -158deg, rgb(233,19,8) 0%, rgb(254,96,60) 100%);
  background-image: -webkit-linear-gradient( -158deg, rgb(233,19,8) 0%, rgb(254,96,60) 100%);
  background-image: -ms-linear-gradient( -158deg, rgb(233,19,8) 0%, rgb(254,96,60) 100%);
  width: 514px;
  padding:20px 0;
  margin-bottom: 40px;
  overflow: hidden;
}
.intr-txt p{
  font-size:23px;
   color: rgb(255, 255, 255);
  line-height: 1.611;
  width: 514px;  display:table-cell;
  vertical-align:middle;
  padding-left:15px;
}
.price-box{
  margin-bottom: 24px;
}
.buy-btn{
  width:236px;
  height:75px;
  background: url(../images/btn.png) no-repeat;
  background-size:100% 100%;
  display: block;
  text-align: center;
  line-height: 75px;
  font-weight:600;
  color:rgba(138,4,4,1);
  font-size:34px;
  margin-bottom: 100px;
  transition: .3 ease-out;
}
.buy-btn:hover{
  transform: scale(1.03);
}
.panel03 p{
  padding:0 21%  30px 7%;
  font-size:24px;
   line-height: 1.583;
  
}
.panel03{
  margin-bottom: 160px;
  position: relative;
}

.panel03 img{
  position: absolute;
  right: -70px;
  top: 110px;
}

/* 通用底部 */
.footer {
 
  position: relative; 
  padding: 30px 0;
  background: #000;
  text-align: center; 
}
.footer p {
  position: relative; 
  z-index: 2;
  color: #fff; 
  font-size: 14px;
  line-height: 26px; 
}
.footer p a {
  color: #fff;
  font-size: 14px;
}
.footer p span { padding: 0 5px; }



@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,.panel01 .Width,.panel03 .Width{  width: 96%;  }
 
  /* 隐藏元素 */
  .ht_top .topnav a:nth-child(n+2) ,
  .footer p,
  .pc,
  .onlypc,
  .ht_top .topnav
  ,.right-fix
  {  display: none;  }
  .mob{
    display: block;
  }
  

  /* 通用头部 */
  .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:15.5rem;
    background:url(../images/mban.jpg) no-repeat;
    background-size:100% 100%;
    margin-bottom: 2.25rem;
    padding-top:1.5rem;
  }
  .banner h3{
    font-size:1rem;
    margin-bottom: .5rem;
  }
  .banner img {
    width: 86%;
    height: 2.85rem;
  }
  .banner .txt {
    font-size: .7rem;
    width:14rem;
    height:1.5rem;
    line-height:1.5rem;
  }
  .title {
    width: 12rem;
    font-size:1rem;
    height:2rem;
    line-height:2rem;
    top: -.75rem;
  }
  .title .new {
    width: 2.5rem;
    height:2.75rem;
    font-size:.75rem;
    line-height:2.75rem;
    right:-1rem;
    top:-1.25rem;
      
  }
  .sub-title {
    font-size:1rem;
    margin-bottom:.75rem;
  }
  .panel01 .main-cont{
    padding-top:1rem;
  }
  .panel01 .left-cont img {
  
    height:auto;
    width: 6.5rem;
    margin:.5rem .5rem 0;
  }
  .panel01 .right-cont{
    width:10.25rem;
  }
  .panel01 .right-cont>p{
    width:10rem;
    font-size:.7rem;
    padding:0 0 .25rem 0;
    margin-bottom: .25rem;
  }
  .ld {
    width: 3.85rem;
    height:1.5rem;
    font-size:.85rem;
    line-height:1.5rem;
  }
  .old {
    
    height: 1.25rem;
    font-size: .6rem;
    padding: 0 .1rem;
    margin-right:.15rem;
  }
  .new-p {
    font-size: .7rem;
  }
  .new-p strong{
    font-size:1rem;
  }
  .price-box{
    margin-bottom: .5rem;
  }
  .intr-txt {
    width:9.5rem;
    padding:.5rem .25rem;
    margin-bottom:1rem;
    overflow: hidden;
  }
  .intr-txt p{
    font-size:.6rem;
    padding:0;
    letter-spacing: -1px;
  }
  .buy-btn {
    width: 7.5rem;
    height:2.25rem;
    line-height:2.25rem;
    font-size:.75rem;
    margin-bottom:2rem;
    font-size:.8rem;
  }
  .panel01{
    margin-bottom:3rem;
  }
  .panel03 p {
    padding: 0 21% 30px 3%;
    font-size:.65rem;
  }
  .panel03 img{
    width:3.75rem;
    top:60%;
    right:0;
  }
  .panel03{
    margin-bottom: 2rem;
  }
  /* 通用底部 */
  .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; 
  }
}