@charset "utf-8";

/* reset */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, ul, ol, li, dl, dd, input, button, textarea, fieldset, legend, figure, menu, th, td, pre{margin:0;padding:0;}
body{font-size: 12px;font-family: Arial, "Microsoft YaHei";color: #666;background: #f7f7f7;}
h1, h2, h3, h4, h5, h6{font-weight: normal;font-size: inherit;}
a{color: #999;text-decoration: none;outline: none;}
area{outline: none}
img{border: none;}
ul, ol{list-style: none;}
i, em{font-style: normal;}
input, button, select, textarea, optgroup{font: inherit;color: inherit;outline:none;}
input[type="text"], input[type="password"], input[type="search"], button, textarea{border: 1px solid #ccc;}
input[type="button"], input[type="reset"], input[type="submit"], button{border: none;cursor:pointer;}
input[type="radio"], input[type="checkbox"]{border: none;padding:0}
input::-ms-clear, input::-ms-reveal{display: none;}
button[disabled], input[disabled]{cursor:default}
button::-moz-focus-inner, input::-moz-focus-inner{padding:0;border:0}
legend{padding:0;border:0}
textarea{resize: none;}
table{border-collapse: collapse;}
td,th{padding:0}

/* global */
.fl{float: left;}
.fr{float: right;}
.mr0{margin-right: 0 !important;}
.bdn{border: none !important;}
.rps{display: block;max-width: 100%;}
.fff{background: #fff;}
.clearfix:after{content: "";display: block;clear: both;}
.container{position: relative;width: 1000px;margin: 0 auto;padding: .1px 0;}
.container-h{position: relative;width: 1000px;margin: 0 auto;overflow: hidden;}
.container-f{position: relative;margin: 0 auto;padding: .1px 0;}

/* common */
.header .entrance a,
.header .entrance a:after,
.tab .title li a:before,
.tab .title li.active:after,
.footer .top .back-top:after,
.footer .bottom .left span:before,
.pagination a.prev,
.pagination a.next,
.service-fields .map dl dd:before,
.about-honour .main a,
.about-contact .main ul li:before,
.information .content ul li span:before{background-image: url(../img/icon.png);background-repeat: no-repeat;}

.product-list a .desc,
.product-detail .picture .thumbnail li .mask,
.service-customer .list li,
.service-customer .list li span,
.information .content ul li,
.information .content ul li:before,
.hr-presence .list li,
.hr-presence .list li span{-webkit-transition: all .3s;transition: all .3s;}

.header{background: #fff;padding-bottom: 20px;}
.header .logo{float: left;background: url(../img/logo.png) no-repeat;width: 255px;height: 65px;margin-top: 20px;}
.header .entrance{float: right;margin-top: 10px;}
.header .entrance a{float: left;width: 28px;height: 28px;margin-left: 10px;line-height: 28px;background-position: -10px -11px;text-align: center;}
.header .entrance a:after{display: block;content: "";width: 100%;height: 100%;}
.header .entrance a.item-1:after{background-position:-13px -61px;}
.header .entrance a.item-2:after{background-position:-61px -61px;}
.header .entrance a.item-3:after{background-position:-111px -61px;}
.header .entrance a.item-4:after{background-position:-162px -62px;}
.header .entrance a.item-5:after{content: none;}
.header .nav{float: right;margin-top: 20px;}
.header .nav li{float: left;margin-left: 40px;}
.header .nav li a{display: block;font-size: 14px;color: #333;line-height: 20px;}
.header .nav li:hover a,
.header .nav li.active a{font-weight: bold;padding-bottom: 8px;border-bottom: 2px solid #0055ca;}

.footer{height: 370px;background: url(../img/bg-footer.jpg) no-repeat center top;}
.footer .top{padding-top: 25px;overflow: hidden;}
.footer .top .back-top{float: right;font-size: 14px;color: #fff;cursor: pointer;}
.footer .top .back-top:after{display: inline-block;content: "";width: 20px;height: 20px;margin-left: 10px;vertical-align: -4px;background-position:-466px -15px;}
.footer .bottom{padding-top: 60px;overflow: hidden;color: #fff;}
.footer .bottom .left{float: left;position: relative;}
.footer .bottom .left a{float: left;color: #fff;font-size: 14px;line-height: 16px;}
.footer .bottom .left em{height: 16px;border-right: 1px solid #fff;float: left;margin: 0 10px;}
.footer .bottom .left p{font-size: 14px;margin-top: 30px;text-transform: capitalize;}
.footer .bottom .left span{float: left;line-height: 40px;margin: 30px 30px 0 0;font-size: 14px;font-weight: bold;}
.footer .bottom .left span:before{display: inline-block;content: "";width: 40px;height: 40px;margin-right: 10px;vertical-align: middle;;}
.footer .bottom .left .friend{position: absolute;top: 0;right: 0;color: #fff;font-size: 14px;}
.footer .bottom .left .friend a{color: #fff;float: none;}

.footer .bottom .tel:before{background-position:-105px -5px;}
.footer .bottom .address:before{background-position:-155px -5px;}
.footer .bottom .wechat{width: 114px;float: right;}
.footer .bottom .wechat span{display: block;margin-top: 10px;font-size: 14px;text-align: center;}

/* component */
.btn-more{width: 203px;line-height: 48px;border: 1px solid #fff;font-size: 14px;color: #fff;text-indent: 40px;background: url(../img/btn-more.png) no-repeat 130px 20px;display: inline-block;}

.figure{float: left;}
.figure img{display: block;width: 300px;height: 400px;padding: 8px;border: 1px solid #eee;background: #fff;}
.figure:after{display: block;height: 15px;background: url(../img/box-shadown.png) no-repeat;content: "";}

.banner-top{height: 160px;overflow: hidden;margin-bottom: 40px;position: relative;}
.banner-top img{position: relative;display: block;left: 50%;margin-left: -960px;}
.banner-top span{position: absolute;top: 45px;left: 50%;margin-left: -500px;width: 1000px;font-size: 30px;color: #fff;text-transform: uppercase;}
.banner-top span:after{display: block;content: "";width: 40px;border-bottom: 1px solid #fff;margin-top: 20px;}

.pagination{text-align: center;margin-bottom: 60px;}
.pagination .wrapper{display: inline-block;overflow: hidden;}
.pagination span,
.pagination a{float: left;width: 25px;height: 25px;background-color: #eaeaea;border-radius: 3px;margin: 0 6px;line-height: 25px;text-align: center;color: #333;cursor: pointer;}
.pagination a[disabled]{background-color: #ccc;cursor: not-allowed;}
.pagination a.prev{background-position: -364px -12px;}
.pagination a.next{background-position: -414px -12px;}
.pagination .active{background: #0fa6eb;color: #fff;}

.page-jump{margin: 50px 0 70px;padding-top: 30px;border-top: 1px dashed #ccc;position: relative;}
.page-jump span{display: block;line-height: 20px;color: #808080;}
.page-jump span a{line-height: 25px;color: #808080;}
.page-jump span a:hover{color: #3e7ff7;text-decoration: underline;}
.page-jump .back{position: absolute;top: 30px;right: 0;width: 55px;line-height: 20px;background: #3e7ff7;color: #fff;text-align: center;}

.product-list a{width: 325px;height: 210px;margin: 0 12px 60px 0;position: relative;float: left;}
.product-list a:before{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 30px;background: url(../img/bg-product-list-item.png) no-repeat;}
.product-list a img{display: block;width: 100%;height: 100%;}
.product-list a .desc{position: absolute;bottom: 0;left: 0;width: 100%;height: 34px;overflow: hidden;}
.product-list a .desc .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .8;filter: alpha(opacity=80);}
.product-list a .desc span{position: relative;display: block;text-indent: 20px;font-weight: bold;color: #fff;line-height: 34px;width: 75%;height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-list a .desc em{position: absolute;top: 0;right: 20px;color: #fff;line-height: 34px;text-transform: uppercase;}
.product-list a .desc p{position: relative;padding: 0 20px 14px;line-height: 22px;color: #fff;height: 40px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.product-list a:hover .desc{height: 90px;}

.tab .title{padding-bottom: 50px;overflow: hidden;}
.tab .title {display: flex;justify-content: center;flex-wrap: wrap;}
.tab .title li{border: 1px solid #aaa;border-width: 1px 0;text-align: center;float: left;position: relative;}
.tab .title li a{line-height: 30px;font-size: 14px;color: #333;padding: 14px 0;display: inline-block;height: 30px;}
.tab .title li a:before{display: inline-block;content: "";width: 30px;height: 30px;margin-right: 15px;vertical-align: middle;}
.tab .title li.item-1 a:before{background-position:-10px -109px;}
.tab .title li.item-2 a:before{background-position:-58px -109px;}
.tab .title li.item-3 a:before{background-position:-109px -109px;}
.tab .title li.item-4 a:before{background-position:-160px -109px;}
.tab .title li.active a{font-weight: bold;color: #0055ca;}
.tab .title li.active a:before{background-position-y: -159px !important;}
.tab .title li.active:after{position: absolute;content: "";width: 28px;height: 28px;top: 58px;left: 50%;margin-left: -16px;background-position:-213px -15px;background-color: #f7f7f7;}
.tab .title.two li{width: 50%;}
.tab .title.three li{width: 33.3%;}
.tab .title.four li{width: 25%;}
.tab .title.five li{width: 20%;}
.tab .content > div{display: none;}
.tab .content > div:after{display: block;content: "";clear: both;}

.tab-float .content{position: relative;}
.tab-float .content > div{display: block;position: absolute;top: 0;left: 0;width: 100%;opacity: 0;filter: alpha(opacity=0);}
.tab-float .content > div.active{z-index: 1;opacity: 1;filter: alpha(opacity=1);}

/* index */
.banner-index{height: 560px;overflow: hidden;}
.banner-index .eb-serial{bottom: 20px;}
.banner-index .eb-serial a.active{background: #006BFF;}

.index-category-top{margin-top: 75px;}
.index-category-top .content{height: 210px;}
.index-category-top .content .fields a:before{content: none;}
.index-category-top .content .service{background: url(../img/bg-service-concept.png) no-repeat center top;height: 100%;}
.index-category-top .content .service p{float: right;width: 375px;line-height: 28px;margin: 60px 25px 0 0;font-size: 14px;}

.index-category-top .es-wrap{overflow: hidden;}
.index-category-top .es-arrow a{width: 45px;height: 92px;cursor: pointer;}
.index-category-top .es-arrow a.prev{left: -105px;background: url(../img/arrow-prev.png) no-repeat;}
.index-category-top .es-arrow a.next{right: -105px;background: url(../img/arrow-next.png) no-repeat;}

.index-intro{height: 460px;background: url(../img/bg-index-intro.jpg) no-repeat center top;overflow: hidden;margin-top: 90px;}
.index-intro img{display: block;margin: 20px auto 0;}
.index-intro p{line-height: 28px;color: #fff;text-align: center;padding-top: 45px;}
.index-intro p:after{display: block;content: "";width: 100px;margin: 0 auto;border-bottom: 1px solid #fff;margin-top: 30px;}
.index-intro a{display: block;margin: 50px auto;}

.index-category-bottom{margin-top: 90px;}
.index-category-bottom .content{height: 355px;overflow: hidden;}
.index-category-bottom .top-news{float: left;width: 476px;position: relative;}
.index-category-bottom .top-news img{display: block;width: 100%;height: 185px;}
.index-category-bottom .top-news span{position: absolute;top: 0;left: 0;width: 80px;height: 80px;background: #0055ca;color: #fff;text-align: center;font-size: 14px;}
.index-category-bottom .top-news span em{display: block;font-size: 40px;margin-top: 10px;}
.index-category-bottom .top-news h3{font-weight: bold;color: #333;margin-top: 25px;font-size: 14px;}
.index-category-bottom .top-news p{line-height: 20px;margin-top: 15px;}
.index-category-bottom .top-news a{display: block;width: 150px;line-height: 40px;background: #0055ca;color: #fff;text-align: center;margin-top: 30px;}
.index-category-bottom .list{float: right;width: 490px;}
.index-category-bottom .list li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ccc;}
.index-category-bottom .list li a{display: block;overflow: hidden;}
.index-category-bottom .list li span{float: left;width: 70px;height: 70px;font-size: 14px;color: #ccc;text-align: center;font-family: "Microsoft YaHei";margin: -10px 20px 0 0;}
.index-category-bottom .list li span em{display: block;font-size: 35px;;}
.index-category-bottom .list li h3{font-weight: bold;color: #333;float: left;width: 400px;font-size: 14px;margin-top: -2px;}
.index-category-bottom .list li p{line-height: 20px;margin-top: 10px;float: left;width: 400px;}

.contact{overflow: hidden;padding: 40px 30px;background: #fff;margin-top: 80px;margin-bottom: 60px;}
.contact .info{float: left;width: 550px;}
.contact .info .title{padding-right: 30px;width: 200px;float: left;}
.contact .info .title span{font-size: 50px;font-family: "Aparajita";color: #ccc;display: block;text-align: center;}
.contact .info .title span:after{display: block;content: "";width: 50px;border-bottom: 1px solid #ccc;margin: 0 auto;}
.contact .info .title p{line-height: 24px;padding: 20px 10px 0;}
.contact .info dl{float: left;padding-left: 30px;width: 270px;border-left: 1px dashed #ccc;}
.contact .info dl dt{line-height: 20px;font-weight: bold;}
.contact .info dl dd{line-height: 28px;}
.contact iframe{float: right;width: 385px;height: 185px;border: 1px solid #ccc;}

/* 应用领域 */
/*.application-fields .tab .content{height: 750px;}*/
.application-fields .product-list a:nth-child(3n){margin-right: 0;}

/* 应用领域 - 详情*/
.product-detail .picture .large{float: left;width: 410px;height: 265px;}
.product-detail .picture .right{float: right;width: 540px;}
.product-detail .picture .info{border-bottom: 1px solid #ccc;}
.product-detail .picture .info li{margin-bottom: 25px;font-size: 14px;}
.product-detail .picture .info li label{display: inline-block;width: 65px;height: 20px;line-height: 20px;background: #0055ca;text-align: center;color: #fff;font-weight: bold;margin-right: 26px;font-size: 12px;}
.product-detail .picture .thumbnail{margin-top: 50px;overflow: hidden;}
.product-detail .picture .thumbnail li{float: left;width: 203px;height: 130px;margin-right: 28px;position: relative;cursor: pointer;}
.product-detail .picture .thumbnail li img{display: block;max-width: 100%;}
.product-detail .picture .thumbnail li .mask{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0055ca;opacity: 0;filter: alpha(opacity=0);}
.product-detail .picture .thumbnail li.active .mask{opacity: .2;filter: alpha(opacity=20);}
.product-detail .desc{margin-top: 70px;background: #fff url(../img/bg-corner.png) no-repeat top right;padding: 30px;}
.product-detail .desc .title{border: none;background: url(../img/bg-tab-title.png) no-repeat 120px 15px;margin: 0;}
.product-detail .desc .title li{padding-right: 80px;border: none;}
.product-detail .desc .title li.active:after{content: none;}
.product-detail .desc .content{min-height: 500px;}

/* 产品世界 */
/*.product .content{height: 750px;}*/
.product .more{height: 120px;background: url(../img/bg-more-product.png);overflow: hidden;margin-bottom: 65px;}
.product .more a{float: left;border-color: #333;color: #333;background-image: url(../img/btn-more-dark.png);margin: 35px 0 0 50px;}
.product .product-list a:nth-child(3n){margin-right: 0;}

/* 服务支持 */
.service-customer .list{height: 414px;overflow: hidden;}
.service-customer .list li{float: left;width: 236px;border: 1px solid #ccc;position: relative;margin: 0 16px 40px 0;}
.service-customer .list li:nth-child(4n){margin-right: 0;}
.service-customer .list li img{display: block;max-width: 100%;}
.service-customer .list li span{display: block;line-height: 45px;background: #ccc;color: #fff;text-align: center;}
.service-customer .list li:hover{border-color: #3e7ff7;}
.service-customer .list li:hover span{background: #3e7ff7;}

.service-fields .map{height: 680px;margin-bottom: 60px;background: url(../img/map1.png) no-repeat;position: relative;background-size: cover;}
.service-fields .map dl{position: absolute;width: 225px;height: 100px;background: #3e7ff7;right: 0;bottom: 253px;border-radius: 5px;padding: 10px 0 0 15px;color: #fff;}
.service-fields .map dl dt{font-size: 14px;font-weight: bold;line-height: 26px;}
.service-fields .map dl dt:before{display: inline-block;content: "";background: #fff;vertical-align: middle;width: 6px;height: 6px;margin: 0 5px;}
.service-fields .map dl dd{line-height: 22px;padding-left: 18px;position: relative;}
.service-fields .map dl dd:before{position: absolute;content: "";width: 15px;height: 15px;top: 4px;left: 0;}
.service-fields .map dl .item-1:before{background-position:-267px -18px;}
.service-fields .map dl .item-2:before{background-position:-317px -18px;}

.service-promise .text{margin: 70px 0 280px;height: 345px;background: url(../img/bg-service-promise.png) no-repeat;}
.service-promise .text p{padding-top: 120px;width: 380px;line-height: 28px;color: #333;}

/* 关于我们 */
div[class*="about"] .title li.item-2 a:before{background-position: -260px -108px;}
div[class*="about"] .title li.item-3 a:before{background-position: -210px -108px;}
div[class*="about"] .title li.item-4 a:before{background-position: -160px -109px;}
div[class*="about"] .title li.item-5 a:before{background-position: -109px -109px;}

.about-intro .main{margin-top: 35px;overflow: hidden;}
.about-intro .main .text{width: 650px;float: right;}
.about-intro .main .text p{line-height: 26px;text-indent: 2em;}

.about-brand .main{margin-bottom: 120px;overflow: hidden;}
.about-brand .main img{width: 500px;}
.about-brand .main .text{width: 475px;height: 327px;}
.about-brand .main .text h2{font-size: 30px;color: #3e7ff7;text-transform: uppercase;}
.about-brand .main .text.fl h2{margin-top: 40px;}
.about-brand .main .text span{display: block;width: 230px;line-height: 25px;background: #3e7ff7;color: #fff;text-align: center;position: relative;margin-top: 6px;}
.about-brand .main .text span:before,
.about-brand .main .text span:after{position: absolute;content: "";top: 12px;width: 72px;height: 1px;background: #fff;opacity: .2;filter: alpha(opacity=20);}
.about-brand .main .text span:before{left: 6px;}
.about-brand .main .text span:after{right: 5px;}
.about-brand .main .text p{margin-top: 40px;line-height: 26px;}

.about-rd .main{margin-bottom: 100px;height: 735px;background: url(../img/bg-about-rd.png) no-repeat;}
.about-rd .main p{padding-left: 335px;line-height: 26px;font-size: 14px;}

.about-honour .main{margin: 80px 0 220px;position: relative;}
.about-honour .main ul{height: 345px;position: relative;z-index: 10;margin: 0 200px}
.about-honour .main ul li{width: 450px;height: 335px;padding: 5px;background: #fff;border-radius: 3px;border: 1px solid #ccc;}
.about-honour .main table,
.about-honour .main table td{width: 100%;height: 335px;text-align: center;}
.about-honour .main table td img{max-height: 100%;}
.about-honour .main a{position: absolute;width: 35px;height: 35px;background-color: #333;top: 155px;z-index: 20;}
.about-honour .main a.prev{background-position:-208px -57px;left: -50px;}
.about-honour .main a.next{background-position:-258px -57px;right: -50px;}

.about-contact .main{margin: 40px 0 90px;overflow: hidden;}
.about-contact .main .figure iframe{width: 300px;height: 400px;padding: 8px;background: #fff;border: 1px solid #eee;}
.about-contact .main ul{float: left;margin: 40px 0 0 80px;}
.about-contact .main ul li{font-size: 14px;line-height: 60px;}
.about-contact .main ul li:before{display: inline-block;content: "";width: 24px;height: 24px;vertical-align: middle;}
.about-contact .main ul li.item-1:before{background-position:-14px -214px;}
.about-contact .main ul li.item-2:before{background-position:-64px -214px;}
.about-contact .main ul li.item-3:before{background-position:-114px -214px;}
.about-contact .main ul li.item-4:before{background-position:-164px -214px;}
.about-contact .main ul li.item-5:before{background-position:-214px -214px;}
.about-contact .main ul li.item-6:before{background-position:-264px -214px;}

/* 动态资讯 */
.information .content{height: 1130px;padding: .1px 0;}
.information .content ul{border-left: 1px dashed #666;}
.information .content ul li{position: relative;padding: 16px 0 16px 40px;}
.information .content ul li:before{position: absolute;top: 0;left: -8px;content: "";width: 14px;height: 14px;background: #fff;border: 1px solid #999;border-radius: 2px;}
.information .content ul li:hover{background: #fff;}
.information .content ul li:hover:before{background: #71b800;border-color: #71b800;}
.information .content ul li a{display: inline-block;overflow: hidden;}
.information .content ul li img{float: left;width: 238px;height: 160px;margin-right: 30px;}
.information .content ul li .text{float: left;width: 520px;}
.information .content ul li h3{line-height: 30px;padding-bottom: 10px;border-bottom: 1px solid #ccc;font-size: 18px;color: #333;}
.information .content ul li p{display: -webkit-box;height: 40px;line-height: 20px;margin-top: 18px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.information .content ul li span{float: left;margin-top: 35px;margin-right: 25px;color: #ccc;}
.information .content ul li span:before{content: "";display: inline-block;width: 20px;height: 20px;margin-right: 10px;vertical-align: middle;}
.information .content ul li span.date:before{background-position: -415px -115px;}
.information .content ul li span.see:before{background-position: -466px -116px;}
.information .content ul li:hover h3,
.information .content ul li:hover p,
.information .content ul li:hover span{color: #0056ca;}
.information .content ul li:hover span:before{background-position-y: -165px;}

.information-detail h1{font-size: 24px;color: #333;text-align: center;}
.information-detail .info{margin: 25px 0;border: 1px solid #ccc;border-width: 1px 0;text-align: center;}
.information-detail .info span{display: inline-block;line-height: 45px;font-size: 14px;color: #808080;}
.information-detail .info span.center{margin: 0 50px;}
.information-detail img{max-width: 100%;}

/* 人力资源 */
.hr-concept .main{height: 355px;margin: 30px 0 170px;background: url(../img/bg-hr-concept.png) no-repeat;}
.hr-concept .main p{float: right;margin-top: 50px;line-height: 26px;width: 445px;}

.hr-job .main{height: 480px;margin: 30px 0 120px;background: url(../img/bg-hr-job.png) no-repeat;}
.hr-job .list{width: 690px;margin-left: 250px;}
.hr-job .list .title{background: #3e7ff7;color: #fff;overflow: hidden;}
.hr-job .list .title span{text-align: center;line-height: 25px;float: left;width: 20%;}

.hr-job .list a{overflow: hidden;margin-top: 18px;border-bottom: 1px solid #ddd;display: block;}
.hr-job .list a span{float: left;line-height: 32px;color: #808080;width: 20%;text-align: center;}
.hr-job .list a:hover span{color: #3e7ff7;}
.hr-job .list span:first-child{box-sizing: border-box;text-align: left;padding-left: 20px;}
.hr-job .list span:last-child{box-sizing: border-box;text-align: right;padding-right: 20px;}

.hr-job .detail{width: 656px;padding: 40px 0 0 275px;}
.hr-job .detail h2{font-size: 24px;color: #0055ac;}
.hr-job .detail table{width: 100%;margin-top: 30px;}
.hr-job .detail table td{width: 12%;line-height: 35px;padding-left: 5px;border: 1px solid #3a7aaf;vertical-align: top;}
.hr-job .detail table td:nth-child(1):before,
.hr-job .detail table td:nth-child(3):before{border: 4px solid transparent;border-left: 4px solid #f49025;content: "";display: inline-block;}
.hr-job .detail table td.prop:before{border: 4px solid transparent;border-left: 4px solid #f49025;content: "";display: inline-block;}
.hr-job .detail table td:nth-child(2),
.hr-job .detail table td:nth-child(4){width: 38%;}
.hr-job .detail table td.desc{width: 38%;}
.hr-job .detail span{display: block;width: 340px;line-height: 30px;color: #fff;text-indent: 10px;background: #0055ac;margin-top: 30px;}
.hr-job .detail span a{color: #fff;}
.hr-job .detail span a:hover{text-decoration: underline;}

.hr-training .main{height: 500px;margin: 30px 0 100px;background: url(../img/bg-hr-traning.png) no-repeat bottom center;}
.hr-training .main p{font-size: 14px;line-height: 24px;}

.hr-presence .list{height: 500px;overflow: hidden;}
.hr-presence .list li{float: left;width: 310px;border: 1px solid #ccc;position: relative;margin: 0 29px 36px 0;}
.hr-presence .list li:nth-child(3n){margin-right: 0;}
.hr-presence .list li img{display: block;max-width: 100%;}
.hr-presence .list li span{display: block;overflow: hidden;background: #ccc;color: #fff;padding: 0 10px 0 15px;}
.hr-presence .list li span em{line-height: 45px;}
.hr-presence .list li:hover{border-color: #3e7ff7;}
.hr-presence .list li:hover span{background: #3e7ff7;}