@charset "utf-8";

/* CSS Document */
body {
    font-family: "FZLanTingHeiS-H-GB", "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif, ;
    overflow-x: hidden;
    color: #000;
    background: #ffffff;
}

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 {
    display: block;
    border: none;
    max-width: 100%;
}

textarea,
select {
    outline: none;
    resize: none;
}

a {
    color: #0d0d0d;
    text-decoration: none;
}

ul,
li {
    list-style: none;
}

input {
    border: none;
    background: none;
    outline: none;
    -webkit-appearance: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 通用头部 */
.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;
}

.Width {
    width: 80%;
    background: red;
    margin: 0 auto;
}

.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: 41px;
    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;
}

/* 通用头部 end */



/* 通用底部 */

.footer {
    clear: both;
    position: relative;
    padding-bottom: 8%;
    text-align: center;
    background-color: #f4dbb6;
}

.footer p {
    position: relative;
    z-index: 2;
    color: #000;
    font-size: 16px;
    line-height: 30px;
}

.footer p span {
    padding: 0 5px;
}

.footer p a {
    color: #000;
}

/* 通用底部 end */
/* start */
* {
    box-sizing: border-box;
}

.container {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.body {
    padding-bottom: 4%;
    background-color: #f4dbb6;
    position: relative;
    z-index: 10;
}

.banner {
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    /* padding:4% 0 0% 0; */
    padding-top: 53px;
    height: 1019px;
    position: relative;
}
.banner_titR{
    font-size: 30px;
    font-family: "FZYaSong-DB1-GBK";
    color: rgb(234, 0, 0);
    text-decoration: underline;
    text-align: right;
}
.banner_tit{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4%;
}
.banner_tit p{
    font-size: 30px;
    font-family: "FZYaSong-DB1-GBK";
    color: rgb(234, 0, 0);
    margin: 0 2%;
    margin-top: -2%;
}
.banner_slg{
    margin: 0 auto;
    margin-top: -4%;
}
.banner_slg2{
    margin:0 auto;

}
.banner_list{
    margin: 0 auto;
    margin-top: 0.6%;
}

.con1{
    background: #f4dbb6;
    position: relative;
}
.gezi1{
    position: absolute;
    right: 4%;
    bottom: 0;
    animation: slide-tr 3.4s linear infinite alternate-reverse both;
}
@keyframes slide-tr {
    0% {
        -webkit-transform: translateY(0) translateX(0);
        transform: translateY(0) translateX(0);
    }

    100% {
        -webkit-transform: translateY(-40px) translateX(40px);
        transform: translateY(-40px) translateX(40px);
    }
}

.title{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4%;
}
.con_bg{
    position: relative;
    background: url(../images/jz_bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 16px; */
}
.con_bg2 {
    width:88%;
}
.bg_left{
    margin-left: -1%;
    margin-top: -1%;
}
.bg_right{
    margin-right: -1%;
    margin-top: -1%;
}
.con_bg2 li{
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    background-color: rgb(244, 219, 182);
    border-radius: 30px;
    padding:0.6% 4%;
}
.con_bg2 li:last-child{
    margin-bottom: 0;
}
.con_bg2 li span{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgb(252, 142, 36);
    margin-right: 4%;
    font-size: 22px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(255, 255, 255);
}
.con_bg2 li p{
    font-size: 22px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
}
.con1_bot {
    border-radius: 27px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    padding: 2%;
    margin-top: 4%;
    position: relative;
    z-index: 2;
}
.con1_botBg{
    border:  1px solid #fc8e24;
    border-radius: 20px;
    padding:2% 4% ;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.con1_botL{
    width: 70%;
}
.con1_botL h2{
    font-size: 24px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(231, 109, 49);
    margin-top: 4%;
}
.con1_botL p {
    font-size: 20px;
    font-family: "FZLanTingHeiS-R-GB";
    color: rgb(51, 51, 51);
    line-height: 1.4;
}
.con1_botL p i{
    color: #d14618;
    font-style: normal;
}
.con1_botL b{
    color: #d35618;font-size: 20px;
}
.con1_botR h1{
    font-size: 26px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(209, 70, 24);
    text-align: center;
}
.con1_botR p {
    font-size: 26px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(209, 70, 24);
    text-align: center;
    margin-top: 2%;
}
.con1_botR img{
    margin: 0 auto;
    margin-bottom: 4%;
}
/* con2 */
.con2{
    background-color: #f6ce92;
}
.con2_tit{
    width: 432px;
    height: 69px;
    background: url(../images/con2_titBg.png) no-repeat;
    background-size: 100% 100%;
    font-size: 22px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.con2_item span{
    height: 60px;
    border-radius: 0 0 0 21px;
    background-image: linear-gradient(to right,#f6ce92 40%,#feeed6);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:19px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(140, 72, 21);
    margin-left: 14%;
    margin-top: -2%
}
.con2_box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.con2_item{
    width: 50%;
    margin-bottom: 4%;
    position: relative;
}
.con2_box .con2_item:last-child{
    margin-bottom: 0;
}
.con2_shan{
    position: absolute;
    right: 4%;
    bottom: -8%;
}

/* con3 */
.con3{
    background-color: #f4dbb6;
}
.con3_box {
    border-radius: 27px;
    background-image: -moz-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,230,192) 0%, rgb(255,248,239) 100%);
    padding: 2%;
    margin-top: 4%;
}
.con3_boxBg{
    border:  1px solid #fc8e24;
    border-radius: 20px;
    padding:2% 4% ;
    text-align: center;
}
.con3_tit{
    /* width: 20%; */
    display: inline-block;
    background: url(../images/con3_tit.png) no-repeat;
    background-size: 100% 100%;
    font-size: 30px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(255, 255, 255);
    padding: 0.6% 4%;
    margin: 0 auto;
    margin-bottom: 4%;
}
.con2_table{
    position: relative;
    z-index: 6;
    margin-top: 2%;
}
.con3_table{
    margin-bottom: 4%;
    border-radius: 20px;
}
.con3_table tr th{
    font-size: 22px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(255, 255, 255);
    padding: 1% 0;
}
.con3_table tr td{
    border-width: 1px;
    border-color: #ef7123;
    border-style: solid;
    background-color: #ffe2b7;
    text-align: center;
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(77, 39, 11);
    padding: 1% 0;
}
.con3_table tr td:first-child{
    border-left: none;
    border-bottom: none;
}
.con3_table tr td:last-child{
    border-right: none;
}
.con3_table tr:last-child>td{
    border-bottom: none;
}
.con3_table thead{
    background-image: linear-gradient(to right,#ef7224,#f9a44f);
}
.con3_table tr th:first-child{
    border-radius: 20px 0 0 0 ;
}
.con3_table tr th:last-child{
    border-radius: 0 20px 0 0;
}
.con3_table tr:last-child>td:first-child{
    border-radius: 0 0 0 20px;
}

.con3_table tr:last-child>td:last-child{
    border-radius: 0 0 20px 0;
}
.con3_table tr td  span{
    background-color: rgb(239, 113, 35);
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(255, 255, 255);
    display: inline-block;
    padding: 1% 6%;
    border-radius: 20px;
}
.con3_text{
    font-size: 16px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(200, 30, 8);
}
/* cno4 */
.con4{
    background: #f6ce92;
}
.con4_swiper{
    margin-bottom: 2%;
}
.swiper-slide{
    width: 253px;
    height: 322px;
    background: url(../images/teacher_bg.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: end;
    justify-content:center;
    overflow: hidden;
    padding: 0 1% 1% 1%;
    position: relative;
}
.swiper-slide img{
    margin: 0 auto;
    height: 280px;
}
.swiper-button-next, .swiper-button-prev{
    width: 18px;
    height: 94px;
}
.swiper-container{
    padding: 0 4%;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{
    background-image: url(../images/prev.png);
    background-size: 100% 100%;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(../images/next.png);
    background-size: 100% 100%;
}


  
  .box5-teacher-text {
    margin: auto;
    width: 100%;
    height: 50%;
    position: absolute;
    bottom: 0%;
    left: 0;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.7);
    padding: 10px;
    display: none;
    padding-top:40%;
    padding-left: 20;
  }
  
  .teacher-name {
    display: inline-block;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #d45a1a;
    background: #ffa332;
    padding: 2%;
    border-radius: 10px 10px 0 10px;
  }
  
  .name-tc {
    font-size: 16px;
    font-weight: bold;
    color: #ffff;
  }
  
  .teachrt-inter {
    color: #fff;
    font-size: 16px;

    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    line-height: 25px;
  }
  
  .tec_box:hover .box5-teacher-text {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
.con5_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.add{
    margin: 0 2%;
}
.con5 p{
    text-align: right;
    padding-right: 20%;
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(213, 80, 13);
    margin-top: 2%;
}
/* con6 */
.con6{
    background-color: #f4dbb6;
}
.con6_box{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.con6_tit{
    display: inline-block;
    background: url(../images/con6_tit.png) no-repeat;
    background-size: 100% 100%;
    padding: 0% 6%;
    height: 67px;
    line-height: 67px;
    font-size: 26px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(255, 255, 255);
    margin-bottom: 8%;
}

.con6_box p {
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(70, 30, 8);
    margin-bottom: 6%;
    line-height: 1.6;
}
.con6_left p i{
    font-style: normal;
    font-weight: bolder;
}
.con6_right p i{
    font-style: normal;
    color: #e83d0f;
}
/* bottomBar  */

.bottomBar {
    position: fixed;
    left: 0%;
    bottom: 0;
    z-index: 99999;
    width: 100%;
    margin: 0 auto;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bottomBar p{
    font-size: 30px;
    font-family: "FZYaSong-H-GBK";
    color: rgb(255, 255, 255);
    line-height: 1.667;
    text-shadow: 4.649px 9.969px 9px rgba(241, 79, 0, 0.9);
    margin-top: -1%;
    margin-right: 2%;
}
.bottomBarcon{
    position: relative;
    width:64%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: url(../images/bottom.png) no-repeat;
    background-size: 100% 100%;
    height: 130px;
}
.bottomBarcon a{
    width: 16%;
}


/* end */

@media screen and (max-width:1200px) {
    html {
        font-size: 50px;
    }

    .Width {
        width: 100%;
    }

    .banner {
        height: auto;
        padding-bottom: 8%;
        padding-top: 0.3rem;
    }

    .container {
        width: 100%;
        padding: 0 4%;
        z-index: 2;
    }
    .banner_titR{
        font-size: 0.222rem;
    }

    .banner_tit img{
        width: 16%;
    }
    .banner_tit p{
        font-size: 0.3rem;
    }

    .banner_slg2 {
        margin: 0 auto;
        width: 50%;
    }
    .banner_list {
        margin: 0 auto;
        margin-top: 0.6%;
        width: 70%;
    }
    .banner_slg {
        margin: 0 auto;
        margin-top: -4%;
        width: 80%;
    }
    .bg_left,.bg_right{
        height: 4.41rem;
    }
    .con_bg2 li p{
        font-size: 0.22rem;
    }
    .con_bg2 li span{
        width: 0.4rem;
        height: 0.4rem;
        font-size: 0.22rem;
    }
    .con1_botBg{
        flex-wrap: wrap;
    }
    .con1_botL,.con1_botR{
        width: 100%;
    }
    .con1_botL h2 {
        font-size: 0.24rem;
    }
    .con1_botL img{
        width: 50%;
    }
    .con1_botL p ,.con1_botL b{
        font-size: 0.2rem;
    }
    .con1_botR img{
        width: 1.87rem;
        margin-top: 4%;
    }
    .con1_botR h1,.con1_botR p{
        font-size: 0.26rem;
    }
    .con2_item{
        width: 100%;
    }
    .con2_tit{
        width: 4.32rem;
        height: 0.5rem;
        font-size: 0.22rem;
    }
    .con2_item span{
        height: 0.6rem;
        font-size: 0.19rem;
    }
    .con_bg2 li{
        padding: 4% ;
    }
    .con2_shan{
        width: 10%;
    }
    .con3_tit{
        font-size: 0.3rem;
    }
    .con3_table tr th{
        font-size: 0.22rem;
    }
    .con3_table tr td,.con3_table tr td span{
        font-size: 0.2rem;
    }
    .con3_text{
        font-size: 0.18rem;
    }
    .swiper-slide{
        height: 3.22rem;
    }
    .swiper-slide img {
        margin: 0 auto;
        width: 70%;
        height: 2.8rem;
    }
    .swiper-button-next, .swiper-button-prev{
        height: 0.94rem;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: -0.1rem;
        left: auto;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: -0.1rem;
        right: auto;
    }
    .con5_img1,.con5_img2{
        height: 2.1rem;
    }
    .con5 p{
        font-size: 0.18rem;
        padding-right: 0;
    }
    .add {
        margin: 0 2%;
        width: 6%;
    }
    .con6_tit {
        height: 0.6rem;
        line-height: 0.6rem;
        font-size: 0.26rem;
    }
    .con6_box p,.footer p{
        font-size: 0.16rem;
    }
    .bottomBarcon{
        width: 100%;
        height: 1.3rem;
    }
    .bottomBar p {
        font-size: 0.26rem;
    }
    .footer{
        padding-bottom: 24%;
    }
    .teachrt-inter,.name-tc{
        font-size: 0.16rem;
        line-height: 1.6;
    }
    .title {
        width: 60%;
        margin: 0 auto;
        margin-bottom: 6%;
    }
    .con2 .title,
    .con5 .title{
        width: 50%;
    }
    .con4 .title{
        width: 40%;
    }
}