@charset "gb2312";

@media screen and (max-width:1500px) {
  body {
    min-width: 1200px;
    font-size: 14px;
  }

  .Width {
    width: 1200px;
  }

  .header {
    padding: 30px 0;
  }
  .header-r a{
    margin-right: 20px;
  }
  .nav a {
    width: 120px;
  }

  .letter {
    margin-right: 26px;
  }

  .letter-info {
    width: 254px;
    margin-bottom: 16px;
  }

  .letter-info.active {
    width: 412px;
  }

  .letter-info a {
    margin-right: 14px;
  }

  .region {
    margin-bottom: 40px;
  }

  .main-l {
    width: 678px;
  }

  .news-tag {
    width: 70px;
    height: 26px;
    line-height: 26px;
  }

  .news-list-title {
    font-size: 18px;
  }

  .main-news {
    width: 398px;
  }

  .main-rec {
    width: 240px;
  }

  .main-rec a {
    width: 240px;
    height: 148px;
    margin-bottom: 32px;
  }

  .news-list {
    padding-bottom: 20px;
  }

  .main-r {
    width: 480px;
  }

  .mainBanner {
    width: 480px;
    height: 242px;
  }

  .mainBanner img {
    height: 242px;
  }

  .tools-title {
    font-size: 22px;
  }

  .tools-info a {
    width: 56px;
    margin-right: 47px;
  }

  .face {
    height: 190px;
    margin-bottom: 40px;
    background-size: 100%;
  }

  .face-l {
    width: 138px;
    padding-top: 26px;
  }

  .face-l p {
    padding-top: 28px;
    padding-bottom: 16px;
    font-size: 24px;
  }

  .face-btn {
    width: 120px;
    height: 40px;
    margin-bottom: 14px;
    line-height: 40px;
    font-size: 22px;
  }

  .face-more {
    font-size: 28px;
  }

  .face-r {
    width: 1062px;
    height: 180px;
    background-size: 100%;
  }

  .face-name {
    margin-bottom: 6px;
  }

  .face-contact {
    width: 78px;
    height: 28px;
    line-height: 28px;
  }

  .face-list {
    width: 678px;
  }

  .face-list li {
    width: 320px;
    padding-bottom: 10px;
  }

  .face-region-title {
    margin-bottom: 16px;
    font-size: 18px;
  }

  .face-region {
    width: 280px;
    margin-right: 20px;
  }

  .face-region a {
    margin-right: 12px;
    margin-bottom: 20px;
  }

  .slide-title p {
    font-size: 22px;
  }

  .slide-news01-l, .slide-news01-r {
    width: 558px;
  }

  .slide-btn, .datum-btn {
    margin-bottom: 22px;
  }

  .search_channel .selDiv {
    width: 130px;
  }

  .selDiv li, .search_channel .selDiv cite {
    font-size: 14px;
  }

  .search-btn {
    width: 116px;
  }

  .guidance {
    margin-top: 20px;
  }

  .guidance_list {
    width: 382px;
    margin-right: 27px;
  }

  .guidance_title span {
    font-size: 18px;
  }

  .slide-title-wrap.on .slide-link a {
    font-size: 16px;
  }

  .datum-l {
    width: 792px;
  }

  .datum-change ul {
    width: 377px;
  }

  .slide-link {
    max-width: 360px;
  }

  .slide-news02 {
    margin-bottom: 40px;
  }

  .course {
    padding-top: 40px;
  }

  .books {
    margin-top: 40px;
  }

  .datum-l .slide-link, .guidance_list .slide-link {
    max-width: 320px;
  }

  .datum-r {
    width: 380px;
  }

  .datum-r-title p {
    font-size: 22px;
  }

  .exam-title {
    font-size: 18px;
  }

  .class-list li, .books-list li {
    width: 281px;
    height: 341px;
    margin-right: 22px;
  }

  .imgWrap {
    margin-bottom: 14px;
  }

  .imgWrap img {
    height: 190px;
  }

  .class-name, .books-name {
    font-size: 18px;
  }

  .class-time {
    margin-bottom: 10px;
  }

  .class-btn {
    width: 100px;
    height: 34px;
    line-height: 34px;
  }

  .price {
    font-size: 18px;
  }

  .books-list li {
    height: 440px;
  }

  .books-list .imgWrap img {
    height: 281px;
  }

  .slide-list, .datum-list {
    line-height: 34px;
  }

  .course-type {
    margin-top: 4px;
    font-size: 16px;
  }

  .fixed-title {
    padding-top: 4px;
    font-size: 16px;
  }

  .fixed-l li {
    height: 46px;
  }
  .fixed-l li a{
    height: 100%;
  }
  .fixed-l li p {
    height: 46px;
    font-size: 14px;
  }

  /*footer*/
  .inx-fLink .h3 {
    font-size: 22px;
  }

  .footleft {
    margin-right: 102px;
  }

  .promotion {
    padding-bottom: 40px;
  }
}

@media screen and (max-width:1080px) {
  body, html {
    min-width: auto;
    font-size: .7rem;
  }

  .Width {
    width: 94%;
  }

  .rec_top, .header, .region, .face, .slide-news03, .promotion, .main-rec, .search, .blogroll, .fixed-l, .fixed-r, .fixed-tools, .footer {
    display: none;
  }



  .mob_header {
    display: block;
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: .3rem 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    font-size: .65rem;
  }

  .header_txt {
    float: left;
    margin-left: .5rem;
    font-size: .8rem;
    color: #1dbc9b;
    font-weight: bold;
  }

  .look-more {
    position: relative;
    float: right;
    margin-right: .5rem;
    font-size: .75rem;
  }

  .look-more ul {
    display: none;
    position: absolute;
    top: 1.8rem;
    right: -6%;
    width: 5.3rem;
    background-color: #fff;
    box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.18);
    border-radius: .3rem;
    z-index: 10;
  }

  .look-more p.active {
    color: rgba(240, 28, 50, 1);
  }

  .look-more li {
    border-bottom: 1px solid #E6E6E6;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
  }

  .look-more li:last-child {
    border-bottom: none;
  }

  .look-more ul li a {
    display: block;
  }

  .m_logo {
    display: block;
    width: 6rem;
    height: 1.5rem;
    margin-left: .5rem;
    background-image: url(https://www.huatu.com/images/2015css/images/mob_logo.png);
    background-repeat: no-repeat;
    background-size: 100%;
    text-indent: -999em;
  }

  .m-footer {
    display: block;
    color: #fff;
    text-align: center;
    height: 2.5rem;
    width: 100%;
    font-size: 0.7rem;
    line-height: 2.5rem;
    background-color: #333;
  }

  .nav {
    height: 2.2rem;
  }

  .nav .Width {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }

  ::-webkit-scrollbar {
    display: none;
  }

  .nav a {
    width: auto;
    min-width: 14%;
    margin-right: 2%;
    line-height: 2.2rem;
  }
  .main-l{
    width: 100%;
  }
  .main-news {
    float: none;
    width: 100%;
    padding-top: .5rem;
  }
  .news-list:nth-last-child(1),.news-list:nth-last-child(2){
    display: none;
  }
  .news-list {
    padding-bottom: .3rem;
  }

  .news-list-title {
    font-size: .8rem;
  }

  .news-list .news-list-title {
    padding-bottom: 0;
  }

  .news-list .news-list-title {
    margin-bottom: .3rem;
  }

  .news-list li {
    margin-bottom: .3rem;
  }

  .news-tag {
    width: 2.8rem;
    height: 1rem;
    margin-right: .1rem;
    line-height: 1rem;
    border-radius: .15rem;
    font-size: .6rem;
  }

  .mainBanner {
    width: 100%;
    height: 9rem;
    margin-bottom: .5rem;
  }

  .main-r {
    width: 100%;
    margin-top: .5rem;
  }

  .mainBanner img {
    height: 9rem;
  }

  .mainBanner .hd {
    bottom: .4rem;
    right: .4rem;
  }

  .mainBanner .hd li {
    width: .42rem;
    height: .42rem;
    margin-right: .25rem;
    border-radius: .3rem;
  }

  .tools-title {
    padding-bottom: .5rem;
    margin-bottom: .5rem;
    font-size: .85rem;
  }

  .tools-info a {
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: .5rem;
  }

  .tools-info a:nth-child(5n) {
    margin-right: 0;
  }

  .tools-info a img {
    margin-bottom: .2rem;
  }

  .slide-news01 {
    padding-top: .5rem;
    margin-bottom: 0;
  }

  .slide-title img {
    width: 1.2rem;
  }

  .slide-title p {
    margin-left: .25rem;
    font-size: .8rem;
  }

  .slide-news01-l, .slide-news01-r {
    float: none;
    width: 100%;
  }

  .slide-btn, .datum-btn {
    margin-bottom: .5rem;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
  }

  .slide-btn span, .datum-btn span {
    height: 1.2rem;
    padding: 0 .5rem;
    margin-right: .1rem;
    line-height: 1.2rem;
    border-radius: 1rem;
  }

  .slide-link {
    max-width: 14rem;
    margin-bottom: .1rem;
  }

  .slide-list, .datum-list {
    margin-bottom: .5rem;
    line-height: 1.3rem;
  }

  .guidance_title {
    margin-bottom: .5rem;
  }

  .title-slide a {
    height: auto;
    line-height: 1.2rem;
    font-size: .7rem;
  }

  .slide-news01-r {
    margin-top: .7rem;
  }

  .slide-news01-r .slide-title p {
    margin-top: .2rem;
  }

  .slide-title {
    padding-bottom: .5rem;
  }

  .slide-news01 .slide-title {
    margin-bottom: .5rem;
  }

  .slide-title.active {
    border-width: 1px;
  }

  .guidance {
    margin-top: .5rem;
  }


.guidance .slide-wrap{
    width: 360px;
}


  .guidance_title span {
    padding-bottom: .5rem;
    margin-right: .8rem;
    font-size: .8rem;
  }

  .datum-l .slide-link, .guidance_list .slide-link {
    max-width: 14rem;
  }

  .guidance_list {
    float: none;
    width: 100%;
    margin-right: 0;
  }

  .slide-title-wrap.on .slide-link a {
    font-size: .75rem;
  }

  .slide-news02 {
    margin-bottom: 0;
  }

  .course {
    padding-top: .5rem;
  }

  .course .slide-title p {
    margin-top: .1rem;
  }

  .course-type {
    margin-top: .1rem;
    font-size: .75rem;
  }

  .class-list {
    margin-top: 1rem;
  }

  .course-more {
    margin-top: .1rem;
    margin-right: 0;
    margin-left: .5rem;
    font-size: .75rem;
  }

  .class-list li, .books-list li {
    width: calc(49% - 2px);
    height: 12rem;
    margin-bottom: .5rem;
    margin-right: 2%;
  }

  .class-list li:nth-child(even), .books-list li:nth-child(even) {
    margin-right: 0;
  }

  .imgWrap {
    margin-bottom: .25rem;
  }

  .imgWrap img {
    height: 6rem;
  }

  .tag {
    bottom: .35rem;
    left: .35rem;
  }

  .tag p {
    height: 1.2rem;
    padding: 0 .2rem;
    line-height: 1.2rem;
    border-radius: .1rem;
    font-size: .65rem;
  }

  .class-info, .books-info {
    margin: 0 .5rem;
    font-size: .7rem;
  }

  .class-name, .books-name {
    height: 2.3rem;
    margin-bottom: .2rem;
    line-height: 1.1rem;
    font-size: .75rem;
  }

  .class-time {
    margin-bottom: .25rem;
  }

  .price {
    font-size: .75rem;
  }

  .books-list {
    margin-top: 1rem;
  }

  .class-btn {
    width: 4rem;
    height: 1.4rem;
    line-height: 1.4rem;
  }

  .books {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .books-list .imgWrap img {
    height: 7rem;
  }
}