@charset "utf-8";
/*create by 2015-07-07*/
body{ background:#fff none repeat center top; font:14px/1.15 "Microsoft Yahei",Arial,Helvetica,sans-serif; position:relative; overflow-x:hidden;}
.head{width:964px; height:84px; margin:0 auto; overflow:hidden;}
.head .logo{float:left; width:487px; overflow:hidden;}
.head .logo a{float:left; width:133px; height:38px; margin:23px 10px 0 1px; overflow:hidden;}
.head .logo var{ float:left; width:1px; height:23px; background:url(img/base-bg.png) no-repeat 0 0;margin-top:32px;}
.head .logo p{float:left; width:176px; height:83px; padding-left:12px; }
.head .logo p font{ display:block; white-space:nowrap; font-size:12px; }

/*nav*/
.nav{ float:right; width:315px; height:38px; margin:23px auto 0; }
.nav .nav-menu{ display:block; width:594px;  height:38px;}
.nav .nav-menu li{ float:left; width:80px; height:38px; position:relative;}
.nav .nav-menu li a{ display:block; width:100%; height:100%; text-align:center; line-height:38px; font-size:14px; color:#363636; font-weight:bold; outline:none;  position:relative;}
.nav .nav-menu li a:link,.nav .nav-menu li a:visited{color:#363636; text-decoration:none;}
.nav .nav-menu li a:hover{color:#e9474b;}
.nav .nav-menu li.on{color:#e9474b;}
.nav .nav-menu li.on a.nav-link,.nav .nav-menu li.hover a.nav-link{color:#e9474b;}
.nav .nav-menu a{float:left; width:65px; height:50px; line-height:50px;  text-align:center;  white-space:nowrap; font-size:14px; overflow:hidden;  cursor:pointer;}
.nav .nav-menu li span{ display:none; width:100%; position:absolute; top:27px; left:0; z-index:9;}
.nav .nav-menu li.hover span{ display:block;} 
.nav .nav-menu li span a{ display:block; width:100%; height:27px; margin-top:0px; position:relative;color:#fff;}
.nav .nav-menu li span a.selected,.nav .nav-menu li span a:hover{color:#f39800;}
.nav .nav-menu li span a var{ display:block; width:100%; height:27px; background:#444444; filter:alpha(opacity=90);opacity:0.9;-moz-opacity:0.9; }
.nav .nav-menu li span a b{ display:block; width:100%; height:27px; line-height:27px;font-weight:normal; position:absolute; top:0; left:0; text-align:center; z-index:9;}
.head .tab-web{ float:right; width:90px; height:18px; overflow:hidden; margin:33px 0 0 0;}
.head .tab-web a{float:left; width:20px; height:18px; margin-right:12px;  background-repeat:no-repeat; text-indent:-999em; cursor:pointer;}
.head .tab-web a.cn{background:url(img/base-sprite.png) no-repeat 0 0;}
.head .tab-web a.hk{background:url(img/base-sprite.png) no-repeat -32px 0;}
.head .tab-web a.en{background:url(img/base-sprite.png) no-repeat -62px 0; margin-right:0;}

.head .tab-web a.cn:hover{background:url(img/base-sprite.png) no-repeat -87px 0;}
.head .tab-web a.hk:hover{background:url(img/base-sprite.png) no-repeat -119px 0;}
.head .tab-web a.en:hover{background:url(img/base-sprite.png) no-repeat -149px 0; margin-right:0;}

.j-banner{width:100%; overflow:hidden; background:#e9474b;}
.j-h-banner{background:#3293ff url(img/j-h-bg.jpg) no-repeat center 0; height:430px;}
.j-banner .j-img{ width:964px; height:86px; margin:0 auto;}
.j-h-banner a{ display:block; width:964px; height:430px; margin:0 auto;}

.content{ width:100%;}
.job-box{ width:964px; height: 166px; margin:35px auto 0;}
.job-box .rec{float:left; width:300px; height:230px;}
.job-box .rec h1{display:block; width:300px; height:58px; background-image:url(img/job-sprite.png); background-repeat:no-repeat; overflow:hidden; position:relative;}
.job-box .rec-social h1{ background-position:0 0;}
.job-box .rec-campus h1{ background-position:0 -59px;}
.job-box .rec h1 span{ float:left; width:130px; height:150px; line-height:150px; text-indent:-999em;}
.job-box .rec h1 a{float:right; width:70px; height:26px; line-height:26px; margin:16px 16px 0 0; text-align:right; font-size:14px; color:#fff; white-space:nowrap;}
.job-box .rec h1 a:link,.job-box .rec h1 a:visited{color:#fff; text-decoration:none;}
.job-box .rec h1 a:hover{ color:#fee74c; text-decoration:none;}
.job-box .rec .c{display:block; width:100%; height:155px; padding-top:20px;}
.job-box .rec .c li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.job-box .rec .c li{display:inline-block;}
.job-box .rec .c li{display:block; height:36px; line-height:36px;}
.job-box .rec .c li var{float:right; color:#b5b5b5;}
.job-box .rec .c li span{float:left; width:190px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.job-box .rec .c li span a,.job-box .rec .c li span a:link,.job-box .rec .c li span a:visited{ display:block; color:#474747; text-decoration:none;}
.job-box .rec .c li span a:hover{color:#e9474b; text-decoration:none;}
.job-box .rec-social{ margin:0 32px;}

.job-box .job-list{float:left; width:511px; height:161px; border-radius:6px; -webkit-border-radius:6px; border:2px solid #eee; overflow:hidden;}
.job-box .job-list .job-list-tab{ height:45px; line-height:45px; padding:0 25px; position:relative;}
.job-box .job-list .job-list-tab h1{ display:block; text-align:left; font-family:"Microsoft Yahei"; font-weight:bold; color:#0972b9;}
.job-box .job-list .job-list-tab .more{display:block; position:absolute; top:0px; right:25px; color:#4eadf1; text-decoration:none;}
.job-box .job-list .job-list-tab .more:link,.job-box .job-list .job-list-tab .more:visited{color:#4eadf1; text-decoration:none;}
.job-box .job-list .job-list-tab .more:hover{color:#0971bb; text-decoration:none;}
.job-box .job-list .job-list-body ul{float:left; width:203px; height:102px; padding:0 26px; border-right:1px solid #eee;}
.job-box .job-list .job-list-body li a:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.job-box .job-list .job-list-body li a{display:inline-block;}
.job-box .job-list .job-list-body li a{display:block; }
.job-box .job-list .job-list-body li a font{float:left; width:115px; color:#595959;}
.job-box .job-list .job-list-body li a em{float:right; width:77px;}
.job-box .job-list .job-list-body li{ height:25px; line-height:25px; overflow:hidden;}
.job-box .job-list .job-list-body li a:link font,.job-box .job-list .job-list-body li a:visited font{ color:#595959;}
.job-box .job-list .job-list-body li a:hover font{ color:#e97629;}
.job-box .job-list .job-list-body li a:link em,.job-box .job-list .job-list-body li a:visited em{ color:#b5b5b5;}
.job-box .job-list .job-list-body li a:hover em{ color:#e97629;}
.job-box .job-pic{float:right; width:431px; height:165px; overflow:hidden;}
.job-box .job-pic #job-video{float:left; width:249px; height:165px; overflow:hidden;}
.job-box .job-pic span{float:right; width:166px; height:165px; overflow:hidden;}
.job-box .job-pic img{ display: block; width: 100%; height: 100%; border:0;}


.brand a{display:block; float:left;  margin:40px 58px 20px; width:75px; height:160px; text-align:center; position:relative;}
.brand var{ display:block; width:75px; height:90px; margin-bottom:32px; overflow:hidden;}
.brand img{ display:block; width:100%; height:100%; margin:0 auto;}

.brand strong{display:block; text-align:center; color #369242;}
.brand strong.i1{ color:#e95d00;}
.brand strong.i2{ color:#6c1fae;}
.brand strong.i3{ color:#0acdb4;}
.brand strong.i4{ color:#fcd000;}
.brand strong.i5{ color:#2aba03;}


.j-s-banner{background:#fff url(img/j-s-bg.jpg) no-repeat center 0; height:210px;}
.j-s-banner .j-img{width:964px; height:210px; margin:0 auto; position:relative;}
.j-s-banner .search-box{ width:353px; height:166px; background:#fefdfc; border-radius:8px; -webkit-border-radius:8px; position:absolute; top:22px; right:10px; z-index:1;}
.j-s-banner .search-box strong{display:block; padding:20px 0 0 29px; font-size:14px; font-weight:bold; color:#313131;}
.j-s-banner .search-box .con{display:block; padding:17px 0 0 29px;}
.j-s-banner .search-box .con p{ display:block; line-height:26px; font-size:12px;}
.j-s-banner .search-box .con .s-cate{ width:298px; height:29px; padding:10px 0 0;}
.j-s-banner .search-box .s-cate span{float:left; width:200px; height:27px; line-height:27px; border:1px solid #e5e5e5;}
.j-s-banner .search-box .s-cate span input{ display:block; border:0;  padding:0 3%; font-size:14px; line-height:23px; color:#959595;}
.j-s-banner .search-box .s-cate button{float:right; width:89px; height:29px; border:0; background:url(img/job-sprite.png) no-repeat 0 -225px; overflow:hidden;  text-indent:-999em; cursor:pointer;}

.x-slide{width:100%; height: 100%; margin:0 auto; position:relative; overflow:hidden;}
.x-slide ul{display:block; width:100%; height: 100%; overflow:hidden;}
.x-slide li{display:block; width:100%; height: 100%;  position:absolute; top:0; left:0;}
.x-slide li img{display:block; width:100%; height: 100%;  border:0;}
.x-slide .btn{ width:100%; position:absolute; bottom:18px; left:0; text-align:center;}
.x-slide .btn span{ display:inline-block; *display:inline; *zoom:1;  vertical-align:middle; width:10px; height:10px; margin:0 5px; border-radius:50px; -webkit-border-radius:50px;  background:rgba(255,255,255,0.5);  overflow:hidden;  margin-right:5px; cursor:pointer; }
.x-slide .btn span.current{background:#fff; width:14px; height:14px;}

.j-c-banner{background:#fff url(img/j-c-bg.jpg) no-repeat center 0; height:430px;}
.j-c-banner .j-img{width:964px; height:430px; margin:0 auto; position:relative;}
.j-c-banner .com-video{ width:474px; height:374px; background: #000; border-radius: 10px; -webkit-border-radius: 10px;  position:absolute; top:28px; right:14px; z-index:1;}
.j-c-banner .com-video var{display:block; width:30px; height:30px; position:absolute;}
.j-c-banner .com-video var.v1{background:url(img/v1.png) no-repeat 0 0; top:0; left:0; z-index:2;}
.j-c-banner .com-video var.v2{background:url(img/v2.png) no-repeat 0 0; top:0; right:0; z-index:2;}
.j-c-banner .com-video var.v3{background:url(img/v3.png) no-repeat 0 0; bottom:0; left:0; z-index:2;}
.j-c-banner .com-video var.v4{background:url(img/v4.png) no-repeat 0 0; bottom:0; right:0; z-index:2;}
.j-c-banner .v-body{ width:458px; height:353px; border-radius:10px; -webkit-border-radius:10px; position:absolute; top:8px; left:8px; z-index:1;}
.j-c-banner .v-sp{ display: none; width:458px; height:353px; position: right: ;}
.j-c-banner .v-body .on{ display: block;}
.j-c-banner .v-sp font{ display: block; width: 225px; color: #fff; margin: 22px 0 0 6px;}
.j-c-banner .v-tab{ width: 212px; height: 39px; position: absolute; bottom: 13px; right: 0; overflow: hidden; z-index: 9999;}
.j-c-banner .v-tab span{ float: left; width: 63px; height: 39px; margin-right: 8px; opacity: 0.5}
.j-c-banner .v-tab .on{ opacity: 1;}
.j-c-banner .player{ width:458px; height:300px; border-radius:10px; -webkit-border-radius:10px; position: absolute; top: 0; left: 0;}


.j-social{}
.j-social{width:964px; margin:28px auto 0;}
.j-social .s-tab{float:left; width:196px;}
.j-social .s-body{float:right; width:744px;}
.j-social .s-tab .sc{border:2px solid #eee; border-radius:6px; -webkit-border-radius:6px; margin-bottom:20px;}
.j-social .s-tab .sc h1{height:46px; line-height:46px; padding-left:18px; color:#707070; font-weight:bold; border-bottom:1px solid #eee;}
.j-social .s-tab .sc-position{height:270px; overflow:hidden;}
.j-social .s-tab .sc-position ul{display:block;}
.j-social .s-tab .sc-position ul li{display:block; height:44px; line-height:44px; padding:0 25px; border-bottom:1px solid #eee;}
.j-social .s-tab .sc-position ul li a:link,.j-social .s-tab .sc-position ul li a:visited{color:#313131; text-decoration:none;}
.j-social .s-tab .sc-position ul li.on a,.j-social .s-tab .sc-position ul li.on a:link,.j-social .s-tab .sc-position ul li.on a:visited,.j-social .s-tab .sc-position ul li a:hover{color:#00a0e9; font-weight:bold;}
.j-social .s-tab .sc-position ul li a i{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:23px; height:23px; margin-right:13px; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-social .s-tab .sc-position i.i-ch{ background-position:0 -1442px;}
.j-social .s-tab .sc-position i.i-cx{ background-position:-24px -1442px;}
.j-social .s-tab .sc-position i.i-ms{ background-position:-48px -1442px;}
.j-social .s-tab .sc-position i.i-yy{ background-position:-72px -1442px;}
.j-social .s-tab .sc-position i.i-zn{ background-position:-96px -1442px;}

.j-social .s-tab .sc-recruit{height:206px; overflow:hidden;}
.j-social .s-tab .sc-recruit ul{display:block; padding-top:7px;}
.j-social .s-tab .sc-recruit ul li{display:block; height:28px; line-height:28px; padding:0 2px 0 19px; position:relative;}
.j-social .s-tab .sc-recruit ul li a{ display:inline-block; *display:inline; *vertical-align:middle; width:128px; color:#313131; white-space:nowrap;}
.j-social .s-tab .sc-recruit ul li a:link,.j-social .s-tab .sc-recruit ul li a:visited{color:#313131; text-decoration:none;}
.j-social .s-tab .sc-recruit ul li a:hover{color:#ff9415;}
.j-social .s-tab .sc-recruit ul li i{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:27px; height:13px;}
.j-social .s-tab .sc-recruit ul li i.new{ background:url(img/new.gif) no-repeat 0 center;}
.j-social .s-tab .sc-recruit ul li i.hot{ background:url(img/hot.gif) no-repeat 0 center;}
 
.j-social .s-tab .sc-contact{margin-bottom:0;}
.j-social .s-tab .sc-contact h1{position:relative;} 
.j-social .s-tab .sc-contact h1 var{display:block; width:24px; height:17px; background:url(img/job-sprite.png) no-repeat -120px -1448px; position:absolute; top:14px; right:16px;} 
.j-social .s-tab .sc-contact ul{display:block; padding-top:7px;}
.j-social .s-tab .sc-contact ul li{display:block; height:26px; line-height:26px; color:#989898; padding:0 2px 0 19px; position:relative;}
.j-social .s-tab .sc-contact ul li a{ display:inline-block; *display:inline; *vertical-align:middle; width:128px; color:#313131; white-space:nowrap;}
.j-social .s-tab .sc-contact ul li a:link,.j-social .s-tab .sc-contact ul li a:visited{color:#989898; text-decoration:none;}
.j-social .s-tab .sc-contact ul li a:hover{color:#ff9415;}
.j-social .s-tab .sc-contact p{display:block; height:26px; line-height:26px; padding:10px 2px 16px 19px; color:#989898; }
.j-social .s-tab .sc-contact p i{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:17px; height:17px; background:url(img/job-sprite.png) no-repeat -145px -1448px; margin:-1px 5px 0 0;}
.j-social .s-body .con{ display:none; min-height:760px; _height:760px; border:2px solid #eee; border-radius:6px; -webkit-border-radius:6px;}
.j-social .s-body .on{display:block;}
.j-social .s-body .s-head{ height:106px; border-bottom:1px solid #eee; overflow:hidden; position:relative;}
.j-social .search-box{ width:353px; height:70px; background:#fefdfc; border-radius:8px; -webkit-border-radius:8px; position:absolute; top:20px; right:10px; z-index:1;}
.j-social .search-box strong{display:block; padding:0 0 0 29px; font-size:14px; font-weight:bold; color:#707070;}
.j-social .search-box .s-con{display:block; padding:10px 0 0 29px;}
.j-social .search-box .s-con p{ display:block; line-height:26px; font-size:12px;}
.j-social .search-box .s-con .s-cate{ width:298px; height:29px; padding:10px 0 0;}
.j-social .search-box .s-cate span{float:left; width:200px; height:27px; line-height:27px; border:1px solid #e5e5e5;}
.j-social .search-box .s-cate span input{ display:block; border:0;  padding:0 3%; font-size:14px; line-height:23px; color:#959595;}
.j-social .search-box .s-cate button{float:right; width:89px; height:29px; border:0; background:url(img/job-sprite.png) no-repeat 0 -225px; overflow:hidden;  text-indent:-999em; cursor:pointer;}
.j-social .s-head .location{float:left; width:295px; height:66px; padding:16px 0 0 26px;}  
.j-social .s-head .location strong{ line-height:24px; color:#707070;}
.j-social .s-head .location p{display:block; padding:22px 0 0; color:#959595;}
.j-social .s-head .location p b{color:#00a0e9;}
.j-social .s-head .location p a,.j-social .s-head .location p a:link,.j-social .s-head .location p a:visited{color:#959595; text-decoration:none;}
.j-social .s-head .location p a:hover b{color:#00a0e9;}
.j-social .s-body .s-con table{ width:96%; margin:0 auto; border:0; line-height:62px; text-align:center; color:#707070;}
.j-social .s-body .s-con table tr{}
.j-social .s-body .s-con table thead th{ font-weight:bold; border-bottom:1px solid #eee;}
.j-social .s-body .s-con table tr td{color:#707070; border-bottom:1px solid #eee;}
.j-social .s-body .s-con table tr td.t-lf{text-align:left; width:250px;}
.j-social .s-body table td a,.j-social .s-body table td a:link,.j-social .s-body table td a:visited{color:#707070; white-space:nowrap;}
.j-social .s-body table td a:hover{color:#ff9415;}
.j-social .s-body table td a i{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:5px; height:8px; background:url(img/base-bg.png) no-repeat -195px 0; margin-left:10px;}
.j-social .s-body table td a:hover i{background:url(img/base-bg.png) no-repeat -195px -12px;}
.j-social .s-body table td.detail {display:none;} /* add by xiefg */


.j-compus .row{ width:100%; margin:0 auto; border-bottom:1px solid #eee;}
.j-compus .enter{ width: 1440px; height: 75px; background: #000; margin: 0 auto; overflow: hidden;}
.j-compus .enter span{ display: block; width: 440px; height: 75px; margin: 0 auto;}
.j-compus .row .wrap{ width:964px; margin:0 auto; overflow:hidden;}
.j-compus .row h1{display:block; width:149px; height:25px; margin:32px auto 0; text-indent:-999em; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-compus .stroke h1{ width: 167px; height: 38px; background-position:-460px -256px;  position:absolute; top:0; left:50%; margin-left:-83px; z-index:99;}

/* 时间轴样式 */
.j-compus .stroke .wrap{padding-bottom:45px; position:relative;}
.j-compus .stroke .show{width:964px;  margin:0 auto; position:relative;}
.j-compus .stroke .picBox{width:964px; height:190px; overflow:hidden;  position:relative;}
.j-compus .stroke .scrollBox{ display:block;height:150px; position:absolute; top:0; left:0;}
.j-compus .stroke .image-slider{ display:block;position:absolute;left:0px;top:0px; height:180px;white-space:nowrap;}
.j-compus .stroke .image-slider-back,.j-compus .stroke .image-slider-forward{ display:block; width:34px;height:36px;position:absolute; top:90px; cursor:pointer; z-index:9;}
.j-compus .stroke .image-slider-back{ left:8px;}
.j-compus .stroke .image-slider-forward{ right:10px;}
.j-compus .stroke .image-slider-back{background-image:url(img/un-arrow-left.png);background-repeat:no-repeat;background-position:left;}
.j-compus .stroke .show .lenble{background-image:url(img/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.j-compus .stroke .show .lunenble{background-image:url(img/un-arrow-left.png);background-repeat:no-repeat;background-position:left;}
.j-compus .stroke .image-slider-forward{background-image:url(img/arrow-right.png);background-repeat:no-repeat;background-position:right;}
.j-compus .stroke .show .renble{background-image:url(img/arrow-right.png);background-repeat: no-repeat;background-position:left;}
.j-compus .stroke .show .runenble{background-image:url(img/un-arrow-right.png);background-repeat: no-repeat;background-position:left;}
.j-compus .stroke .image-slider-contents{width:560px;height:120px;float: left;position: relative;overflow:hidden; margin:0 5px 0 7px;}
.j-compus .stroke .image-slider-contents .contents-wrapper{position:absolute;left:0;}
.j-compus .stroke .image-slider-contents .outer{float:left;width:181px;height:120px; margin-right:8px;cursor:pointer; position:relative;}
.j-compus .stroke .show .scrollBox{height:180px; width:964px; background:url(img/job-sprite.png) no-repeat 0 -415px;}
.j-compus .stroke .show .scrollBox li{ float:left;  width:113px; height:180px; text-align:center; position:relative; }
.j-compus .stroke .show .scrollBox li span{ display:block; width:54px;  position:absolute; top:95px; left:60px;}
.j-compus .stroke .show .scrollBox li span var{ display:block; width:54px; background:url(img/job-sprite.png) no-repeat 0 -386px; padding-top:30px;}
.j-compus .stroke .show .scrollBox li span b{ display:block; font-size:18px; color:#22ac38; font-weight:bold;}
.j-compus .stroke .show .scrollBox .shiji{ position:absolute; width:113px; height:100px; left:0px; top:78px; cursor:pointer;}
.j-compus .stroke .show .scrollBox .shiji em{ display:block; width:66px; height:66px;  margin:0 auto;  overflow:hidden; text-indent: -999em; cursor: pointer;}
.j-compus .stroke .show .scrollBox li.s1 em{background:url(img/job-sprite.png) no-repeat -561px -1746px;}
.j-compus .stroke .show .scrollBox li.s1 em.on{background:url(img/job-sprite.png) no-repeat -561px -1833px;}
.j-compus .stroke .show .scrollBox li.s2 em{background:url(img/job-sprite.png) no-repeat -633px -1746px;}
.j-compus .stroke .show .scrollBox li.s2 em.on{background:url(img/job-sprite.png) no-repeat -633px -1833px;}
.j-compus .stroke .show .scrollBox li.s3 em{background:url(img/job-sprite.png) no-repeat -705px -1746px;}
.j-compus .stroke .show .scrollBox li.s3 em.on{background:url(img/job-sprite.png) no-repeat -705px -1833px;}
.j-compus .stroke .show .scrollBox li.s4 em{background:url(img/job-sprite.png) no-repeat -777px -1746px;}
.j-compus .stroke .show .scrollBox li.s4 em.on{background:url(img/job-sprite.png) no-repeat -777px -1833px;}
.j-compus .stroke .show .scrollBox li.s5 em{background:url(img/job-sprite.png) no-repeat -849px -1746px;}
.j-compus .stroke .show .scrollBox li.s5 em.on{background:url(img/job-sprite.png) no-repeat -849px -1833px;}





.j-compus .stroke .show .scrollBox .shiji b{display:block; padding-top:10px; font-size:14px; color:#313131; font-weight:bold; }
.j-compus .stroke .show .scrollBox li.s2{ margin:0 160px;}
.j-compus .stroke .show .scrollBox li.s3{ margin:0 160px 0 0;}
.j-compus .stroke .show .scrollBox li.s4{ margin:0;}
.j-compus .stroke .show .scrollBox li.s5{ margin:0 0 0 0;}
.j-compus .stroke .preach{ width:954px; min-height:145px; _height:145px; margin:10px auto 0; border:3px dashed #e5e5e5; background:#fbfbfb; position:relative;}
.j-compus .stroke .preach .pon{display:none; padding:24px 40px 0;}
.j-compus .stroke .preach .on{display:block;}
.j-compus .stroke .preach .pon var{ display:block; width:31px; height:15px; background:url(img/job-sprite.png) no-repeat -909px -1478px; position:absolute; top:-15px; left:40px;}
.j-compus .stroke .preach .p1 var{left:40px;}
.j-compus .stroke .preach .p2 var{left:310px;}
.j-compus .stroke .preach .p3 var{left:583px;}
.j-compus .stroke .preach .p4 var{left:859px;}
.j-compus .stroke .preach .p5 var{left:860px;}
.j-compus .stroke .preach .p6 var{left:863px;}
.j-compus .stroke .preach .pon dl{}
.j-compus .stroke .preach .pon dl dt{display:block; height:30px; line-height:30px; padding-bottom:10px; color:#000; font-size:21px; }
.j-compus .stroke .preach .pon dt span{display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:40px; height:30px; margin-right:5px;}
.j-compus .stroke .preach .pon dd{padding-top:10px; padding-bottom:10px;} 
.j-compus .stroke .preach .pon dd p{ display:block; height:55px; line-height:55px;  border-top:1px solid #eee;}
.j-compus .stroke .preach .pon p font:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-compus .stroke .preach .pon p font{display:inline-block;}
.j-compus .stroke .preach .pon p font{display:block;}
.j-compus .stroke .preach .pon p font{ float:left; width:168px; color:#626262; font-size:14px;}
.j-compus .stroke .preach .pon p font.f0{ width:343px; white-space:nowrap;}


.j-compus .position h1{width:160px; height: 65px; background-position:-629px -256px; margin:30px auto 20px;}
.j-compus .position ul{display:block; margin:0 -28px 0;}
.j-compus .position ul li{float:left; width:160px; height:232px; margin:0 22px; position:relative;}
.j-compus .position ul li .pic{display:block; width:160px; height:196px;  overflow:hidden;}
.j-compus .position ul li .pic img{ display:block; width:160px; height:138px; border:0; }
.j-compus .position ul li .btn{ display:block; width:100px; height:31px; text-align:center; line-height:31px; color:#000; font-size:14px; font-weight: bold; background:#ffdb3f; border-radius:20px; -webkit-border-radius:20px; margin:0 auto 20px; position:relative;}
.j-compus .position ul li .btn i{ display:block; width:10px; height:5px; background:url(img/job-sprite.png) no-repeat -877px 0; position:absolute; top:31px; left:45px;}


.j-compus .process h1{width:108px; height: 54px; background-position:-791px -256px;  margin:20px auto;}
.j-compus .process ul{display:block; margin:0 -15px;}
.j-compus .process ul li{float:left; width:175px; height:245px; margin:0; overflow:hidden;}
.j-compus .process ul li .pic{display:block; width:134px; height:134px; margin:0 auto; overflow:hidden; cursor:default;}
.j-compus .process ul li .pic img{ display:block; width:134px; height:134px; border:0;}
.j-compus .process ul li .btn{ display:block; width:100%;  text-align:center;  color:#959595; font-size:14px; border-radius:20px; -webkit-border-radius:20px; margin:21px auto 0;cursor:default;}
.j-compus .process ul li .btn b{ display: block; font-weight: bold; color: #000; padding-bottom: 8px;}
.j-compus .process ul li .btn font{ display: block; color: #878787;}
.j-compus .process ul li.pr-icon{ width:27px;}
.j-compus .process ul li.pr-icon var{ display:block; width:27px; height:15px; margin-top:70px; background:url(img/job-sprite.png) no-repeat -903px -49px;}

.position,.process{ }

/*  */
.scroll .show{width:964px; height:166px; margin:30px auto 20px; position:relative;}
.scroll .picBox{width:886px; height:166px;margin-left:42px; overflow:hidden;  position:relative;}
.scroll .scrollBox{ display:block;height:166px; position:absolute; top:0; left:0;}
.scroll .image-slider{ display:block;position:absolute;left:0px;top:0px; width:5000px; height:166px;white-space:nowrap;}
.scroll .image-slider-back,.scroll .image-slider-forward{ display:block; width:34px;height:36px;position:absolute; top:67px; cursor:pointer; z-index:9;}
.scroll .image-slider-back{ left:0px;}
.scroll .image-slider-forward{ right:0px;}
.scroll .image-slider-back{background-image:url(img/un-arrow-left.png);background-repeat:no-repeat;background-position:left;}
.scroll .show .lenble{background-image:url(img/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.scroll .show .lunenble{background-image:url(img/un-arrow-left.png);background-repeat:no-repeat;background-position:left;}
.scroll .image-slider-forward{background-image:url(img/arrow-right.png);background-repeat:no-repeat;background-position:right;}
.scroll .show .renble{background-image:url(img/arrow-right.png);background-repeat: no-repeat;background-position:right;}
.scroll .show .runenble{background-image:url(img/un-arrow-right.png);background-repeat: no-repeat;background-position:right;}
.scroll .image-slider-contents{width:560px;height:120px;float: left;position: relative;overflow:hidden; margin:0 5px 0 7px;}
.scroll .image-slider-contents .contents-wrapper{position:absolute;left:0;}
.scroll .image-slider-contents .outer{float:left;width:181px;height:120px; margin-right:8px;cursor:pointer; position:relative;}
.scroll .show .scrollBox{height:166px; width:886px;}
.scroll .show .scrollBox li{ float:left;  width:295px; height:166px; text-align:center; position:relative; }
.scroll .show .scrollBox li a{ display:block; width:245px; height:166px; margin:0 auto; overflow:hidden; cursor:default;}

.j-compus .compus{ width:100%; height:188px; background:#ffdb3f; margin:50px auto 0;}
.j-compus .compus .wrap{height:188px; position:relative;}
.j-compus .compus .apply-btn{ display:block; width:153px; height:50px; background:url(img/job-sprite.png) no-repeat -182px -1676px; border:0; position:absolute; left:317px; top:68px; cursor:pointer;}
.j-compus .compus .wenti-btn{ display:block; width:153px; height:50px; background:url(img/job-sprite.png) no-repeat -366px -1676px; border:0; position:absolute; right:310px; top:68px; cursor:pointer;}


.video-tip{ display:none; width:390px; height:77px; background:#fff; border-radius:10px; -webkit-border-radius:10px; position:absolute; top:18%; left:50%; margin-left:-195px; z-index:999;}
.video-tip .close{ display:block; width:32px; height:32px; position:absolute; top:10px; right:10px; background:url(img/job-sprite.png) no-repeat 0 -633px; text-indent:-999em; cursor:pointer;}
.video-tip .close:hover{background:url(img/job-sprite.png) no-repeat -33px -633px;}
.video-tip p{ display:block; white-space:nowrap; color:#000; font-size:14px; line-height:77px; text-align:center; padding:0 20px;}


.t-mask{ display:none; width:100%; height:100%; background:#000; filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8; position:absolute; top:0; left:0; z-index:99;}
.job-layer{ width:730px; height:377px; background:#fff; border-radius:10px; -webkit-border-radius:10px; position:absolute; top:30%; left:50%; margin-left:-365px; z-index:999;}
.job-layer .close{ display:block; width:32px; height:32px; margin:10px 0 0 687px; background:url(img/job-sprite.png) no-repeat 0 -633px; text-indent:-999em; cursor:pointer; position: relative; z-index: 999;}
.job-layer .close:hover{background:url(img/job-sprite.png) no-repeat -33px -633px;}
.job-layer-box{width:730px; height:333px; position:relative;}
.job-layer-box img{display:block; border:0; width:270px; height:233px; position:absolute; top:-118px; left:290px;}
.job-layer h3{ display:block; width:220px; height:57px; margin:-20px 0 35px 37px; background-image:url(img/job-sprite.png); background-repeat:no-repeat; overflow:hidden; text-indent:-999em;}
.job-layer .job-location{ position:absolute; top:30px; left:165px; font-weight:bold; font-size:12px; color:#2f2f2f;}
.job-layer .develop h3{background-position:0 -672px;}
.job-layer strong{ display:block; margin:-23px 0 15px 40px; font-size:12px; color:#2f2f2f;}
.job-layer .plan h3{background-position:0 -730px;}
.job-layer .design h3{background-position:0 -788px;}
.job-layer .specialist h3{background-position:0 -846px;}
.job-layer .functional h3{background-position:0 -904px;}
.job-layer .job-con{ padding:0 40px; height:210px; overflow:hidden;}
.job-layer .job-con dl{font-size:12px; color:#2f2f2f;}
.job-layer .job-con .t1{float:left; width:415px; }
.job-layer .job-con .t2{float:right; width:200px; padding-left:22px; border-left:1px dashed #eee;}
.job-layer .job-con dl dt{display:block; color:#2f2f2f; font-size:14px; line-height:32px; font-weight:bold;}
.job-layer .job-con dl dd p{ display:block; line-height:22px;}
.job-layer .job-apply-btn{ display:block; width:160px; height:41px; margin:0 auto; text-indent:-999em; cursor:pointer; border:0; background:url(img/job-sprite.png) no-repeat 0 -1791px; overflow:hidden; cursor:pointer;}



.clerk-layer{width:574px;  border-radius:10px; -webkit-border-radius:10px; position:absolute; top:30%; left:50%; margin-left:-287px; z-index:999;}
.clerk-layer a.close{ display:block; width:26px; height:26px;  position:absolute; top:13px; right:12px; text-indent:-999em; cursor:pointer; z-index:9;}
.j-social-layer a.close{ background:url(img/job-sprite.png) no-repeat -913px -81px;}
.j-compus-layer a.close{ width:32px; height:32px; background:url(img/job-sprite.png) no-repeat -908px -1570px; top:16px;}

.clerk-layer .s-box{ float:left; width:574px; cursor:pointer;}
.j-social-layer .s-box .t-head{ width:574px; height:52px; line-height:52px; background:#00a0e9; border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; overflow:hidden;}
.j-compus-layer .s-box .t-head{ width:574px; height:66px; line-height:66px; background:#8fc31f; border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; overflow:hidden;}

.clerk-layer .s-box .t-head span{ display:block; line-height:48px; font-weight:bold; font-size:18px; color:#fff; padding-left:20px;}
.j-compus-layer .s-box .t-head span{ display:block; line-height:66px; font-weight:bold; font-size:18px; color:#fff; padding-left:20px;}

.clerk-layer .s-box .t-body{min-height:150px; _height:150px; background:#fff; border-left:1px solid #eee;border-right:1px solid #eee; padding:10px 25px 0; }
.clerk-layer .s-box .t-body .r{ height:72px; line-height:23px; padding-top:10px; border-bottom:1px solid #eee; margin-bottom:10px;}
.clerk-layer .s-box .t-body .r em{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; padding:0 20px 0 0;}
.clerk-layer .s-box .t-body dl{display:block; padding-bottom:13px;}
.clerk-layer .t-body dl dt{ display:block; color:#313131; font-weight:bold; line-height:32px;}
.clerk-layer .t-body dl dd{ display:block;}
.clerk-layer .t-body dl dd p{ display:block; line-height:22px; font-size:12px; color:#313131;}
.clerk-layer .t-foot{background:#fff; min-height:39px; padding-bottom:20px; border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px;}
.clerk-layer .t-foot .aply-btn{display:block; width:175px; height:42px; margin:0 auto; border:0; background:url(img/job-sprite.png) no-repeat -765px -1294px; text-indent:-999em; cursor:pointer;}
.clerk-layer .aply-msg{ display:none; padding-top:4px; margin:0 26px; border-top:1px solid #eee; position:relative;}
.clerk-layer .aply-msg strong{display:block; font-size:16px; color:#1b1b1b; padding:20px 0 0 0;}
.clerk-layer .aply-msg em{display:block; font-size:12px; color:#a9a9a9; padding-top:5px;}
.clerk-layer .aply-msg form{display:block; padding:20px 0 0;}
.clerk-layer .aply-msg form .field{float:left; width:255px; height:40px; margin-right:5px; position:relative;}
.clerk-layer form .field label{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:60px; line-height:26px; text-align:right; color:#1b1b1b;}
.clerk-layer form .field .textbox{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:160px; padding:0 5px; height:28px; line-height:28px;  margin-left:10px; border:1px solid #e5e5e5; border-radius:2px; -webkit-border-radius:2px;}
.clerk-layer .aply-msg form .field .files{display:none; width:115px;  height:23px;text-align:left; line-height:23px; color:#f00; margin-left:75px; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.clerk-layer .aply-msg form .zp .files{margin-left:120px; }
.clerk-layer .aply-msg form .field .cancle{ display:none; width:26px; height:26px; text-indent:-999em; background:url(img/job-sprite.png) no-repeat -73px -636px; position:absolute; top:4px; left:205px; cursor:pointer;}
.clerk-layer .aply-msg form .zp .cancle{left:250px; }

.clerk-layer .aply-msg form .city input{width:105px; background:url(img/an.gif) no-repeat 97px center; cursor:pointer;}
.clerk-layer .aply-msg form .city label{margin-left:45px;}
.clerk-layer .aply-msg form .city ul{ display:none; width:115px; border:1px solid #eee; border-radius:2px; -webkit-border-radius:2px; position:absolute; top:30px; left:119px; z-index:999;}
.clerk-layer .aply-msg form .city ul li{ display:block; height:26px; line-height:26px; color:#707070; padding-left:5px; border-bottom:1px solid #eee; background:#fff;}
.clerk-layer .aply-msg form .upload input{width:118px; height:33px; position:absolute; top:0; right:64px; z-index:1; filter:alpha(opacity=0);opacity:0;-moz-opacity:0; cursor:pointer;}
.clerk-layer .aply-msg form .upload .uploadbtn{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:118px; height:33px; margin-left:10px; border:0; text-indent:-999em; cursor:pointer; background:url(img/job-sprite.png) no-repeat -822px -1382px;}
.clerk-layer .aply-msg form .zp .filebox{ right:18px;}
.clerk-layer .aply-msg form .zp label{margin-left:45px;}
.clerk-layer .aply-msg .delivery-btn{display:block; width:130px; height:42px; margin:180px auto 0; *margin:10px auto 0; _margin:10px auto 0; border:0;  text-indent:-999em; cursor:pointer;}
.j-social-layer .aply-msg .delivery-btn{ background:url(img/job-sprite.png) no-repeat -810px -1338px;}
.j-compus-layer .aply-msg .delivery-btn{ background:url(img/job-sprite.png) no-repeat -810px -1243px;}

.clerk-layer .s-box .t-body strong{ display:block; font-size:16px; color:#1b1b1b; white-space:nowrap; line-height:40px;}
.clerk-layer .s-box .t-body .u-btn{ min-height:150px;}
.clerk-layer .s-box .t-body .c-btn{float:left; width:24.5%; height:104px; margin:13px auto 0; overflow:hidden;}
.clerk-layer .s-box .t-body .c-btn span{display:block; width:67px; height:104px; margin:0 auto; text-indent:-999em; cursor:pointer;}
.clerk-layer .s-box .c-btn-01 span{ background:url(img/job-sprite.png) no-repeat 0 -1951px;}
.clerk-layer .s-box .c-btn-02 span{ background:url(img/job-sprite.png) no-repeat -105px -1951px;}
.clerk-layer .s-box .c-btn-03 span{ background:url(img/job-sprite.png) no-repeat -210px -1951px;}
.clerk-layer .s-box .c-btn-04 span{ background:url(img/job-sprite.png) no-repeat -314px -1951px;}

.clerk-layer .s-box .c-btn-01:hover span,.clerk-layer .s-box .c-btn-01.on span{ background:url(img/job-sprite.png) no-repeat 0 -1845px;}
.clerk-layer .s-box .c-btn-02:hover span,.clerk-layer .s-box .c-btn-02.on span{ background:url(img/job-sprite.png) no-repeat -105px -1845px;}
.clerk-layer .s-box .c-btn-03:hover span,.clerk-layer .s-box .c-btn-03.on span{ background:url(img/job-sprite.png) no-repeat -210px -1845px;}
.clerk-layer .s-box .c-btn-04:hover span,.clerk-layer .s-box .c-btn-04.on span{ background:url(img/job-sprite.png) no-repeat -314px -1845px;}

.clerk-layer .s-box .t-body span.tip{ display:block; line-height:100px; text-align:center; font-size:14px; color:#313131;}


.clerk-layer .t-foot span{ padding-left:15px; color:#24a7ea;}
.clerk-layer .pagination{margin:10px auto 0; background:#f8f8f8; border-radius:8px; -webkit-border-radius:8px; text-align:center;}


.j-wenti-layer{}
.wenti-layer{width:574px; height:622px; overflow:hidden; background:#fff;  border-radius:10px; -webkit-border-radius:10px; position:absolute; top:30%; left:50%; margin-left:-287px; z-index:999;}
.j-wenti-layer a.close{ display:block; width:26px; height:26px;  position:absolute; top:8px; right:12px; text-indent:-999em; cursor:pointer; z-index:9;}
.j-wenti-layer a.close{ width:32px; height:32px; background:url(img/job-sprite.png) no-repeat -908px -1570px;}
.wenti-layer h2{display:block; width:97px; height:37px; margin:31px 0 20px 31px; background:url(img/job-sprite.png) no-repeat 0 -2062px; text-indent:-999em;}
.j-wenti-layer .wenti-con{ width:507px; height:482px; overflow:auto; margin:0 auto; position:relative;}
.j-wenti-layer .wenti-con .ms{ padding:10px 0 30px; border-bottom:1px dotted #c2c2c2;}
.j-wenti-layer .wenti-con .ms strong{display:block; color:#000; font-size:14px; line-height:36px; margin-bottom:10px;}
.j-wenti-layer .wenti-con .ms i{ font-style:normal; color:#000; font-size:16px; padding-right:10px;}
.j-wenti-layer .wenti-con .ms p i{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; height:50px; padding-top:3px; font-weight:bold;}
.j-wenti-layer .wenti-con .ms p font{display:inline-block; *display:inline; *zoom:1; vertical-align:top; width:440px; line-height:23px; color:#585858;}
.j-wenti-layer .wenti-con .ms p a:link,.j-wenti-layer .wenti-con .ms p a:visited{color:#2f2f2f;}
.j-wenti-layer .wenti-con .ms p a:hover{color:#fc830d;}
.j-wenti-layer .wenti-con .ms p font em{ display:block; padding-bottom:20px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px !important;  background:#ffdb3f !important;}
.mCSB_scrollTools .mCSB_draggerRail{ width:10px !important; background:#dcdcdc !important;}


.j-p-banner{background:#fff url(img/j-p-bg.jpg) no-repeat center 0; height:210px;}
.j-p-banner .j-img{width:964px; height:210px; margin:0 auto; position:relative;}
.j-preview .p-tab{ width:964px; margin:20px auto 0;}
.j-preview .p-tab .p-head{ height:81px; overflow:hidden; border:1px solid #eee; border-radius:8px; -webkit-border-radius:8px;}
.j-preview .p-tab .p-head span{display:block; width:938px; height:59px; margin:11px 0 0 11px; background:url(img/job-sprite.png) no-repeat 0 -965px; overflow:hidden;}
.j-preview .p-tab .p-head span a{float:left; width:174px; height:52px; overflow:hidden; text-indent:-999em; background:url(img/blank.gif) no-repeat 0 0; cursor:pointer;}
.j-preview .p-tab .p-head span a:hover,.j-preview .p-tab .p-head span a.on{ background-image:url(img/job-sprite.png);}
.j-preview .p-tab .p-head span a.s1{width:231px; background-position:0 -1026px;}
.j-preview .p-tab .p-head span a.s2{width:241px; background-position:-231px -1026px;}
.j-preview .p-tab .p-head span a.s3{width:240px; background-position:-472px -1026px;}
.j-preview .p-tab .p-head span a.s4{width:226px; background-position:-712px -1026px;}
.j-preview .p-tab .p-body{display:none; margin:25px auto 0;}
.j-preview .p-tab .p-body.on{display:block;}
.j-preview .p-tab .p-body .c{ margin:0; min-height:150px; _height:150px;}
.j-preview .p-tab .p-body .c h1{ display:block; width:140px; height:51px; margin:40px auto 35px; text-indent:-999em; overflow:hidden; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-preview .p-tab .p-body .morning h1{background-position:0 -1096px;}
.j-preview .p-tab .p-body .pin{border-radius:5px; -webkit-border-radius:5px; }
.j-preview .p-tab .p-body .w1{float:left; width:472px; height:348px; background:#e9474b; }
.j-preview .p-tab .p-body .pin a{ display:block; position:relative; cursor:default;}
.j-preview .p-tab .p-body .pin a var{ display:none; width:100%; height:100%;}
.j-preview .p-tab .p-body .pin a:hover var{ display:block; width:100%; height:100%; background:#fff; opacity:0.1; position:absolute; top:0; left:0; z-index:1;}
.j-preview .p-tab .p-body .des{width:100%; height:91px; }
.j-preview .p-tab .p-body .des p{display:block; padding:17px 20px 0; color:#fff;}
.j-preview .p-tab .p-body .des p strong{display:block; font-size:30px; padding-bottom:3px;}
.j-preview .p-tab .p-body .des p strong em{text-transform:uppercase; font-weight:normal; font-size:14px; padding-left:10px;}
.j-preview .p-tab .p-body .des p font{display:block; font-size:14px;}
.j-preview .p-tab .p-body .w2{ float:right; width:471px; height:257px;}
.j-preview .p-tab .p-body .w2 a{float:left;}
.j-preview .p-tab .p-body .w2 .des{float:left; background:#8fc31f;border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; width:234px; height:257px;}
.j-preview .p-tab .p-body .w3{ float:right; width:471px; height:352px; margin-top:16px;}
.j-preview .p-tab .p-body .w3 .des{background:#fff100; width:471px; height:97px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .p-tab .p-body .w3 .des p{display:block; padding:17px 20px 0; color:#eb6100;}
.j-preview .p-tab .p-body .w4{ float:left; width:471px; height:257px; margin-top:23px;}
.j-preview .p-tab .p-body .w5{clear:both;margin:0 auto;}
.j-preview .p-tab .p-body .w5 a{float:right; width:713px; height:240px; margin-top:20px;}
.j-preview .p-tab .p-body .w5 .des{float:left; background:#8fc31f; width:251px; height:240px; margin-top:20px; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
.j-preview .p-tab .p-body .w5 .des i{display:block; width:83px; height:78px; margin-bottom:33px; background:url(img/job-sprite.png) no-repeat 0 -1166px;}
.j-preview .p-tab .p-body .w6{clear:both;margin:0 auto;}
.j-preview .p-tab .p-body .w6 a{float:left; width:728px; height:240px; margin-top:20px;}
.j-preview .p-tab .p-body .w6 .des{float:right; background:#00a0e9; width:236px; height:240px; margin-top:20px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .p-tab .p-body .w6 .des i{display:block; width:83px; height:78px; margin-bottom:33px; background:url(img/job-sprite.png) no-repeat -140px -1166px;}


.j-preview .p-tab .p-body .afternoon h1{background-position:-142px -1096px;}
.j-preview .afternoon .w7{ float:left; width:716px; height:240px;}
.j-preview .afternoon .w7 a{float:right; width:481px; height:240px;}
.j-preview .afternoon .w7 .des{float:left; width:235px; height:240px; background:#e9474b; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
.j-preview .afternoon .w8{ float:right; width:226px; height:292px;}
.j-preview .afternoon .w8 a{ display:block; width:226px; height:192px;}
.j-preview .afternoon .w8 .des{ width:226px; height:99px; background:#00a0e9; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;}

.j-preview .afternoon .w9{ float:left; width:226px; height:412px; margin-top:20px}
.j-preview .afternoon .w9 a{ display:block; width:226px; height:218px;}
.j-preview .afternoon .w9 .des{ width:226px; height:194px; background:#f39800; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .afternoon .w9 .des i{display:block; width:83px; height:78px; background:url(img/job-sprite.png) no-repeat -275px -1165px;}

.j-preview .afternoon .w10{ float:left; width:226px; height:218px; margin:20px 19px 0;}
.j-preview .afternoon .w11{ float:left; width:226px; height:218px; margin-top:20px}
.j-preview .afternoon .w12{ float:left; width:472px; height:306px; margin:20px 0 0 19px;}
.j-preview .afternoon .w13{ float:left; width:226px; height:496px; margin:-170px 0 0 19px;}
.j-preview .afternoon .w13 .des{ width:226px; height:255px; background:#cdd713; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .afternoon .w13 .des i{display:block; width:83px; height:112px; background:url(img/job-sprite.png) no-repeat -396px -1165px;}
.j-preview .afternoon .w13 .des p{ padding-top:40px;}
.j-preview .afternoon .w14{float:left; width:224px; height:347px; margin-top:-107px;}
.j-preview .afternoon .w15{float:left; width:224px; height:150px; margin:20px 0 0 21px;}
.j-preview .afternoon .w16{float:right; width:472px; height:150px; margin-top:20px;}
.j-preview .afternoon .w17{clear:both; float:left; width:471px; height:241px; margin:20px 0 0 0;}
.j-preview .afternoon .w18{float:right; width:472px; height:241px; margin-top:20px;}
.j-preview .afternoon .w18 a{ float:left; width:236px; height:241px;}
.j-preview .afternoon .w18 .des{ float:left; width:236px; height:241px; background:#8fc31f; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .afternoon .w18 .des i{display:block; width:83px; height:100px; background:url(img/job-sprite.png) no-repeat -275px -1165px;}
.j-preview .p-tab .p-body .night h1{background-position:-284px -1096px;}
.j-preview .night .w19 a{ float:left; width:728px; height:241px;}
.j-preview .night .w19 .des{ float:right; width:236px; height:241px; background:#920783; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px;}
.j-preview .night .w19 .des i{display:block; width:83px; height:100px; background:url(img/job-sprite.png) no-repeat -491px -1165px;}

.j-preview .night  .w20{ float:left; width:472px; height:299px; margin-top:20px}
.j-preview .night .w20 a{ display:block;  width:472px; height:299px;}

.j-preview .night .w21{float:right; width:472px; height:398px; margin-top:20px;}
.j-preview .night .w21 a{ display:block; width:469px; height:299px;}
.j-preview .night .w21 .des{ width:469px; height:99px; background:#00479d; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.j-preview .night .w22{float:left; width:472px; height:278px; margin-top:20px;}
.j-preview .night .w22 a{ display:block; width:472px; height:278px;}
.j-preview .night .w22 .des{ width:472px; height:99px; background:#e9474b; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.j-preview .night .w23{float:left; width:226px; height:281px; margin:17px 0 0 20px;}
.j-preview .night .w23 a{ display:block; width:226px; height:181px;}
.j-preview .night .w23 .des{ width:226px; height:100px; background:#e9474b; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.j-preview .night .w24{float:right; width:226px; height:281px; margin-top:17px;}
.j-preview .night .w24 a{ display:block; width:226px; height:181px;}
.j-preview .night .w24 .des{ width:226px; height:100px; background:#e9474b; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;}

.j-preview .future{}
.j-preview .training{ width:963px; height:417px; margin:0 auto; position:relative;}
.j-preview .training a{display:block; width:126px; height:48px; background:url(img/blank.gif) no-repeat 0 0; text-indent:-999em; cursor:pointer; position:absolute; left:418px; top:311px; z-index:9;}
.j-preview .future .msg{display:block; border:1px solid #eee; border-radius:8px; -webkit-border-radius:8px; margin:23px auto 0;}
.j-preview .future .msg li{float:left; width:314px; height:220px; margin:25px 0 25px;  overflow:hidden;}
.j-preview .future .msg li a{ cursor:default;}
.j-preview .future .msg li i{ display:block; width:130px; height:103px; margin:0 auto; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-preview .future .msg li i.icon-1{ background-position:0 -1244px;}
.j-preview .future .msg li i.icon-2{ background-position:-132px -1244px;}
.j-preview .future .msg li i.icon-3{ background-position:-264px -1244px;}
.j-preview .future .msg li strong{ display:block; text-align:center; font-size:24px; line-height:26px; padding:20px 0; color:#434343;}
.j-preview .future .msg li a strong,.j-preview .future .msg li a:link strong,.j-preview .future .msg li a:visited strong{color:#434343;}
.j-preview .future .msg li a:hover strong{ color:#434343;}
.j-preview .future .msg li font{ display:block; text-align:center; font-size:12px; line-height:20px;  color:#434343;}
.j-preview .future .msg li a font,.j-preview .future .msg li a:link font,.j-preview .future .msg li a:visited font{color:#434343;}
.j-preview .future .msg li a:hover font{ color:#434343;}

.j-preview .future .row{ display:block; margin:20px -10px 0; border-bottom:1px solid #eee; padding-bottom:30px;}
.j-preview .future dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-preview .future dl{display:inline-block;}
.j-preview .future dl{display:block;}
.j-preview .future dl{ float:left; width:306px; height:118px; border:1px solid #eee; border-radius:8px; -webkit-border-radius:8px; margin:0 10px; *margin:0 8px; _margin:0 8px;}
.j-preview .future dl dt{ float:left; width:38px; height:32px; margin:34px 0 0 27px; overflow:hidden; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-preview .future dl dt.icon-4{ background-position:0 -1348px;}
.j-preview .future dl dt.icon-5{ background-position:-40px -1348px;}
.j-preview .future dl dt.icon-6{ background-position:-80px -1348px;}
.j-preview .future dl dd{ float:left; width:200px; margin:24px 0 0 10px;}
.j-preview .future dl dd a{ cursor:default;}
.j-preview .future dd strong{ display:block; font-size:18px; color:#434343; padding-bottom:10px; white-space:nowrap;}
.j-preview .future dd font{ display:block; font-size:12px; line-height:20px; color:#434343; }
.j-preview .future dd a:link strong,.j-preview .future dd a:visited strong,.j-preview .future dd a:link font,.j-preview .future dd a:visited font{color:#434343;}
.j-preview .future dd a:hover strong,.j-preview .future dd a:hover font{ color:#434343;}

.video-box{ width:800px; height:450px; background:#0043b4; position:absolute; top:20%; left:50%; margin-left:-400px; z-index:999;}
.video-box span{ display:block; width:26px; height:26px; background:url(img/job-sprite.png) no-repeat -913px -81px; position:absolute; top:-2px; right:-35px; text-indent:-999em; cursor:pointer;}
.player{ width:800px; height:450px; margin:0 auto;}

.j-preview .remuner{}
.j-preview .salary{ width:963px; height:454px; margin:0 auto; position:relative;}
.j-preview .remuner .row{ display:block; margin:20px -10px 0;}
.j-preview .remuner dl:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.j-preview .remuner dl{display:inline-block;}
.j-preview .remuner dl{display:block;}
.j-preview .remuner .row h1{ display:block; width:140px; height:51px; margin:40px auto 35px; text-indent:-999em; overflow:hidden; background:url(img/job-sprite.png) no-repeat -426px -1096px;}
.j-preview .remuner dl{ float:left; width:306px; height:155px; border:1px solid #eee; border-radius:8px; -webkit-border-radius:8px; margin:0 10px 16px; *margin:0 8px 16px; _margin:0 8px 16px; }
.j-preview .remuner dl dt{ float:left; width:56px; height:45px; margin:34px 0 0 27px; overflow:hidden; background-image:url(img/job-sprite.png); background-repeat:no-repeat;}
.j-preview .remuner dl dt.icon-yb{ background-position:0 -1388px;}
.j-preview .remuner dl dt.icon-jt{ background-position:-57px -1388px;}
.j-preview .remuner dl dt.icon-tl{ background-position:-114px -1388px;}
.j-preview .remuner dl dt.icon-sm{ background-position:-171px -1388px;}
.j-preview .remuner dl dt.icon-dy{ background-position:-228px -1388px;}
.j-preview .remuner dl dt.icon-hb{ background-position:-285px -1388px;}
.j-preview .remuner dl dt.icon-jq{ background-position:-342px -1388px;}
.j-preview .remuner dl dt.icon-zb{ background-position:-399px -1388px;}
.j-preview .remuner dl dt.icon-zf{ background-position:-456px -1388px;}
.j-preview .remuner dl dd{ float:left; width:171px; margin:24px 0 0 10px;}
.j-preview .remuner dl dd a{ cursor:default;}
.j-preview .remuner dd strong{ display:block; font-size:18px; color:#434343; padding-bottom:10px; white-space:nowrap;}
.j-preview .remuner dd font{ display:block; font-size:12px; line-height:20px; color:#434343; }
.j-preview .remuner dd a:link strong,.j-preview .remuner dd a:visited strong,.j-preview .remuner dd a:link font,.j-preview .remuner dd a:visited font{color:#434343;}
.j-preview .remuner dd a:hover strong,.j-preview .remuner  dd a:hover font{ color:#434343;}

.j-preview .work{ }
.j-preview .work ul{ display:block; margin:10px -10px 0;}
.j-preview .work ul li{ float:left; width:308px; height:210px; margin:10px;}
.j-preview .work ul li a{display:block; width:100%; height:100%; position:relative;}
.j-preview .work ul li a .cover{display:none; width:100%; height:100%; line-height:210px; text-align:center; font-size:18px; color:#fff; font-weight:bold; background:rgba(0,0,0,0.48); position:absolute; top:0; left:0; z-index:9; border-radius:8px; -webkit-border-radius:8px;}
.j-preview .work ul li a:hover .cover{display:block;}


/*分页CSS开始*/
.pagination {clear:both;color:#cbcbcb;cursor:default;padding:10px 26px 0; text-align:right;}
.pagination a,.pagination span.current,.pagination span.disabled,.pagination em{*display:inline-block;margin:0 3px;padding:4px 10px;*line-height:1.2;*vertical-align: middle; background-color:#fff; border:1px solid #eee; border-radius:6px; -webkit-border-radius:6px;}
.pagination a {text-decoration:none;color:#b7b7b7;}
.pagination a:hover,.pagination a.current{text-decoration:none;background-color:#eee; color:#e9474b;}
.pagination span.current {display:inline !important;background-color:#eee; color:#e9474b;cursor:default;}
.pagination a.disabled,.pagination em{color:#999; cursor:default; background-color:#999; border:1px solid #666;}
.pagination input{width:44px;margin:0 5px;padding: 2px 3px;text-align: center;}
/*分页CSS结束*/
 
 
/*footer*/
.footer{ width:100%; margin:15px auto 0; padding:22px 0; line-height:26px; background:#fff; }
.footer .fy-info,.footer .f-copy{width:964px; margin:0 auto; border-top:1px solid #eee; padding:30px 0 20px; position:relative;}
.footer .fy-info{border-bottom:1px solid #dedede;}
.footer .fy-info dl{float:left; width:160px;}
.footer .fy-info dl.d6 dt{padding-left:6px;}
.footer .fy-info dl dt{display:block; font-size:14px; color:#999; font-weight:bold; white-space:nowrap;}
.footer .fy-info dl dd{display:block; padding-top:5px;}
.footer .fy-info dl dd a{display:block; color:#999; font-size:12px; height:32px; line-height:32px; position:relative;}
.footer .fy-info dl dd a:link,.footer .fy-info dl dd a:visited{color:#999; text-decoration:none;}
.footer .fy-info dl dd a:hover{color:#ff8300;}
.footer .fy-info dl dd a var{ display:inline-block; *display:inline; *zoom:1; vertical-align:middle; width:26px; height:26px; overflow:hidden; background-image:url(img/base-bg.png); background-repeat:no-repeat;}
.footer .fy-info dl dd a var.icon-tel{background-position:0 -248px;}
.footer .fy-info dl dd a var.icon-qq{background-position:0 -278px;}
.footer .fy-info dl dd a var.icon-email{background-position:0 -305px;}
.footer .fy-info .f-gz{float:right; width:160px; height:30px; margin-top:24px;}
.footer .fy-info .f-gz strong{float:left; line-height:30px; margin-right:10px;}
.footer .fy-info .f-gz a{float:left; width:30px; height:30px; margin-right:5px;  background-repeat:no-repeat; position:relative;}
.footer .fy-info .f-gz a font{ display:block;width:30px; height:30px; text-indent:-999em; background:url(img/blank.gif) no-repeat 0 0;}
.footer .fy-info .f-gz a.icon-xl{ background:url(img/base-bg.png) no-repeat -33px -248px;}
.footer .fy-info .f-gz a.icon-wx{ background:url(img/base-bg.png) no-repeat -71px -248px;}
.footer .fy-info .f-gz a.icon-xl:hover{ background:url(img/base-bg.png) no-repeat -33px -279px;}
.footer .fy-info .f-gz a.icon-wx:hover{ background:url(img/base-bg.png) no-repeat -71px -279px;}
.footer .fy-info .f-gz a.icon-wx em{display:none; width:95px; height:95px; position:absolute; top:33px; left:20px; background:#fff; padding:5px; border-radius:8px; -webkit-border-radius:8px; z-index:9;}
.footer .fy-info .f-gz a.icon-wx img{ display:block; width:95px; height:95px; border:0;}
.footer .fy-info .f-gz a.wx-show em{display:block;}

.footer .f-copy .f-l{float:left; width:650px;}
.footer .f-copy .f-l a{float:left; width:133px; margin-right:15px;}
.footer .f-copy .f-l p{float:left; line-height:20px; color:#a9a9a9;}
.footer .f-copy .f-r{float:right; line-height:20px; color:#a9a9a9;}