/* 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: 422px; }
.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%; }
/* employment */
.employment-wrap { width: 100%; }
.employment { width: 1200px; height: 620px; margin: 0 auto; }
.employment-con { position: relative; width: 100%; height: 526px; margin-top: 32px; overflow: hidden; }
.employment-con-title { position: absolute; top: 0; left: 0; width: 100%; z-index: 5; }
.employment-con-title li { float: left; height: 69px; border-top: 1px solid #CAE2FF; line-height: 69px; background: #E8F3FE; color: #565656; font-size: 16px; font-weight: 700; text-align: center; }
.employment-con-title li.li1 { width: 134px; border-left: 1px solid #CAE2FF; border-top-left-radius: 10px; }
.employment-con-title li.li2 { width: 170px; }
.employment-con-title li.li3 { width: 180px; }
.employment-con-title li.li4 { width: 128px; }
.employment-con-title li.li5 { width: 290px; }
.employment-con-title li.li6 { width: 130px; }
.employment-con-title li.li7 { width: 166px; border-right: 1px solid #CAE2FF; border-top-right-radius: 10px; }
.employment-con-con { position: absolute; top: 69px; left: 0; width: 1198px; border-bottom: 1px solid #CAE2FF; border-left: 1px solid #CAE2FF; border-right: 1px solid #CAE2FF; background: #FFF; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index: 2; }
.employment-con-con ul { width: 100%; }
.employment-con-con ul li { width: 100%; }
.employment-con-con ul li p { float: left; height: 49px; line-height: 49px; border-top: 1px dotted #CAE2FF; color: #2B1A1A; font-size: 14px; text-align: center; }
.employment-con-con ul li p.conli1 { width: 134px; }
.employment-con-con ul li p.conli2 { width: 170px; }
.employment-con-con ul li p.conli3 { width: 180px; }
.employment-con-con ul li p.conli4 { width: 128px; }
.employment-con-con ul li p.conli5 { width: 290px; }
.employment-con-con ul li p.conli6 { width: 130px; }
.employment-con-con ul li p.conli7 { width: 166px; }
/* environment */
.environment-wrap { width: 100%; margin-top: 50px; }
.environment { width: 1200px; margin: 0 auto; }
.environment-img { width: 100%; margin-top: 50px; }
.environment-img-one { float: left; width: 530px; height: 390px; margin-bottom: 1px; background: #556FB5; }
.environment-img-twe { float: left; width: 669px; height: 390px; margin-left: 1px; margin-bottom: 1px; background: #556FB5; }
.environment-img-three { float: left; width: 530px; height: 390px; background: #556FB5; }
.environment-img-four { float: left; width: 669px; height: 390px; margin-left: 1px; }
.environment-img-four li { float: left; width: 222px; height: 194.5px; margin-bottom: 1px; margin-right: 1px; background: #556FB5; }
.environment-img-one img, .environment-img-twe img, .environment-img-three img, .environment-img-four li img { display: block; width: 100%; height: 100%; }
/* stay */
.stay-wrap { width: 100%; margin-top: 50px; }
.stay { width: 1200px; margin: 0 auto; }
.stay-img { width: 100%; margin-top: 53px; }
.stay-img li { float: left; width: 373px; height: 450px; margin-right: 40px; background: #448ACA; }
.stay-img li.lastli { margin-right: 0; }
.stay-img li img { display: block; width: 100%; height: 100%; }
/* activities */
.activities-wrap { width: 100%; margin-top: 50px; }
.activities { width: 1200px; margin: 0 auto; }
.carousel { position: relative; width: 100%; height: 310px; margin: 50px auto; overflow: hidden; }
.carousel ul { position: absolute; top: 0; left: -1200px; height: 100%; z-index: 5; }
.carousel ul li { float: left; width: 1200px; height: 100%; overflow: hidden; }
.carousel ul li img { display: block; width: 100%; height: 100%; }
.carousel-wrap { position: relative; width: 1200px; height: 100%; margin: 0 auto; background: #000; }
.carousel-left { position: absolute; top: 0; left: -1200px; width: 1200px; height: 100%; background: url(../images/student/scrollLeft.png) no-repeat 98% center rgba(0, 0, 0, 0.4); z-index: 100; cursor: pointer; }
.carousel-right { position: absolute; top: 0; right: -1200px; width: 1200px; height: 100%; background: url(../images/student/scrollRight.png) no-repeat 2% center rgba(0, 0, 0, 0.4); z-index: 100; cursor: pointer; }
/* experience */
.experience-wrap { width: 100%; margin-top: 50px; }
.experience { width: 1200px; margin: 0 auto; }
.experience-con { width: 100%; margin-top: 46px; }
.experience-con li { position: relative; float: left; width: 589px; height: 140px; margin: 0 18px 18px 0; border: 1px solid #E2E2E2; }
.experience-con li.marginr0 { margin-right: 0; }
.experience-con li a { display: block; width: 509px; height: 120px; padding: 20px 40px 0; }
.experience-con li a:hover { background-color: #F9F9F9; }
.experience-con li a span { display: block; color: #4E4D4E; font-size: 20px; }
.experience-con li a p { margin-top: 10px; line-height: 24px; color: #6C6C6C; font-size: 14px; }
.experience-con li i { display: block; position: absolute; top: 30px; left: 24px; width: 6px; height: 6px; }
.experience-con li i img { display: block; width: 100%; height: 100%; }
@media (max-width: 768px) {
    .carousel { width: 1200px; }
}