@charset "utf-8";
/* CSS Document */

* {
    padding: 0px;
    margin: 0px;
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
    color: #4c4c4c;
}

img {
    border: none;
}

li {
    list-style: outside none none;
}

.clearfix:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    font-size: 0;
}

.clearfix {
    *zoom: 1;
}

.book-container {
    position: relative;
    background-color: rgba(245, 246, 248, 0.7);
    padding: 0 0 100px 0;
}

#hidden-EP-block {
    display: none;
}

#arrow-svg-up {
    width: 38px;
    color: #757575;
    fill: currentColor;
    display: none;
    margin: 0 auto;
    bottom: 2rem;
    position: relative;
    display: none;
}

#arrow-svg-down {
    width: 38px;
    color: #757575;
    fill: currentColor;
    display: block;
    margin: 0 auto;
    bottom: 2rem;
    position: relative;
    display: block;
}

.sclp-container {
    width: 86vw;
    /*background-color:#4c4c4c;*/
    height: 33vh;
    margin: 0 auto;
    min-height: 360px;
    min-width: 1600px;
}

.sclp {
    width: 1600px;
    height: 30vh;
    /*background-color:#4c4c4c;*/
    min-height: 360px;
    min-width: 1600px;
    margin: 0 auto;
}

.course-detail {
    font-size: 16px;
    line-height: 30px;
}

.course-detail2 {
    font-size: 16px;
    margin: 45px 0;
    line-height: 30px;
}

.sclp-block {
    width: 330px;
    height: 360px;
    margin: 0 35px;
    float: left;
}

.sclp-block-img1 {
    background: url('../../Images/ICFColleages/SCLP-out_1.png') no-repeat;
}

.sclp-block-img2 {
    background: url('../../Images/ICFColleages/SCLP-out_2.png') no-repeat;
}

.sclp-block-img3 {
    background: url('../../Images/ICFColleages/SCLP-out_3.png') no-repeat;
}

.sclp-block-img4 {
    background: url('../../Images/ICFColleages/SCLP-out_4.png') no-repeat;
}

.sclp-title {
    font-weight: bold;
    margin: 100px 0 25px 0;
    text-align: center;
    color: #5A6583;
}


.sclp-content {
    color: #5A6583;
}

.radiusBox {
    width: 1600px;
    border: 1px solid #DBDBDB;
    margin: 60px auto 0 auto;
    border-radius: 25px;
    box-shadow: 0px 0px 13px 3px #DBDBDB;
}

.course-head {
    padding-left: 15px;
    font-size: 18px;
    color: #000;
}








.fillWhite {
    position: absolute;
    height: 92px;
    width: 100%;
    background-color: #f7f7f7;
}



.project-screening {
    background: url(images/scoll1.png) no-repeat center center;
    width: 1100px;
    margin: 0 auto;
    position: relative;
    margin-top: 220px;
}

.screening-select {
    background: url(images/point2.png) no-repeat;
    width: 21px;
    height: 20px;
    position: absolute;
    top: 0px;
    cursor: pointer;
}

.select-1 {
    left: 62px;
}

.select-2 {
    left: 222px;
}

.select-3 {
    left: 381px;
}

.select-4 {
    left: 542px;
}

.select-5 {
    left: 701px;
}

.select-6 {
    left: 861px;
}

.select-7 {
    left: 1022px;
}

.project-screening-yellow {
    background: url(images/scroll2_a.png) no-repeat;
    height: 20px;
    overflow: hidden;
    width: 0;
}

.screening-select a {
    position: absolute;
    left: -40px;
    width: 135px;
    display: block;
}

.select-1 a, .select-3 a, .select-5 a, .select-7 a {
    top: -121px;
}

.select-2 a, .select-4 a, .select-6 a {
    top: 41px;
}

.screening-select a img {
    width: 100px;
    height: 100px;
}

.project-screening .select-1-yellow {
    background: url(images/point1.png) no-repeat;
    width: 21px;
    height: 20px;
    position: absolute;
    left: 62px;
    bottom: 0px;
    z-index: 3;
}

.top-img, .bottom-img {
    position: absolute;
    display: none;
}

.top-img {
    bottom: 150px;
}

.bottom-img {
    top: 150px;
}

/*教育bannar-education-bannar开始*/
.education-bannar {
    /*// background: url(images/banner-ybpg.png) center no-repeat;*/
    height: auto;
}

    .education-bannar div {
        margin: 0 auto;
        width: 1100px;
    }

    .education-bannar .bannar-title {
        padding-top: 50px;
        font-size: 36px;
        color: #1a1a1a;
        padding-left: 10px;
    }

        .education-bannar .bannar-title img {
            vertical-align: middle;
            padding-right: 20px;
        }

    .education-bannar .bannar-content p {
        margin-top: 35px;
        margin-bottom: 50px;
        width: 540px;
        font-size: 15px;
        padding-left: 10px;
        line-height: 28px;
        color: #333333;
    }


    .education-bannar .bannar-content .shopping {
        font-size: 16px;
        padding: 10px 30px;
        margin-left: 5px;
        color: #FFF;
        background: #f38816;
    }

        .education-bannar .bannar-content .shopping:hover {
            background: #f5952e;
        }

    .education-bannar .bannar-content a {
        padding-left: 35px;
        font-size: 14px;
        color: #237ae4;
    }

        .education-bannar .bannar-content a img {
            vertical-align: middle;
            padding-right: 5px;
        }
/*教育bannar-education-bannar结束*/

/*高校智慧实验实训平台*/
.education-bannar {
    /*// background: url(images/banner-ybpg.png) center no-repeat;*/
    height: auto;
}

    .education-bannar div {
        margin: 0 auto;
        width: 1100px;
    }

    .education-bannar .bannar-title {
        padding-top: 50px;
        font-size: 36px;
        color: #1a1a1a;
        padding-left: 10px;
    }

        .education-bannar .bannar-title img {
            vertical-align: middle;
            padding-right: 20px;
        }

    .education-bannar .bannar-content p {
        margin-top: 35px;
        margin-bottom: 50px;
        width: 540px;
        font-size: 15px;
        padding-left: 10px;
        line-height: 28px;
        color: #333333;
    }


    .education-bannar .bannar-content .shopping {
        font-size: 16px;
        padding: 10px 30px;
        margin-left: 5px;
        color: #FFF;
        background: #f38816;
    }

        .education-bannar .bannar-content .shopping:hover {
            background: #f5952e;
        }

    .education-bannar .bannar-content a {
        padding-left: 35px;
        font-size: 14px;
        color: #237ae4;
    }

        .education-bannar .bannar-content a img {
            vertical-align: middle;
            padding-right: 5px;
        }
/*高校智慧实验实训平台*/

/*教育bannar-education-bannar开始*/
.education-bannar {
    /*// background: url(images/banner-ybpg.png) center no-repeat;*/
    height: auto;
}

    .education-bannar div {
        margin: 0 auto;
        width: 1100px;
    }

    .education-bannar .bannar-title {
        padding-top: 50px;
        font-size: 36px;
        color: #1a1a1a;
        padding-left: 10px;
    }

        .education-bannar .bannar-title img {
            vertical-align: middle;
            padding-right: 20px;
        }

    .education-bannar .bannar-content p {
        margin-top: 35px;
        margin-bottom: 50px;
        width: 540px;
        font-size: 15px;
        padding-left: 10px;
        line-height: 28px;
        color: #333333;
    }


    .education-bannar .bannar-content .shopping {
        font-size: 16px;
        padding: 10px 30px;
        margin-left: 5px;
        color: #FFF;
        background: #f38816;
    }

        .education-bannar .bannar-content .shopping:hover {
            background: #f5952e;
        }

    .education-bannar .bannar-content a {
        padding-left: 35px;
        font-size: 14px;
        color: #237ae4;
    }

        .education-bannar .bannar-content a img {
            vertical-align: middle;
            padding-right: 5px;
        }
/*教育bannar-education-bannar结束*/

.education-content {
    width: 1220px;
    padding: 40px 0;
    margin: 0 auto;
}

.education-content2 {
    width: 1220px;
    padding: 40px 0;
    margin: 0 auto;
    height: 400px;
}

/*教育分类-education-classify开始*/
.education-classify {
    height: 75px;
    text-align: center;
    padding-top: 35px;
    padding-left: 5px;
}

.hidden {
    display: none;
}

.education-classify a, .demo1 a {
    float: left;
    display: block;
    width: 214px;
    font-size: 14px;
    padding: 15px 0px;
    /*color: #4c4c4c;*/
    border: 1px solid #dedede;
}

    .education-classify a:hover, .demo1 a:hover {
        color: #237ae4;
    }

.education-classify .classify-course, .demo1 .classify-course {
    color: #237ae4;
    background: #fafafa;
    border-top: 2px solid #237ae4;
}

.demo1 {
    position: fixed;
    _position: absolute;
    z-index: 55;
    top: 55px;
    height: 50px;
    text-align: center;
    padding-top: 10px;
    padding-left: 5px;
    background: #FFF;
}
/*教育分类-education-classify结束*/


/*流程图-education-course开始*/
.education-course {
    height: 278px;
}
/*共用--开始*/
.course-head {
    padding-left: 15px;
    font-size: 18px;
    color: #000;
}


/*.education-course .course-content { margin-top: 20px;}*/
.course-content {
    margin-top: 44px;
    text-align: center;
}

    .course-content a {
        display: block;
    }

    .course-content .item {
        float: left;
        margin: 10px;
        margin-bottom: 30px;
        width: 180px;
        height: 200px;
        text-align: center;
        border: none;
        border-radius: 6px;
        color: #fff;
        font-size: 16px;
        transition: 0.3s;
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }

        .course-content .item img:last-child {
            display: none;
        }

    /*.course-content .item:not('.activeItem'):hover img:last-child {
            display: block;
        }

        .course-content  .item:hover img:first-child {
            display: none;
        }*/

    .course-content div img {
        padding-top: 10px;
    }

    .course-content div p {
        margin-top: 12px;
    }

    .course-content div img {
        width: 180px;
    }
/*.course-content .Frenchay {
        background: #3282e4;
    }
    .course-content .speak {
        background: #7cb52b;
    }

    .course-content .talk {
        background: #955ad0;
    }
    .course-content  .chengrenyuyan 
    {
        background: #FFC300;
    }
    .course-content .cognize {
        background: #ec5f5f;
        margin-left:35px;
    }

    .course-content .autism {
        background: #c0721e;
    }*/

/*.course-content div:hover {
        margin-top: -10px;
        box-shadow: 0px 0px 10px #333333;
    }*/
#advantages-of-ICF-platform {
    width: 81.041666666666666666666666666667vw;
    height: 500px;
    text-align: center;
    margin: 0 auto;
}

.advantages-of-ICF-platform-title {
    color: #F6035F;
    font-weight: 700;
    margin: 35px 0px;
}

.advantages-of-ICF-platform-item {
    /*margin:0px 3.5vw 5vh 3.5vw;*/
    float: left;
    width: 27vw;
}

.advantages-of-ICF-platform-img {
    width: 15vw;
    height: 28.2vh;
}

#smart, #IntelligentRehabillitationProgram {
    width: 1650px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}



#IntelligentRehabillitationProgram {
    width: 1835px !important;
}

.smart-title {
    color: #76D3D9;
    font-weight: 700;
    position: relative;
    margin: 35px 0px;
    font-size: 25px;
    top: -20vh;
}

.smart-item {
    margin: 30px;
}

.smart-item2 {
    margin: 15px;
}

.irp-item {
    display: flex;
    flex-direction: column;
    /*margin: 45px;*/
    margin: 45px 17px;
    align-items: center;
}

.irp-title {
    font-size: 16px;
    width: 490px;
}

.irp-title-pink {
    font-size: 26px;
    width: 490px;
    color: #EE1B68;
    font-weight:bold;
    margin-top:30px;
}

.irp-btn, irp-btn:hover {
    width: 254px;
    margin: 42px 0px 25px;
    height: 48px;
    cursor: pointer;
}

.irp-item:nth-child(1) .irp-btn {
    background: url('/Images/ICFColleages/1212 康复云-08.png') 0 0/253px 48px no-repeat;
}

.irp-item:nth-child(2) .irp-btn {
    background: url('/Images/ICFColleages/1212 康复云-10.png') 0 0/253px 48px no-repeat;
}

.irp-item:nth-child(3) .irp-btn {
    background: url('/Images/ICFColleages/1212 康复云-12.png') 0 0/253px 48px no-repeat;
}

.irp-item:nth-child(4) .irp-btn {
    background: url('/Images/ICFColleages/1212 康复云-14.png') 0 0/253px 48px no-repeat;
}

.irp-item:nth-child(5) .irp-btn {
    background: url('/Images/ICFColleages/1212 康复云-16.png') 0 0/253px 48px no-repeat;
}

.irp-item:nth-child(1) .irp-btn:hover {
    background: url('/Images/ICFColleages/1212 康复云-09.png') -1px -1px/257px 53px no-repeat;
}

.irp-item:nth-child(2) .irp-btn:hover {
    background: url('/Images/ICFColleages/1212 康复云-11.png') -1px -1px/257px 53px no-repeat;
}

.irp-item:nth-child(3) .irp-btn:hover {
    background: url('/Images/ICFColleages/1212 康复云-13.png') -1px -1px/257px 53px no-repeat;
}

.irp-item:nth-child(4) .irp-btn:hover {
    background: url('/Images/ICFColleages/1212 康复云-15.png')-1px -1px/257px 53px no-repeat;
}

.irp-item:nth-child(5) .irp-btn:hover {
    background: url('/Images/ICFColleages/1212 康复云-17.png') -1px -1px/257px 53px no-repeat;
}

.irp-item img {
    width: 490px;
    height: 304px;
    border: 1px solid #ddd;
    box-shadow: 4px 6px 10px #bbb;
}

.smart-img {
    width: 345px
}

.smart-img2 {
    width: 381px
}

#EPVideoPanel {
    background-color: #FBFAFF
}

.goBtn {
    background: #F61067;
    border-radius: 36px;
    padding: 0 20px;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    margin-top: 20px;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 107px;
}

.cardBox {
    display: inline-block;
    margin: 75px auto 250px auto;
}

.cardList {
    display: inline-block;
    margin: 0 20px;
    position: relative;
    height: 450px;
    width: 340px;
}

.cardImgBottom {
    /*width: 55px;
    height: 40px;*/
    float: right;
    margin-right: 1rem;
    margin-bottom: 0.6rem;
    position: absolute;
    bottom: 5px;
    right: 5px;
}

#hr-ep {
    margin: 0 auto;
    width: 86rem;
    position: relative;
    top: -13rem;
    border: 1px solid #d7d7d7;
}

.cardList2 {
    display: inline-block;
    position: relative;
    height: 450px;
    width: 300px;
    margin: auto 15px;
    cursor: pointer;
}

.cardActive {
    display: none;
}

.teacher-container {
    padding: 0 35px;
    min-width: 1903px;
}

.teacher-pannel {
    display: inline-block;
    background-color: rgba(245, 246, 248, 0.7);
    margin: 0px 12px 138px 12px;
    width: 442px;
    /*margin: 0px 0.625vw 13.8vh 0.625vw;*/
    /*width: 23vw;*/
    height: 830px;
    /*box-shadow: 1px 1px 21px 6px #d9d9d9;*/
    border-radius: 20px;
}

.teacher-img {
    height: 333px;
    width: 430px;
    border-radius: 20px 20px 0 0;
    background-size: 273px 430px
}

.teacher-img1 {
    background: url("/Images/ICFColleages/Teachers/专家-01.png") no-repeat
}

.teacher-img2 {
    background: url("/Images/ICFColleages/Teachers/专家-02.png") no-repeat
}

.teacher-img3 {
    background: url("/Images/ICFColleages/Teachers/专家-03.png") no-repeat
}

.teacher-img4 {
    background: url("/Images/ICFColleages/Teachers/专家-04.png") no-repeat
}

.teacher-img5 {
    background: url("/Images/ICFColleages/Teachers/专家-05.png") no-repeat
}

.teacher-img6 {
    background: url("/Images/ICFColleages/Teachers/专家-06.png") no-repeat
}


/*窗口宽度大于等于900px*/





/*min-width是标准的分辨率，设计代码的时候 就是要优先满足最小、标准的分辨率情况下，这样max-width屏幕变大是没事的。屏幕变小的话是不对的，所以min-width是标准分辨率，而不是max-width是标准分辨率*/
@media screen and (min-width:3840px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 892px !important;
    }
}

@media screen and (min-width:2560px) and (max-width:3839px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 573px !important;
    }
}

@media screen and (min-width:1920px) and (max-width:2559px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 429px !important;
    }
}

@media screen and (min-width:1600px) and (max-width:1810px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 414px !important;
    }

    .cardList2 {
        height: 450px !important;
        width: 245px !important;
        margin: auto 6px !important;
    }

    .cardListBoxEP1, .cardListBoxEP2 {
        width: 250px !important;
    }

    #four_flash {
        width: 1600px !important;
    }

    .bodyCon08 .students {
        width: 1600px !important;
    }

    .flashBg {
        width: 1500px !important;
    }
}

@media screen and (min-width:1811px) and (max-width:1919px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 414px !important;
    }

    .cardList2 {
        height: 450px !important;
        width: 300px !important;
        margin: auto 6px !important;
    }
}

@media screen and (min-width:1440px) and (max-width:1599px) {

    #EPVideoPanel .CCH5playerContainer {
        height: 347px !important;
    }

    .cardList2 {
        height: 450px !important;
        width: 230px !important;
        margin: auto 6px !important;
    }

    .cardListBoxEP1, .cardListBoxEP2 {
        width: 230px !important;
    }

    #four_flash {
        width: 1440px !important;
    }

    .bodyCon08 .students {
        width: 1440px !important;
    }

    .flashBg {
        width: 1340px !important;
    }

    .teacher-pannel {
        width: 390px !important;
    }

    .teacher-below {
        width: 405px !important;
    }
}

@media screen and (min-width:1360px) and (max-width:1439px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 309px !important;
    }

    .cardList2 {
        height: 450px !important;
        width: 220px !important;
        margin: auto 6px !important;
    }

    .cardListBoxEP1, .cardListBoxEP2 {
        width: 220px !important;
    }

    #four_flash {
        width: 1360px !important;
    }

    .bodyCon08 .students {
        width: 1360px !important;
    }

    .flashBg {
        width: 1260px !important;
    }

    .teacher-pannel {
        width: 370px !important;
    }

    .teacher-below {
        width: 395px !important;
    }

    .teacher-name {
        left: 279px !important;
    }
}

@media screen and (max-width:1359px) {
    #EPVideoPanel .CCH5playerContainer {
        height: 293px !important;
    }

    .cardList2 {
        height: 450px !important;
        width: 200px !important;
        margin: auto 6px !important;
    }

    .cardListBoxEP1, .cardListBoxEP2 {
        width: 200px !important;
    }

    #four_flash {
        width: 1200px !important;
    }

    .bodyCon08 .students {
        width: 1200px !important;
    }

    .flashBg {
        width: 1100px !important;
    }

    .teacher-pannel {
        width: 370px !important;
    }

    .teacher-below {
        width: 395px !important;
    }

    .teacher-name {
        left: 279px !important;
    }
}


.teacher-name {
    text-align: center;
    height: 40px;
    width: 78px;
    position: relative;
    bottom: 0px;
    left: 309px;
    line-height: 33px;
    top: 21px;
    /*height: 4vh;
    width: 78px;
    position: relative;
    bottom: 0px;
    left: 16.09375vw;
    line-height: 33px;
    top: 6.2vh;*/

    border-bottom: 6px solid #8CBDC0;
    font-weight: 700;
    font-size: 23px;
}

.teacher-below {
    padding-top: 26px;
    height: 366px;
    width: 430px;
    /*padding-top:7.6vh;
    height:36.6vh;
    width:22.39vw;*/
}

.teacher-title {
    font-size: 18px;
    text-align: right;
    margin-right: 42px;
    margin-top: 11px;
    /*margin-right: 2.1875vw;
    margin-top: 1.1vh;*/
}

.teacher-module {
    font-size: 18px;
    text-align: right;
    margin-right: 42px;
    margin-top: 5px;
    /*margin-right: 2.2vw;
    margin-top: 0.5vh;*/
    margin-bottom: 0px;
    /*font-weight:bold;*/
}

.teacher-detail {
    font-size: 15px;
    margin: 20px 30px;
    line-height: 26px;
    /*margin: 2vh 1.5vw;
    line-height: 1.3vw;*/
}
    .teacher-detail p{
        letter-spacing:1px !important;
    }

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

.module-pannel {
    /*margin:4vw auto;
    width:1625px;
    height:454px;*/
    margin: 4vw auto;
    width: 84.63vw;
    height: 45vh;
    min-height: 300px;
}

.module-content {
    /*margin: 60px 0 30px 30px;
    display: inline-block;
    width: 840px;
    height: 365px;
    float: left;*/
    margin: 6vh 0 3vh 1.5vw;
    display: inline-block;
    width: 43.75vw;
    height: 36vh;
    float: left;
}

.module-img-block {
    display: inline-block;
    /*width: 748px;
    height: 365px;*/
    width: 38.95vw;
    height: 36vh;
    float: left;
    position: relative;
}

.module-number {
    /*height: 312px;
    width: 260px;
    float: left;
    z-index: 999;
        margin-right: 20px;*/
    height: 34vh;
    width: 13.54vw;
    float: left;
    z-index: 999;
    margin-right: 1vw;
}

.module-number-img1 {
    background: url(../../Images/ICFColleages/数字-01.png) no-repeat;
}

.module-number-img2 {
    background: url(../../Images/ICFColleages/数字-02.png) no-repeat;
}

.module-number-img3 {
    background: url(../../Images/ICFColleages/数字-03.png) no-repeat;
}

.module-number-img4 {
    background: url(../../Images/ICFColleages/数字-04.png) no-repeat;
}

.module-gif {
    width: 36.45vw;
    background-color: #B8B8B8;
    float: right;
    position: absolute;
    right: 0px;
    z-index: 1;
    border-radius: 10px;
    box-shadow: 1px 4px 29px 1px #B8B8B8;
}

.module-title {
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    text-indent: 5px;
    margin: 67px 0px 20px 0px;
    color: #E61963;
}

.module-detail {
    line-height: 24px;
    font-size: 16px;
    text-align: left;
}


.exp-btn, exp-btn:hover {
    width: 280px;
    margin: 42px 0px 25px;
    height: 48px;
    cursor: pointer;
    display:inline-block;
}

#tab2 .module-pannel:nth-child(1) .exp-btn {
    background: url('/Images/ICFColleages/ExperimentalPlatform/1227-01.png') 0 0/152px 40px no-repeat;
    position: relative;
    left: -136px;
}

#tab2 .module-pannel:nth-child(2) .exp-btn {
    background: url('/Images/ICFColleages/ExperimentalPlatform/1227-03.png') 0 0/152px 40px no-repeat;
    position: relative;
    left: -136px;
}

#tab2 .module-pannel:nth-child(3) .exp-btn {
    background: url('/Images/ICFColleages/ExperimentalPlatform/1227-05.png') 0 0/280px 40px no-repeat;
    position: relative;
    left: -136px;
}


    #tab2 .module-pannel:nth-child(1) .exp-btn:hover {
        background: url('/Images/ICFColleages/ExperimentalPlatform/1227-02.png') -1px -1px/158px 44px no-repeat;
    }

#tab2 .module-pannel:nth-child(2) .exp-btn:hover {
    background: url('/Images/ICFColleages/ExperimentalPlatform/1227-04.png') -1px -1px/158px 44px no-repeat;
}

#tab2 .module-pannel:nth-child(3) .exp-btn:hover {
    background: url('/Images/ICFColleages/ExperimentalPlatform/1227-06.png') -1px -1px/283px 44px no-repeat;
}





/*项目分类-education-course结束*/
/*共用--开始*/
.topic-footer {
    clear: both;
    margin: 35px 0px 0px 20px;
}

    .topic-footer dl dd {
        float: left;
        width: 190px;
        text-align: center;
        line-height: 25px;
        margin-right: 70px;
    }

.footer_title {
    font-size: 16px;
    color: #000;
    margin: 20px 0px;
}

.footer_cont {
    text-align: center;
    font-size: 14px;
    color: #4c4c4c;
}
/*共用-结束*/
/*产品特点-education-product开始*/
.education-product {
    height: 380px;
}
/*产品特点-education-product结束*/
/*适用人群-education-crowd开始*/
.education-crowd {
    height: 280px;
}
/*适用人群-education-crowd结束*/
/*收费标准-education-cost开始*/

.education-cost {
    height: 460px;
}

    .education-cost .topic-footer {
        text-align: center;
        margin-top: 50px;
    }

    .education-cost .cost-footer {
        padding: 0px 40px;
    }

        .education-cost .cost-footer .serve {
            padding: 40px 0px;
        }

            .education-cost .cost-footer .serve p {
                font-size: 14px;
                line-height: 20px;
                color: #4c4c4c;
            }

        .education-cost .cost-footer .count {
            font-size: 14px;
            color: #23a809;
            padding-bottom: 20px;
        }


    .education-cost .cost-table table td {
        color: #4c4c4c;
        text-align: center;
        font-size: 14px;
        border-left: 1px solid #fff;
    }


/*收费标准-education-cost结束*/
/*使用帮助-education-help开始*/
.education-help {
    height: 220px;
}

    .education-help .topic-footer .help-title {
        font-size: 18px;
    }

    .education-help .topic-footer p {
        padding-left: 40px;
        color: #000;
        font-size: 14px;
        line-height: 30px;
    }
/*使用帮助-education-help结束*/

.course-head {
    padding-left: 15px;
    font-size: 18px;
    color: #000;
}

.line {
    margin-left: 100px;
    width: 1070px;
    position: relative;
    margin: 16px auto 50px auto;
    text-align: center;
}


.listBox {
    width: 700px;
    margin: 65px auto 10px auto;
    height: 42px;
    font-weight: bold;
}

.listSubBox {
    width: 1200px;
    margin: 0px auto;
    text-align: center;
    height: 40px;
    /*background-color: #d8d8d8;*/
    border-radius: 4px;
    display: none;
}

    .listSubBox div:after {
        content: '';
        height: 36px;
        border-right: 1px solid #ddd;
        position: relative;
        right: -18px;
    }

.listBox div {
    float: left;
    padding: 0 0 0 40px;
    margin-bottom: 4px;
    height: 40px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}

.listSubBox div {
    float: left;
    padding: 0 17px;
    margin-bottom: 4px;
    height: 40px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
}

.listBox div:after {
    content: '';
    height: 36px;
    border-right: 1px solid #ddd;
    margin-left: 40px;
}

.listBox .activeList {
    background: #F1F1F1;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15);
    color: #F61067;
    border-bottom: 2px solid #F61067;
}

.listSubBox .activeSubList {
    background: #F1F1F1;
    box-shadow: 2px 1px 5px rgba(0, 0, 0, 0.15);
    color: #F61067;
    border-bottom: 2px solid #F61067;
}

#subTabContainer {
    margin: 14px auto;
    width: 1500px;
    height: 40px;
}

#subDisplayBook {
    margin: 60px auto 60px auto;
}

.book {
    width: 270px;
    height: 357px;
    display: inline-block;
    margin: 0px 15px;
    /*box-shadow: 9px 8px 18px 0px #444;*/
    box-shadow: 3px 3px 16px 0px #666;
}

.SubBox {
    display: none;
}

.SubBoxModule {
    display: none;
}

#course {
    text-align: center;
    padding: 0 20px;
    font-size: 23px;
    font-weight: bold;
}

#course2 {
    text-align: center;
    padding: 0 20px;
    font-size: 23px;
    font-weight: bold;
    margin: 20px 0;
}

.education-cost {
    height: 460px;
}

    .education-cost .topic-footer {
        text-align: center;
        margin-top: 50px;
    }

    .education-cost .cost-footer {
        padding: 0px 40px;
    }

        .education-cost .cost-footer .serve {
            padding: 40px 0px;
        }

            .education-cost .cost-footer .serve p {
                font-size: 14px;
                line-height: 20px;
                color: #4c4c4c;
            }

        .education-cost .cost-footer .count {
            font-size: 14px;
            color: #23a809;
            padding-bottom: 20px;
        }


    .education-cost .cost-table table td {
        color: #4c4c4c;
        text-align: center;
        font-size: 14px;
        border-left: 1px solid #fff;
    }