.bread-wrapper {background-position: center;height: 510px;background-image: url(/images/v3/hr/banner.jpg); background-repeat: no-repeat;}
.container {width:1170px;margin:0 auto;}
.bread-wrapper .title {font-size: 28px;font-weight: 600;text-align: center;color: #fff;padding-top: 118px;}
.navtab-wrapper {border-bottom: 1px solid #eaeef0;}
.navtab-wrapper ul{ overflow:hidden;}
.navtab-wrapper ul li{width: 25%;padding: 25px 0;text-align: center;float: left;}
.icon {display: inline-block;background-position: center top;background-repeat: no-repeat; padding-top: 30px;}
.icon-hat{background-image: url(/images/v3/hr/icon-hat.png);}
.icon-board{background-image: url(/images/v3/hr/icon-board.png);}
.icon-gift{background-image: url(/images/v3/hr/icon-gift.png);}
.icon-flag{background-image: url(/images/v3/hr/icon-flag.png);}
.active .icon-hat, .navtab-wrapper ul li:hover .icon-hat{background-image: url(/images/v3/hr/icon-hat_1.png);}
.active .icon-board, .navtab-wrapper ul li:hover .icon-board{background-image: url(/images/v3/hr/icon-board_1.png);}
.active .icon-gift, .navtab-wrapper ul li:hover .icon-gift{background-image: url(/images/v3/hr/icon-gift_1.png);}
.active .icon-flag, .navtab-wrapper ul li:hover .icon-flag{background-image: url(/images/v3/hr/icon-flag_1.png);}
.navtab-wrapper ul li.active, .navtab-wrapper ul li:hover {border-bottom: 3px solid #fba01b;}
.navtab-wrapper a {font-size: 18px;color: #333;text-decoration: none; width: 100%;}
.navtab-wrapper a:hover{text-decoration: none;color: #fba01b;}
.navtab-wrapper .active a{color: #fba01b;}
.navtab-wrapper ul li:hover a{color: #fba01b;}
/*培训发展*/
.video-wrapper {margin-top: 50px;position: relative;}
.play-wrapper {position: absolute;top: 50%;margin:-32px 0 0 -32px;left: 50%;z-index: 10;}
.icon-play {background-image: url(/images/v3/hr/icon-kaishi.png);width: 64px;height: 64px;}
.play-wrapper .play {width: 64px;height: 64px;position: absolute;cursor: pointer;top: 0;font-size: 0;}
.text-center {text-align: center;}
.part:not(:last-child) {border-bottom: 1px solid #eaeef0;}
.part {padding: 50px 0;overflow:hidden;}
.part h1 {font-size: 28px;margin-bottom: 50px;font-weight: normal;}
.part h1 a {font-size: 22px;}
p{line-height: 24px;}
.part h2 {font-size: 20px;font-weight: 500;margin-bottom: 50px;}
.row {margin:0 -15px;margin-right: -15px;box-sizing: border-box;}
.row ul li{width: 33.33333333%;float:left;box-sizing: border-box;padding:0;}
.row ul li:hover {border-bottom:none;}
.row ul li p{color: #888;}
.part-col{padding:0 15px;}
.part-col h2 {margin-bottom: 15px;}
.part-col p {margin-bottom: 25px;}
/*福利待遇*/
.media-box {padding: 40px;border: 1px solid #eaeef0;margin:0 20px 30px;}
.media-box h3 {margin-top: 25px; font-size: 18px;}
.icon-purse{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-purse.png);}
.icon-welfare{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-welfare.png);}
.icon-safe{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-safe.png);}
.icon-food{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-food.png);}
.icon-star{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-star.png);}
.icon-medical{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-medical.png);}
.icon-club{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-club.png);}
.icon-gifts{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-gifts.png);}
.icon-bus{width: 80px;height: 80px;background-image: url(/images/v3/hr/icon-bus.png);}
/*职位列表〃*/
.text-left {text-align: left;}
.table.job {border: 1px solid #eaeef0;width: 100%;max-width: 100%;margin-bottom: 22px;border-collapse: collapse;}
.table.job td, .table.job th {text-align: center;padding: 15px 0;width: 25%;}
.table tbody tr td{line-height: 24px;border-top: 1px solid #dddddd;}
.table.job th {font-size: 18px;border-top: 1px solid #dddddd;}
.table.job tr a{font-size:14px; color:#5a92e9;}
/*文化活动*/
.part dl {overflow:hidden;}
.part dl dd {width: 50%;float:left;padding:0 15px;box-sizing: border-box;}
.left-offset{height: 330px;margin-top: 50px;}
.left-offset h3 {position: relative;font-size: 20px;margin-top: 80px;margin-bottom: 20px;}
.left-offset h3:before {content:attr(data-title);position: absolute;top: -60px;left: 50%;margin-left: -20px;border-radius: 50%;padding: 10px;background-color:#5a92e9;color:#fff;}
.right{ float:right!important;}
/*招聘详情*/
.posNow{color:#ccc;padding:10px 0;background-color:#fafafa;border-bottom:1px solid #eee;}
.posNow span{color:#777;}
.posNow a{display:inline-block;padding:0 5px;}
.rightCon {width: 860px;}
.leftCon {width: 280px;}
.content h2.tac {font-size: 22px;color: #333;padding: 10px 0px; text-align: left;}
.content h3.department {font-size: 16px;color: #555; padding: 0px 0px 20px 0px; font-weight: normal;}
.parm table{ border: 1px solid #e7e7e7; border-collapse: collapse; width: 100%;}
.parm table td{ border: 1px solid #e7e7e7; background-color: #f9f9f9; padding: 5px;}
.content .from {color: #aaa;padding-bottom: 15px;text-align: center;}
.content div {line-height: 26px;color: #555;font-size: 14px;}
.content p {line-height: 26px;margin: 15px 0;color: #555;text-indent: 2em;font-size: 14px;}
.content h3 {font-size: 18px;color: #4667aa;padding: 10px 0px;}
ul.arrow li {background:url(/code/images/icon.png) 0 -448px no-repeat;padding-left:15px;list-style:none;width:435px;float:left;line-height:22px;color: #999;}
.content ul.listTxt li a {margin-right: 5px;line-height: 28px;color: #555;text-decoration: none;}
.leftMenu ul li a:hover {color: #4667aa;text-decoration: none;background-color: #f2f2f2;}
.leftMenu {border: 1px solid #efefef;background-color: #f9f9f9;}
.leftMenu h2 {font-size: 18px;padding-top: 10px;text-indent: 1em;}
.leftMenu ul {background-color: #fff;border: 1px solid #f4f4f4;border-bottom: 1px solid #f9f9f9;margin: 10px;font-size: 14px;}
.leftMenu ul li {border-bottom: 1px solid #f4f4f4;text-indent: 1em;}
.leftMenu ul li a {display: block;height: 36px;line-height: 36px;border: 0px solid #fff;border-bottom: 0px solid #fff;color: #555;overflow: hidden;}
@media screen and (min-width: 1425px){
.bread-wrapper{background-size:100%;height:343px;}
}