@charset "UTF-8";
/* 公共样式 */
body { background: url(/static/images/body-bg.jpg); }

.fl { float: left; }

.fr { float: right; }

.mr-0 { margin-right: 0 !important; }

.mt-30 { margin-top: 30px; }

.clearfix { zoom: 1; }

.clearfix::after { content: ''; display: block; clear: both; }

.mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.5; filter: alpha(opacity=50); z-index: 998; }

.container { width: 1170px; padding: 30px 0; margin: 0 auto; }

.title { text-align: center; margin-bottom: 50px; padding-top: 120px; position: relative; z-index: 1; }

.title::before { content: url(/static/images/title-before.png); position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; }

.title h2 { display: inline-block; height: 54px; position: relative; }

.title h2::before, .title h2::after { content: ""; position: absolute; bottom: 15px; width: 150px; height: 32px; background: url(/static/images/title-bg.png) no-repeat; }

.title h2::before { left: -165px; }

.title h2::after { right: -165px; background-position-y: -36px; }

.title p { font-size: 24px; color: #340a06; margin-top: 6px; }

/* 头部 */
.headerBox { background-color: #fcfbf6; }

.headerBox .header { width: 1170px; margin: 0 auto; padding: 18px 0; position: relative; transition: all 500ms; }

.headerBox .logo { position: absolute; left: 0;top:5px;}
.headerBox .logo img{ height: 100%;height:60px;}

.headerBox .navBox { float: right; text-align: center; }

.headerBox .navBox ul { display: inline-block; }

.headerBox .navBox li { float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; background: url(/static/images/nav-border.png) no-repeat; margin-left: 40px; }

.headerBox .navBox li a { color: #340a06; font-size: 18px; font-weight: bold; font-family: 'Source Han Serif SC', 'STZhongsong', 'SimSun'; display: block; height: 100%; }

.headerBox .navBox li.on { background-position-x: -122px; }

.headerBox .navBox li.on a { color: #a30a22; }

.headerBox.fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 999; box-shadow: 0 3px 20px rgba(125, 57, 36, 0.1); }

.headerBox.fixed .header { padding: 12px 0; }

/* banner */
.bannerBox { max-width: 1920px; height: 480px; margin: 0 auto; position: relative; overflow: hidden; }

.bannerBox .pagination { position: absolute; left: 50%; transform: translateX(-50%); bottom: 20px; text-align: center; z-index: 3; }

.bannerBox .pagination span { display: inline-block; width: 10px; height: 10px; background-color: #a30a22; margin: 0 5px; border-radius: 5px; transition: all 300ms; opacity: 0.5; filter: alpha(opacity=50); cursor: pointer; }

.bannerBox .pagination span.on { width: 24px; opacity: 0.9; filter: alpha(opacity=100); }

.bannerBox:hover .prev { left: 3%; }

.bannerBox:hover .next { right: 3%; }

.bannerBox:hover .navigation { filter: alpha(opacity=50); opacity: 0.5; }

.bannerBox .prev, .bannerBox .next { position: absolute; top: 50%; transform: translateY(-50%); width: 32px; height: 40px; background: url(/static/images/slider-arrow.png) -110px 5px no-repeat; filter: alpha(opacity=0); opacity: 0; transition: all 300ms; }

.bannerBox .prev:hover, .bannerBox .next:hover { filter: alpha(opacity=100); opacity: 1; }

.bannerBox .prev { left: 0; }

.bannerBox .next { right: 0; background-position: 8px 5px; }

.bannerBox .banner { width: 1920px; height: 100%; position: absolute; left: 50%; margin-left: -960px; }

.shrq li { float: left; width: 370px; height: 494px; background: url(/static/images/shrq-lis-bg.png) no-repeat; margin-right: 30px; }

.shrq li .box { padding: 40px 30px; text-align: center; cursor: default; }

.shrq li:hover { background-position-x: -380px; }

.shrq li .num { display: inline-block; width: 80px; height: 80px; background: url(/static/images/shrq-num.png) no-repeat; color: #FFFFFF; margin-top: 10px; }

.shrq li .num-02 { background-position-x: -82px; }

.shrq li .num-03 { background-position-x: -164px; }

.shrq li .text { margin-top: 30px; }

.shrq li .text h3 { display: inline-block; font-family: 'Source Han Serif SC', 'STZhongsong', 'SimSun'; font-weight: bold; font-size: 26px; color: #7d3924; margin-bottom: 10px; }

.shrq li .text p { height: 66px; font-size: 17px; color: #434343; }

.shrq li .info { background: url(/static/images/shrq-jy-bg.png) no-repeat; padding-left: 40px; padding-right: 20px; line-height: 60px; margin-top: 30px; }

.shrq li .info p { display: inline-block; font-size: 15px; line-height: 1.3; color: #340a06; vertical-align: middle; text-align: left; }

.shrq li a { display: inline-block; width: 290px; margin-top: 30px; height: 60px; line-height: 60px; background: #b63c4e; background: -webkit-linear-gradient(to bottom, #e56651, #b63c4e); background: linear-gradient(to bottom, #e56651, #b63c4e); font-size: 30px; color: #FFFFFF; border-radius: 8px; transition: all 200ms; }

.shrq li a:hover { box-shadow: 0 6px 24px rgba(182, 60, 78, 0.3); }

.zxpc .content { margin-top: -30px; position: relative; padding: 40px 50px 0; z-index: 3; }

.zxpc .content::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1166px; height: 96px; background: url(/static/images/zxpc-form-bg.png) no-repeat; z-index: -1; }

.zxpc .formBox { background-color: #FFFFFF; padding: 60px 80px; position: relative; box-shadow: 0 4px 30px rgba(95, 39, 21, 0.15); border-radius: 0 0 16px 16px; }

.zxpc .formBox::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 20px; background: #ffffff; background: -webkit-linear-gradient(to bottom, #5f2715, #ffffff); background: linear-gradient(to bottom, #5f2715, #ffffff); opacity: 0.9; filter: alpha(opacity=90); }

.zxpc .select-group { height: 48px; line-height: 48px; margin-bottom: 40px; }

.zxpc .select-group p, .zxpc .select-group ul { float: left; }

.zxpc .select-group p { width: 160px; font-size: 26px; font-family: 'Source Han Serif SC', 'STZhongsong', 'SimSun'; font-weight: bold; color: #340a06; }

.zxpc .select-group ul { width: 750px; height: 48px; }

.zxpc .select-group li { float: left; min-width: 120px; margin-right: 60px; font-size: 22px; color: #535353; position: relative; }

.zxpc .select-group li::before { content: ""; display: inline-block; width: 24px; height: 24px; background: url(/static/images/icon-radio.png) no-repeat; vertical-align: middle; margin-bottom: 4px; margin-right: 8px; }

.zxpc .select-group li:last-child { margin-right: 0; }

.zxpc .select-group li input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }

.zxpc .select-group li.select::before { background-position-x: -28px; }

.zxpc .input-group { height: 60px; }

.zxpc .input-group input, .zxpc .input-group button { height: 100%; border-radius: 8px; }

.zxpc .input-group input { float: left; width: 280px; height: 100%; padding: 0 24px; border: solid 1px #959595; font-size: 22px; box-sizing: border-box; }

.zxpc .input-group input:focus { outline: none; }

.zxpc .input-group button { float: left; width: 240px; border: none; margin-left: 20px; height: 60px; line-height: 60px; background: #b63c4e; background: -webkit-linear-gradient(to bottom, #e56651, #b63c4e); background: linear-gradient(to bottom, #e56651, #b63c4e); font-size: 30px; color: #FFFFFF; border-radius: 8px; transition: all 200ms; }

.zxpc .input-group button:hover { box-shadow: 0 6px 24px rgba(182, 60, 78, 0.3); }

.zxpc .input-group .phone-code { width: 300px; position: relative; display: inline-block; height: 60px; margin-left: 20px; float: left; }

.zxpc .input-group .phone-code button { position: absolute; right: 0; top: 0; width: 136px; height: 60px; font-size: 22px; }

.zxpc .input-group .phone-code input { width: 280px; text-align: left; }

.zxpc .tableBox { background-color: #fff7ee; border: 1px solid #f0d7ca; padding: 20px 0 10px; border-radius: 8px; margin-top: 50px; text-align: center; /* .tempWrap{ position: relative; &::before, &::after{ content: ""; position: absolute; left: 0; width: 100%; height: 80px; z-index: 2; @include opacity(0.9); } &::before{ top: 0; @include linearGradient(bottom, #fff4ee, transparent); } &::after{ bottom: 0; @include linearGradient(bottom, transparent, #fff4ee); } } */ }

.zxpc .tableBox h3 { font-size: 24px; line-height: 1; color: #340a06; padding-bottom: 15px; margin-bottom: 20px; position: relative; }

.zxpc .tableBox h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0d7ca; background: -webkit-linear-gradient(to right, transparent, #f0d7ca, transparent); background: linear-gradient(to right, transparent, #f0d7ca, transparent); }

.zxpc .tableBox h3 span { color: #a30a22; }

.zxpc .tableBox li { height: 50px; line-height: 50px; }

.zxpc .tableBox li span { float: left; width: 25%; font-size: 18px; color: #340a06; }

.zxpc .tableBox li span:nth-child(3) { color: #a30a22; }

/* 学员困惑 */
.xykh li { float: left; width: 270px; margin-right: 30px; }

.xykh li:nth-child(odd) { margin-top: 20px; }

.xykh li .pic { height: 264px; }

.xykh li .text { background-color: #7d3924; color: #ffffff; text-align: center; padding: 20px 20px 30px; border-radius: 0 0 8px 8px; }

.xykh li .text p { font-size: 18px; }

.xykh li .text a { display: inline-block; margin-top: 16px; width: 180px; height: 40px; line-height: 40px; border-radius: 40px; font-size: 19px; background: #df4126; background: -webkit-linear-gradient(to right, #f44729, #df4126); background: linear-gradient(to right, #f44729, #df4126); transition: all 300ms; }

.xykh li .text a:hover { padding: 0 8px; box-shadow: 0 6px 20px rgba(52, 10, 6, 0.3); }

/* 课程服务 */
.kcfw li { float: left; width: 370px; margin-right: 30px; }

.kcfw .box { border: 2px solid #7d3924; background-color: #fff4eb; text-align: center; padding: 30px 10px; transition: all 300ms; }

.kcfw .box:hover { background-color: #ffffff; border-color: #a30a22; }

.kcfw .box .pic { height: 276px; }

.kcfw .box p { font-size: 17px; color: #340a06; padding: 20PX 10px; }

.kcfw .box a { display: inline-block; width: 270px; height: 60px; line-height: 60px; height: 60px; line-height: 60px; background: #b63c4e; background: -webkit-linear-gradient(to bottom, #e56651, #b63c4e); background: linear-gradient(to bottom, #e56651, #b63c4e); font-size: 30px; color: #FFFFFF; border-radius: 8px; transition: all 200ms; }

.kcfw .box a:hover { box-shadow: 0 6px 24px rgba(182, 60, 78, 0.3); }

/* 备考资料 */
.bkzl .content { background-color: #FFFFFF; border-radius: 20px; padding: 20px; box-shadow: 0 2px 20px rgba(139, 118, 83, 0.3); }

.bkzl .content .docLis { float: left; width: 700px; }

.bkzl .content .docLis ul { padding: 0 10px; }

.bkzl .content .docLis li { float: left; width: 25%; text-align: center; color: #434343; cursor: pointer; margin: 20px 0; }

.bkzl .content .docLis li .icon-pdf { display: inline-block; width: 64px; height: 64px; background: url(/static/images/icon-pdf.png) no-repeat; }

.bkzl .content .docLis li:hover { color: #a30a22; }

.bkzl .content .formBox { float: right; width: 340px; background-color: #a30a22; padding: 30px 30px; border-radius: 16px; text-align: center; }

.bkzl .content .formBox .form-title { height: 36px; margin-bottom: 20px; }

.bkzl .content .formBox input, .bkzl .content .formBox button { width: 100%; height: 48px; box-sizing: border-box; border: none; border-radius: 8px; }

.bkzl .content .formBox input { padding: 0 20px; font-size: 18px; color: #7d3924; margin-bottom: 20px; }

.bkzl .content .formBox button { background-color: #ffbf5b; color: #743611; font-size: 24px; font-weight: bold; height: 54px; }

.bkzl .content .formBox .phone-code { width: 340px; margin: 0 auto; position: relative; }

.bkzl .content .formBox .phone-code button { position: absolute; right: 0; top: 0; width: 140px; font-size: 18px; height: 48px; }

.bkzl .content .formBox .phone-code input { width: 100%; text-align: left; }

/* 拜师现场 */
.bsxc .content { background-color: #fcfbf6; border: 1px solid #bd4a52; }

.bsxc .content img { display: block; margin: 15px auto; }

.bsxc .content .formBox { height: 60px; padding: 30px 0; background: url(/static/images/bsxc-form-bg.png) no-repeat; text-align: center; }

.bsxc .content .formBox form { display: inline-block; height: 60px; }

.bsxc .content .formBox input, .bsxc .content .formBox button { float: left; height: 100%; border: none; border-radius: 8px; }

.bsxc .content .formBox input { width: 340px; background-color: #ffffff; font-size: 22px; color: #535353; padding: 20px; box-sizing: border-box; }

.bsxc .content .formBox button { width: 240px; font-size: 24px; color: #743611; background-color: #ffbf5b; margin-left: 20px; }

.bsxc .content .formBox .phone-code { width: 340px; margin: 0 auto; position: relative; float: left; height: 60px; margin-left: 20px; }

.bsxc .content .formBox .phone-code button { position: absolute; right: 0; top: 0; width: 140px; font-size: 18px; }

.bsxc .content .formBox .phone-code input { width: 100%; text-align: left; }

.fwys { padding-bottom: 80px; }

.fwys .content { background: url(/static/images/fwys-content-bg.png) no-repeat; margin-top: -10px; }

.fwys ul { background: url(/static/images/fwys-content-line.png) no-repeat center; padding-bottom: 50px; }

.fwys li { float: left; width: 33.33%; text-align: center; margin-top: 50px; }

.fwys li .box { padding: 0 30px; }

.fwys li .icon { display: inline-block; width: 64px; height: 64px; background: url(/static/images/fwys-icons.png) no-repeat; }

.fwys li .icon-02 { background-position-x: -74px; }

.fwys li .icon-03 { background-position-x: -148px; }

.fwys li .icon-04 { background-position-x: -222px; }

.fwys li .icon-05 { background-position-x: -296px; }

.fwys li .icon-06 { background-position-x: -370px; }

.fwys li h3 { font-size: 24px; color: #340a06; margin-top: 10px; }

.fwys li p { color: #434343; margin-top: 8px; }

.footerBox { background-color: #623e04; height: 80px; line-height: 80px; text-align: center; }

.footerBox ul { display: inline-block; }

.footerBox ul li { display: inline-block; }

.footerBox ul li:first-child::after { content: "|"; font-weight: lighter; color: #FFFFFF; opacity: 0.6; }

.footerBox ul li a { color: #FFFFFF; font-size: 16px; margin: 0 20px; opacity: 0.8; }

.footerBox ul li a:hover { opacity: 1; }

.flexRight { position: fixed; bottom: 20%; right: 30px; background-color: #ffffff; width: 80px; border-radius: 10px; border-bottom: solid 2px #a30a22; }

.flexRight li { font-size: 14px; color: #313131; text-align: center; padding: 16px 0; position: relative; }

.flexRight li:hover { color: #a30a22; }

.flexRight li .icon { display: inline-block; width: 40px; height: 40px; background: url(/static/images/flexRight-icons.png) no-repeat; }

.flexRight li .icon-dh { background-position-y: -50px; }

.flexRight li .telBox { position: absolute; top: 50%; transform: translateY(-50%); right: 96px; background-color: #ffffff; border: solid 1px #dedddd; border-radius: 10px; padding: 24px 30px; text-align: left; }

.flexRight li .telBox::after { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 10px; height: 14px; background: url(/static/images/icon-jt.png) no-repeat; }

.flexRight li .telBox .icon-tel { display: inline-block; width: 16px; height: 16px; background: url(/static/images/icon-tel.png) no-repeat; margin-right: 10px; vertical-align: middle; margin-bottom: 2px; }

.flexRight li .telBox dt { font-size: 14px; color: #434343; line-height: 16px; }

.flexRight li .telBox dd { margin-top: 5px; font-size: 24px; font-weight: bold; font-family: 'Source Han Serif SC', 'STZhongsong', 'SimSun'; color: #a30a22; }

@media screen and (max-width: 1440px) { .flexRight { display: none; } }

/* 模态弹窗 */
.ModalPop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }

.ModalPop .success, .ModalPop .error { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #FFFFFF; box-shadow: 0 2px 30px rgba(38, 51, 81, 0.3); z-index: 999; display: none; }

.ModalPop .success { text-align: center; border-radius: 30px; padding: 30px 50px 40px; }

.ModalPop .success .success-icon { display: inline-block; height: 180px; }

.ModalPop .success .success-icon img { height: 100%; width: auto; }

.ModalPop .success .successMsg { font-size: 22px; color: #959595; }

.ModalPop .success .successMsg span { display: block; font-size: 32px; font-weight: bold; color: #3468e7; margin: 6px 0; }

.ModalPop .success .successBtn { width: 280px; height: 68px; font-size: 30px; color: #FFFFFF; border: none; border-radius: 34px; background: #f37e00; background: -webkit-linear-gradient(to bottom, #ffbf5b, #f37e00); background: linear-gradient(to bottom, #ffbf5b, #f37e00); box-shadow: 0 8px 10px rgba(218, 92, 0, 0.3); margin-top: 20px; letter-spacing: 2px; }

.ModalPop .error { top: 36%; min-width: 540px; border-radius: 20px; padding: 30px; }

.ModalPop .error .tit { font-size: 24px; color: #42485b; line-height: 30px; text-align: left; }

.ModalPop .error .tit .icon-error { display: inline-block; width: 30px; height: 30px; vertical-align: bottom; margin-right: 10px; }

.ModalPop .error .errorMsg { text-align: left; font-size: 18px; color: #757575; margin-top: 30px; }

.ModalPop .error .errorBtn { float: right; width: 100px; height: 44px; border-radius: 10px; border: none; font-size: 18px; color: #FFFFFF; background-color: #3468E7; transition: all 300ms; margin-top: 20px; letter-spacing: 2px; }

.ModalPop .error .errorBtn:hover { transform: translateY(-1px); box-shadow: 0 6px 8px rgba(87, 150, 255, 0.3); }







.module-three {
  overflow: hidden;
  background: url('/static/images/bj-3.png') repeat center top;
}
.my-title:nth-child(1) {
    margin-top: 59px;
    margin-bottom: 36px;
}
.my-title {
  text-align: center;
}

.module-three ul {
    flex-wrap: wrap;
    justify-content: space-between;
}
.module-three ul li {
    margin-bottom: 25px;
	display: list-item;
    text-align: -webkit-match-parent;
}
.public-width {
    width: 1100px;
    margin: 0 auto;
}
.public_more_btn {
    width: fit-content;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin: 20px auto 0 auto;
    font-size: 18px;
    color: #B8741A;
    border: 1px solid #B8741A;
    border-radius: 45px;
    cursor: pointer;
    padding: 0 20px;
}
.flex-public {
    display: flex;
}
.form-bj {
    width: 1100px;
    background: #fff;
    /* opacity: .8; */
    box-sizing: border-box;
    padding: 60px;
    margin-bottom: 50px;
}
.moduleForm .title {
    text-align: center;
    font-size: 35px;
    font-weight: bold;
    color: #333333;
    transform: translateY(-30px);
}
.moduleForm .form .el-form {
    display: flex;
    justify-content: space-around;
}
.moduleForm .form .submit {
    display: block;
    width: 340px;
    height: 48px;
    background: #A9251B;
    box-shadow: 0px 2px 0px 0px #a9251b;
    border-radius: 33px;
    margin: 30px auto 0 auto;
    font-size: 24px;
    border: none;
}






.module-four {
  overflow: hidden;
  background: url('/static/images/bj-4.png') no-repeat center;
}





.module-five {
  overflow: hidden;
  background: #fff;
}
.cjwt-left p:nth-child(2) {
    margin-top: 67px;
    margin-right: 67px;
}
.cjwt-left p:nth-child(3) {
    margin-top: 77px;
    margin-right: 27px;
}
.cjwt-right p:nth-child(4) {
    margin-top: 34px;
}
.cjwt-right p:nth-child(2) {
    margin-top: 37px;
    margin-left: 63px;
}
.cjwt-right p:nth-child(3) {
    margin-left: 14px;
    margin-top: 40px;
}
.cjwt-con {
    display: flex;
    justify-content: center;
    height: 410px;
}
.cjwt-center img {
    margin-top: 80px;
}
.cjwt-left p {
    float: right;
}
.cjwt-con p {
    width: 415px;
    height: 63px;
    background: #EDEDED;
    border-radius: 12px;
    font-size: 21px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 63px;
    text-align: center;
    cursor: pointer;
}
.content-4 {
    margin-bottom: 43px;
    cursor: pointer;
}





.module-seven {
  overflow: hidden;
  background: url('/static/images/bj-7.png') no-repeat center;
}

.module-seven ul li{
	width:258px;
	height:195px;
}

.module-seven ul li img{
	width:100%;
	height:100%;
}

.module-seven ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.module-seven ul li {
    margin-bottom: 50px;
}