/*通用部分*/
.indexTitle{
    width:100%;
    height:90px;overflow:hidden;
    line-height:70px;
    background-image:url("../Images/titleBg.png");
    background-repeat:no-repeat;
    background-position:center;
    font-size:36px;
    color:#000;
    font-weight:bold;
    text-align:center;
}
    .indexTitle span {
        color: #ffb532;
    }


.indexBanner {
    width: 100%;
    height: auto;
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}
.indexBookForm{
    position:absolute;
    width:280px;
    height:auto;
    background:rgba(255,255,255,0.8);
    padding:20px 20px;
    top:50px;
    right:10%;
    z-index:9999;
}
.indexBookForm li{
    width:100%;
    margin-bottom:20px;
}
    .indexBookForm .title{
        font-size:24px;
        line-height:50px;
        text-align:center;
    }
    .indexBookForm .twoList {
        width: 50%;
        float: left;
        line-height: 40px;
        margin-bottom: 20px;
    }
/*教师列表*/
.indexTeacherTitle {
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    background-image: url(../Images/indexTeacherTitleBg.jpg);
    background-repeat: no-repeat;
    background-position: 0 25px;
    text-indent: 20px;
    font-size: 24px;
    font-weight: bold;
}
.indexTeacherNav{
    width:100%;
    height:auto;overflow:hidden;
    text-align:center;
}
    .indexTeacherNav li {
        display: inline-block;
        padding: 5px 30px;
        border-radius: 30px;
        color: #858585;
        border: 1px solid #dcdcdc;
        margin-right:10px;
        transition:all 0.5s;
    }
        .indexTeacherNav li:hover {
            background-color: #00155d;
            color:#fff;
            cursor:pointer;
            border:1px solid #00155d;
        }
.indexTeacherList{
    width:100%;
    height:auto;overflow:hidden;
}
    .indexTeacherList li{
        width:20%;float:left;
        text-align:center;
        transition:all 0.5s;
    }
        .indexTeacherList li:hover {
            background-color: #ffb83b;
        }
        .indexTeacherList li:hover h2{
            color:#fff;
        }
    .indexTeacherList li img {
        width: 100%;
        height: 300px;
    }
    .indexTeacherList li h2 {
        width: 100%;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        font-size: 20px;
    }
        .indexTeacherList li h2 span {
            color: #a3a3a3;
            font-size: 16px;
        }


/*最新学员*/
.indexStudentList {
    width: 100%;
    height: auto;
    overflow: hidden;
}
    .indexStudentList li {
        width: 12.66%;
        float: left;
        margin: 20px 1%;
        height: auto;
        overflow: hidden;
        background-color: #fbfbfb;
        padding:40px 1%;
        text-align:center;
        transition:all 0.5s;
    }
    .indexStudentList li:hover{
        background-color:#eee;
    }
        .indexStudentList li div img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
        }
        .indexStudentList li h2{
            width:100%;
            height:80px;overflow:hidden;
            line-height:40px;
            font-size:26px;
            color:#000;
        }
        .indexStudentList li h3 {
            width: 100%;
            height: 20px;
            overflow: hidden;
            line-height: 20px;
            font-size: 12px;
            color: #666;
            margin:10px auto;
        }
        .indexStudentList li h4 {
            width: 100%;
        }
            .indexStudentList li h4 span {
                border: 1px solid #fe5055;
                color: #fe5055;
                font-size:16px;
                padding:5px 20px;
            }
/*预约流程*/
.indexBookProcessList {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.indexBookProcessList li{
    width:30.33%;float:left;
    margin:50px 1.5%;
    height:auto;overflow:hidden;
    position:relative;
}
    .indexBookProcessList li .title {
        width: 60%;
        height: 50px;
        line-height: 50px;
        background-color: #00155d;
        color:#fff;
        font-size:24px;
        font-weight:bold;
        text-align:center;
        border-top-left-radius:10px;
        border-top-right-radius:10px;
        position:absolute;
        top:0;
        left:20%;
    }
    .indexBookProcessList li .list {
        width: 86%;
        height: auto;
        overflow: hidden;
        box-shadow: 0 0 5px #ccc;
        border-radius: 10px;
        background-image: url(../Images/Index/indexBookProcessBg.jpg);
        background-repeat: no-repeat;
        background-position: bottom right;
        padding: 50px 5%;
        margin: 25px auto;
        text-align: center;
        transition: all 0.5s;
    }
    .indexBookProcessList li:hover .list {
        box-shadow: 0 0 10px #00155d;
    }
        .indexBookProcessList li .list h2 {
            line-height: 30px;
            font-size: 20px;
            border-bottom: 1px solid #000;
            padding-bottom: 10px;
        }
        .indexBookProcessList li .list h3 {
            width:80%;
            height:50px;overflow:hidden;
            line-height: 25px;
            font-size: 16px;
            margin:20px auto;
        }

/*地区*/
.regionHotList {
    width: 92%;
    height: auto;
    overflow: hidden;
    border-radius: 10px;
    line-height: 30px;
    text-align: center;
    font-size:16px;
    margin:0 auto;
}

    .regionHotList span {
        color: #000;
        font-weight: bold;
    }

    .regionHotList button {
        background: transparent;
        border: 0;
        margin-right: 10px;
        line-height: 30px;
        padding: 0 5px;
        color: #ff6a00;
    }

        .regionHotList button:hover {
            cursor: pointer;
            background-color: #ffb532;
            color: #fff;
        }
.regionList{
    width:100%;
    height:auto;overflow:hidden;
}
.regionList h2{
    width:100%;
    height:auto;overflow:hidden;
    line-height:40px;
    font-size:24px;
    color:#ffb532;
    text-align:center;
}
.regionListContent{
    width:92%;
    height:auto;overflow:hidden;
    padding:30px 2%;
    box-shadow:0 0 10px #ccc;
    margin:20px auto;
    border-radius:10px;
}

.regionSubList {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 5px auto;
}
    .regionSubList .title {
        width: 13%;
        float: left;
        margin-right: 2%;
        font-weight: bold;
        text-align: right;
        line-height: 25px;
    }
    .regionSubList .list {
        width:85%;
        float:left;
    }
    .regionSubList .list dd{
        float:left;
        margin-right:20px;color:#666;
        line-height:25px;
    }
        .regionSubList .list dd a{color:#666;}
            .regionSubList .list dd a:hover {
                color: #ffb532;
            }