/* all-title */
.all-title { position: relative; }
.all-title a { display: block; color: #4D4D4D; font-size: 38px; font-weight: 700; text-align: center; }
.all-title span { display: block; color: #747474; font-size: 16px; text-align: center; }
.all-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.all-title em img { display: block; width: 100%; height: 100%; }
/* banner */
.banner-wrap { width: 100%; height: 472px; }
.banner { width: 1200px; height: 100%; margin: 0 auto; }
.banner-nav { padding-top: 24px; }
.banner-nav span { color: #858585; font-size: 14px; }
.banner-nav em { color: #4E4D4E; }
.banner-img { width: 100%; height: 300px; margin-top: 20px; }
.banner-img img { display: block; width: 100%; height: 100%; }
.banner-bottom { width: 100%; margin-top: 40px; }
.banner-bottom li { float: left; width: 390px; height: 60px; margin-right: 15px; background: #F4F4F4; }
.banner-bottom li.marginr0 { margin-right: 0; }
.banner-bottom li.active { background: #269DF9; }
.banner-bottom li a { display: block; width: 100%; height: 100%; line-height: 60px; text-align: center; color: #000; font-size: 22px; }
.banner-bottom li a:hover { background: #269DF9; color: #FFF; }
/* zerobase */
.zerobase-wrap { width: 100%; height: 355px; margin-top: 50px; }
.zerobase { width: 1200px; height: 100%; margin: 0 auto; }
.zerobase-con { width: 100%; margin-top: 60px; }
.zerobase-con li { float: left; width: 260px; height: 176px; margin-right: 53px; }
.zerobase-con li.marginr0 { margin-right: 0; }
.zerobase-word { width: 100%; margin-top: 27px; }
.zerobase-word li { float: left; width: 260px; margin-right: 53px; color: #313131; font-size: 18px; text-align: center; }
.zerobase-word li.marginr0 { margin-right: 0; }
/* advantage */
.advantage-wrap { position: relative; width: 100%; height: 790px; margin-top: 50px; }
.advantage-wrap-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.advantage-wrap-bg img { display: block; width: 100%; height: 100%; }
.advantage { position: absolute; top: 0; left: 50%; width: 1200px; height: 730px; padding-top: 60px;  margin-left: -600px; z-index: 3; }
.all-title a.a1, .all-title span.span1 { color: #FFF; }
.advantage-title { margin-top: 48px; background: -webkit-linear-gradient(left, #3459F2, #C323FB); background: -o-linear-gradient(left, #3459F2, #C323FB); background: -moz-linear-gradient(left, #3459F2, #C323FB); background: -ms-linear-gradient(left, #3459F2, #C323FB); background: linear-gradient(left, #3459F2, #C323FB); /* 标准的语法 */ }
.advantage-title li { float: left; width: 540px; height: 80px; line-height: 80px; color: #FFF; font-size: 30px; text-align: center; }
.advantage-title li.width120 { width: 120px; }
.advantage-con { position: relative; width: 100%; background: #FFF; font-size: 20px; }
.advantage-con li { float: left; width: 500px; height: 90px; line-height: 90px; color: #515151; }
.advantage-con li.padleft { padding-right: 100px; text-align: right; }
.advantage-con li.padright { padding-left: 100px; text-align: left; }
.advantage-con li.libg { background: #F8F8F8; }
.advantage-con-center { position: absolute; top: 0; left: 50%; width: 120px; margin-left: -60px; background: rgba(255, 0, 0, 0.3); }
.advantage-con-center span { display: block; width: 100%; height: 90px; line-height: 90px; color: #C12929; text-align: center; }
/* teachprogram */
.teachprogram-wrap { width: 100%; padding-top: 50px; }
.teachprogram { width: 1200px; margin: 0 auto; }
.teachprogram-title { position: relative; width: 1176px; height: 60px; padding-left: 24px; line-height: 60px; border-radius: 5px; background: url(../images/syllabus/teachprogram_01.png) center top no-repeat; color: #FFF; font-size: 24px; font-weight: 700; }
.teachprogram-title.margint { margin-top: 62px; }
.teachprogram-title a { display: block; position: absolute; padding-right: 15px; top: 0; right: 26px; background: url(../images/syllabus/link_01.png) right center no-repeat; color: #FFF; font-size: 16px; font-weight: 400; }
.teachprogram-con { width: 100%; margin: 20px 0 20px; }
.teachprogram-con li { float: left; width: 566px; height: 480px; margin-right: 20px; padding: 0 12px; background: url(../images/syllabus/teachprogram_02.jpg) center top no-repeat; }
.teachprogram-con li p { width: 100%; height: 59px; border-bottom: 1px dotted #7C7C7C; line-height: 59px; font-size: 24px; text-align: center; }
.teachprogram-con li p a { color: #FFF600; }
.teachprogram-con li.marginr0 { margin-right: 0; background: url(../images/syllabus/teachprogram_03.jpg) center top no-repeat; }
.teachprogram-con-ul span { float: left; width: 240px; margin-top: 16px; padding-left: 43px; background: url(../images/syllabus/circle_01.png) 19px center no-repeat; color: #DADADA; font-size: 18px; text-align: left; }
/* project train */
.protrain-wrap { width: 100%; padding-top: 43px; }
.protrain { width: 1200px;  margin: 0 auto; }
.protrain-con { width: 100%; margin-top: 32px; }
.protrain-con li { float: left; height: 382px;     margin: 5px;}
.protrain-con li p { float: left; width: 24px; margin-right: 10px; padding: 0 19px; line-height: 40px; font-size: 24px; color: #FFF; }
.protrain-con li p.p1 { height: 303px; padding-top: 79px; background: url(../images/syllabus/project_train_01.png)}
.protrain-con li span { display: none; float: left; position: relative; width: 1px; height: 100%; margin-right: 10px; background: url(../images/syllabus/project_train_05.jpg); color: #FFF; -moz-transition: all 3s; -webkit-transition: all 3s; -o-transition: all 3s; transition: all 3s; }
.protrain-con li span i { display: block; width: 100%; margin-top: 22px; font-size: 24px; text-align: center; }
.protrain-con li span em { display: block; position: absolute; top: 70px; left: 30.2%;  height: 200px; margin-left: -332px; padding: 34px 30px;  line-height: 34px; font-size: 16px; }
.protrain-con li.active span { display: block; width: 1100px; }
/* PAGE syllabus-detail */
/* detail */
.detail-wrap { width: 100%; }
.detail { position: relative; width: 1200px; margin: 0 0 0 204px; }
.detail-con { display: block; width: 100%; }
.detail-con tr td { border: 1px solid #E6E6E6; text-align: center; color: rgb(71, 71, 71); font-size: 16px; }
.detail-con tr td.tdleft { width: 150px; color: #474747; font-size: 24px; }
.detail-con tr td.tdcenter { width: 150px; }
.detail-con tr td.tdright { width: 657px; padding: 37px 38px; text-align: left; }
/*.detail-con-left, .detail-con-right { float: left; }
.detail-con-left { width: 210px; border-top: 1px solid #E6E6E6; border-right: 0; border-bottom: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; color: #474747; font-size: 24px; text-align: center; }
.detail-con-right { width: 987px; border-top: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
.detail-con-right ul { border-bottom: 1px solid #E6E6E6;  }
.detail-con-right ul li { float: left; color: rgb(71, 71, 71); font-size: 16px; }
.detail-con-right ul li.lileft { width: 253px; padding: 37px 0; height: 100%; border-right: 1px solid #E6E6E6; text-align: center; }
.detail-con-right ul li.liright { width: 657px; padding: 37px 38px; text-align: left; }*/

.detail-nav { display: none; position: fixed; top: 50%; left: 0; width: 260px; margin-top: -600px; border: 1px solid #ADAAAA; }
@media (min-width: 1280px) {
    .detail { width: 1100px; margin: 0 0 0 204px; }
    .detail-con tr td.tdleft, .detail-con tr td.tdcenter { width: 150px; }
    .detail-nav { position: fixed; top: 50%; left: 0; z-index: 666; }
}
@media (min-width: 1366px) {
    .detail { width: 1100px; margin: 0 0 0 204px; }
    .detail-con tr td.tdleft, .detail-con tr td.tdcenter { width: 150px; }
    .detail-nav { position: fixed; top: 50%; left: 0; z-index: 666; }
}
@media (min-width: 1440px) {
    .detail { width: 1200px; margin: 0 0 0 214px; }
    .detail-con tr td.tdleft { width: 210px; color: #474747; font-size: 24px; }
    .detail-con tr td.tdcenter { width: 253px; }
    .detail-nav { position: fixed; top: 50%; left: 0; z-index: 666; }
}
@media (min-width: 1680px) {
    .detail { width: 1200px; margin: 0 auto; }
    .detail-con tr td.tdleft { width: 210px; color: #474747; font-size: 24px; }
    .detail-con tr td.tdcenter { width: 253px; }
    .detail-nav { position: fixed; top: 50%; left: 28px; z-index: 666; }
}
@media (min-width: 1920px) {
    .detail { width: 1200px; margin: 0 auto; }
    .detail-con tr td.tdleft { width: 210px; color: #474747; font-size: 24px; }
    .detail-con tr td.tdcenter { width: 253px; }
    .detail-nav { position: fixed; top: 50%; left: 90px; z-index: 666; }
}
.detail-nav li { width: 100%; height: 50px; background-color: #FFF; }
.detail-nav li a { display: block; width: 120px; height: 100%; padding-left: 104px; line-height: 50px; color: #474747; font-size: 17px; text-align: left; text-transform: uppercase; }
.detail-nav li a.bg1 { background: url(../images/syllabus/t01.png) 10px center no-repeat; }
.detail-nav li a.bg2 { background: url(../images/syllabus/t02.png) 10px center no-repeat; }
.detail-nav li a.bg3 { background: url(../images/syllabus/t03.png) 10px center no-repeat; }
.detail-nav li a.bg4 { background: url(../images/syllabus/t04.png) 10px center no-repeat; }
.detail-nav li a.bg5 { background: url(../images/syllabus/t05.png) 10px center no-repeat; }
.detail-nav li a.bg6 { background: url(../images/syllabus/t06.png) 10px center no-repeat; }
.detail-nav li a.bg7 { background: url(../images/syllabus/t07.png) 10px center no-repeat; }
.detail-nav li a.bg8 { background: url(../images/syllabus/t08.png) 10px center no-repeat; }
.detail-nav li a.bg9 { background: url(../images/syllabus/t09.png) 10px center no-repeat; }
.detail-nav li a.bg10 { background: url(../images/syllabus/t10.png) 10px center no-repeat; }
.detail-nav li a.bg11 { background: url(../images/syllabus/t11.png) 10px center no-repeat; }
.detail-nav li a.bg12 { background: url(../images/syllabus/t12.png) 10px center no-repeat; }
.detail-nav li a.bg13 { background: url(../images/syllabus/t13.png) 10px center no-repeat; }
.detail-nav li a.bg14 { background: url(../images/syllabus/t14.png) 10px center no-repeat; }
.detail-nav li a.bg15 { background: url(../images/syllabus/t15.png) 10px center no-repeat; }
.detail-nav li a.bg16 { background: url(../images/syllabus/t16.png) 10px center no-repeat; }
.detail-nav li a.bg17 { background: url(../images/syllabus/t17.png) 10px center no-repeat; }
.detail-nav li a.bg18{ background: url(../images/syllabus/t18.png) 10px center no-repeat; }
.detail-nav li a.bg19{ background: url(../images/syllabus/t19.png) 10px center no-repeat; }
.detail-nav li a.bg20{ background: url(../images/syllabus/t20.png) 10px center no-repeat; }
.detail-nav li a.bg21{ background: url(../images/syllabus/t21.png) 10px center no-repeat; }
.detail-nav li a.bg22{ background: url(../images/syllabus/t22.png) 10px center no-repeat; }
.detail-nav li a.bg23{ background: url(../images/syllabus/t23.png) 10px center no-repeat; }
.detail-nav li a.bg24{ background: url(../images/syllabus/t24.png) 10px center no-repeat; }
.detail-nav li.active, .detail-nav li a:hover { background-color: #C8DBFF; }
@media (max-width: 768px) {
    .advantage-wrap { width: 1200px; margin: 50px auto; }
    .advantage { left: 0; margin-left: 0; }
}