@font-face {
    font-family: ZhenyanGB;
    src: url('../lib/layui/font/ZhenyanGB.TTF');
}

body {
    padding-bottom: 4rem !important;
}

.whimg {
    width: 100%;
    height: 100%;
}

/* 顶部导航栏 */
.menu_list {
    padding: 2px 12px;
    width: 100%;
    height: 3.6rem;
    line-height: 3.6rem;
    font-size: 1rem;
    z-index: 10;
    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 */
    display: flex;
}

.menu_list ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.menu_list img {
    height: 2.2rem;
    width: auto;
}

.nav {
    width: 100%;
    height: 3.14rem;
    margin-top: 3.6rem;
    position: fixed;
    max-width: 750px;
    z-index: 10;
    background-color: #fff;
    box-sizing: border-box;
    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.9rem;
    font-weight: 400;
    background-color: #fff;
}

.nav ul li {
    padding: 0.2rem 1rem;
    background: linear-gradient(to bottom, #66a7ff, #88f4fe);
    border-radius: 0.3rem;
    letter-spacing: 0.1rem;
}

.nav ul li a {
    color: #fff;
}

.fl {
    width: 8.5rem;
}

.fl img {
    width: 100%;
}

.fr {
    width: 11rem;
    height: 2.1rem;
    float: right;
}

.fr img {
    width: 100%;
    height: 100%;
}

.menu_list a:last-child {
    margin-right: 0;
}

.menu_list a {
    display: grid;
    height: auto;
    align-content: center;
}

.shouye {
    width: 3rem;
    height: 2rem !important;
    border: none;
    background-color: #47a0fe;
    color: #ffffff;
    font-size: 1rem;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 公共 */
.biaoti {
    width: 100%;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.biaoti img {
    width: 23rem;
}

.xiaobiao {
    font-size: 0.9rem;
    color: #252525;
    letter-spacing: 0.1rem;
    margin-top: 0.5rem;
}

.zixun {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.zixun .anniu {
    width: 10rem;
    height: 2rem;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.2rem;
    font-size: 1rem;
    background: url(../images/bn_jixunying_2021/anniu.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 预报名福利 */
.biaodan {
    width: 100%;
    height: 28rem;
    background: url(../images/bn_jixunying_2021/newbdbj.png) no-repeat;
    background-size: 100% 100%;
    display: flex;
}

.biaodan>div {
    width: 80%;
    margin: auto;
    margin-top: 9rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.biaodan>div input {
    width: 100%;
    height: 2.3rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    text-indent: 1rem;
    border: none;
}

.biaodan>div button {
    width: 11rem;
    height: 2.5rem;
    color: #dd0101;
    font-size: 1rem;
    background-color: #ffdb51;
    font-weight: bold;
    border-radius: 1rem;
    border: none;
}

/* 聚创半年集训营 */
.bnjxy {
    width: 100%;
    margin-top: -3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.bnjxy .btxqbox {
    width: 95%;
    margin: auto;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
}

.btxqbox .box {
    width: 100%;
    height: 100%;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.btxqbox .box:last-child {
    margin-bottom: 0;
}

.btxqbox .box .bleft {
    width: 15%;
    height: 90%;
}

.btxqbox .box .bleft img {
    width: 100%;
}

.btxqbox .box .bright {
    width: 82%;
}

.btxqbox .box .bright .rtop {
    width: 100%;
    height: 2.5rem;
    background: linear-gradient(to top right, #0166eb 20%, #f2fcfe 100%);
    font-size: 0.8rem;
    color: #fff;
    display: flex;
    align-items: center;
}

.btxqbox .box .bright .rtop span {
    font-size: 1.2rem;
    font-weight: bold;
    text-indent: 0.5rem;
    margin-top: -0.2rem;
}

.btxqbox .box .bright .rbottom {
    width: 100%;
    margin-top: 0.5rem;
    font-size: 0.75rem;
    display: flex;
    justify-content: space-between;
}

.btxqbox .box .bright .rbottom>div {
    width: 33%;
    height: 100%;
    display: flex;
    align-items: center;
}

.btxqbox .box .bright .rbottom>div img {
    width: 1rem;
    margin-right: 0.2rem;
}

/* 半年集训营六大核心体系 */
.jcky {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jcky .box {
    width: 95%;
    height: 18rem;
    margin: auto;
    margin-top: 1rem;
    background-color: #dcf8ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jcky .box ul {
    width: 95%;
    height: 94%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.jcky .box ul a {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.jcky .box ul li {
    width: 31%;
    height: 8rem;
    background-color: #fff;
    font-size: 1rem;
    border-radius: 0.3rem;
    box-shadow: 1px 1px 4px 2px #d1ecff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jcky .box ul li img {
    width: 2rem;
    margin-bottom: 0.5rem;
}

/* 完善的辅导体系 */
.wanshan .biaoti {
    width: 100%;
    margin: auto;
}

.wanshan {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wanshan .box {
    width: 95%;
    margin: auto;
    margin-top: 1rem;
}

.wanshan .box ul {
    width: 100%;
    height: 14.5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.wanshan .box ul li {
    width: 30%;
    text-align: center;
    font-size: 0.8rem;
}

.wanshan .box ul li img {
    width: 100%;
}

/* 高三式半封闭集训 */
.gss .biaoti {
    width: 100%;
    margin: auto;
}

.gss {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gss .box {
    width: 95%;
    margin: auto;
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gss .box>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.gss .box>div img {
    width: 30%;
}

.gss .box img {
    width: 100%;
    padding: 0.4rem 0;
}

/* 高水平师资面授 */
.gsp .biaoti {
    width: 100%;
    margin: auto;
}

.gsp {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gsp .kyglbxTop {
    width: 100%;
    height: 13rem;
    margin-top: 1rem;
    background-color: #e5f3ff;
}

.kyglbxTab1 {
    width: 100%;
    height: 4rem;
}

.kyglbxTab1 .swiper-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.kyglbxLi1 {
    width: 5rem !important;
    height: 1.5rem;
    font-size: 0.9rem;
    border: 0.1rem solid #2d6af8;
    border-radius: 0.5rem;
    color: #2d6af8;
    font-weight: bold;
    box-shadow: 0px 1px 1px #2d6af8;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
}

.kyglbx-active1 {
    color: #fff;
    background-color: #2d6af8;
}

.kyglbxCot1 .swiper-slide {
    width: 100% !important;
}

.kyglbxCot1 {
    width: 100%;
}

.gsp_1 {
    width: 90%;
    height: 8rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gsp_1 .teacher {
    width: 30%;
    float: left;
}

.gsp_1 .teacher img {
    width: 100%;
    margin-bottom: 0;
}

.gsp_1 .teacher .content {
    width: 100%;
    border: 1px solid #dedede;
    border-top: none;
    background-color: #fff;
    margin-left: -1px;
    height: 2rem;
    font-size: 0.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 集训基地实景拍摄 */
.czx .biaoti {
    width: 100%;
    margin: auto;
}

.czx {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.czx .yh {
    width: 95%;
    margin: auto;
    font-size: 0.8rem;
    border-bottom: 0.15rem solid #1187ff;
    padding-bottom: 0.2rem;
    color: #797979;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.czx .yh img {
    width: 1.2rem;
    margin-right: 0.3rem;
}

.czx .yh span {
    color: #007eff;
    font-size: 1rem;
    display: flex;
    align-items: flex-end;
}

.czx .tu {
    width: 95%;
    height: 5.5rem;
    margin: auto;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-around;
}

.czx .tu img {
    width: 25%;
    height: 100%;
}

/* 各地集训营地址 */
.gd .biaoti {
    width: 100%;
    margin: auto;
}

.gd {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.gd .box {
    width: 95%;
    margin: auto;
    margin-top: 1rem;
}

.gd .box ul {
    width: 100%;
    height: 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.gd .box ul a {
    width: 26%;
    height: 2rem;
}

.gd .box ul li {
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #8cb2f1, #4547ec);
    border-radius: 2rem;
    color: #fff;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 免费预约咨询参观 */
.adv {
    width: 100%;
    height: 6rem;
    margin-top: 2rem;
    background: url(../images/bn_jixunying_2021/adv.png) no-repeat;
    background-size: 100% 100%;
}

.plan-adv {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.plan-adv p {
    text-align: center;
    color: #fde747;
    font-size: 1.7rem;
    font-weight: bold;
    margin-top: 0.7rem;
    letter-spacing: 0.1rem;
    text-shadow: 1px 1px 3px #1229c0, -1px -1px 3px #1229c0, -1px 1px 3px #1229c0, 1px -1px 3px #1229c0;
}

.bdbh {
    width: 95%;
    margin-top: 0.7rem;
    display: flex;
    justify-content: space-between;
}

.bdbh input {
    width: 8rem;
    height: 1.7rem;
    background-color: #fff;
    border-radius: 1rem;
    border: none;
    text-indent: 0.5rem;
    font-size: 1rem;
}

#txtname2 {
    width: 7rem;
}

.bdbh button {
    width: 7rem;
    height: 1.7rem;
    border-radius: 2rem;
    color: #fff;
    background: linear-gradient(to bottom, #facd28, #ff584d);
    border: none;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 聚创教育集团 */
.jcjyjt2 {
    width: 95%;
    margin: auto;
    margin-top: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.jcjyjt2box {
    width: 100%;
    margin-top: 1rem;
}

.jcjyjt2 .jctop {
    margin: 0 auto 1rem auto;
    overflow: hidden;
    width: 75%;
}

.jcjyjt2 .jctop ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jcjyjt2 .jctop ul li {
    width: 5rem;
    height: 1.5rem;
    font-size: 1rem;
    color: #2d6af7;
    font-weight: bold;
    border: solid 0.1rem #2d6af7;
    background-color: #fff;
    border-radius: 0.3rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.jcjyjt2 .jctop li.active {
    background-color: #2d6af7;
    color: #ffffff;
    border: none;
    cursor: pointer;
}

.jcbottom img {
    width: 100%;
}

/* 底部介绍 */
.footers {
    width: 100%;
    margin-top: 1rem;
    padding: 1.5rem 0 2rem;
    background: #80c9fe;
}

.footers .footer-d {
    width: 100%;
    margin: auto;
}

.footers .footer-d .top {
    width: 40%;
    margin: 0 0 1rem 1rem;
}

.footers .footer-d .top img {
    width: 100%;
}

.foot-title {
    margin: 0 0 1.5rem 1rem;
}

.foot-title ul {
    display: flex;
    justify-content: start;
    align-items: center;
    font-size: 0.8rem;
}

.foot-title ul li {
    /* flex: 1; */
    text-align: center;
    border-right: 1px solid #000;
    padding: 0 0.5rem 0 0.5rem;
}

.foot-title ul li a {
    color: #000;
}

.foot-title .foot-li {
    border-right: none;
}

.foot-message {
    padding: 0 1rem 0 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-message .erweima {
    width: 45rem;
    margin: auto;
    margin-right: 0.6rem;
}

.foot-message .erweima img {
    width: 100%;
}

.message-text p {
    color: #000;
    text-indent: 1.6rem;
    font-size: 0.7rem;
}

/* 底部导航栏 */
.pannel-12 {
    background-color: #72c4fd !important;
}

.pannel-12 ul {
    display: flex;
    justify-content: center;
}

.pannel-12 li {
    float: left;
    width: 25% !important;
    height: 2.5rem;
    padding-top: 0.6rem;
    padding-bottom: 1rem;
}

.pannel-12 li a {
    border-right: 1px solid #000;
}

.pannel-12 li p {
    font-size: 0.8rem;
    color: #000 !important;
}

/* 导航栏点击表单 */
.pannel-15 {
    width: 60%;
    position: fixed;
    background: url(../images/bn_jixunying_2021/biaodan.png) no-repeat;
    background-size: 100%;
    top: 50%;
    height: 12rem;
    margin-top: -7rem;
    max-width: 402px;
    left: 50%;
    margin-left: -34%;
    z-index: 100;
    padding: 0 4%;
    display: none;
    text-align: center;
}

.pannel-15 p {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 8%;
}

.pannel-15 input {
    height: 1.5rem;
    margin-top: 0.5rem;
    border-radius: 0.2rem;
    border: none;
    border: 1px solid #ccc;
    text-indent: 0.5rem;
}

.pannel-15 button {
    border: none;
    width: 8rem;
    height: 2rem;
    background-color: #007eff;
    background: url(../images/ez_jixunying_2021/djbdan.png) no-repeat;
    background-size: 100% 100%;
    color: #da4618;
    margin-top: 1rem;
}