.bodyJob{font-family:'Arial';}
.JobHearde{padding:10px 0;border-bottom:2px solid #00acd2;position:relative;z-index:99;}
.JobHearde .navBtn{display:block;height:35px;width:32px;overflow:hidden;position:relative;cursor:pointer;float:right;}
.JobHearde .navBtn span{display:block;width:80%;height:2px;background:#00acd2;border-radius:2px;position:absolute;left:10%;transition:all .3s;}
.JobHearde .navBtn span.span1{top:68%;}
.JobHearde .navBtn span.span2{top:50%;margin-top:-1px;}
.JobHearde .navBtn span.span3{bottom:68%;}
.JobHearde .navBtnon span.span1{transform:rotate(-45deg);top:50%;}
.JobHearde .navBtnon span.span2{background-color:transparent;}
.JobHearde .navBtnon span.span3{transform:rotate(45deg);top:50%;}
.Jmainnav{position:absolute;right:0;top:100%;width:100%;background:#00acd2;display:none;text-align: center;font-weight: bold;}
.Jmainnav .navA{display:block;border-bottom:1px solid #fff;color:#fff;line-height:60px;padding:0 10px;}
.Jmainnav .topjobbtn{display:none;color:#fff;line-height:40px;padding:0 10px;}
.JobBan{max-height: 534px}
.JobWabTitle{color:#00abd1;font-size:32px;line-height:1em;padding:15px 0; max-width: 840px;}
.JobWabTitle .h3{margin: 0; color:#00abd1;font-size:32px;line-height:1em;font-family:'dinbold'; font-weight: normal;}
.JobWabTitle .h4{margin: 0; font-size:16px;line-height:1.3em;padding-top: 5px; font-weight: normal;}


.JobBan .videobox{position:relative;overflow:hidden;}
.JobBan .videobox .img img{width:100%;max-height: 534px}
.JobBan .videobox .btn{position:absolute;left:0;top:0;width:100%;height:100%;background:url('../images/job/videobtn.png') no-repeat center;}
.JobBan .videobox .tip{position: absolute; width: 100%;  left: 0; bottom:0;overflow: hidden; text-overflow:  ellipsis; padding:0 10px; white-space: nowrap; color: #fff; z-index: 3; font-size:16px; line-height:50px; background:rgba(0,0,0,0.2);}

.JobBan .videobox video{position:absolute;width:100%;height:100%;left:0;top:0;display:none;z-index: 99}
.JobBan .videobox.videoboxshow .btn{display:none;}
.JobBan .videobox.videoboxshow video{display:block;}
.JobBan .JobBanlist{overflow-x:auto;}
.JobBan .JobBanlist ul{white-space:nowrap;font-size:0;background:#000;padding-left:10px;}
.JobBan .JobBanlist ul li{display:inline-block;cursor:pointer;width:130px;padding:10px 10px 10px 0px;background:#000;}
.JobBan .JobBanlist ul li .img{position:relative;}
.JobBan .JobBanlist ul li .tip{position: absolute; width: 100%; left: 0; bottom:0;overflow: hidden; text-overflow:  ellipsis; padding:0 10px; white-space: nowrap; color: #fff; z-index: 3; font-size:14px; line-height:30px; background:rgba(0,0,0,0.2);}

.JobBan .JobBanlist ul li .btn{position:absolute; left:0;top:0;width:100%;height:100%;background:url('../images/job/videobtn02.png') no-repeat center;}
@media (min-width:1024px){
	.JobWabTitle{color:#00abd1;line-height:1em;padding:0 0 25px;}
	.JobWabTitle .h3{font-size:60px;}
	.JobWabTitle .h4{font-size:45px; padding-top: 15px;}
	.JobBan{position:relative;padding-right:250px;}
	.JobBan .JobBanlist{overflow-x:hidden;height:100%;overflow-y:auto;right:0;top:0;position:absolute;width:251px;}
	.JobBan .JobBanlist ul{padding:0;padding-top:10px;}
	.JobBan .JobBanlist ul li{display:block;width:100%;padding:0 10px 10px 10px;}
	.JobHearde{border-bottom:none;padding:60px 0 60px;}
	.JobHearde .navBtn{display:none;}
	.Jmainnav{float:right;display:block!important;position:static;background:transparent;width:auto;}
	.Jmainnav ul li{float:left;}
	.Jmainnav .topjobbtn{float:left;display: block; font-size:18px;background:#f5b32d;font-weight:bold;color:#221814;margin-left:20px;line-height:40px;width:150px;height:40px;text-align:center;}
	.Jmainnav .topjobbtn:hover{background:#00abd1;color: #fff}
	.Jmainnav .navA{color:#666;padding:0 20px;line-height:40px;}
	.Jmainnav .navA:hover{color:#000;; }
}

.wapJobBtn {position: fixed; width:100%; bottom: 0; display: block; z-index:88;}
.wapJobBtn .btn{display: block; font-size:18px;background:#f5b32d;font-weight:bold;color:#221814; line-height:60px; text-align: center;}
.wapJobBtn .btn:hover{background:#00abd1;color: #fff}
@media (min-width:1023px){
.wapJobBtn{display: none;}
}

.JobIcon{padding-top:30px;}
.JobIcon ul{font-size:0;margin:0 -10px;}
.JobIcon ul li{display:inline-block;width:50%;padding:10px;font-size:14px;}
.JobIcon ul li .licon{max-width:150px;margin:0 auto;text-align:center;display:block;}
.JobIcon ul li .licon .img{border-radius:100%;overflow:hidden;}
.JobIcon ul li .licon .txt{padding-top:10px;color:#595757;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (min-width:1024px){
	.JobIcon{padding-top:10px;}
	.JobIcon ul li{display:inline-block;width:25%;}
	.JobIcon ul li .licon .txt{font-size:24px;padding-top:20px;}
}
.JobInfo{padding:30px 0 30px;/* border-bottom:1px solid #f3f3f3; */}
.jMtitle{padding-bottom:15px;}
.jMtitle .h3{margin:0;font-size:24px;color:#595757; position: relative;}
.jMtitle .h3 .st{background:#fff;display: inline-block; padding-right: 10px; position: relative; z-index: 4;}
.jMtitle .h3 .i{width:100%; height: 1px; background:#f3f3f3; position: absolute; left: 0; top:50%; margin-top: -0.5px;z-index: 2;}
.JobInfo .btns{text-align:center;padding-top:20px;}
.JobInfo .btns .btn{display:inline-block;background:#f5b32d;font-weight:bold;color:#221814;line-height:45px;width:160px;font-size: 20px;}
.JobInfo .btns .btn:hover{background:#00abd1;color: #fff}
@media (min-width:768px){
	.jMtitle .h3{font-size:22px;}
}
@media (min-width:1024px){
	.JobInfo{padding:35px 0;}
	.jMtitle .h3{font-size:28px;}
	.JobInfo .Con{line-height:30px;font-size:18px;text-align:justify;}
	.JobInfo .btns{padding-top:70px;}
	.JobInfo .btns .btn{width:260px;font-size:28px;line-height:80px;}
}
.JobInfo .Con a{color: #00acd4;}
.JobInfo .Con a:hover{color: rgb(0,90,175);}

.JobInfo .Con dl{margin-top:30px;}
.JobInfo .Con dl dd{overflow:hidden;display:flex;align-items:center;}
.JobInfo .Con dl dd .imgbox{width:60px;height:60px;float:left;margin:10px;border-radius:50px;overflow:hidden;background-color:#dadada;}
.JobInfo .Con dl dd p{float:left;margin-left:15px;}
.JobInfo .listbox{padding-top:25px;}

.JobInfo .listbox .owl-carousel .owl-dots{width:100%;text-align:center;font-size:0;padding-top: 20px;}
.JobInfo .listbox .owl-carousel .owl-dot{margin:0 3px;display:inline-block;width:8px;height:8px;background: #9c9d9d; border-radius:100%;}
.JobInfo .listbox .owl-carousel .owl-dot.active{background:#00abd1;}

.JobInfo .listbox .itemA{display:block;text-align:center; cursor: default;}
.JobInfo .listbox .img{width:80px;height:80px;margin:0 auto;}
.JobInfo .listbox .txtBox .h3{color:#00abd1;font-size:20px;margin:0;}
.JobInfo .listbox .txtBox .txt{color:#595757;font-size: 16px;}
@media (min-width:1024px){
	.JobInfo .listbox{padding-top: 50px;}
	.JobInfo .listbox .txtBox{padding-top:10px;}
	.JobInfo .listbox .txtBox .h3{font-size:24px;}
	.JobInfo .listbox .txtBox .txt{font-size:18px;padding-top:10px;}
	.JobInfo .listbox .owl-carousel .owl-dots{padding-top: 44px;}

}
@media (max-width:1024px){
.JobInfo .listbox .img{width: 205px;height: 205px}
.JobInfo .listbox .txtBox .h3{font-size: 48px}
.JobInfo .listbox .txtBox .txt{font-size: 24px}
}
.Recruiter{padding:30px 0 30px;/* border-bottom:1px solid #f3f3f3; */}
.Recruiter .list{margin-top:20px;padding:0 20px;position:relative;}
.Recruiter .list .liimgbox{position:relative;}
.Recruiter .list .owlprev{position:absolute;left:-20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.Recruiter .list .owlprev img{width:10px;}
.Recruiter .list .owlnext{position:absolute;right:-20px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.Recruiter .list .owlnext img{width:10px;}
.Recruiter .list .liimgbox .liimg{font-size:0; margin: 0 -8px;}
.Recruiter .list .liimgbox .liimg .item{font-size:14px; display: inline-block; padding:8px; vertical-align: top;}
.Recruiter .list .itemA{cursor: default;display:block;color:#595757;text-align:center;}
.Recruiter .list .itemA .img{max-width:201px;margin:0 auto;border-radius:100%;overflow:hidden;}
.Recruiter .list .itemA .txtBox{padding-top:15px;}
.Recruiter .list .itemA .txtBox .txt{padding-top:8px;}
.Recruiter .list .itemA .txtBox .h3{margin:0;font-size:16px;}
.Recruiter .list .item{width:50%;}
.Recruiter .listpc{display: none;}

.Recruiter .list.listwap .item{width:100%;}
.Recruiter .listwap .owl-carousel .owl-dots{width:100%;text-align:center;font-size:0;padding-top: 20px;}
.Recruiter .listwap .owl-carousel .owl-dot{margin:0 3px;display:inline-block;width:8px;height:8px;background: #9c9d9d; border-radius:100%;}
.Recruiter .listwap .owl-carousel .owl-dot.active{background:#00abd1;}

@media (min-width:1024px){
	.Recruiter{padding:35px 0;}
	.Recruiter .list .itemA .txtBox .h3{font-size:20px;}
	.Recruiter .list .owlnext img{width:20px;}
	.Recruiter .list .owlprev img{width:20px;}
	.Recruiter .list{text-align: center;}
	.Recruiter .list .item{width:25%;}
.Recruiter .listpc{display: block;}
.Recruiter .listwap{display: none;}

}
.PositionList .ConBox .scrollbar ul{padding:30px 0;}
.PositionList{padding:30px 0;/* border-bottom:1px solid #f3f3f3; */}
.PositionList .ConBox{border:1px solid #ededed;}
.PositionList .ConBox .ConBoxView{height:340px;padding-left:120px;position:relative;}
.PositionList .ConBox .ConBoxView .left{background:#ededed;position:absolute;left:0;top:0;}
.PositionList .ConBox .ConBoxView .mCSB_container{margin-right:0;padding-right:15px;}
.PositionList .ConBox .mCSB_scrollTools {width:7px;}
.PositionList .ConBox .mCSB_scrollTools .mCSB_buttonDown,
.PositionList .ConBox .mCSB_scrollTools .mCSB_buttonUp{left: auto; right: 0;}

.PositionList .ConBox .ConBoxView .mCSB_scrollTools .mCSB_draggerContainer{width:6px;}
.PositionList .ConBox .ConBoxView .mCustomScrollBox > .mCSB_scrollTools{}
.PositionList .mCSB_scrollTools{opacity:1;}
.PositionList .mCSB_scrollTools .mCSB_buttonUp{background:#c7c8c8 url('../images/job/up.png') no-repeat center;width:120px;opacity:1;}

.PositionList .rightBox{padding-bottom: 40px;}
.PositionList .rightBox.PositionList .rightBox  .mCSB_scrollTools .mCSB_buttonUp{ display: none !important; }
.PositionList .right{position: relative;}
.PositionList .right .scrollbarBtn{position: absolute; cursor: pointer; left: 0; bottom:0; width:100%;height: 40px; background:#fff url('../images/job/down02.png') no-repeat center; }

.PositionList .mCSB_scrollTools .mCSB_buttonDown{background:#c7c8c8 url('../images/job/down.png') no-repeat center;width:120px;opacity:1;}
.PositionList .ConBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#A6A6A6;width:6px;border-radius:0;}
.PositionList .ConBox .mCSB_scrollTools .mCSB_draggerRail{background:#fff;border-radius:0;width:6px;}
.PositionList .ConBox .rightBox{max-height:340px;overflow:hidden;}
.PositionList .ConBox .scrollbar{height:340px;overflow:hidden;width:120px;}
.PositionList .ConBox .scrollbar ul li{padding: 13px 10px; line-height: 24px; text-align:center;}
.PositionList .ConBox .scrollbar ul li a{color:#666;  /*word-wrap:break-word;word-break:break-all;*/}
.PositionList .ConBox .scrollbar ul li{border-bottom: 1px solid #cecece;}
.PositionList .ConBox .scrollbar ul li .hidebox{display:none;}
.PositionList .ConBox .scrollbar ul li.on{font-weight:bold;color:#333;}
.PositionList .ConBox .scrollbar ul li.on a{font-weight:bold;color:#333;}
.PositionList .ConBox .rightBoxView{padding:30px;}
.PositionList .ConBox .TitBox{padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd;}
.PositionList .ConBox .TitBox dl{font-size:0;margin:0 -6px;}
.PositionList .ConBox .TitBox dl dd.dd1{font-size:18px; }
.PositionList .ConBox .TitBox dl dd{color:#595757;font-weight:bold;line-height:30px;display:inline-block;vertical-align:top;min-width:50%;font-size:14px;padding:0 6px;}
.PositionList .ConBox .TitBox dl dd .cr{color:#9d9e9e;}
.PositionList .ConBox .TitBox dl dd .crb{color:#00abd1;}
.PositionList .ConBox .Contxt{padding:0px 0;}
.PositionList .ConBox .Contxt .p{margin:0;padding-bottom:15px;}
.PositionList .ConBox .Contxt .item{margin-bottom:15px;}
.PositionList .ConBox .Contxt .btnbox{text-align:right;}
.PositionList .ConBox .Contxt .btnbox .more{display:inline-block;text-align:center;width:100px;line-height:30px;font-weight:bold;color:#231815;background:#f5b32d;}
.PositionList .ConBox .Contxt .btnbox .more:hover{background:#00abd1;color: #fff}
.float_Box{display:none;position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;background-color:rgba(0,0,0,.3);}
.float_Box .float_con{width:90%;position:relative;left:50%;transform:translate(-50%);top:30%;background-color:#f5f6f6;padding:2% 5%}
.float_Box .float_con h2{text-align:center;}
.float_Box .float_con .btna{display:block;width:80px;height:40px;font-weight:bold;text-align:center;line-height:40px;font-size:16px;color:#231815;background-color:#f5b32d;margin:0 auto;}
.float_Box .float_con .close{position:absolute;right:10px;top:10px;color:#333;}
@media (min-width:1024px){
	.PositionList .ConBox .mCSB_scrollTools{width:16px;}
	.PositionList .ConBox .ConBoxView{padding-left:260px;}
	.PositionList .mCSB_scrollTools .mCSB_buttonUp{width:260px;}
	.PositionList .mCSB_scrollTools .mCSB_buttonDown{width:260px;}
	.PositionList .ConBox .scrollbar{width:260px;}
	.PositionList .ConBox .ConBoxView .mCSB_container{padding-right:30px;}
	.PositionList .ConBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:16px;}
.PositionList .ConBox .mCSB_scrollTools .mCSB_draggerRail{width:16px;}
.PositionList .ConBox .ConBoxView .mCSB_scrollTools .mCSB_draggerContainer{width:16px;}

	.float_Box .float_con .btna{width:120px;height:50px;line-height:50px;font-size:24px;}
	.PositionList .ConBox .scrollbar ul li a{font-size:18px;}
	.PositionList .ConBox .TitBox dl dd{width:50%;min-width:50%;}
	.PositionList .ConBox .TitBox dl dd.dd1{width:100%; position: relative; padding-right: 240px;}
	.PositionList .ConBox .TitBox dl dd.dd1 .TrBox{position: absolute; max-width: 240px; right:0; top:0;}
	.PositionList .ConBox .rightBox{max-height:540px;}
	.PositionList .ConBox .scrollbar{height:540px;}
	.PositionList .ConBox .ConBoxView{height:540px;}
	.float_Box .float_con{width:40%}
	.PositionList .ConBox .Contxt .btnbox .more{font-size:18px;width:180px;height:50px;line-height:50px;}
}
@media (min-width:1024px){
	.PositionList{padding:35px 0;}
}
.JobFromBottom{padding:30px 0;}
.JobFromBottom li{margin-bottom:10px;}
.JobFromBottom .inputbox{position: relative;margin-top: 5px; background:#fff;}
.JobFromBottom .inputbox .litiptxt{position: absolute; left: 0; top:0;width:100%; padding:10px;}
.JobFromBottom .inputbox .litiptxt a{color:#00abd1; text-decoration: underline; }
.JobFromBottom .li .name{font-weight: bold; font-size:16px; color: #595757;}
.JobFromBottom .li input{border:none;line-height:35px;height: 35px;display:block;padding:0 10px;width:100%;}
.JobFromBottom .li input.err{background:url('../images/erricon.png') no-repeat center right; padding-right: 50px;}
.JobFromBottom .liradio lable{}
.JobFromBottom .liradio lable input{width:14px;height:14px;border-radius:14px;background:#fff;display:block;}
.JobFromBottom .tip{color:#595757;padding-top:15px;padding-bottom:5px;font-size: 16px;}
.JobFromBottom .tip a{color: #00abd1; text-decoration: underline;}
.JobFromBottom .FromBox{background:#f5f6f6;padding:15px;}
.JobFromBottom .FromBox .radio dd{line-height:24px;display:inline-block;vertical-align:middle;margin-right:10px;cursor:pointer;}
.JobFromBottom .FromBox .radio dd .i{position:relative;vertical-align:middle;margin-right:5px;display:inline-block;width:16px;height:16px;background:#fff;border-radius:100%;}
.JobFromBottom .FromBox .radio dd .i .ib{display:block;border-radius:100%;width:8px;height:8px;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-4px;background:none;}
.JobFromBottom .FromBox .radio dd.on .i .ib{background:#595757;}
/* .JobFromBottom .FromBox form{max-width:660px;margin:0 auto;} */
.JobFromBottom .FromBox textarea{overflow:hidden;padding:10px;line-height:24px;border:none;height:68px;width:100%;}
.JobFromBottom .FromBox textarea.err{ background:url('../images/erricon.png') no-repeat right 10px ; padding-right: 50px; }
.JobFromBottom .FromBox .litextarea textarea.err{padding-right: 50px;}
.JobFromBottom .FromBox .litextarea textarea{overflow:hidden;padding:10px;line-height:24px;border:none;height:92px;width:100%;}
.JobFromBottom .FromBox .fbtnBox{padding-top:10px;}
.JobFromBottom .FromBox .fbtnBox .fbtn{display:inline-block;width:100px;line-height:35px;font-weight: bold; text-align:center;background:#f5b32d;color:#231815;font-weight:bold;}
.JobFromBottom .FromBox .fbtnBox .fbtn:hover{background:#00abd1;color: #fff}
.JobFromBottom .li .err:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e30012; opacity:1; 
}

.JobFromBottom .li .err::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e30012;opacity:1;
}

.JobFromBottom .li .err:-ms-input-placeholder{
    color: #e30012;opacity:1;
}

.JobFromBottom .li .err::-webkit-input-placeholder{
    color: #e30012;opacity:1;
}

.JobFromBottom .FromBoxYx{padding-top:20px; color: #999; border-top: 1px solid #f3f3f3; margin-top: 20px;}
.JobFromBottom .FromBoxYx .youx{padding-bottom:10px;}
.JobFromBottom .FromBoxYx .youx a{color:#999; }
.JobFromBottom .FromBoxYx .youx a:hover{color:rgb(89,89,89);}
.JobFromBottom .FromBoxYx .cright a{color: #999;}

@media (min-width:768px){
	.JobFromBottom .FromBox{padding:30px;}
	.JobFromBottom .FromBox  li .libox{position:relative;}
	.JobFromBottom .FromBox li .libox .name{position:absolute;left:0;top:0; line-height:35px;}
	.JobFromBottom .inputbox{margin-top: 0;}
	.JobFromBottom .FromBox  .li .libox{padding-left:185px;}
	.JobFromBottom .FromBox .fbtnBox{padding-left:185px;}
	.JobFromBottom .FromBox textarea{ padding: 5.5px 10px; height: 35px;line-height: 24px; }

}
@media (min-width:1024px){
	.JobFromBottom .tip{padding-bottom: 15px;}
	.JobFromBottom .FromBox{padding:45px;}
	.JobFromBottom li{margin-bottom:24px;}
	.JobFromBottom{padding:70px 0 140px;}
	.JobFromBottom .tip{padding-top:25px;}
	.JobFromBottom .FromBox  .divul{margin:0 -15px;font-size:0;}
	.JobFromBottom .FromBox  .divul li{display:inline-block;vertical-align:top;width:50%;padding:0 15px;font-size:14px;}
	.JobFromBottom .FromBox li .libox .name{line-height:40px;}
	.JobFromBottom .li input{line-height:40px;height: 40px}
	.JobFromBottom .FromBox textarea{height: 40px; padding:8px 10px;}
	.JobFromBottom .FromBox .fbtnBox .fbtn{width:240px;height:50px; line-height:50px; font-size:18px;}
	.JobFromBottom .FromBox .litextarea textarea{height: 175px;}
	.JobFromBottom .FromBoxYx .youx{float: left; max-width:40%;padding-bottom:0px;}
	.JobFromBottom .FromBoxYx .cright{float: right; max-width:60%;}

}