/* CSS Document */
body { max-width: 100%; overflow-x: hidden; background: #fff; font: 18px/36px "Microsoft YaHei", "Hiragino Sans GB", Arial, sans-serif; }
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 { border: none; max-width: 100%; }
a { color: #2b2a3c; text-decoration: none; }
a:hover { text-decoration: none; }
a, area { blr: expression(this.onFocus=this.blur());
}
ul, ol, li { list-style: none; display: flex; flex-wrap: wrap; align-items: center; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input, :focus { outline: 0; }
input[type="button"], input[type="submit"], input[type="reset"], select { -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; }
input::focus-inner {
padding: 0;
border: 0;
}
input::-webkit-input-placeholder {
color: #999;
}
input::-moz-placeholder {
color: #999;
}
input:-moz-placeholder {
color: #999;
}
input:-ms-input-placeholder {
color: #999;
}
select::-ms-expand {
display: none;
}
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }
.dd2 { font-size: 14px; font-family: "微软雅黑"; color: #ff0000; }
.fl { float: left; }
.fr { float: right; }
.clearfix::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }
.clearfix { zoom: 1; }
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1190px; margin: 0 auto; }
.hide, .onlymob { display: none; }
.container { width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box }
.container::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }
ul::after { display: block; content: ''; height: 0; font-size: 0; clear: both; }
.no_after::after { display: none; content: ''; height: 0; font-size: 0; clear: both; }
/* 通用头部 */
.ht_top { width: 100%; overflow: hidden; background: #fafafa url(../image/nav_bg.gif) repeat-x 0 0; line-height: 41px; }
.ht_top .zt_top { width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 { float: left; }
.ht_top h1 a { float: left; width: 189px; height: 40px; overflow: hidden; background: url(../image/660755-21011Q00042R1.png) no-repeat; font-size: 12px; text-indent: -100em; }
.ht_top .topnav { float: right; color: #333; font-size: 12px; }
.ht_top .topnav a { padding: 0 8px; }
.ht_top .topnav a:hover { color: #e4393c; text-decoration: underline; }
/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; text-align: center; }
.footer p { position: relative; z-index: 2; color: #fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color: #fff; }
.box_container { padding: 40px 0; }
body { background: url("../image/bann.jpg") center top repeat; position: relative;  }
.banner_box { width: 100%; height: 340px; background: url("../image/banner_bg3aaa.jpg") center top no-repeat; position: relative; }
.banner_box::before { /* content: '';
    display: block;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1024px;
    background: url("../image/banner_deco.png") center top no-repeat;
    animation: banner_deco linear 2s infinite; */
}
.banner_box::after { /* content: '';
    display: block;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1024px;
    background: url("../image/banner_light.png") center top no-repeat;
    animation: banner_light linear 2s infinite;*/
}
.banner_box::after { /* content: '';
    display: block;
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 1024px;
    background: url("../image/banner_light.png") center top no-repeat;
    animation: banner_light linear 2s infinite;*/
}
@keyframes banner_light {  0% {
opacity: 1;
}
 50% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes banner_deco {  0% {
opacity: 0;
transform: translate(0, 0);
}
 50% {
opacity: 1;
transform: translate(0, 20px);
}
 100% {
opacity: 0;
transform: translate(0, 40px);
}
}
.banner_box .container { padding-top: 100px; }
.banner_box h2 { line-height: 64px; margin-bottom: 32px; text-align: center; font-size: 80px; color: #fffbde; }
.banner_box h1 { font-size: 0; background: url("../image/banner_h1.png"); background-size: 100%; width: 799px; height: 336px; margin: 0 auto; }
.box1 { margin: 40px auto; height: 1200px; /* background-image: url('../image/box1_bg.png'); */
background-size: 100%; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; background: #548335; border: 4px solid #FDF1BF; border-radius: 10px; }
.box1 h3 { margin-bottom: 16px; }
h3.odd_title { line-height: 60px; font-size: 48px; background: linear-gradient(0deg, #0b4030 0%, #0b4030 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: #0b4030; }
.box1 p { font-size: 24px; color: #faf8f5; line-height: 32px; margin: auto 20px; }
.box2 { margin: 60px auto; display: flex; justify-content: space-between; }
.box2_box { width: 560px; height: 280px; background: linear-gradient(265deg, #F2B983, #F2DFBD, #F3BD87); box-shadow: 1px 6px 16px 0px rgba(95, 29, 14, 0.53); border-radius: 20px; box-sizing: border-box; padding: 4px; position: relative; text-align: center; }
.inner_box2_box { width: 100%; height: 100%; border-radius: 20px; box-sizing: border-box; padding-top: 48px; background: linear-gradient(0deg, #F2B67B 0%, #F4E7C4 100%); }
.box2_title { position: absolute; left: 50%; transform: translateX(-50%); top: -10px; background-image: url('../image/box2_title.png'); background-size: 100%; width: 299px; line-height: 58px; font-size: 34px; color: #04614e; }
.box2_text { height: 150px; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.box2_text p { line-height: 28px; font-size: 18px; color: #04614e; }
.box2_btn { margin: 0 auto; display: block; width: 160px; line-height: 50px; border-radius: 25px; font-size: 24px; color: #04614e; background: linear-gradient(0deg, #FDD2AF, #FFF8EB); box-shadow: 0px 3px 7px 0px rgba(198, 133, 80, 0.35); }
.box2_btn:hover { background: linear-gradient(0deg, #CB121A, #EB2E40); box-shadow: 0px 3px 7px 0px rgba(177, 38, 29, 0.35); color: #fff; }
.odd_container { background: #c20804; border-radius: 10px; box-sizing: border-box;  margin-bottom: 20px; }
.odd_containerbox { background: #f9d096; border-radius: 10px; box-sizing: border-box; padding: 10px 0; margin-bottom: 20px; margin-top: 10px; }
.te { text-align: center; }
h3.even_title { box-sizing: border-box; text-align: center; margin: 0 auto 34px; width: 760px; height: 80px; line-height: 80px; border: 3px solid #ec2717; box-shadow: inset 0px 10px 5px 0px rgba(0, 52, 43, 0.25), 0px 10px 5px 0px rgba(0, 52, 43, 0.25); border-radius: 40px; font-size: 32px; color: #fff; font-weight: bold; text-shadow: 0px 4px 4px rgba(255, 232, 198, 0.75); background: #f42a13; }
.box3_table { width: 100%; text-align: center; overflow: hidden; background: #fff; box-shadow: 0px 3px 7px 0px rgba(148, 18, 9, 0.35); border-radius: 10px; }
.box3_table th { border: 2px solid #86000b; background: #c10301; color: #FFFAFA; }
.th01 {/*font-size: 1.58em; */}
.box3_table td { border: 1px solid #86000b; line-height: 0.6rem; font-size: 18px; color: #000; }
.box3_bottom_text { line-height: 60px; text-align: center; font-size: 18px; color: #fff; padding-top: 10px; }
.even_container { margin: 60px auto; background: linear-gradient(0deg, #f3c33b 0%, #ffe25a 100%); border: 4px solid #FDF1BF; border-radius: 10px; padding: 30px; box-sizing: border-box; text-align: center; }
.after_title { line-height: 46px; margin-bottom: 26px; font-size: 24px; color: #04614e; font-weight: bold; }
.box4_list { display: flex; justify-content: space-between; }
.box4_list li .box4_book { box-sizing: border-box; display: flex; justify-content: center; align-items: center; width: 270px; height: 350px; background: #F4E4C0; border: 4px solid #FFFFFF; box-shadow: 5px 8px 10px 0px rgba(166, 34, 40, 0.75); border-radius: 10px; }
.box4_list li .box4_book img { display: block; width: 186px; }
.box4_list li p { line-height: 36px; margin-top: 16px; font-size: 24px; color: #000; }
.teacher_swiper { width: 1100px; margin: 0 auto; position: relative; }
.teacher_box { width: 270px; position: relative; }
.teacher_box img { display: block; width: 100%; }
.teacher_box:hover .teacher_info { display: block; }
.teacher_info { display: none; box-sizing: border-box; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)); padding: 10px 30px; }
.teacher_info h5 { line-height: 30px; margin-bottom: 6px; font-size: 19px; text-align: center; }
.teacher_info p { line-height: 24px; font-size: 15px; text-align: justify; }
.teacher_swiper .swiper-button-prev.swiper-button-white.prev { width: 30px; height: 30px; background-image: url("../image/box5_prev.png"); background-size: 100%; cursor: pointer; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); }
.teacher_swiper .swiper-button-next.swiper-button-white.next { width: 30px; height: 30px; background-image: url("../image/box5_next.png"); background-size: 100%; cursor: pointer; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); }
.box6_box { margin-top: 40px; box-sizing: border-box; padding: 0 50px; display: flex; justify-content: space-between; }
.box6_qr_box { width: 290px; }
.box6_qr_box h5 { line-height: 35px; margin-bottom: 14px; font-size: 24px; color: #A31F26; text-align: center; }
.box6_qr_box select { box-sizing: border-box; border: 1px solid #000; margin: 0 auto 14px; width: 280px; height: 35px; line-height: 35px; font-size: 24px; color: #000; padding-left: 10px; background: #fff url('../image/select_bg.png') 95% center no-repeat; }
.box6_qr { width: 290px; height: 290px; display: flex; justify-content: center; align-items: center; background: #FFFFFF; box-shadow: 5px 8px 10px 0px rgba(166, 34, 40, 0.75); border-radius: 10px; box-sizing: border-box; padding: 10px; }
.box6_qr img { display: block; width: 100%; }
.province_qr li { display: none; }
.province_qr li:nth-child(1) { display: block; }
.box7_poster { display: flex; justify-content: space-between; margin-bottom: 20px; }
.box7_poster li { width: 270px; overflow: hidden; border-radius: 10px; }
.box7_poster li a, .box7_poster li a img { display: block; width: 100%; }
.city_list li { float: left; text-align: left; width: 550px; height: 300px; line-height: 50px; background: #85c15d; border-radius: 10px; font-size: 24px; margin-right: 13px; margin-top: 13px; }
.city_list li:nth-child(7n) { margin-right: 0; }
.city_list li a { display: block; color: #fff; }
.city_list li:hover { background: #F4E3BE; }
.city_list li:hover a { color: #A62228; }
.box8_list { margin-top: 40px; display: flex; justify-content: space-between; }
.box8_list li { width: 370px; background: #FFFFFF; box-shadow: 5px 8px 10px 0px rgba(166, 34, 40, 0.75); border-radius: 10px; box-sizing: border-box; padding: 5px; }
.box8_list li a { display: block; position: relative; }
.box8_list li img { display: block; width: 100%; }
.box8_list li p { position: absolute; color: #fff; background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(0,0,0,.1)); bottom: 0; left: 0; right: 0; width: 100%; line-height: 40px; box-sizing: border-box; text-align: left; padding: 0 20px; font-size: 18px; }
.box8_more { display: block; width: 160px; line-height: 50px; background: linear-gradient(0deg, #FDD2AF, #FFF8EB); box-shadow: 0px 3px 7px 0px rgba(198, 133, 80, 0.35); border-radius: 25px; margin: 40px auto 0; font-size: 24px; color: #C52D1D; text-align: center; }
.box9_list { margin-top: 40px; display: flex; justify-content: space-between; }
.box9_list li { width: 270px; background: #FFFFFF; border-radius: 5px; box-sizing: border-box; padding: 14px; }
.box9_list li img { display: block; width: 100%; }
.box9_list li p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 24px; color: #000000; height: 60px; line-height: 30px; margin: 8px 0; text-align: justify; }
.box9_price { display: flex; justify-content: space-between; align-items: center; height: 40px; line-height: 40px; }
.box9_price span { color: #A62228; font-size: 24px; }
.box9_price span i { font-size: 16px; font-style: normal; }
.box9_price a { display: block; width: 120px; height: 40px; line-height: 40px; background: #A62228; text-align: center; color: #fff; border-radius: 20px; font-size: 18px; }
 @media only all and (max-width:1080px) {
.banner_box { width: 100%; height: 300px; background: url("../image/680.jpg") center top no-repeat; }
.onlymob { display: block; }
html { font-size: 20px; }
body { width: 100%;  font-size: .7rem;
line-height: 1.2rem; }
html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.Width { width: 17.5rem; }
.container { width: 98%; }
.fl, .fr { float: none; }
/* 隐藏元素 */
.ht_top .topnav a:nth-child(n+2),  .stage,  .footer p,  .pc, .onlypc { display: none; }
/* 通用头部 */
.ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
.ht_top h1 a { height: 2.5rem; width: 7.5rem; background: url(../image/660755-21011Q00042R1.png) no-repeat center / contain; }
.ht_top .topnav {
 font-size: .8rem; text-indent: -1000rem; }
.ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; }
.footer { position: relative; height: 2.4rem; padding: 0; overflow: hidden; }
.footer:before { display: block; content: "鸿途教育"; position: absolute; left: 0; top: 0; width: 100%; height: 2.4rem; overflow: hidden; color: #fff;  font-size: .7rem;
line-height: 2.4rem; text-align: center; }
.box_container { padding: 1rem 0; }
.box3_table th { font-size:0.2rem}
.banner_box { height: 11rem; background-size: auto 100%; margin-bottom: 1rem; }
.banner_box::before { height: 100%; background-size: auto 100%; }
.banner_box::after { height: 100%; background-size: auto 100%; }
 @keyframes banner_deco {  0% {
opacity: 0;
transform: translate(0, 0);
}
 50% {
opacity: 1;
transform: translate(0, 1rem);
}
 100% {
opacity: 0;
transform: translate(0, 2rem);
}
}
.banner_box .container { padding-top: 1rem; }
.banner_box h2 { line-height: 1.5rem;  margin-bottom: .2rem;
font-size: 1rem; }
.banner_box h1 { width: 15.5rem; height: 6.5rem; }
.box1 { margin-top: 0; height: auto; /* background: linear-gradient(0deg, #F2B67B 0%, #F4E7C4 100%); */
background: linear-gradient(0deg, #548335 0%, #548335 100%); box-sizing: border-box;  padding: 1rem .5rem;
}
.box1 h3 {  margin-bottom: .4rem;
}
h3.odd_title { line-height: 1.5rem; font-size: 1rem; }
.box1 p {
 font-size: .7rem; line-height: 1rem; }
.box2 { margin: 1rem auto; flex-wrap: wrap; justify-content: center; }
.box2_box { width: 90%; margin-top: 1rem; height: auto;  border-radius: .6rem;
 padding: .2rem;
}
.inner_box2_box {  border-radius: .6rem;
 padding: 1.2rem 0 .6rem;
}
.box2_title {
 top: -.25rem; width: 7.5rem; line-height: 1.45rem;  font-size: .8rem;
}
.box2_text { height: auto; box-sizing: border-box;  padding: .5rem 0;
}
.box2_text p {
 font-size: .7rem; line-height: 1rem; }
.box2_btn { width: 6rem; line-height: 1.6rem;  border-radius: .8rem;
 font-size: .8rem;
}
.odd_container {  border: .2rem solid #FDF1BF;
 border-radius: .6rem;
 padding: .6rem;
}
h3.even_title {
 margin: 0 auto .7rem; width: 14rem; height: 2rem; line-height: 1.6rem;  border: .2rem solid #FDF1BF;
border-radius: 1rem; font-size: 0.8rem;  text-shadow: 0px .2rem .1rem rgba(193, 52, 43, 0.75);
}
.box3_table {  border-radius: .3rem;
}
.box3_table th { /*line-height: 1.3rem;
        font-size: .7rem;
        white-space: nowrap;*/
box-sizing: border-box;  padding: .1rem;
}
.box3_table td { line-height: 1rem;  font-size: .6rem;
box-sizing: border-box;  padding: .2rem;
}
.box3_bottom_text { line-height: 1.5rem;  font-size: .7rem;
}
.even_container { margin: 1rem auto;  border: .2rem solid #FDF1BF;
 border-radius: .6rem;
 padding: .6rem;
}
.after_title { line-height: 1rem;  margin-bottom: .5rem;
 font-size: .7rem;
}
.box4_list { flex-wrap: wrap; }
.box4_list li { width: 49%; }
.box4_list li .box4_book { width: 100%; height: 9rem;  border: .1rem solid #FFFFFF;
 border-radius: .25rem;
}
.box4_list li .box4_book img { width: 60%; }
.box4_list li p { line-height: 1rem;  margin: .5rem 0;
 font-size: .7rem;
}
.teacher_swiper { width: 90%; }
.teacher_box { width: 100%; }
.teacher_info { display: block;  padding: .2rem .5rem;
}
.teacher_info h5 { line-height: 1.1rem;  margin-bottom: .1rem;
 font-size: .7rem;
}
.teacher_info p {  line-height: .9rem;
 font-size: .65rem;
}
.teacher_swiper .swiper-button-prev.swiper-button-white.prev { width: 1rem; height: 1rem; left: -1.2rem; }
.teacher_swiper .swiper-button-next.swiper-button-white.next { width: 1rem; height: 1rem; right: -1.2rem; }
.box6_box { margin-top: 0; padding: 0; flex-wrap: wrap; }
.box6_qr_box { margin-top: 1rem; width: 49%; }
.box6_qr_box:nth-last-child(1) { margin: 1rem 25.5% 0; }
.box6_qr_box h5 { line-height: 1.3rem;  margin-bottom: .5rem;
 font-size: .8rem;
}
.box6_qr_box select {
 margin: 0 auto .5rem; width: 7rem; height: 1.3rem; line-height: 1.3rem;  font-size: .7rem;
 padding-left: .3rem;
 background-size: .5rem;
}
.box6_qr { width: 8rem; height: 8rem;  border-radius: .3rem;
 padding: .5rem;
}
.box7_poster { flex-wrap: wrap;  margin-bottom:.5rem;
}
.box7_poster li { width: 49%;  margin: .3rem 0;
 border-radius: .3rem;
}
.city_list li { /* width: 24%; */
height: 30%; line-height: 1.3rem;  border-radius: .3rem;
 font-size: .7rem;
 margin: .1rem .5%;
}
.city_list li:nth-child(7n) {  margin: .1rem .5%;
}
.box8_list { margin-top: 1rem; flex-wrap: wrap; }
.box8_list li { width: 49%;  margin: .3rem 0;
 border-radius: .3rem;
 padding: .2rem;
}
.box8_list li:nth-last-child(1) { margin: 1rem 25.5% 0; }
.box8_list li p { line-height: 1rem;  padding: 0 .3rem;
 font-size: .6rem;
overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box8_more { width: 6rem; line-height: 1.6rem;  border-radius: .8rem;
 margin: .6rem auto 0;
 font-size: .75rem;
}
.box9_list { margin-top: 1rem; flex-wrap: wrap; }
.box9_list li { width: 49%;  margin: .3rem 0;
 border-radius: .3rem;
 padding: .2rem;
}
.box9_list li p {
 font-size: .7rem; height: 2rem; line-height: 1rem;  margin: .1rem 0;
}
.box9_price { height: 1.4rem; line-height: 1.4rem; }
.box9_price span {  font-size: .7rem;
}
.box9_price span i {  font-size: .6rem;
}
.box9_price a { width: 4rem; height: 1.4rem; line-height: 1.4rem;  border-radius: .7rem;
 font-size: .7rem;
}
.banner_box { width: 100%; margin: 0 auto; height: 8rem; overflow: hidden; background: url(../image/680aaa.jpg) center 0px / 100% no-repeat; position: relative; }
}
.table a { display: block; width: 130px; height: 44px; margin: 0 auto; line-height: 44px; text-align: center; border-radius: 22px; color: #fff; background-image: -moz-linear-gradient( 0deg, rgb(0,206,155) 1%, rgb(1,176,116) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,206,155) 1%, rgb(1,176,116) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,206,155) 1%, rgb(1,176,116) 100%); box-shadow: 0px 3px 15px 0px rgba(52, 197, 150, 0.3); font-size: 16px; }
.nrtop { border: 1px solid #fcc; border-radius: 8px; box-shadow: 0 0 14px rgba(0,0,0,.06); padding: 20px 20px 10px 20px; font-family: "microsoft yahei"; margin: 0 20px; background: #FFF url("../image/logo.png") no-repeat center; float: left }
.nrtop h5 { font-weight: bold; font-size: 30px; line-height: 41px; text-align: center; color: #e60012; }
.nrtop span { font-size: 20px; margin: 0 auto; text-align: center; font-weight: bold; float: left; width: 100%; }
.nrtop li { margin: 10px auto; float: left; width: 100% }
.nrtop li b { font-size: 20px; margin: 0 auto; border-left: 4px solid #e60012; padding-left: 10px; font-weight: bold; float: left; width: 100%; }
.nrtop li p { margin: 0 auto; float: left; width: 100%; }
.rtop_gkbox201 a:hover { text-decoration: inline; color: #e60012; }
.anima { font-weight: bold; font-size: 30px; line-height: 61px; text-align: center; color: #fff; }
/* 头部 */
.header { max-width: 1000px; height: 50px; margin: 0 auto; display: flex; justify-content: space-around; line-height: 50px; position: relative; }
header ul { float: left; color: #fff; }
header ul li { display: inline-block; padding: 0 14px; }
header ul li a { font-size: 14px; color: #838383; }
header ul li.active a { color: #e60012; }
header span { font-size: 16px; color: #838383; float: right; }
header a:hover { color: #e60012; }
.telephone { color: #838383; font-size: 16px; }
.zg_banner { height: 394px; background: url(../img/banneff.jpg) no-repeat center; background-size: 100% 100%; }
#zg_wrap {
    overflow: hidden; background: #fff;
}