/* banner */
.banner { width: 100%; height: 460px; }
.banner img { display: block; max-width: 100%; max-height: 100%; }
/* High salary Job */
.highjob-wrap { width: 100%; height: 483px; }
.highjob { position: relative; width: 1200px; height: 100%; margin: 0 auto; }
.highjob-title { position: relative; margin-top: 50px; }
.highjob-title a { display: block; color: #4D4D4D; font-size: 38px; font-weight: 700; text-align: center; }
.highjob-title span { display: block; color: #747474; font-size: 16px; text-align: center; }
.highjob-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.highjob-title em img { display: block; width: 100%; height: 100%; }
.highjob-con { width: 100%; height: 270px; margin-top: 40px; }
.highjob-con-left { float: left; position: relative; width: 738px; height: 268px; border: 1px solid #E4E4E4; border-radius: 5px; background: url(../images/prospect/job_01.png) center no-repeat; }
.highjob-con-left span { display: inline-block; position: absolute; color: #FFF; font-size: 24px; font-weight: 600; z-index: 2; }
.highjob-con-left span.span1 { top: 66px; left: 133px; }
.highjob-con-left span.span2 { top: 121px; left: 52px; }
.highjob-con-left span.span3 { top: 178px; left: 133px; }
.highjob-con-left em { display: inline-block; position: absolute; left: 579px; color: #4E4E4E; font-size: 16px; z-index: 2; }
.highjob-con-left em.em1 { top: 33px; }
.highjob-con-left em.em2 { top: 90px; }
.highjob-con-left em.em3 { top: 149px; }
.highjob-con-left em.em4 { top: 209px; }
.highjob-con-right { float: right; position: relative; width: 378px; height: 268px; border: 1px solid #E4E4E4; border-radius: 5px; background: url(../images/prospect/job_02.png) center no-repeat; }
.highjob-con-right p { margin: 13px 0 0 28px; color: #4E4E4E; font-size: 16px; }
.highjob-con-right span { display: inline-block; position: absolute; color: #4E4E4E; font-size: 14px; z-index: 2; }
.highjob-con-right span.span1 { top: 152px; left: 89px; }
.highjob-con-right span.span2 { top: 70px; left: 171px; }
.highjob-con-right span.span3 { top: 52px; left: 256px; }
.highjob-con-right span.span4 { bottom: 19px; left: 83px; }
.highjob-con-right span.span5 { bottom: 19px; left: 157px; }
.highjob-con-right span.span6 { bottom: 19px; left: 248px; }
.highjob-con-bottom { width: 100%; margin-top: 30px; color: #747474; font-size: 16px; text-align: center; }
/* Talent gap */
.talent-wrap { position: relative; width: 100%; height: 623px; }
.talent-wrap-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.talent-wrap-bg img { display: block; width: 100%; height: 100%; }
.talent { position: absolute; top: 0; left: 50%; width: 1200px; height: 600px; margin-left: -600px; padding-top: 23px; z-index: 3; }
.talent-title { position: relative; }
.talent-title a { display: block; color: #FFF; font-size: 38px; font-weight: 700; text-align: center; }
.talent-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.talent-title em img { display: block; width: 100%; height: 100%; }
.talent-con { width: 100%; margin-top: 65px; }
.talent-con li { float: left; width: 270px; margin-right: 40px; }
.talent-con li.lastli { margin-right: 0; }
.talent-con li span { display: block; width: 206px; height: 169px; padding: 193px 32px 0; border-radius: 5px; line-height: 30px; color: #000; font-size: 16px; }
.talent-con li span.span1 { background: #FFF url("../images/prospect/talent_02.png") center 30px no-repeat; }
.talent-con li span.span2 { background: #FFF url("../images/prospect/talent_03.png") center 30px no-repeat; }
.talent-con li span.span3 { background: #FFF url("../images/prospect/talent_04.png") center 30px no-repeat; }
.talent-con li span.span4 { background: #FFF url("../images/prospect/talent_05.png") center 30px no-repeat; }
.talent-con li em { display: block; width: 100%; height: 90px; line-height: 90px; color: #FFF; font-size: 30px; text-align: center; }
/* Cover industry */
.industry-wrap { width: 100%; }
.industry { width: 1200px; margin: 0 auto; }
.industry-con { width: 100%; }
.industry-con li { float: left; width: 140px; height: 140px; margin: 70px 72px 0 0; background: url(../images/prospect/talent_06.png) center no-repeat; line-height: 140px; color: #636363; font-size: 32px; text-align: center; }
.industry-con li.marginr0 { margin-right: 0; }
/* Development trend */
.devtrend-wrap { position: relative; width: 100%; height: 760px; margin-top: 46px; }
.devtrend-wrap-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.devtrend-wrap-bg img { display: block; width: 100%; height: 100%; }
.devtrend { position: absolute; top: 0; left: 50%; width: 1200px; height: 700px; margin-left: -600px; padding-top: 60px; z-index: 3; }
.devtrend-title { position: relative; }
.devtrend-title a { display: block; color: #FFF; font-size: 38px; font-weight: 700; text-align: center; }
.devtrend-title span { display: block; color: #FFF; font-size: 16px; text-align: center; }
.devtrend-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.devtrend-title em img { display: block; width: 100%; height: 100%; }
.devtrend-nav { width: 100%; margin-top: 63px; }
.devtrend-nav li { float: left; width: 116px; height: 126px; margin-right: 64px; }
.devtrend-nav li.marginr0 { margin-right: 0; }
.devtrend-nav li a { display: block; position: relative; width: 110px; height: 105px; margin: 8px auto; }
.devtrend-nav li a img { display: block; width: 100%; height: 100%; }
.devtrend-nav li a span { display: none; position: absolute; top: -5px; left: 0; width: 100%; height: 82%; padding-top: 23%; background: #FFF; line-height: 30px; color: #747474; font-size: 16px; text-align: center; z-index: 3; }
.devtrend-nav li.active { background: url(../images/prospect/devtrend_hover.png) center top no-repeat; }
.devtrend-nav li.active a span { display: block; }
.devtrend-con { width: 1200px; height: 350px; margin: 20px auto 0; }
.devtrend-con li { display: none; width: 1134px; height: 284px; padding: 33px; border-radius: 10px; background: rgba(255, 255, 255, 0.6); line-height: 28px; color: #313030; font-size: 16px; }
.devtrend-con li.show { display: block; }

@media (min-width: 1100px) {
    .highjob-title.change { margin-top: -120px; }
}
@media (min-width: 1280px) {
    .highjob-title.change { margin-top: -110px; }
}
@media (min-width: 1366px) {
    .highjob-title.change { margin-top: -100px; }
}
@media (min-width: 1440px) {
    .highjob-title.change { margin-top: 0; }
}
@media (min-width: 1680px) {
    .highjob-title.change { margin-top: 50px; }
}
@media (min-width: 1920px) {
    .highjob-title.change { margin-top: 50px; }
}