@font-face { font-family: 'fzxbsjw'; src: url("../fonts/FZXBSJW.1TTF"); }

.clearfix::after { content: " "; display: block !important; clear: both; }

.align-center { text-align: center; }

.relative { position: relative; }

.absolute { position: absolute; }

.chat { position: relative; }

.chat img { width: 8.175rem; margin: 0 auto; display: block; }

.chat a { position: absolute; display: block; transform: translate(-50%, -50%); top: 50%; left: 50%; font-size: 0.65rem; font-weight: bold; color: #fff; width: 8.175rem; height: 1.75rem; text-align: center; line-height: 1.75rem; }

.banner { background-color: #FBFBFB; padding-bottom: 1rem; }

.ex { position: relative; box-sizing: border-box; overflow: hidden; margin-bottom: 0.5rem; }

.ex img { width: 15.05rem; display: block; margin: 0 auto; }

.ex p.title { font-size: 0.75rem; font-family: 'fzxbsjw'; position: absolute; transform: translateX(-50%); left: 50%; top: 0.875rem; }

.ex p.intro { position: absolute; transform: translateX(-50%); top: 35%; left: 50%; padding: 0.5rem 1.125rem 0.5rem 1.25rem; font-size: 0.5rem; color: #312542; width: 100%; box-sizing: border-box; text-indent: 1rem; line-height: 0.8rem; }

.ex2 { position: relative; margin-top: -3rem; }

.ex2 .gc-title { color: #fff; top: 3.125rem; }

.ex2 .gc-title p { color: #f0dfbf; }

.ex2 ul { position: absolute; width: 16rem; box-sizing: border-box; padding: 0 0.5rem; bottom: 1.15rem; }

.ex2 ul li { width: 2.025rem; text-align: center; font-weight: bold; font-size: 0.6rem; }

.ex2 ul li span { font-size: 0.786rem; font-family: 'Impact'; font-weight: normal; }

.gc-title { margin: 0.75rem auto; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); }

.gc-title p { font-size: 0.9rem; display: inline-block; }

.gc-title span { display: block; text-align: center; margin-top: 0.25rem; font-size: 0.45rem; }

.gc-title::before { content: ""; display: block; width: 2.625rem; height: 0.5rem; background: url("../img/title_left.png") no-repeat center; background-size: contain; position: absolute; left: -2.875rem; top: 60%; transform: translateY(-50%); }

.gc-title::after { content: ""; display: block; width: 2.625rem; height: 0.5rem; background: url("../img/title_right.png") no-repeat center; background-size: contain; position: absolute; right: -2.875rem; top: 60%; transform: translateY(-50%); }

.sec4 { background-color: #FBFBFB; padding-bottom: 1px; margin-top: 1rem; }

.sec4 img.ys { width: 15.125rem; display: block; margin: 0 auto; }

.sec4 div.chat { margin: 0.75rem 0; }

.sec1 { padding-bottom: 0.75rem; }

.sec1 ul.kind-list li { position: relative; }

.sec1 ul.kind-list li p.title { font-size: 0.75rem; font-family: "fzxbsjw"; position: absolute; left: 49%; transform: translateX(-50%); top: 0.7rem; }

.sec1 ul.kind-list li ul { position: absolute; top: 2.5rem; padding-right: 0.55rem; }

.sec1 ul.kind-list li ul li { padding-left: 0.475rem; box-sizing: border-box; position: relative; font-size: 0.5rem; float: left; margin-left: 0.125rem; line-height: 0.9rem; }

.sec1 ul.kind-list li ul li::before { content: ""; position: absolute; display: block; width: 0.375rem; height: 0.375rem; padding: 0.05rem; box-sizing: border-box; border: 1px solid #F0DFBF; border-radius: 2.5rem; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

.sec1 ul.kind-list li ul li::after { content: ""; position: absolute; display: block; width: 0.275rem; height: 0.275rem; margin: 0 0.05rem; box-sizing: border-box; background-color: #F0DFBF; border-radius: 2.5rem; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; }

.sec1 ul.kind-list li ul.margin-1 li { margin-left: 0.85rem; }

.sec1 ul.kind-list li ul.margin-2 li { margin-left: 0.65rem; }

.sec1 ul.kind-list li ul.margin-3 { margin-left: 0.125rem; }

.sec1 ul.kind-list li ul.margin-3 li { margin-left: 0.55rem; }

.sec1 ul.kind-list li ul.margin-4 { margin-left: 0.25rem; }

.sec1 ul.kind-list li ul.margin-4 li { margin-left: 0.55rem; }

.sec1 ul.kind-list li a.more { display: block; width: 2.3rem; height: 0.775rem; box-sizing: border-box; border-radius: 2.5rem; border: 1px solid #F0DFBF; font-size: 0.45rem; line-height: 0.775rem; text-align: center; color: #8f8f8f; position: absolute; right: 0.75rem; bottom: 5.85rem; }

.sec1 ul.kind-list li a.more.more-2 { bottom: 5rem; }

.sec1 ul.kind-list li a.more.more-3 { bottom: 5.425rem; }

.sec1 ul.kind-list li a.more.more-4 { width: 2.85rem; bottom: 5.425rem; }

.sec1 ul.kind-list li img.list-img { width: 15.3rem; margin: 0 auto 0.5rem; display: block; }

.sec2 { background-color: #FBFBFB; overflow: hidden; padding-bottom: 0.25rem; }

.sec2 img.tip { width: 7.925rem; display: block; margin: 0.375rem auto; }

.sec2 .mySwiper { margin-left: 0.475rem; position: relative; }

.sec2 .mySwiper .swiper-slide { width: 11.925rem; position: relative; }

.sec2 .mySwiper .swiper-slide div.teacher-intro { position: absolute; width: 4.55rem; top: 1.15rem; right: 0.8rem; }

.sec2 .mySwiper .swiper-slide div.teacher-intro p.t-title { display: inline-block; font-size: 0.75rem; border-bottom: 0.075rem solid #C7C4CC; margin-bottom: 0.25rem; }

.sec2 .mySwiper .swiper-slide div.teacher-intro p.t-intro { font-size: 0.5rem; margin-bottom: 0.375rem; }

.sec2 .mySwiper .swiper-slide div.teacher-intro p.t-content { font-size: 0.4rem; margin-bottom: 0.375rem; }

.sec3 { background-color: #32477B; padding-bottom: 0.5rem; }

.sec3 .gc-title { color: #fff; }

.sec3 ul { margin: 0 0.5rem; padding-top: 0.5rem; background-color: #fff; }

.sec3 ul li { width: 4.45rem; text-align: center; margin-bottom: 0.5rem; }

.sec3 ul li p.list-title { font-size: 0.7rem; font-weight: bold; margin-bottom: 0.125rem; }

.sec3 ul li p.list-intro { font-size: 0.425rem; }

.sec3 ul li.sp { padding: 0 0.5rem; position: relative; }

.sec3 ul li.sp::before { position: absolute; display: block; content: ''; width: 1px; height: 1.45rem; background-color: #333; top: 50%; transform: translateY(-50%); left: 0; }

.sec3 ul li.sp::after { position: absolute; display: block; content: ''; width: 1px; height: 1.45rem; background-color: #333; top: 50%; transform: translateY(-50%); right: 0; }

.sec3 img.ys { width: 15.05rem; display: block; margin: 0.5rem auto; }

.sec5 { padding-bottom: 1px; }

.sec5 .gc-title { margin-top: 1rem; margin-bottom: 0.25rem; }

.sec5 img.ys { width: 15.3rem; display: block; margin: 0 auto; padding: 0.5rem 0; }

.sec5 div.chat { margin: 0.25rem 0 0.75rem; }

.sec6 { background-color: #FBFBFB; padding-bottom: 1px; }

.sec6 p.people { font-size: 0.6rem; display: inline-block; position: relative; left: 6.65rem; bottom: 1.375rem; }

.sec6 form { margin: 0.5rem; background-color: #fff; padding: 0.75rem 0.375rem; }

.sec6 form p.form-title { font-size: 0.6125rem; margin-bottom: 0.375rem; text-align: left; }

.sec6 form p.form-title span { color: red; }

.sec6 form input.tel, .sec6 form input.name { box-sizing: border-box; width: 14.325rem; height: 1.6rem; background-color: #F4F4F4; font-size: 0.6125rem; border: none; outline: none; padding-left: 0.75rem; margin-bottom: 0.5rem; }

.sec6 form p.tips { font-size: 0.4rem; text-align: center; display: block; margin: 0.5rem 0; }

.sec6 form p.tips img { width: 0.4rem; vertical-align: text-top; }

.sec6 form input.sub { display: block; width: 14.35rem; height: 1.625rem; line-height: 1.625rem; margin: 0 auto; color: #fff; background-color: #C7B38C; font-size: 0.6125rem; border: none; }