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

div,ul,li,ol,img { padding: 0; margin: 0; }
li{list-style: none;}
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; }


body { margin: 0px; padding: 0px; font-family: "Microsoft YaHei","SimHei","SimSun";width: 100%; color:#fff; font-size:14px; line-height:32px; }

.box01{ background-image:url(../images/bg_01.jpg); background-repeat:no-repeat; background-position:center;height:628px;width:100%;}
.box02{ background-image:url(../images/bg_02.jpg); background-repeat:no-repeat; background-position:center;height:232px;width:100%;}
.box03{ background-image:url(../images/bg_03.jpg); background-repeat:no-repeat; background-position:center;height:786px;width:100%;}
.box04{ background-image:url(../images/bg_04.jpg); background-repeat:no-repeat; background-position:center;height:348px;width:100%;}
.box05{ background-image:url(../images/bg_05.jpg); background-repeat:no-repeat; background-position:center;height:694px;width:100%;}
.box06{ background-image:url(../images/bg_06.jpg); background-repeat:no-repeat; background-position:center;height:222px;width:100%;}
.box07{ background-image:url(../images/bg_07.jpg); background-repeat:no-repeat; background-position:center;height:640px;width:100%;}
.box08{ background-image:url(../images/bg_08.jpg); background-repeat:no-repeat; background-position:center;height:285px;width:100%;}
.box09{ background-image:url(../images/bg_09.jpg); background-repeat:no-repeat; background-position:center;height:663px;width:100%;}
.box10{ background-image:url(../images/bg_10.jpg); background-repeat:no-repeat; background-position:center;height:713px;width:100%;}
.box11{ background-image:url(../images/bg_11.jpg); background-repeat:no-repeat; background-position:center;height:439px;width:100%;}
.box12{ background-image:url(../images/bg_12.jpg); background-repeat:no-repeat; background-position:center;height:60px;width:100%;}
.box13{ background-image:url(../images/bg_13.jpg); background-repeat:no-repeat; background-position:center;height:290px;width:100%;}
.box14{ background-image:url(../images/bg_14.jpg); background-repeat:no-repeat; background-position:center;height:634px;width:100%;}
.box15{ background-image:url(../images/bg_15.jpg); background-repeat:no-repeat; background-position:center;height:534px;width:100%;}
.box16{ background-image:url(../images/bg_16.jpg); background-repeat:no-repeat; background-position:center;height:443px;width:100%;}
.box17{ background-image:url(../images/bg_17.jpg); background-repeat:no-repeat; background-position:center;height:769px;width:100%;}
.box18{ background-image:url(../images/bg_18.jpg); background-repeat:no-repeat; background-position:center;height:369px;width:100%;}
.box-job{background: url(../images/bg_job.jpg) repeat-y center;width: 100%;}
.follow{ background:url(../images/bg_19.jpg) center no-repeat; height:207px; width:100%;  font-family: "Microsoft YaHei","SimHei","SimSun";  color:#fff; line-height:32px; font-size:14px; text-align:center;}
.follow a{ color:#fff;text-decoration:none;}




.card-holder {top:30%;position: fixed;width: 0px;overflow: visible;}
.card-wrapper {display: inline-block;float: right;clear: both;}
.card {position: relative;left: 32px;padding: 16px 32px 16px 64px;margin: 8px;x-box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.5);box-shadow: 8px 0 8px -8px rgba(0, 0, 0, 0.5);background: #fff; transition: all 0.3s ease-in-out 0.1s;}
.card:hover {position: relative;left: 100%; margin-left: -32px;box-shadow: 0 -8px 8px -8px rgba(0, 0, 0, 0.5), 0 8px 8px -8px rgba(0, 0, 0, 0.5);transition: all 0.3s ease-in-out;}
.card-content {display: inline-block;color: #fff; font-family: 'Droid Sans', sans-serif;font-size: 16px;font-weight: bold;white-space: nowrap;}
.bg-01 { background: #f7ab00; }
.bg-02 { background: #eb6c73; }
.bg-03 { background: #6aace9; }
.bg-04 { background: #40cfa4; }
.bg-05 { background: #979797; }
.bg-06 { background: #ffad31; }
.bg-07 { background: #373e4a; }

.logo{ position: absolute;top: 34px;left: 50%;margin: 0 0 0 -100px;width: 200px;}
.logo img{ width: 200px;}

.menu{ width: 866px;margin: auto;padding: 60px 0 0 0;}
.menu-title{ clear: both;}
.change{ width: 261px;height:48px;cursor: pointer;float: left;}
.search-bar{ float: right;width: 260px;height: 48px;border-radius: 25px;position: relative;background: #fff;}
.search-bar .search-icon{ position: absolute;top: 8px;left: 20px; width: 34px;height: 33px;cursor: pointer;}
.search-bar .textbox{ width: 160px;border: none;height: 33px;margin: 8px 0 0 60px;padding: 0 0 0 10px;font-size: 16px;}
.job .change { background: url(../pic/zw.png) no-repeat center;}
.job .search-bar .search-icon{ background:url(../pic/iconzw.png) no-repeat;}
.industry{ display: none;}
.industry .change { background: url(../pic/hy.png) no-repeat center;}
.industry .search-bar .search-icon{ background:url(../pic/iconhy.png) no-repeat;}
.menu-item{clear: both;}
.menu-item li{ width: 106px;float: left;height: 81px;margin: 40px 0 0 0;cursor: pointer;color: #fff;padding: 20px 0 0 110px;font-size: 16px;font-weight: bold;}
.job-type-1{ background:url(../pic/zw1-2.png) no-repeat;}
.job-type-1.selected,.job-type-1:hover{ background:url(../pic/zw1-1.png) no-repeat;}
.job-type-2{ background:url(../pic/zw2-2.png) no-repeat;}
.job-type-2.selected,.job-type-2:hover{ background:url(../pic/zw2-1.png) no-repeat;}
.job-type-3{ background:url(../pic/zw3-2.png) no-repeat;}
.job-type-3.selected,.job-type-3:hover{ background:url(../pic/zw3-1.png) no-repeat;}
.job-type-4{ background:url(../pic/zw4-2.png) no-repeat;}
.job-type-4.selected,.job-type-4:hover{ background:url(../pic/zw4-1.png) no-repeat;}
.job-type-5{ background:url(../pic/zw5-2.png) no-repeat;}
.job-type-5.selected,.job-type-5:hover{ background:url(../pic/zw5-1.png) no-repeat;}
.job-type-6{ background:url(../pic/zw6-2.png) no-repeat;}
.job-type-6.selected,.job-type-6:hover{ background:url(../pic/zw6-1.png) no-repeat;}
.job-type-7{ background:url(../pic/zw7-2.png) no-repeat;}
.job-type-7.selected,.job-type-7:hover{ background:url(../pic/zw7-1.png) no-repeat;}
.job-type-8{ background:url(../pic/zw8-2.png) no-repeat;}
.job-type-8.selected,.job-type-8:hover{ background:url(../pic/zw8-1.png) no-repeat;}
.industry-1{ background:url(../pic/hy1-2.png) no-repeat;}
.industry-1.selected,.industry-1:hover{ background:url(../pic/hy1-1.png) no-repeat;}
.industry-2{ background:url(../pic/hy2-2.png) no-repeat;}
.industry-2.selected,.industry-2:hover{ background:url(../pic/hy2-1.png) no-repeat;}
.industry-3{ background:url(../pic/hy3-2.png) no-repeat;}
.industry-3.selected,.industry-3:hover{ background:url(../pic/hy3-1.png) no-repeat;}
.industry-4{ background:url(../pic/hy4-2.png) no-repeat;}
.industry-4.selected,.industry-4:hover{ background:url(../pic/hy4-1.png) no-repeat;}
.industry-5{ background:url(../pic/hy5-2.png) no-repeat;}
.industry-5.selected,.industry-5:hover{ background:url(../pic/hy5-1.png) no-repeat;}
.industry-6{ background:url(../pic/hy6-2.png) no-repeat;}
.industry-6.selected,.industry-6:hover{ background:url(../pic/hy6-1.png) no-repeat;}
.industry-7{ background:url(../pic/hy7-2.png) no-repeat;}
.industry-7.selected,.industry-7:hover{ background:url(../pic/hy7-1.png) no-repeat;}
.industry-8{ background:url(../pic/hy8-2.png) no-repeat;}
.industry-8.selected,.industry-8:hover{ background:url(../pic/hy8-1.png) no-repeat;}

.data{ width: 998px;margin: auto;}

.JobTypeJobList {}
.JobTypeJobList .job_item {width: 280px;float: left;border: solid 1px #ccc;height: 55px;background: #fff;color: #8d8d8d;position: relative;top: -1px;left: 0;padding: 65px 15px 15px;font-size: 14px;margin: 10px;}
.JobTypeJobList .job_item:before {position: absolute;z-index: 0;height: 50px;width: 100%;top: 0;left: 0;background: #f7ab00;content: '';}
.JobTypeJobList .jobname {display: block;white-space: nowrap;_white-space: normal;text-overflow: ellipsis;overflow: hidden;display: inline-block;width: 210px;position: absolute;color: #fff;top: 0;left: 15px;height: 50px;line-height: 50px;}
.JobTypeJobList .ent_name {padding-bottom: 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 22px;}
.JobTypeJobList .sp_jobinfo {font-size: 12px;white-space: nowrap;_white-space: normal;text-overflow: ellipsis;overflow: hidden;display: inline-block;width: 100%;line-height: 22px;}
.JobTypeJobList .money {position: absolute;right: 15px;top: 10px;color: #fff;}

.ListTable {border-top: solid 5px #6ab7ff;border-left: solid 1px #ccc;border-right: solid 1px #ccc;border-bottom: solid 1px #ccc;padding-top: 10px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;width: 293px;vertical-align: top;margin-top: 20px;}
.ListTable a{ text-decoration: none;}
.ListTableArticle {border-top: dashed 1px #717171;border-left: dashed 1px #717171;border-right: dashed 1px #717171;border-bottom: dashed 1px #717171;padding-top: 10px;padding-left: 5px;padding-right: 5px;padding-bottom: 10px;width: 293px;vertical-align: top;margin-top: 20px;}
.DataList1{float:left;width:293px;margin:0 0 0 8px;}
.DataList2{float:left;margin-left:53px;width:293px;}
.DataList3{float:left;margin-left:53px;width:293px;}
.ListTableLine{padding-top:10px;border-bottom:dashed 1px #AFAFAF;margin:0 0 10px 0;}
.container{text-align:center;margin:0 auto 20px;}
.ListTableIcon{padding-top:50px;}
.ListTableIcon img{display:inline-block;}
.ListTableTop{padding-top:10px;position:relative;line-height: 22px;}
.ListTableTop .LeftIcon{position:absolute;left:-29px;top:14px;}
.ListTableTop .LeftIcon img{width:15px;}
.ListTableContent{margin:auto;text-align:left;width:245px;}
.ListTableData{margin:auto;text-align:left;width:245px;padding-top:10px;}
.ListTableTitle{font-size:16px;font-weight:bold;color:#6ab7ff;}
.ListTableTop2{ line-height: 16px;}
.ListTableTop2 span{padding-left:3px;padding-right:3px;color:#676767;font-size: 12px;}
.ListTableDataTop{background-color:#6ab7ff;padding:5px;color:#FFFFFF;font-size:14px;margin-top:10px;height:50px;}
.ListTableDataTopArticle{background-color:#6ab7ff;padding:5px;color:#FFFFFF;font-size:14px;margin-top:10px;height:50px;}
.ListTableDataBottom{font-size:12px;color:#6F6F6F;height:50px;line-height:50px;}
.ListTableDataBottomArticle{font-size:12px;color:#6F6F6F;border-bottom:dashed 1px #717171;height:30px;line-height:30px;}
.ListTableDataBottomArticle span{padding-right:20px;color:#6ab7ff;}
.FY{width:1000px;margin:40px auto 0;text-align:center;position:relative;height:40px;line-height:40px;font-size:16px;color:#000;}
.FY .Prev{background:url("../pic/Button.jpg") no-repeat;height:40px;width:40px;position:absolute;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);left:265px;top:0;cursor:pointer;}
.FY .Next{background:url("../pic/Button.jpg") no-repeat;height:40px;width:40px;position:absolute;right:265px;top:0;cursor:pointer;}
.industry .FY .Prev { background:url("../pic/Button-1.jpg") no-repeat;}
.industry .FY .Next { background:url("../pic/Button-1.jpg") no-repeat;}
.clearfix {*zoom: 1;}
.clearfix:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}

.box03_content {
    margin: 0 auto;
    width: 1000px;
}

.box_btn {
    width: 185px;
    height: 185px;
    /*background-color: #ffffff;*/
    cursor: pointer;
}

.btnCode1 {
    margin-left: 185px;
    margin-top: 345px;
    position: absolute;
}

.btnCode2 {
    margin-left: 685px;
    margin-top: 365px;
    position: absolute;
    width: 400px;
    height: 80px;
}

.btnCode3 {
    margin-left: 710px;
    margin-top: 665px;
    position: absolute;
    width: 185px;
    height: 185px;
}

.btnCode4 {
    margin-left: 640px;
    margin-top: 410px;
    position: absolute;
    width: 185px;
    height: 185px;
}

.btnCode5 {
    margin-left: 230px;
    margin-top: 140px;
    position: absolute;
    width: 185px;
    height: 185px;
}

.btnCode6 {
    margin-left: 465px;
    margin-top: 170px;
    position: absolute;
    width: 185px;
    height: 185px;
}

.btnCode7 {
    margin-left: 722px;
    margin-top: 00px;
    position: absolute;
    width: 185px;
    height: 185px;
}