.box {
    width: 100%;
}

.banners {
    width: 100%;
    height: 548px;
    box-shadow: inset 3px -16px 70px -40px #000;
    overflow: hidden;
    background: url(../img/project/platform.png) no-repeat center 0;
}

.box .box2 {
    width: 100%;
    height: 270px;
}

.box .box2 .text {
    width: 1200px;
    padding-top: 80px;
    margin: 0 auto;
    font-size: 10px;
    color: #4c4c4c;
    text-align: center;
    line-height: 20px;
}

.box .box2 .text span {
    font-size: 30px;
    color: #4c4c4c;
}

.box .box2 .text p {
    font-size: 18px;
    margin-top: 40px;
    color: #4c4c4c;
}

.tb {
    width: 100%;
    height: 790px;
    background: #66c6cc;
}

.tb .tbText {
    text-align: center;
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
}

.tb .tbText span {
    font-size: 36px;
}

.tb .tbImg {
    width: 548px;
    height: 402px;
    margin: 66px auto;
}

#teaching-system {
    margin-top: 10px;
}
.science {
    width: 100%;
    height: 790px;
}

.science .scienceText {
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    color: #999999;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.science .scienceText span {
    color: #4d4d4d;
    font-size: 36px;
}

.science .scienceImg {
    width: 940px;
    height: 426px;
    margin: 80px auto;
}


.school {
    width: 100%;
    height: 790px;
    background: #3a8dec;
}

.school .schoolText {
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.school .schoolText span {
    color: #FFFFFF;
    font-size: 36px;
}

.school .schoolImg {
    width: 944px;
    height: 450px;
    margin: 143px auto;
}


.objective {
    width: 100%;
    height: 790px;
}

.objective .objectiveText {
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    color: #999999;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

.objective .objectiveText span {
    color: #4c4c4c;
    font-size: 36px;
}

.objective .objectImg {
    width: 622px;
    height: 482px;
    margin: 26px auto;
}

.capacity {
    width: 100%;
    height: 790px;
    background: #ffcc50;
}

.capacity .capacityText {
    width: 1200px;
    padding-top: 100px;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
}

.capacity .capacityText span {
    color: #FFFFFF;
    font-size: 36px;
}

.capacity .capacityImg {
    width: 441px;
    height: 423px;
    margin: 50px auto;
}

.dropdown-menu {
    background: #0082ff;
    width: 246px;
    height: 365px;
    overflow: hidden;
    margin: 0 0 0 -1px;
}

.head .dropdown-menu li {
    margin: 0 32px;
    padding: 0;
    border-bottom: 1px solid #7bbeff;
}

.head .dropdown-menu li a {
    color: #ffffff;
    font-size: 14px;
    display: block;
    /*margin-left: 18px;*/
    height: 50px;
    line-height: 50px;
    text-align: left;
    width: 210px;
    /*border-bottom: 1px solid #7bbeff;*/
}

.head .dropdown-menu li:last-child {
    border-bottom: 0;
}

.dropdown-menu > li > a:hover {
    text-decoration: none;
    background-color: #0082ff;
    color: #fec002 !important;
}