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

/* 浏览器重写 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, p, th, td { margin: 0; padding: 0 }
fieldset, img { border: 0 }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit }
del, ins { text-decoration: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
sup { vertical-align: baseline }
sub { vertical-align: baseline }
legend { color: #000 }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit }
input, button, textarea, select { font-size: inherit; *font-size:100%;
font-family: inherit }
address, cite, dfn, em, code, var, caption, th { font-style: normal; font-weight: normal }
q:before, q:after { content: '' }
wbr:after { content: '\00200b' }

/* 基础通用 */
.Clear { clear: both }
body { font: 12px/1.5 \5b8b\4f53 }
.clearfix { display: inline-block }
.clearfix:after {/*/*/ content: "."; /* 兼容ie8 */ display: block; height: 0; clear: both; visibility: hidden }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
img { border: 0px; vertical-align: middle}


/* 页面内容 */	
body {background-color:#090c15}
#part1_home { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_01.jpg) no-repeat center top; width:100%; height:800px}
#part2_story { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_02.jpg) no-repeat center top; width:100%; height:800px}
#part3_job { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_03.jpg) no-repeat center top; width:100%; height:800px}
#part4_chr { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_04.jpg) no-repeat center top; width:100%; height:800px}
#part5_map { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_05.jpg) no-repeat center top; width:100%; height:800px}
#part6_mor { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_06.jpg) no-repeat center top; width:100%; height:800px}
#part7_movie { background:url(https://static.web.sdo.com/chd/pic/140619job/images/job_07.jpg) no-repeat center top; width:100%; height:800px}
.wrap { width: 1000px; margin: 0 auto; position:relative}

h1.cont1_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_home.png) no-repeat center top; width:871px; height:351px; left:65px; top:485px; position:absolute}
h2.cont2_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_story.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}
h2.cont3_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_job.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}
h2.cont4_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_chr.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}
h2.cont5_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_map.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}
h2.cont6_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_mor.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}
h2.cont7_title { background:url(https://static.web.sdo.com/chd/pic/140619job/images/title_movie.png) no-repeat center top; width:375px; height:81px; left:10px; top:100px; position:absolute}

.story { width:386px; height:543px; left:28px; top:230px; position:absolute}

.job { width:966px; height:580px; left:18px; top:220px; overflow:hidden; position:absolute}

.chr { width:835px; height:404px; position:absolute}
.chrMeun { width:454px; height:70px; right:4px; top:550px; position:absolute; z-index:10}
.chrMeun li { width:70px; height:70px; border:1px #827285 solid; margin-right:7px; float:left; display:inline; cursor:pointer; text-indent:-9999px}
.chrMeun li.tag1 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/chr_menu.jpg) no-repeat 0 0}
.chrMeun li.tag2 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/chr_menu.jpg) no-repeat -70px 0}
.chrMeun li.tag3 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/chr_menu.jpg) no-repeat -140px 0}
.chrMeun li.tag4 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/chr_menu.jpg) no-repeat -210px 0}
.chrMeun li.tag5 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/chr_menu.jpg) no-repeat -280px 0}
.chrMeun li.tag1.hsk { background-position:0 -70px}
.chrMeun li.tag2.hsk { background-position:-70px -70px}
.chrMeun li.tag3.hsk { background-position:-140px -70px}
.chrMeun li.tag4.hsk { background-position:-210px -70px}
.chrMeun li.tag5.hsk { background-position:-280px -70px}
.chrIntro { width:835px; height:579px; left:125px; top:220px; position:absolute}

.map  { width:990px; left:10px; top:250px; position:absolute}
.map li { position:relative; left:0; top:0}
.container li { float:left; display:inline; height:240px; width:330px;}
.container li a{display:block;height:162px;text-align:center;width:250px;cursor:pointer;position:relative;}
.container img {width:250px; height:162px; border:1px #8fd6ff solid}


.mor { width:945px; height:404px; position:absolute}
.morMeun { width:454px; height:70px; right:4px; top:530px; position:absolute; z-index:20}
.morMeun li { width:70px; height:70px; border:1px #827285 solid; margin-right:7px; margin-bottom:7px; float:left; display:inline; cursor:pointer; text-indent:-9999px}
.morMeun li.tag1 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat 0 0}
.morMeun li.tag2 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -70px 0}
.morMeun li.tag3 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -140px 0}
.morMeun li.tag4 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -210px 0}
.morMeun li.tag5 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -280px 0}
.morMeun li.tag6 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat 0 -70px}
.morMeun li.tag7 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -70px -70px}
.morMeun li.tag8 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -140px -70px}
.morMeun li.tag9 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -210px -70px}
.morMeun li.tag10 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/mor_menu.jpg) no-repeat -280px -70px}
.morMeun li.tag1.hsk2 { background-position:0 -140px}
.morMeun li.tag2.hsk2 { background-position:-70px -140px}
.morMeun li.tag3.hsk2 { background-position:-140px -140px}
.morMeun li.tag4.hsk2 { background-position:-210px -140px}
.morMeun li.tag5.hsk2 { background-position:-280px -140px}
.morMeun li.tag6.hsk2 { background-position:0 -210px}
.morMeun li.tag7.hsk2 { background-position:-70px -210px}
.morMeun li.tag8.hsk2 { background-position:-140px -210px}
.morMeun li.tag9.hsk2 { background-position:-210px -210px}
.morMeun li.tag10.hsk2 { background-position:-280px -210px}
.morIntro { width:945px; height:404px; left:25px; top:210px; position:absolute}


.video { background:url(https://static.web.sdo.com/chd/pic/140619job/images/movie_bg.png) no-repeat center top; width:767px; height:457px; left:116px; top:230px; position:absolute}
#videoCon {width:728px; height:419px; margin:19px;  overflow:hidden;}
#btnCloseVideo,#playVideo {display:block; cursor:pointer; position:absolute;}
#btnCloseVideo {width:30px; height:30px; background:url(https://static.web.sdo.com/chd/pic/web6_new/index/images/video_close.png) no-repeat;  top:18px; right:19px; display:none;}
#playVideo { background:url(https://static.web.sdo.com/chd/pic/140619job/images/movie_btn.png) no-repeat center top; width:98px; height:98px; display:block; cursor:pointer; left:335px; top:180px; position:absolute}
#playVideo:hover {opacity:.7; filter:alpha(opacity=70);}


/* 浮动导航 */
#navbar { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_bg.png) no-repeat center top; width:100%; height:50px; margin:0 auto;position:fixed; top:0px; z-index:99;_position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
.menu { width:940px; left:45px; position:absolute}
.menu li { width:54px; height:30px; float:left; display:inline; margin:10px 38px; text-indent:-9999px}
.menu li a.a1 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat 0 0; width:54px; height:30px; display:block}
.menu li a.a1:hover {background-position:0 -30px}
.menu li a.a2 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -54px 0; width:54px; height:30px; display:block}
.menu li a.a2:hover {background-position:-54px -30px}
.menu li a.a3 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -108px 0; width:54px; height:30px; display:block}
.menu li a.a3:hover {background-position:-108px -30px}
.menu li a.a4 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -162px 0; width:54px; height:30px; display:block}
.menu li a.a4:hover {background-position:-162px -30px}
.menu li a.a5 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -216px 0; width:54px; height:30px; display:block}
.menu li a.a5:hover {background-position:-216px -30px}
.menu li a.a6 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -270px 0; width:54px; height:30px; display:block}
.menu li a.a6:hover {background-position:-270px -30px}
.menu li a.a7 { background:url(https://static.web.sdo.com/chd/pic/140619job/images/navbar_menu.png) no-repeat -324px 0; width:54px; height:30px; display:block}
.menu li a.a7:hover {background-position:-324px -30px}