body {
    margin: 0px;
    padding: 0px;
    font-family: sans-serif;
}

ul,
li {
    padding: 0;
    margin: 0;
}

h2 {
    padding: 0;
    margin: 0;
}

.gjbk_01 {
    height: 190px;
    background: url(../images/gjbk_01.jpg) no-repeat center;
}

.gjbk_02 {
    height: 190px;
    background: url(../images/gjbk_02.jpg) no-repeat center;
}

.gjbk_03 {
    height: 190px;
    background: url(../images/gjbk_03.jpg) no-repeat center;
}

.gjbk_04 {
    height: 190px;
    background: url(../images/gjbk_04.jpg) no-repeat center;
}

.gjbk_05 {
    height: 190px;
    background: url(../images/gjbk_05.jpg) no-repeat center;
}

.gjbk_06 {
    height: 190px;
    background: url(../images/gjbk_06.jpg) no-repeat center;
}

.gjbk_07 {
    height: 190px;
    background: url(../images/gjbk_07.jpg) no-repeat center;
}

.gjbk_08 {
    height: 190px;
    background: url(../images/gjbk_08.jpg) no-repeat center;
}

.gjbk_09 {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #dd612e;
}

.gjbk_09 .left-expo {
    float: left;
    margin-left: 50px;
}

.bjbk_10 {
    float: right;
    width: 190px;
    margin-right: 50px;
    text-align: center;
    position: relative;
}

.bjbk_10 a {
    display: inline-block;
    width: 190px;
    height: 44px;
    line-height: 44px;
    border-radius: 5px;
    font-size: 20px;
    cursor: pointer;
}

.bjbk_10 a:hover {
    background: #eb4b08;
}

.bjbk_10 .a1 {
    margin-bottom: 10px;
    background: #b72312;
    color: white;
}

.bjbk_10 .a2 {
    background: #f7960b;
    color: white;
}

.xgh {
    height: 500px;
    text-align: center;
    background: #f7f6f6;
}

.bt {
    padding: 36px;
    font-size: 38px;
    letter-spacing: 2px;

}

.xgh_dy {
    margin: 0 auto;
    padding-top: 20px;
}


.xgh_1 {
    width: 1000px;
    margin: 20px auto;
}

.xgh_1 li {
    width: 233px;
    height: 238px;
    list-style: none;
    float: left;
    text-align: center;
    margin: 8px;
    background: #fff;
}

.xgh_1 li p {
    line-height: 30px;
    margin-top: 27px;
}

.xgh_1 li:hover {
    box-shadow: 0 0 20px #cfcece;
    cursor: pointer;
}

.li_1,
.li_2,
.li_3,
.li_4 {
    width: 233px;
    height: 72px;
    line-height: 72px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}


.li_1 {
    background: url(../images/xgh_03.png) no-repeat;
}

.li_2 {
    background: url(../images/xgh_05.png) no-repeat;
}

.li_3 {
    background: url(../images/xgh_07.png) no-repeat;
}

.li_4 {
    background: url(../images/xgh_09.png) no-repeat;
}

.bk {
    width: 140px;
    height: 34px;
    line-height: 34px;
    border: 1px solid #eb4b08;
    margin: 21px auto;
    color: #eb4b08;
}

/* 新规划 */

.xmb {
    text-align: center;
    margin-bottom: 66px;
}

.xmb h2 {
    margin: 25px auto;
}

/* 新目标 */

.stage {
    background: url(../images/stage_bj_02.jpg) no-repeat center;
    width: 100%;
    height: 341px;
    margin: 0 auto;
    text-align: center;
}

.clearfix::after {
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
    zoom: 1;
}

.form_left {
    width: 670px;
    margin: 0 auto;
}

.form_left ul li {
    list-style: none;
    float: left;
    text-align: center;

}

.gh1,
.gh2,
.gh3,
.gh4 {
    font-family: sans-serif;
    margin-left: 22px;
    margin-top: 36px;
    width: 133px;
    height: 300px;
    /* float: left; */
}

.gh1 h3,
.gh2 h3,
.gh3 h3,
.gh4 h3 {
    color: #fff;
    font-size: 20px;
    padding-bottom: 20px;
}

.nchk {
    width: 146px;
    height: 40px;
    margin-bottom: 20px;
    list-style: none;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    background-color: #fff3d4;
    color: #f7960b;
}

.chk {
    background-color: #ee6f11;
    color: #ffffff;
}


.form_1 {
    margin-left: 50px;
    width: 308px;
    display: inline-block;
    height: 341px;
    background: #b72312;
}

.form_1 input {
    width: 220px;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    text-indent: 6px;
    background: #fff3d4;
    border: 1px solid #fff3d4;
}

.form_1 .yzmcode {
    width: 120px;
}

.form_1 .codetxt {
    width: 94px;
    height: 36px;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff3d4;
    border-radius: 4px;
}

.form_1 .codetxt:hover {
    background-color: #f07514;
}

.disabled {
    opacity: .65;
}

.form_1 h2 {
    margin-top: 36px;
    color: #fff;
}

.button_1 {
    display: inline-block;
    width: 208px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #fff3d4;
    color: #fff;
    border-radius: 100px;
    font-size: 20px;
    margin-top: 30px;
    text-decoration: none;
}

.form_1 p {
    margin-top: 15px;
    color: #f8c2a7;
    font-size: 14px;
}

/* 国际高中·备考课程 */
.title-sub {
    width: 490px;
    margin: 20px auto;
}

.pb-1 {
    padding-bottom: 10px;
}

.kcsz {
    width: 100%;
    padding: 20px 0 80px;
    background: #ffffff;
    text-align: center;
}

.kcsz_bt_1 {
    background: #836154;
    color: white;
    font-size: 22px;
}

/* .content_1 {
    padding-right: 12em;
} */

.content_bg {
    background: #b72312;
}

.content_bj {
    background: #d47b71;
}

/* .content{
    text-align:left;
    padding-left: 2em;
} */

.content_2 {
    height: 46px;
    background: #dbd6d4;
}

table {
    width: 988px;
    font-size: 16px;
    height: 255px;
    border-collapse: collapse;
    color: #fff;
    margin: 0 auto;
}

table,
th,
td {
    border: 1px solid rgb(250, 246, 246);
}

/* 课程表格 */

/*国际高中备考指南预约领取*/
.yuyue_bg {
    width: 100%;
    height: 328px;
    /* margin-top: 160px; */
    margin-bottom: 100px;
    background: #d04524;
}

.yuyue {
    width: 840px;
    height: 410px;
    padding: 0 80px;
    margin-top: -43px;
    margin-right: auto;
    margin-left: auto;
    background: #fff;
    border: 4px solid #ffa301;
    border-radius: 10px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, .35);
}

.yuyue .title-bkzn {
    padding: 30px 0 20px;
    color: #d04524;
}

.yuyue .title-bkzn span {
    font-size: 42px;
    color: #f17514;
}

.left-img {
    float: left;
}

.right-form input {
    width: 388px;
    height: 40px;
    margin-top: 15px;
    margin-left: 15px;
    font-size: 18px;
    text-indent: 18px;
    color: #cf3721;
    border: 1px solid #cf3721;
    border-radius: 6px;
}

.right-form input:focus {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(200, 0, 0, .5);
}

.right-form .yzmcode {
    width: 280px;
}

.right-form .codetxt {
    width: 104px;
    height: 42px;
    color: #fff;
    background-color: #cf3721;
    border: 1px solid #cf3721;
    border-radius: 6px;
}

.right-form .codetxt:hover {
    background-color: #d65639;
}

.btn-yuyue {
    display: inline-block;
    width: 186px;
    height: 52px;
    margin-top: 20px;
    margin-left: 15px;
    font-size: 26px;
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 6px;
}

.btn-yuyue-orange {
    background: #ffa300;
}

.btn-yuyue-orange:hover {
    background: #dd612e;
}

.btn-yuyue-red {
    background: #cf3721;
}

.btn-yuyue-red:hover {
    background: #b72312;
}

.button {
    display: inline-block;
    width: 275px;
    height: 50px;
    line-height: 50px;
    background: #ffa300;
    border-radius: 5px;
    color: #fff;
    font-size: 22px;
    margin: 30px;
    cursor: pointer;

}

.button:hover {
    background: #f07514;

}

/* 按钮公用样式 */

.yh {
    height: 300px;
    background: url(../images/yh.png) no-repeat center;
    text-align: center;
    margin-top: 150px;
    margin-bottom: 50px;
    /* background-color: #f7f6f6; */
}

.yh input {
    width: 240px;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    background: #493127;
    border: 1px solid #493127;
    padding-left: 20px;
    color: #fff;
}

.yh .button_2 {
    display: inline-block;
    width: 240px;
    height: 39px;
    line-height: 39px;
    background: #493127;
    border: 1px solid #493127;
    border-radius: 5px;
    color: #fff;
    /* font-size: 20px; */
    cursor: pointer;
    text-decoration: none;
}

.form_2 {
    position: relative;
}

/*
以下设置文本框内默认提示内容央视，兼容各大浏览器内核
*/
/*
webkit
*/
.form_2 input::-webkit-input-placeholder {
    color: #b8b8b8;
}

/*
火狐浏览器内核
*/
.form_2 input::-moz-placeholder {
    color: #b8b8b8;
}

/*
IE内核
*/
.form_2 input:-ms-input-placeholder {
    color: #b8b8b8;
}

/* 优惠活动 */

.introduction {
    height: 420px;
    background: url(../images/bg_02.png) no-repeat center;
    text-align: center;
}

.introduction .text {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    top: 80px;
    font-size: 22px;
    line-height: 42px;
    color: #fff;
}

.introduction .text span {
    font-weight: bold;
    color: #f9ea00;
}

/* 入学介绍 */

.bottom {
    /* height: 292px; */
    background: #b72312;
    /* text-align: center; */
}

.bottom_navigation {
    width: 1000px;
    margin: 0 auto;
}

.bottom .bg {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #be3829;
}

.bottom_navigation ul li {
    float: left;
    margin-right: 48px;
    list-style-type: none;
    color: #fff;
    font-size: 16px;
}

.bottom_navigation ul li a {
    text-decoration: none;
    color: #fff;
}

.bottom_navigation ul li a:hover {
    color: rgb(151, 151, 151);

}

/* 底部导航 */

.bottom .bottom_1 {
    width: 800px;
    margin: 0 auto;
    color: #fff;
    margin-top: 40px;

}

.bottom .bottom_1 .logo {
    width: 150px;
    border-right: 1px dashed white;
    display: inline-block;


}

.address {
    display: inline-block;
    position: relative;
    left: 50px;
    line-height: 25px;
}

.underline {

    width: 495px;
    border-bottom: 1px solid #e5e5e5;
    line-height: 40px;
    margin-bottom: 5px;

}

.teacher {
    background: url("../images/teacher_02.jpg") no-repeat center;
}

.teacher_content {
    text-align: center;
    padding-top: 20px;
}

.teacher_tabs {
    margin: 0 auto;
    width: 1000px;
    /* border: 1px solid red; */
}

.teacher_tab {
    width: 113px;
    height: 113px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    float: left;
    background: #ccc;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #fff;
}

.teacher_tab:first-child {
    position: relative;
}

.teacher_tab:last-child {
    position: relative;
}

.consultation {
    margin: 0 auto;
    text-align: center;
    color: #f7f6f6
}

/* 沪杭甬国际高中一览 */
.hhy_school {
    width: 1000px;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}

.hhy_school img {
    margin-top: 20px;
}

.hhy_school h2 {
    padding: 0;
}

.school_parent {
    width: 800px;
    margin: 0 auto;
    margin-top: 40px;
}

.school_parent ul li:first-child {
    background-color: #ec4a09;
    color: white;
    border: 1px solid white;
}

.school {
    width: 200px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    border: 1px solid black;
}

.hhy_school ul li {
    list-style: none;
    margin-left: 30px;
    float: left;
}

.hhy_school_parent {
    background-color: #f7f6f6;
    padding: 10px;
}

.clear-margin-overflow::before {
    display: block;
    content: '.';
    height: 0;
    visibility: hidden;
}

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

.my-1 {
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.mb-1 {
    margin-bottom: 30px;
}

/* 本期特别福利·19.9元杭四中备考大礼包 */
.container {
    max-width: 1000px;
    margin: 0 auto;
}

.title-primary {
    font-size: 38px;
    letter-spacing: 2px;
    text-align: center;
    color: #b72312;
}

.title-primary span {
    font-size: 42px;
    color: #ffa300;
}

.title-primary-small {
    font-size: 32px;
}

.bg-1 {
    padding-top: 40px;
    padding-bottom: 80px;
    background: url('../images/bg-19.9.jpg') no-repeat center;
}

.gift-container {
    position: relative;
    width: 800px;
    height: 280px;
    margin: 40px auto 10px;
    border: 5px solid #d65639;
    border-radius: 20px;
    box-sizing: border-box;
}

.icon-circle::before {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 26px;
    height: 26px;
    content: '';
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    border-radius: 50%;
}

.icon-circle-bottom::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    width: 26px;
    height: 26px;
    content: '';
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    border-radius: 50%;
}

.icon-circle-right::after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    z-index: 999;
    width: 26px;
    height: 26px;
    content: '';
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .35);
    border-radius: 50%;
}

.gift-left {
    float: left;
    width: 405px;
    height: 100%;
    padding: 20px 0 20px 40px;
    background-color: #d65639;
    box-sizing: border-box;
}

.gift-content-list {
    margin-left: 1em;
    color: #fff;
}

.gift-title {
    margin-bottom: 20px;
    font-size: 22px;
    color: #fff;
}

.gift-title span {
    color: #fff000;
}

.gift-right {
    float: left;
    width: 385px;
    padding: 20px;
    box-sizing: border-box;
}

.gift-subtitle {
    width: 100px;
    padding: 4px;
    margin-bottom: 4px;
    text-align: center;
    color: #fff;
    background-color: #d65639;
    border-radius: 100px;
}

.gift-subdesc {
    margin-bottom: 10px;
}

.form-popup-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .85);
    z-index: 999;
}

.form-popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 280px;
    padding: 30px;
    background: #dd612e;
    border-radius: 10px;
}

.form-popup .close-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background-color: #fff100;
    cursor: pointer;
}

.form-popup .close-btn:hover {
    color: #fff;
    background-color: #000;
}

.form-popup-title {
    margin: 0 auto 20px;
    font-size: 24px;
    color: #fff100;
    text-align: center;
}

.form-popup-title strong {
    color: #fff;
}

.form-popup .yzmcode {
    width: 160px;
    margin-bottom: 10px;
}

.form-popup .codetxt {
    width: 112px;
    padding: 10px;
    font-size: 16px;
    background-color: #f9ea00;
    border: 0;
    border-radius: 4px;
}

.form-popup .codetxt:hover {
    color: #fff;
    background-color: #b72312;
}

.form-control {
    width: 100%;
    padding: 10px;
    margin: 5px auto;
    font-size: 16px;
    background-color: #f1f1f1;
    box-sizing: border-box;
    border-radius: 4px;
    border: 0;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .35);
}

.form-popup-btn {
    display: block;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    border: 0;
    border-radius: 4px;
    background-color: #fff100;
    box-shadow: 0 3px 0 0 #ebb507;
    cursor: pointer;
}

.form-popup-btn:hover {
    background-color: #cc0202;
    color: #fff;
    box-shadow: 0 3px 0 0 rgb(156, 0, 0);
}

.footer {
    background-color: #b72312;
}