html {overflow-y:scroll;margin:0;}
body { margin:0; font:14px "Microsoft YaHei",Heiti SC,Helvetica,Arial,sans-serif; background:#fff; 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;}

.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;}

.line{width: 100%;height: 10px;background-color: #f8f8f8;}

.toast-message{color:#fff;}
.container{width: 1180px;margin: auto;}

.menu-layer{position: absolute;top:0;left:0;width: 100%;z-index: 1;}

.main-menu{height: 106px;}
.main-menu .logo{width: 378px;margin-top: 30px;}
.main-menu .menu-items{width: 800px;height: 100%;}
.main-menu a{display: inline-block;background:none;margin: 38px 10px 0 0;font-size: 16px;padding: 7px 25px;border-radius: 30px;color: #fff;border: solid 1px #eee;}
.main-menu a:hover{color:#fff;border: solid 1px #efefef;}
.main-menu a.active,.main-menu a.active:hover{background: #00a5e4;border-color: #00a5e4;color:#fff;}

.subject{width: 100%;height: 150px;display: inline-block;background-position: center;background-repeat: no-repeat;}

.welfare{text-align: center;}
.welfare span{display:inline-block;padding: 10px 25px;margin-right: 20px;margin-bottom: 20px;color:#fff;border-radius: 30px;}

.company-intro{height: 378px;width: 100%;background: url(../images/intro_bg.jpg) repeat-x center;}
.company-intro .intro{width: 350px;height: 100%;background: #fff;}
.company-intro .intro .title{font-size: 28px;font-weight: 500;color:#333;}
.company-intro .intro .content{font-size: 16px;line-height: 2.2;color: #333;}
.company-intro .intro .btn-intro{color: #0180cd;border: solid 1px #0180cd;padding: 7px 25px;border-radius: 5px;}

.company-intro .bx-wrapper .bx-prev{left: -50px !important;}
.company-intro .bx-wrapper .bx-next{right: -50px !important;}
.company-intro .slide .slide-padding{padding: 3px;background: #fff;}

.job-list .job-item{border: solid 1px #eee;padding: 20px;}
.job-list .job-item .ji{vertical-align: text-bottom;margin: 0 5px 0 0;background: orangered;color: white;display: inline-block;width: 18px;height: 18px;text-align: center;overflow: hidden;font-size: 12px;}
.job-list .job-item .job-name-line .jobname{font-size: 16px;font-weight: bold;color:#333;margin-right: 10px;}
.job-list .job-item .job-name-line .salary{font-size: 16px;font-weight: bold;color: #ff7950;}
.job-list .job-item .job-require{color: #666;margin:15px 0 0 0;}
.job-list .job-item .job-welfare{margin-top:5px;}
.job-list .job-item .job-welfare span{display: inline-block;background-color: #f0f6ff;color:#666;padding:3px 10px;margin:10px 10px 0 0;font-size:12px;border-radius:5px;}
.job-list .job-item .job-time{margin-top: 10px;color: #666;text-align: right;}
.job-list .job-item .btns{margin-top: 40px;text-align: right;}
.job-list .job-item .btns .fav,.job-list .job-item .btns .faved{display: inline-block;line-height:30px;padding-left: 23px;background: url(../images/fav.png) no-repeat 0 6px;color: #666;margin-right: 10px;}
.job-list .job-item .btns .faved{background:url(../images/faved.png) no-repeat 0 6px;}
.job-list .job-item .btns .apply{background-color: #ff5a5a;color: #fff;display: inline-block;padding: 6px 12px;border-radius: 3px;}
.btn-more-job{background: #0180cd;color: #fff;padding: 10px 40px;}

.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;}
.job-detail .jobname-and-more .ji,.job-item .ji{margin: 0 5px 0 0;background: orangered;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: #ff3f05;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: 93%;top: 10px;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: #ff5a5a;color: #fff;margin-right: 20px;border-radius: 5px;font-size: 18px;}
.job-detail .btn-chat{padding: 10px 55px;border:solid 1px #ff5a5a;color: #ff5a5a;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;}

.about .company-name-subject{padding-top: 30px;background: url(../images/about_us_subject.gif) no-repeat 0 0;color: #333;font-size: 20px;font-weight: bold;}
.about .intro{margin-top: 20px;color: #666;line-height: 2.3;font-size:16px;}

.image-list{width: 100%;overflow: hidden;}
.image-list .image-container{width: 105%;}
.image-list .image-container .img-item{float: left;margin: 0 10px 70px 0;text-align: center;background: #f7f7f7;}
.image-list .image-container .img-item img{border-radius: 0px;}
.image-list .image-container .img-item .desc{width: 100%;overflow: hidden;text-align: left;display: block;padding: 5px 0 10px 10px;white-space: nowrap;}

.contact .title{font-size: 18px;font-weight: bold;color: #333;}
.contact .content{margin-top: 20px;line-height: 2;color: #666;}
.contact .qr{padding: 3px;border: solid 1px #eee;display:inline-block;}
.contact .qr img{width: 150px;height: 150px;}

.map{width: 100%;height: 400px;background: rgb(252, 249, 242);border: solid 1px #eee;}

.footer{height: 310px;background: url(../images/footer_bg.gif) repeat-x center top;}
.footer .qr img{width: 100px;height: 100px;}
.footer .menu a{color: #fff;font-size: 16px;margin: 0 30px 0 30px;}
.footer .bottom{color: #fff;}
.footer .bottom a{color: #fff;}