body { padding-bottom: 100px; }
/* index页面样式 */
.wrapper { width: 1000px; margin: 0 auto; }
.page { box-sizing: border-box; padding-top: 50px; background-size: cover; }
.m-title { margin-bottom: 45px; text-align: center; }
.more { display: block; width: 268px; height: 74px; margin: 40px auto 0; }

/* header样式 */
.header { width: 100%; height: 520px; background: url('../images/header.jpg') no-repeat center 0; background-size: cover; }
.logo>a { display: inline-block; }
/* nav */
.nav { width: 100%; height: 60px; background: url('../images/navbar_bg.jpg') repeat-x 0 0; font-size: 0; }
.nav span { display: inline-block; width: 20%; height: 60px; margin: 0; background: url('../images/navbar_items_bg.jpg') no-repeat 0 0; }
.nav span>a { display: inline-block; width: 100%; height: 100%; font-size: 20px; text-align: center; line-height: 60px; color: #fff; }
.nav span.active { height: 70px; background-image: url('../images/navbar_items_active_bg.jpg'); }
.nav span.active>a { font-weight: bold; color: #393580; }
/* page1 */
.page1 {  height: 620px; }
.broadcast { height: 395px; }
.pic-slider { width: 545px; height: 390px; }
.swiper-container { width: 545px; height: 390px; }
.swiper-slide { height: 355px; font-size: 18px; text-align: center; }
.swiper-pagination-bullet-active { background-color: #8e8e8e; }
.swiper-slide>img { width: 100%; height: 355px; }
.text-accordion { width: 440px; height: 355px; }
.text-accordion>h2 { width: 100%; height: 60px; background-color: #3e7bb7; color: #fff; text-align: center; line-height: 60px; font-size: 26px; }
.accordion-container>:nth-child(even) { display: none; box-sizing: border-box; width: 100%; height: 145px; padding: 20px; background: linear-gradient(to bottom right, #e8f1fa, #f3f1fa); }
.accordion-container>h3 { position: relative; box-sizing: border-box; width: 100%; height: 50px; padding-left: 50px; font-size: 14px; font-weight: bold; background-color: #e2e2e2; line-height: 50px; cursor: pointer; }
.accordion-container>h3:not(:last-child) { margin-bottom: 1px; }
.accordion-container>h3>span { position: absolute; left: 15px; top: 50%; width: 20px; height: 20px; transform: translateY(-50%); }
.accordion-container p { font-size: 14px; }
.accordion-container p>a  { color: #65c79b; }
.icon-plus { background: url('../images/page1_toggole_icon.png') no-repeat -2px -2px; }
.icon-less { background: url('../images/page1_toggole_icon.png') no-repeat -2px -24px; }
/* page2 */
.page2 { height: 683px; background: url('../images/page2_bg.jpg') no-repeat center 0; }
.m-teacher { width: 100%; height: 360px; border: 1px solid #c9c9c9; background-color: #fff; }
.teacher-pic { position: relative; width: 330px; height: 100%; background: url('../images/page2_border_img.jpg') no-repeat right center; text-align: center; line-height: 360px; }
.teacher-pic>img { vertical-align: middle; }
.teacher-pic>span { position: absolute; right: 30px; bottom: 30px; width: 83px; height: 83px; font-size: 16px; line-height: 83px; background-color: rgba(255, 237, 0, .55); border-radius: 50%; border: 3px solid rgba(254, 251, 2510, .3); }
.teacher-info { width: 540px; padding: 50px 100px 50px 30px }
.teacher-info p:not(:last-child) { margin-bottom: 20px; }
/* page3 */
.page3 { height: 825px; background: url('../images/page3_bg.jpg') no-repeat center 0; }
.m-trip { width: 100%; height: 500px; margin-top: 50px; }
.map { position: relative; width: 507px; height: 365px; background: url('../images/page3_map.png') no-repeat 0 0; }
.map>span { position: absolute; width: 20px; height: 20px; border-radius: 50%; cursor: pointer; }
.map>span:nth-child(1) { left: 33px; top: 183px; }
.map>span:nth-child(2) { left: 230px; top: 165px; }
.map>span:nth-child(3) { left: 320px; top: 140px; }
.trip-item { display: none; width: 400px; padding: 0 20px 30px; border-left: 10px solid #d6d6d6; border-bottom: 10px solid #d6d6d6; background-color: #f6f3f3; }
.trip-item:nth-child(1) { display: block; }
.trip-item>h2 { width: 260px; height: 60px; margin: 0 auto 15px; text-align: center; font-size: 16px; background-color: #ffed00; }
.trip-item:nth-child(3)>h2 { width: 350px; }
.trip-item>p { font-size: 14px; line-height: 24px; color: #1e1d1d; }
/* page4 */
.page4 { height: 1150px; background: url('../images/page4_bg.jpg') no-repeat center 0; background-size: cover; }
.admission {  width: 1000px; height: 770px; background-color: #fff; }
.swiper-table { box-sizing: border-box; width: 90%; height: 735px; padding: 50px 0; }
.swiper-table .swiper-slide { height: 635px; }
.swiper-slide>table { width: 100%; position: relative;}
.swiper-slide>table>thead>tr {  }
.swiper-slide>table th { height: 60px; font-size: 18px; background-color: #ffda35; }
.swiper-slide>table th:nth-child(2) { height: 85px; line-height: 85px; position: absolute; top: -27px; box-shadow: -1px 0 1px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0), 1px 0 1px rgba(0, 0, 0, .3); }
/* .t-body { height: 490px; overflow-y: scroll; } */
.swiper-slide tbody td { height: 43px; text-align: center; border-top: 1px solid #cbcccd; border-bottom: 1px solid #cbcccd; }
.swiper-slide tbody td:nth-child(2) { box-shadow: -1px 0 1px rgba(0, 0, 0, .3), 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(0, 0, 0, 0), 1px 0 1px rgba(0, 0, 0, .3); }
.swiper-slide tbody>tr { background-color: #fffcf1; }
.swiper-slide tbody>tr:nth-child(even) { background-color: #eafaff; }
.swiper-slide tbody>tr:first-child>td:nth-child(2) { border-top: none; }

/* page5 */
.page5 { height: 923px; background: url('../images/page5_bg.jpg') no-repeat center 0; }
.plan-info { width: 100%; height: 520px; margin-top: 50px; margin-bottom: 60px; background: url('../images/page5_middle.png') no-repeat 46% 70px; }
.plan-item { position: relative; box-sizing: border-box; padding: 0 25px; border-radius: 20px; background-color: #fff; }
.gray { width: 325px; height: 300px; margin-top: 30px; border: 1px solid #e2e2e2; }
.gray:after { content: ""; position: absolute; right: -39px; top: 80px; width: 39px; height: 34px; background: url('../images/page5_gray.png') no-repeat 0 0; }
.red { width: 372px; height: 360px; margin-top: 15px; border: 1px solid #f00; }
.red:before { content: ""; position: absolute; left: -88px; top: 45px; width: 88px; height: 54px; background: url('../images/page5_red.png') no-repeat 0 0; }
.blue { clear: both; width: 290px; height: 165px; border: 1px solid #00f; margin-left: 320px; }
.blue:before { content: ""; position: absolute; left: 80px; top: -58px; width: 36px; height: 58px; background: url('../images/page5_blue.png') no-repeat 0 0; }
.plan-item>h2 { font-size: 30px; line-height: 50px; color: #005697; }
.plan-item>p { font-size: 14px; line-height: 26px; }

/* fixed form */
.form-wrap { display: none; position: fixed; z-index: 999; left: 0; bottom: 0; width: 100%; background-color: #0f80dc; }
.form-wrap .tit { font-size: 30px; line-height: 55px; margin-bottom: 0; color: #fff100; }
.form-wrap label { float: left; width: 40%; background-color: transparent; }
.form-wrap label i { display: none; }
.form-wrap label span { color: #fff; }
.form-wrap label input { width: 55%; height: 40px; padding-left: 10px; border-radius: 10px; background-color: #fff; }
.form-wrap .btn { float: left; width: 130px; height: 40px; margin-top: 5px; border-radius: 10px; background-color: #fff100; color: #000; }
.form-wrap .btn input { top: 7px; color: #000; font-size: 20px; }