html {overflow-y:scroll;margin:0;}
body { margin:0; font:14px "Microsoft YaHei",Heiti SC,Helvetica,Arial,sans-serif; background:#f6f7f8; height:100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p { padding:0; margin:0; color: #2b2b2b;}
table, td, tr, th { font-size:14px; }
li { list-style-type:none; }
img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }
table,tr,td{padding:0px;}
address, cite, code, th { font-weight:normal; font-style:normal; }
em{  font-style:normal; }
a{text-decoration: none;color: #2b2b2b;}

.h10{height: 10px;overflow: hidden;}
.h20{height: 20px;overflow: hidden;}
.h30{height: 30px;overflow: hidden;}
.h40{height: 40px;overflow: hidden;}
.h50{height: 50px;overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.center{text-align: center;}

.toast-message{color:#fff;}

.bgcolor1{background-color: #2088cb;}
.bgcolor2{background-color: #ce2e23;}
.bgcolor3{background-color: #337268;}
.bgcolor4{background-color: #afa0cb;}
.bgcolor5{background-color: #d2386c;}
.bgcolor6{background-color: #fdac53;}
.bgcolor7{background-color:#e090c2;}
.bgcolor8{background-color: #00a070;}
.bgcolor9{background-color: #2b4b7c;}
.bgcolor10{background-color: #e0b58a;}
.bgcolor11{background-color: #9cb7d4;}
.bg-white{background-color: #fff;}

.c:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.c{display:inline-block;}
/* Hides from IE-mac \*/* html .c{height:1%;}
.c{display:block;}
/* End hide from IE-mac */ .fl{float:left;}
.c{display: block;}

.container{width: 1180px;margin: auto;}

.line{width: 100%;height: 10px;background-color: #f8f8f8;}

.sub-header{background: #f6f7f8 url(../images/bg1.gif) repeat-x top;text-align: center;height: 180px;}
.sub-header .mtxt{color: #333;font-size: 30px;}
.sub-header .txt{margin-top: 15px;line-height: 3;color: #666;}

.main-menu{height: 106px;}
.main-menu .logo{width: 478px;margin-top: 25px;}
.main-menu .menu-items{width: 700px;height: 100%;}
.main-menu a{display: inline-block;margin: 38px 10px 0 0;font-size: 16px;padding: 7px 15px;border-radius: 5px;}
.main-menu a.active{background-color: #1991e1;color: #fff;}

.environment-slide .slide img{border-radius: 5px;}

.subject{width: 100%;height: 80px;display: inline-block;background-position: center;background-repeat: no-repeat;}
.intro{font-size: 16px;line-height: 2.6;color: #666;}
.more-intro,.more-job{border: solid 1px #ccc;color: #666;width: 300px;text-align: center;padding: 10px 0;display: inline-block;}
.more-job{border-color: #2088cb;color: #2088cb;}
.welfare span{float: left;padding: 10px 25px;margin-right: 20px;margin-bottom: 20px;color:#fff;border-radius: 5px;}

.job-list{width: 100%;overflow: hidden;}
.job-list .job-container{width: 105%;}
.job-list .job-container .job-item{float: left;margin-right: 20px;margin-bottom: 30px;width: 378px;height: 160px;border: solid 1px #efefef;position: relative;white-space: nowrap;}
.job-list .job-container .job-item .job-name{color: #000;font-size: 16px;position:absolute;left:15px;top:20px;width:70%;font-weight:bold;overflow: hidden;text-overflow: ellipsis;}
.job-list .job-container .job-item .job-name:after {font-size: 0;content: "";height: 100%;}
.job-list .job-container .job-item .salary{position: absolute;left: 15px;top:50px;color: #ff6f8b;font-size: 16px;font-weight: bold;}
.job-list .job-container .job-item .btn-post{display:none;position: absolute;right: 10px;top: 15px;background:#f3fbff;color: #5ad4c9;padding: 6px 5px;border-radius: 20px;width: 70px;text-align: center;}
.job-list .job-container .job-item .line{position: absolute;width: 96%;left: 2%;bottom: 40px;height: 1px;background-color: #efefef;overflow: hidden;}
.job-list .job-container .job-item .address{color: #666;padding:0 3% 0 3%;position: absolute;bottom: 10px;left: 0;width: 92%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.job-list .job-container .job-item .job-require{position: absolute;top: 85px;left: 10px;}
.job-list .job-container .job-item .job-require span{background: #f3fdff;padding: 5px 10px;border-radius: 5px;margin-right: 10px;font-size: 12px;color: #216796;}

.job-detail *{color: #666;}
.job-detail .time-and-more{height: 20px;}
.job-detail .time-and-more .split{display:inline-block;margin: 0 10px;width: 1px;height: 10px;background: #ccc;}
.job-detail .time-and-more .fav{display: inline-block;padding-left: 20px;background: url(../images/fav.png) no-repeat 0 2px;}
.job-detail .time-and-more .faved{display: inline-block;padding-left: 20px;background: url(../images/faved.png) no-repeat 0 2px;}
.job-detail .time-and-more .share{display: inline-block;padding-left: 20px;background: url(../images/share.png) no-repeat 0 2px;position: relative;}
.job-detail .time-and-more .share .qr{z-index: 2;background-color: #fff;position: absolute;right: 0;top: 25px;width: 200px;height: 225px;border: solid 1px #eee;text-align: center;padding: 3px;display: none;}
.job-detail .jobname-and-more{margin-top: 20px;margin-bottom:20px;}
.job-detail .jobname-and-more .ji,.job-item .ji{margin: 0 5px 0 0;background: #ff6f8b;color: white;display: inline-block;width: 18px;height: 18px;text-align: center;overflow: hidden;font-size: 12px;}
.job-item .ji{vertical-align: text-bottom;}
.job-detail .jobname-and-more .jobname{font-size: 23px;font-weight: bold;color: #000;}
.job-detail .jobname-and-more .salary{color: #ff6f8b;font-size: 18px;font-weight: bold;}
.job-detail .job-required-and-more{margin-top: 10px;}
.job-detail .job-address{margin-top: 10px;}
.job-detail .job-welfare{margin-top: 30px;}
.job-detail .job-welfare span{display:inline-block;margin-right: 10px;padding: 5px 10px;border: solid 1px #eee;color: #333;}
.job-detail .job-detail-subject{margin-top: 30px;position: relative;color: #333;font-size: 18px;font-weight: bold;}
.job-detail .job-detail-subject i{position: absolute;width: 92%;top: 13px;right: 0;height: 1px;background-color: #eee;}
.job-detail .job-intro{margin-top: 30px;line-height: 2;}
.job-detail .btn-post{padding: 10px 55px;background: #026df3;color: #fff;margin-right: 20px;border-radius: 5px;font-size: 18px;}
.job-detail .btn-chat{padding: 10px 55px;border:solid 1px #026df3;color: #026df3;margin-right: 20px;border-radius: 5px;font-size: 18px;}
.job-detail .link-man span{color:#333;font-size:16px;display: inline-block;margin-right: 80px;height:20px;padding-left: 25px;background: url(../images/icons.gif) no-repeat;}
.job-detail .link-man .man{background-position: 0 -52px;}
.job-detail .link-man .phone{background-position: 0 -26px;}
.job-detail .link-man .email{background-position: 0 -77px;}

.image-list{width: 100%;overflow: hidden;}
.image-list .image-container{width: 105%;}
.image-list .image-container .img-item{float: left;margin: 0 20px 30px 0;}
.image-list .image-container .img-item img{border-radius: 5px;}

.contact-map{width: 800px;height: 500px;position: relative;}
.contact-map .bg{position: absolute;width: 880px;height: 300px;background-color: #f6f7f8;top: 70px;}
.contact-map .map{position: absolute;width: 600px;height: 460px;top: 0;left: 100px;background: rgb(252, 249, 242);border: solid 1px #eee;}

.footer{background: #fff;}
.footer .left-title{color: #026df3;font-size: 16px;font-weight: bold;line-height: 4;}
.footer .left-content{line-height: 2.6;color: #666;}
.footer .left-content b{color: #666;}
.footer .right-title{color: #026df3;font-size: 16px;font-weight: bold;line-height: 4;text-align: right;}
.footer .right-content b{color: #666;}
.footer .foot-qr{text-align: center;border-left: solid 1px #eee;border-right: solid 1px #eee;}
.footer .foot-qr img{width: 150px;height: 150px;}
.footer .right-content{text-align: right;color: #666;}
.footer .footer-bottom{height: 96px;background: url(../images/foot_bg.png) repeat-x;text-align: center;color: #fff;line-height: 96px;}
.footer .footer-bottom *{color: #fff;}