@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: 30px 0;
    padding-top: 0;
    text-align: center;
}

.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-top: 6%;
    padding-bottom: 4%;
    background-color: #ffe0ba;
    position: relative;
    z-index: 10;
}

.banner {
    background: url(../images/banner.png) no-repeat;
    background-size: 100% 100%;
    /* padding:4% 0 0% 0; */
    height: 700px;
    position: relative;
}

.banenr_box {
    display: flex;
    align-items: center;
    padding-top: 140px;
}

.banner_left {
    margin-right: 2%;
}

.banenr_right {
    padding-top: 4%;
}

.banner_tit {
    font-size: 32px;
    font-family: "FZLanTingHeiS-DB-GB";
    color: rgb(121, 65, 10);
    line-height: 1.344;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 4%;
}

.banner_list {
    margin-top: -4%;
}

.con_box {
    border-radius: 28px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.1);
    padding: 10% 6% 4% 6%;
    margin-bottom: 8%;
    position: relative;
}

.con_tit {
    display: inline-block;
    text-align: center;
    height: 104px;
    line-height: 104px;
    border-width: 3px;
    border-color: rgb(253, 246, 230);
    border-style: solid;
    background-image: -moz-linear-gradient(90deg, rgb(253, 85, 30) 0%, rgb(255, 137, 99) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(253, 85, 30) 0%, rgb(255, 137, 99) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(253, 85, 30) 0%, rgb(255, 137, 99) 100%);
    border-radius: 60px;
    position: absolute;
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
    padding: 0 50px 0 80px;
}

.con_tit p {
    font-size: 32px;
    font-family: "FZLanTingHeiS-H-GB";
    color: rgb(255, 255, 255);
}

.con_tit img {
    width: 230px;
    height: 225px;
    position: absolute;
    left: -120px;
    top: -44%;
}

.con1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.con1_left img {
    width: 144px;
}

.con1_left {
    margin-right: 4%;
}

.con1_right p {
    font-size: 20px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
    line-height: 1.979;
}

.con2 {
    padding: 0 4%;
}

.con2 p {
    font-size: 20px;
    font-family: "FZLanTingHeiS-B-GB";
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 1.6% 0;
    border-radius: 30px;
    margin-bottom: 2%;
    letter-spacing: 2px;
}

.con2 p:nth-child(1) {
    background: #f8b067;
}

.con2 p:nth-child(2) {
    background: #9f642a;
}

.con2 p:nth-child(3) {
    background: #ff8259;
}

.con3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.con3 ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.con3 ul:nth-child(1) {
    width: 42%;
}

.con3 ul:nth-child(2) {
    width: 56%;
}

.con3 li {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: rgb(255, 236, 203);
    height: 40px;
    line-height: 40px;
    width: 96%;
    margin-bottom: 2%;
    padding: 0 4%;
}


.con3 li p {
    font-size: 18px;
    font-family: "FZLanTingHeiS-M-GB";
    color: rgb(51, 51, 51);
    margin-left: 2%;
}

.con3 ul:nth-child(2) li:nth-child(1) {
    width: 100%;
}

/* 课程安排表格样式 */
.con4_table {
    width: 100%;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.con4_table table {
    width: 100%;
    border-collapse: collapse;
}

.con4_table th {
    width: 12%;
    background-color: #ff8259;
    color: white;
    padding: 20px 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}

.con4_table td {
    padding: 15px 0;
    text-align: center;
    font-size: 16px;
    background: #fff6e6;
    border: 1px solid #ffe0ba;
}

.con4_table td a {
    display: inline-block;
    padding: 8px 20px;
    background-color: #ff8259;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    transition: background-color 0.3s;
}

.con4_table td a:hover {
    background-color: #ff6339;
}

/* 讲师团队样式 */
.con5 {
    margin-top: 40px;
}

.teacher_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}


.teacher_img {
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #ff8259;
}

.teacher_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teacher_info h3 {
    font-size: 20px;
    color: #333;
    margin-bottom: 5px;
}

.teacher_info p {
    font-size: 16px;
    color: #666;
}

/* 日历模块样式 */
.con6 {
    margin-top: 40px;
}

.calendar_box {
    width: 100%;
}

.calendar_week {
    margin-bottom: 30px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.week_title {
    display: flex;
    background-color: #ff8259;
    padding: 15px 0;
}

.week_title span {
    flex: 1;
    text-align: center;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.week_content {
    display: flex;
    background-color: #fff;
    padding: 15px 0;
}

.week_content span {
    flex: 1;
    text-align: center;
    color: #333;
    font-size: 16px;
    line-height: 1.5;
}
.con6 .con6_table{
    margin-bottom: 40px;
}
.con6 .con6_table td{
    border: 1px solid #fd6331;
     border-bottom: 1px solid #fd6331;
}
.con6 .con6_table td:nth-child(1){
    border-left: none;
}
.con6 .con6_table td:last-child{
    border-right: none;
}
.con6 .con6_table tr td{
    border-bottom: none;
}
/* 讲师团队 */
.con5 {
    position: relative;
    padding: 30px;
    background-color: #fff5e6;
    border-radius: 15px;
    margin-top: 30px;
}

.teacher-swiper {
    width: 100%;
    padding: 20px 0;
}

.swiper-slide {
    padding: 0 10px;
}

.teacher_item {
    transition: all 0.3s ease;
    position: relative;

    background-image: -moz-linear-gradient(90deg, rgb(255, 234, 209) 55%, rgb(255, 255, 255) 100%);
    background-image: -webkit-linear-gradient(90deg, rgb(255, 234, 209) 55%, rgb(255, 255, 255) 100%);
    background-image: -ms-linear-gradient(90deg, rgb(255, 234, 209) 55%, rgb(255, 255, 255) 100%);
}

.teacher_item img {
    display: block;
    width: 208px;
    height: 387px;
    margin: 0 auto;
}

.teacher_item .teacher_text {
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 100%;
    border-radius: 10px;
    background-color: rgb(131, 76, 23);
    opacity: 0.6;
    padding: 8%;
    height: 50%;
}


.teacher_item h4 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.teacher_item p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
}

/* 自定义swiper导航按钮 */
.teacher-swiper .swiper-button-prev,
.teacher-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 999;
}

.teacher-swiper .swiper-button-prev {
    left: 0;
    background-image: url('../images/swiper_pre.png');
}

.teacher-swiper .swiper-button-next {
    right: 0;
    background-image: url('../images/swiper_next.png');
}

/* 听课须知 */
.con7 {
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
}

.notice_item {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.notice_item h4 {
      background-color: #fd6331;
    color: #fff;
    font-size: 16px;
    margin-bottom: 8px;
    padding: 4px 8px;
    border-radius: 30px;
}


.notice_item p {
    color: #666;
    font-size: 18px;
    margin-left: 2%;
}

/* end */

@media screen and (max-width:1200px) {
    html {
        font-size: 100px;
        /* 根据rem.js规则，保持与750px设计稿一致的基准值 */
    }

    .Width {
        width: 100%;
    }

    .banner {
        height: auto;
        padding-bottom: 6%;
    }

    .container {
        width: 100%;
        padding: 0 4%;
        z-index: 2;
    }
    
    /* 适配移动端的通用样式 */
    .con_box {
        margin-bottom: 1rem;
    }
    
    .con_tit {
        font-size: 0.24rem;
        margin-bottom: 0.3rem;
    }
    
    .con_tit::before,
    .con_tit::after {
        width: 0.3rem;
        height: 0.02rem;
    }
    
    
    .con4_table th,
    .con4_table td,
    .con6_table th,
    .con6_table td {
        padding: 0.1rem;
    }
    
    /* 轮播适配 */
    .teacher-swiper {
        width: 100%;
    }
    
    /* 页脚适配 */
    .footer {
        padding: 0.3rem 0;
    }
    
    .footer .Width {
        padding: 0 0.2rem;
    }
    .banenr_box{
        padding-top: 0.6rem;
        padding-bottom: 0%;
    }
    .banner_tit{
        font-size: 0.3rem;
    }
    .con_tit img{
        width: 1.4rem;
        height: auto;
        left: -1rem;
            top: -20%;
    }
    .con_tit{
        height: 1rem;
        line-height: 1.2;
        padding: 0 0.2rem 0 0.2rem;
        top: -0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .con_tit p{
        font-size: 0.26rem;
    }
    .con1{
        flex-wrap: wrap;
    }
    .con1_right p,.con2 p{
        font-size: 0.2rem;
    }
    .con2{
        padding:  0;
    }
    .con3{
        flex-wrap: wrap;
    }
    .con3 ul:nth-child(1),.con3 ul:nth-child(2){
        width: 100%;
    }
    .con3 li p{
        font-size: 0.18rem;
    }
    .con3 li{
        width: 100%;
    }
    .con4_table th{
        font-size: 0.2rem;
    }
    .con4_table td{
        font-size: 0.16rem;
    }
    .teacher_item img {
    display: block;
    width: 2rem;
    height: auto;
    margin: 0 auto;
}
.teacher_item h4{
    font-size: 0.18rem;
}
.teacher_item p{
    font-size: 0.16rem;
}
.notice_item p{
    font-size: 0.18rem;
}
.notice_item h4{
    font-size: 0.16rem;
    margin-bottom: 2%;
}
.notice_item{
    flex-wrap: wrap;
}
.footer p{
    font-size: 0.16rem;
}
}