@CHARSET "UTF-8";
/*头部导航*/
.menu_list {width: 100%; height: 3.6rem; line-height: 3.6rem; font-size: 1rem; padding: 0px 20px; z-index: 10; box-shadow: 0 1px 12px 0 rgba(236, 236, 236, 0.50); position: fixed; top: 0; max-width: 750px; background-color: #fff; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.menu_list img { height: 1.92rem; width: auto; margin: .83rem 0; /* width: 36.4%; */ }
/*banner*/
.focus { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 6.74rem}
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; height: auto; display: block; }
.focus .hd { display: block; width: 50px; overflow: hidden; /* margin: .5rem auto; */ position: absolute; left: 50%; bottom: 8px; margin-left: -25px; }
.focus .hd li { width: 8px; height: 8px; border-radius: 8px; background-color: transparent; margin-right: 10px; color: #fff; float: left; font-size: 0; text-align: center; border: 1px solid #fff; cursor: pointer; }
.focus .hd li.on { background-color: #fff; }
.focus .hd li:last-child { margin-right: 0; }

.paster1s {
    width: 16rem;
    margin: 1rem auto;
}
.paster1s img {
    width: 100%;
}
.pops {
    position: fixed;
    width: 14rem;
    height: 14rem;
    top: 50%;
    left: 50%;
    margin-left: -7rem;
    margin-top: -7rem;
    z-index: 999;
}
.pops .popup {
    width: 100%;
    position: relative;
}
.pops .popup img {
    width: 100%;
}
.pops .popup .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 2rem;
}
.pops .popup .close img {
    width: 100%;
    height: 100%;
}
.pops .popup .btns {
    position: absolute;
    bottom: 0.5rem;
    right: 2rem;
    width: 4rem;
    height: 1.2rem;
}
.pops .popup .btns img {
    width: 100%;
    height: 100%;
}

/*pannel-1*/
.pannel-1 { width: 52%; background-color: #29d129; border-radius: 6px; font-size: 18px; text-align: center; color: #fff; height: 36px; line-height: 36px; margin: 0 auto; margin-top: 14px; }
.pannel-1 img { height: 20px; /* margin:8px 0; */ display: inline-block; margin-right: 6px; margin-bottom: -3px; }
/*pannel-2*/
.pannel-2 { width: 90%; overflow: hidden; margin: 20px auto 6px auto; }
.pannel-2 ul li { float: left; width: 25%; margin-bottom: 8px; }
.pannel-2 ul li img { width: 45px; margin: 0 auto; display: block; }
.pannel-2 ul li p { text-align: center; font-size: 14px; height: 32px; line-height: 32px; }
/*pannel-3*/
.pannel-3 {
    padding: 0 1.07rem;
}
.pannel-3 img { width: 100%; display: block; margin-bottom: 22px; }
/*pannel-4*/
.pannel-4 img { width: 100%; display: block; margin-bottom: 18px; }
/*pannel-5*/
.max-tit { width: 56%; height: 32px; line-height: 32px; font-size: 25px; letter-spacing: 2px; text-indent: 2px; text-align: center; margin: 0 auto; border: 1px dashed #a0a0a0; }
.min-tit { text-align: center; font-size: 15px; margin-top: 8px; letter-spacing: 2px; text-indent: 2px; }
.class_list { width: 92%; margin: 0 auto; }
.class_list li { width: 100%; position: relative; height: 15rem; margin-top: 10px; }
.pannel-6 .class_list li { display: none;}
.class_list li:first-child { display: block !important; }
.pannel61 .class_list.moreshow li,.pannel62 .class_list.moreshow li,.pannel63 .class_list.moreshow li,.pannel64 .class_list.moreshow li,.pannel65 .class_list.moreshow li,.pannel66 .class_list.moreshow li{ display: block; }



.pannel-5 { padding-bottom: 14px; }
.pannel-5 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel64-sq.png") no-repeat center; background-size: 100%; }
.pannel-5 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel51.png") no-repeat center; background-size: 100%; }
.pannel-5 .class_list li:nth-child(3) { background: url("../../images/zt/brand2/pannel616.png") no-repeat center; background-size: 100%; }
.pannel-5 .class_list li:nth-child(4) { background: url("../../images/zt/brand2/pannel53-fd.png") no-repeat center; background-size: 100%; }
.class_btn { width: 65%; position: absolute; bottom: 16px; left: 17.5%; }
.class_btn a { background-color: #ffcb83; width: 42%; height: 26px; display: inline-block; line-height: 26px; font-size: 14px; text-align: center; letter-spacing: 2px; text-indent: 2px; border-radius: 6px; }
/*pannel-6*/
.pannel-6 { width: 100%; background-color: #f4f4f4; padding: 22px 0; }
.pannel6 { width: 94.4%; margin: 0 auto; background-color: #fff; }
.pannel61 { padding-top: 30px; }
fieldset { border: none; text-align: center; width: 93.22%; margin: 0 auto; }
.pannel61 fieldset { margin-top: 18px; border-top: 1px solid #01cdff; }
fieldset legend { color: #01cdff; letter-spacing: 2px; text-indent: 2px; }
.pannel-6 .class_list { width: 97.74%; }
.pannel61 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel64-fd.png") no-repeat center; background-size: 100%; }
.pannel61 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel61-fd.png") no-repeat center; background-size: 100%; }
.pannel61 .class_list li:nth-child(3) { background: url("../../images/zt/brand2/pannel62-qh.png") no-repeat center; background-size: 100%; }
.pannel61 .class_list li:nth-child(4) { background: url("../../images/zt/brand2/fs-qh.png") no-repeat center; background-size: 100%; }

.more { font-size: 14px; letter-spacing: 2px; text-indent: 2px; text-align: center; display: block; height: 34px; line-height: 34px; }

.pannel62, .pannel63 { padding-top: 10px; }
.pannel62 fieldset { border-top: 1px solid #b14fff; }
.pannel62 fieldset legend { color: #b14fff; }
.pannel62 .class_list { padding-top: 10px; }
.pannel62 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel65-qh.png") no-repeat center; background-size: 100%; }
.pannel62 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel66.png") no-repeat center; background-size: 100%; }
.pannel62 .class_list li:nth-child(3) { background: url("../../images/zt/brand2/pannel67.png") no-repeat center; background-size: 100%; }


.pannel63 fieldset { border-top: 1px solid #3a52dd; }
.pannel63 fieldset legend { color: #3a52dd; }
.pannel63 .class_list { padding-top: 14px; }
.pannel63 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel68.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel69.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(3) { background: url("../../images/zt/brand2/pannel610.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(4) { background: url("../../images/zt/brand2/pannel611.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(5) { background: url("../../images/zt/brand2/pannel612.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(6) { background: url("../../images/zt/brand2/pannel612-1.png") no-repeat center; background-size: 100%; }
.pannel63 .class_list li:nth-child(7) { background: url("../../images/zt/brand2/pannel612-2.png") no-repeat center; background-size: 100%; }


.pannel64 { padding-top: 20px; }
.pannel64 fieldset { border-top: 1px solid #ff5564; }
.pannel64 fieldset legend { color: #ff5564; }
.pannel64 .class_list { padding-top: 14px; }
.pannel64 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel613-jx.png") no-repeat center; background-size: 100%; }
.pannel64 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel614-jx.png") no-repeat center; background-size: 100%; }
.pannel64 .class_list li:nth-child(3) { background: url("../../images/zt/brand2/pannel615-jx.png") no-repeat center; background-size: 100%; }


.pannel65 { padding-top: 20px; }
.pannel65 fieldset { border-top: 1px solid #f153da; }
.pannel65 fieldset legend { color: #f153da; }
.pannel65 .class_list { padding-top: 14px; }
.pannel65 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel617-1.png") no-repeat center; background-size: 100%; }
.pannel65 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel618.png") no-repeat center; background-size: 100%; }


.pannel66 { padding-top: 20px; padding-bottom: 10px; }
.pannel66 fieldset { border-top: 1px solid #2ece4c; }
.pannel66 fieldset legend { color: #2ece4c; }
.pannel66 .class_list { padding-top: 14px; }
.pannel66 .class_list li:nth-child(1) { background: url("../../images/zt/brand2/pannel619.png") no-repeat center; background-size: 100%; }
.pannel66 .class_list li:nth-child(2) { background: url("../../images/zt/brand2/pannel620-js.png") no-repeat center; background-size: 100%; }
/*pannel-7*/
.pannel-7 { width: 100%; height: auto; padding-top: 25px; padding-bottom: 20px; }
.pannel-7 .max-tit, .pannel-8 .max-tit, .pannel-9 .max-tit { width: 70%; }
.TabTitle2 { width: 100%; margin: 10px auto 18px auto; overflow: hidden; }
.TabTitle2 li { width: 20.8%; height: 24px; line-height: 21px; font-size: 12px; background-color: #fff; text-align: center; border: 1px solid #a0a0a0; /* letter-spacing: 3px; */ /* text-indent: 3px; */ cursor: pointer; float: left; margin-left: 3.36%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }
.TabTitle2 li:last-child { margin-right: 0; }
.TabTitle2 li.active { background-color: #b14fff; color: #fff; border: 1px solid #b14fff; }
.TabContent2 { width: 93.28%; position: relative; margin: 0 auto; }
.TabContent2 img { width: 100%; }
/*pannel-8*/
.pannel-8 { background-color: #f6ecfe; padding-top: 20px; }
.pannel8 .TabTitle2 li { background-color: transparent; }
.pannel8 .TabTitle2 li.active { background-color: #ff7371; border: 1px solid #ff7371; }
.pannel8 .TabContent1 { width: 93%; margin: 0 auto; overflow: hidden; }
.focuss1 { width: 100%; }
.focuss1 .bd { overflow: hidden; }
.focuss1 .bd li { float: left; }
.focuss1 .bd li .teacher { width: 47%; float: left; background-color: #fff; }
.focuss1 .bd li .teacher:nth-child(2n+1) { margin-right: 6%; }
.focuss1 .bd li img { width: 100%; }
.focuss1 .hd { display: block; width: 62px; overflow: hidden; margin: 15px auto; }
.focuss1 .hd li { width: 12px; height: 12px; border-radius: 12px; border: 1px solid #ff7371; margin-right: 10px; /* color: #fff; */ float: left; font-size: 0; text-align: center; /* line-height: 16px; */ cursor: pointer; }
.focuss1 .hd li.on { background-color: #ff7371; }
.focuss1 .hd li:last-child { margin-right: 0; }
.focuss1 .content { width: 100%; border: 1px solid #dedede; border-top: none; background-color: #fff; /* margin-top: -4px; */ margin-left: -1px; height: 30px; }
.focuss1 .content p:first-child { height: 26px; line-height: 26px; text-align: center; font-size: 13px; }
.focuss1 .content p:nth-child(2) { font-size: 12px; padding: 4px 10px 10px 10px; line-height: 18px; color: #a7a7a7; }
.focuss1 .content p:nth-child(3) { font-size: 16px; }
/*pannel-9*/
.pannel-9 { padding-top: 16px; }
.pannel-9 .focus1 { width: 90.5%; margin: 12px auto 0 auto; }
.focus1 .bd { position: relative; z-index: 0; }
.focus1 .bd li img { width: 100%; height: auto; display: block; }
.focus1 .hd { display: block; width: 110px; overflow: hidden; margin: 10px auto; }
.focus1 .hd li { width: 12px; height: 12px; border-radius: 12px; background-color: transparent; margin-right: 10px; color: #01cdff; float: left; font-size: 0; text-align: center; border: 1px solid #01cdff; cursor: pointer; }
.focus1 .hd li.on { background-color: #01cdff; }
.focus1 .hd li:last-child { margin-right: 0; }
/*pannel-11*/
.pannel-11 { padding-top: 18px; }
.pannel-11 .TabTitle2 li.active { background-color: #f153da; border: 1px solid #f153da; }
.pannel-11 .TabContent4 { width: 86%; border: 4px solid #f153da; margin: 0 auto; padding: 10px 2%; }
.pannel-11 .TabContent4 img { width: 100%; }
.pannel-11 .TabContent4 p { margin-bottom: 10px;line-height: 1.4; }
/*pannel-13*/
.pannel-14 { width: 100%; background-color: #f6ecfe; margin-top: 15px; padding-bottom: 6rem; line-height: 1.4; }
.pannel-14 .title { height: 50px; line-height: 50px; letter-spacing: 2px; text-indent: 2px; font-size: 25px; text-align: center; }
.pannel14 { width: 90%; margin: 0 auto; }
.pannel14 img { width: 100%; }
/*pannel-12*/
.pannel-12 { width: 100%; background: #ffffff; bottom: 0px; position: fixed; overflow: hidden; z-index: 10; box-shadow: 0 2px 13px 0 #CBD6EC; max-width: 750px; margin: 0 auto; }
.pannel-12 a { display: block; width: 100%; float: left; }
.pannel-12 li { float: left; width: 25%; height: 3.7rem; padding: 1rem 0px; }
.pannel-12 li p { width: 100%; text-align: center; }
.pannel-12 li img { margin: 0 auto; display: block; margin-bottom: .5rem; height: 1.885rem; }
/*.pannel-13*/
.pannel-13 { width: 60%; position: fixed; background-color: #fff; top: 50%; height: 14rem; margin-top: -7rem; max-width: 402px; left: 50%; margin-left: -34%; z-index: 100; padding: 0 4%; display: none; }
.pannel-13 img { width: 21.37%; height: auto; display: block; margin: 0 auto; }
.pannel-13 p { text-align: center; font-size: 1rem; }
.pannel-13 .ses { font-size: 1.25rem; margin-top: .6rem; margin-bottom: .2rem; }
.pannel-13 span { color: #fff; }
.pannel-13 .btns { width: 61%; height: 1.8rem; border-radius: 6px; border: solid 2px #076eb8; font-size: 1rem; color: #076eb8; background-color: transparent; padding: 0; margin: 0 auto; display: block; margin-top: 1rem; outline: none; }
#hui-mask { position: fixed; z-index: 100!important; background: rgba(0,0,0, 0.5); width: 100%; left: 0px; top: 0px; height: 100%; z-index: 99; display: none; }

/*样式新增llw*/
.fushi {
    width: 100%;
    padding: 1.25rem 0.89rem;
    box-sizing: border-box;

}
.fushi .top-img {
    display: flex;
    margin-bottom: 0.54rem;
    justify-content: center;
    box-sizing: border-box;
}
.fushi .top-img .left {
    width: 11.61rem;
    margin-right: 1.25rem;
    flex: 1;
}
.fushi .top-img .right-ing-wraper img {
    width: 11.96rem;
    height: 3.57rem;
    margin-bottom: 0.36rem;
    display: block;
}
.fushi .bottom-img  img {
    width: 11.96rem;
    height: 3.57rem;

}
.fushi .bottom-img .top{
    margin-bottom: 0.36rem;
}
.fushi .bottom-img .top a:nth-child(1) {
    margin-right: 1.25rem;
}
.fushi .bottom-img .bottom a:nth-child(1) {
    margin-right: 1.25rem;
}
.fushi .bottom-img .top,.fushi .bottom-img .bottom {
    display: flex;
    justify-content: center;
}
/*导航栏*/
.nav {
    margin-top: 3.6rem;
    width: 100%;
    height: 3.14rem;
    position: fixed;
    z-index: 99;
    background: #ffffff;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-bottom: 1px solid #F5F5F5;
}
.nav ul {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.07rem;
    box-sizing: border-box;
    font-size: 0.86rem;
    font-weight: 400;
    color: #000000;
}
/*热门专业*/
.popularInstitutions {
    width: 100%;
    background: #7F4EEE;
    text-align: center;
    margin-top: 1.43rem;
    padding-bottom: 1.43rem;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.popularInstitutions .title {
    font-size: 1.79rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 0.64rem;
    margin-top: 1.43rem;
}
.popularInstitutions .tips {
    font-size: 1.07rem;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 1.07rem;
}
.popularInstitutions .form-wraper{
    display: flex;
    flex-direction: column;
    padding: 0 2.14rem;

}
.popularInstitutions .form-wraper>input{
    border-radius: 1rem;
    width: 100%;
    height: 2.14rem;
    border: none;
    margin-bottom: 0.71rem;
    font-size: 0.93rem;
    font-weight: 400;
    color: #999999;
    padding-left: 1.07rem;
    box-sizing: border-box;
}
.popularInstitutions .form-wraper span{
    text-align: left;
    font-size: 0.43rem;
    font-weight: 300;
    color: #FFFFFF;
    margin-left: 1.07rem;
    line-height: 1.43rem;
}
.popularInstitutions .form-wraper .input {
    border-radius: 1rem;
    width: 100%;
    height: 2.14rem;
    border: none;
    margin-bottom: 0.71rem;
    font-size: 0.93rem;
    font-weight: 400;
    color: #999999;
    padding-left: 1.07rem;
    box-sizing: border-box;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.popularInstitutions .form-wraper .submit {
    width: 100%;
    height: 2.14rem;
    margin-top: 1rem;
    background: url("../../images/zt/brand2/submit-bg.png");
    background-size: cover;
    font-size: 1.07rem;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;

}
.popularInstitutions .form-wraper .input  input {
    border: none;
}
.popularInstitutions .form-wraper .input .right {
    width: 6.43rem;
    height: 2.14rem;
    background: #999999;
    border-radius: 0rem 1rem 1rem 0rem;
}
.popularInstitutions .form-wraper .input .getcode {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F7356C;
}

/*入门*/
.introduction {
    width: 100%;
    border: 1px solid transparent;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 1.43rem;

}
.introduction .title {
    width: 21.43rem;
    height: 2.11rem;
    font-size: 1.61rem;
    font-family: SourceHanSansCN;
    font-weight: bold;
    color: #472FCD;
    border: 0.07rem solid #9141FF;
    margin: 0 auto;
    margin-bottom: 0.39rem;
}
.introduction .tips {
    font-size: 1.07rem;
    font-family: SourceHanSansCN;
    font-weight: 500;
    color: #472FCD;
    margin-bottom: 1rem;

}
.introduction ul li {
    display: flex;
    align-items: center;
    justify-content: center;

}
.introduction ul li img{
    width: 22.71rem!important;
    height: 12.93rem!important;
}
.introduction .newhd {
    text-align: center!important;
    padding-left: 2rem!important;
}
.programme {
    width: 100%;
}
.programme img {
    width: 100%;
}