/*
Powered by uimix.com;
date:2015-5-26;
*/



/*index*/

@media screen and (max-width:768px){
    .hr-m-search .search-box input{width: 110px;}
}

@media screen and (max-width:768px){
    .hr-main{background-image: url(../images/hr-mm-bg.jpg?v=2)}
    #vivo-head{position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.02); overflow: hidden;}
    #vivo-head .vivo-nav{width: 100%; height: auto; margin: 0;}
    #vivo-head .vivo-nav label.subname{height: 50px; margin-left: -0.5em; margin-top: -3px;}
    .vivo-nav a.vivo-logo{height: 48px; margin-left: 10px; background-size: 70px auto; background-position: 3px 3px; margin-top: 1px;}
    .vivo-nav .navbar-menu{display: block;}
    .vivo-nav .search-user{display: none;}
    .vivo-nav ul{float: none; width: 100%; height: auto; margin: 0;  position: relative; top: 0; left: 0; opacity: 0; height: 1px; overflow: hidden; display: block;}
    .vivo-nav ul li{display: block; float: none; width: 100%; height: auto; border: none; border-top: 1px rgba(0,0,0,.05) solid; text-align: left; padding: 0 10px; position: relative;}
    .vivo-nav ul li a:hover, .vivo-nav ul li.current a, .vivo-nav ul li.current a:hover, .vivo-nav ul li.active a, .vivo-nav ul li.active a:hover{color: #666;  background: none;}
    .vivo-nav ul li a:after{width: 30px;  height: 30px;  content: ''; display: block; position: absolute;  top: 50%;  right: 22px;  margin-top: -15px;  overflow: hidden;  background-position: -60px 0;}
      
    
    #vivo-foot .vivo-footer{width: 100%;}
    .vivo-footer a.footer-logo{left: 20px;}
    .vivo-footer p.foot-copyright{margin-left: 150px; padding-right: 20px;}
    .vivo-footer p a.lan-en{display: none;}
    .vivo-footer .vivo-sns-list{display: none;}       
    
    #vivo-contain{background-color: #fff;}    
    
    
    
    .hr-main{width: 100%; height: auto; background-position: center top; background-color: #fff; overflow: hidden; background-size: auto 28%; background-position-x: 60%; }
    .hr-main .hr-m-high{width: 200%; height: 120px; text-align: center; position: relative; left: 50%; margin-left: -100%;}
    .hr-main .hr-m-high img{width: auto; height: 100%;}
    .hr-m-content .hr-m-search{width: 70%;}
    .hr-m-search .search-keyword{display: none;}
    .hr-m-search .search-keyword{overflow: hidden; white-space: nowrap; position: relative;}
    .hr-m-search .search-keyword em{padding-left: 0; color: #666; margin: 0;}
    .hr-m-search .search-keyword a{color: #666; padding: 0; padding: 0 16px 0 0;}
    .hr-m-search .search-box input{width: calc(100% - 142px);}
    
    
    
    .hr-m-nav{display: block; padding-top: 60%;}
    .hr-m-nav li{width: 33.33%; bo1rder: #e5e5e5 1px solid; box-sizing: border-box; overflow: hidden; float: left; padding: 20px 0; border-left: none;}
    .hr-m-nav li a figure{width: 100%; height: auto;}
    .hr-m-nav li a figure img{height: auto !important; width: 100%  !important;}
    
    
    
    .hr-m-ad{width: 100%; margin-top11: 20px; padding-top: 0;}
    .hr-m-ad ul.cl li{width: calc(100% - 2em); display: block; height: auto; text-align: center; float: none; margin: 2em 1em 3em; border-radius: 0;}
    .hr-m-ad ul.cl li img{width: 100% !important; height: auto;}
    .hr-m-ad ul.cl li:last-child{display: none;}
/*    .hr-m-ad{background-color: #fff;}*/
    
    
    .hr-m-position1{width: auto; padding-top: 0;}
    .hr-m-position1 .pst-box{float: none; padding: 0; margin: 0; position: relative;}
    .hr-m-position1 .pst-box b.pst-ico{display: none;}
    .hr-m-position1 .pst-box dl{padding: 0; width: auto;}
    .hr-m-position1 .pst-box dl dt{line-height: 50px;  padding: 0 1.5em;  background: #f5f5f5;  color: #333;  position: relative; border-bottom: 1px #e5e5e5 solid;}
    .hr-m-position1 .pst-box dl dt:before{display: inline-block; content: ''; width: 16px; height: 20px; vertical-align: middle; margin-right: 4px; position: relative; background: url(../images/hr-m-ico-x2.png) no-repeat; background-size: 500px 500px;}
    .hr-m-position1 .pst-box.pst-new dl dt:before{background-position: -65px -98px;}
    .hr-m-position1 .pst-box.pst-hot{margin-bottom: 50px;}
    .hr-m-position1 .pst-box.pst-hot dl dt:before{background-position: -65px -116px; position: relative; top: -4px;}
    .hr-m-position1 .pst-box dl dd{line-height: 50px;  border-bottom: #e5e5e5 1px solid;  padding: 0 2em;  white-space: nowrap; display: block; width: auto;}
    .hr-m-position1 .pst-box dl dd a{color: #7b7a7a; position: relative; font-size: 14px; display: block;}
    .hr-m-position1 .pst-box dl dd a:before{  display: inline-block;  content: '';  width: 4px;  height: 4px;  border-radius: 50%;  background: #7b7a7a;  margin-right: 5px;  vertical-align: 4px;}
    .hr-m-position1 .pst-box dl dd a:hover:before{background: #008cd6;}
}
/*
@media screen and (max-width:600px){
    .hr-main{height: auto; background-size: auto 30%; }
    .hr-main .hr-m-high{height: 140px;}
    .hr-m-nav{padding-top: 60%;}
    .hr-m-ad{margin-top: 45px;}
}
@media screen and (max-width:500px){
    .hr-m-nav{padding-top: 60%;}
    .hr-m-ad{margin-top: 60px;}
}
*/








/*job*/
@media screen and (max-width:768px){
	
	
#vivo-contain .hr-details{background: #fff; padding-bottom: 30px;}
.hr-percenter .hr-percenter-content{width: 100%;}
.hr-box .hr-contect-box{width: 100%; float: none; }
.hr-details .hr-details-content{width: 100%;}
.hr-details-posdes dl.cl dd.link a{ margin-right: 0; width: 40%; margin: 0 5px;}
	
.hr-details-info .hr-details-posdes{padding: 20px 5%; background: #fff; margin-bottom: 0;}
.hr-details-info .hr-details-posdes .des-title h2 span{display: block;}
.hr-details-info .hr-details-posdes .des-title a.jobs-share-btn{display: none;}
.hr-details-info .hr-details-posdes .des-title h2 em{margin-left: 0; margin-right: 10px}
.hr-details-posdes .posdes-nane .des-info span{display: block; width: 100%;}
/*.hr-details-info .des-title h2{color: #333;}*/
.hr-details-posdes dl.cl dt{ padding-bottom: 10px; }
.hr-details-posdes dl.cl dd{line-height: 2em;}
.hr-details-posdes dl.cl dd.link{ width: 100%; text-align: center;}
	
.hr-details-info .hr-details-list{padding: 0;}
.hr-details-info .hr-details-list .des-title{background: #fff; line-height: 50px; padding-bottom: 0; padding: 0 5%;}
.hr-details-info .hr-details-list .des-title h2{background-image: none;}
.hr-details-info .hr-details-list .des-title h2:before{width: 25px; height: 25px; vertical-align: -7px; margin-right: 5px; background-position: -25px -55px;}
.hr-details-info .hr-details-list{padding: 0; background: #fff;}
.hr-details-info .hr-details-list table.hr-tb{ }
.hr-details-info .hr-details-list table.hr-tb.job-hr-tb tr td:first-child{ height: 50px !important; padding: 0 2em;}
.hr-details-info .hr-details-list table.hr-tb tr td{ height: 50px; }
	
#vivo-contain .hr-details .hr-side{width: 100%; margin-left: 0; display: block;}
.hr-details-content .hr-side .hr-side-ad{display: none;}
.hr-side dl{padding: 0; background: #fff; margin-top: 20px;}
.hr-side dl.hr-side-box dt{width: 90%; font-size: 18px; background: #f5f5f5; line-height: 50px; padding-bottom: 0; padding: 0 5%; background-image: none;}
.hr-side dl.hr-side-box dt:before{}
.hr-side dl.hr-side-box dd{ overflow: hidden; white-space: nowrap; border-bottom: #ededed 1px solid; height: 50px; color: #7b7a7a; padding: 0 5%;}
.hr-side dl.hr-side-box dd a{line-height: normal; line-height: 50px;}
.hr-side dl.hr-side-box dd a:before{display: inline-block; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #7b7a7a; margin-right: 5px; vertical-align: 4px;}
	
}



/*招聘岗位*/
@media screen and (max-width:768px){
	
#vivo-contain .hr-search{background: #fff; padding-bottom: 30px; padding-top: 0;}
.hr-search .hr-sch-high{width: 100%; height: 120px; margin-bottom: 40px;}
.hr-search .hr-sch-high ul li{height: 120px;}
.hr-search .hr-sch-high ul li a i{height: 120px; width: 2000px; margin-left: -1000px;}
.hr-search .hr-sch-high ul li a i img{height: 100%; width: auto;}
.hr-search .hr-sch-high .hr-switch{bottom: 10px;}
.hr-search .hr-search-content{width: 100%; margin: auto; padding-top: 0;}
/*.hr-sch-selectcd .hr-sch-search{width: 60%;}*/
.hr-sch-info .hr-sch-selectcd{padding: 0 1em; background: #fff; margin-bottom: 30px;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search input{width:calc(60% - 150px); height:20px; padding:10px 20px; font-size:14px; color:#555; border:none;  overflow:hidden; vertical-align:middle;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search button{width:100px; height:40px; }
.hr-sch-info .hr-sch-selectcd ul li{padding-top: 40px; font-size: 16px;}
.hr-sch-info .hr-sch-selectcd ul li .switch{width: 100%; padding-left: 0; padding-top: 10px;}
.hr-sch-info .hr-sch-selectcd ul li a{display: inline-block; margin-right: 1em; margin-bottom: 10px; margin-left: 0;}
.hr-sch-info .hr-sch-selectcd ul li span{display: block; float: none; background-image: none;}
.hr-sch-info .hr-sch-selectcd ul li span:before{display: inline-block;content: ''; width: 11px; height: 16px; vertical-align: middle; margin-right: 4px;}
.hr-sch-info .hr-sch-selectcd ul li.add span:before{background-position: -86px -96px;}
.hr-sch-info .hr-sch-selectcd ul li.style span:before{background-position: -86px -129px;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search{width: 350px;}
.hr-sch-info .hr-sch-selectcd .hr-sch-search input{width: 170px;}

#vivo-contain .hr-list{padding-bottom: 0;}
	
.hr-side{display: none}
    
.hr-list-pages{text-align: center;}
    
.hr-sch-info .hr-sch-list{padding: 0 1em 50px;}

.hr-box em.tb-color-green{float: left; margin-right: 5px; margin-left: 0;}
table.hr-tb tr td,table.hr-tb tr th{display: none;}
table.hr-tb tr td:first-child{display: table-cell; width: 1% !important; height: 70px !important; padding: 0;}
table.hr-tb tr:nth-child(2) td{border-top: #ededed 1px solid;}
table.hr-tb tr td:first-child p{display: block;}
table.hr-tb tr td span{max-width: 98%;}
.hr-list-slide table.hr-tb.campus-hr-tb tr td.first{padding-left: 0;}


}



/*简历*/
@media screen and (max-width:768px){

#vivo-contain .hr-percenter{position: relative; background: #fff;}
.hr-percenter .hr-percenter-content{width: 100%; margin: auto;}
.hr-box .hr-contect-box{width: 100%; min-height: 300px; float: left; }
.hr-pct-info .hr-pct-create .edit{top: 110px; left: 50%; margin-left: -80px;}

.hr-pct-info .hr-pct-list{padding: 0 1em 2em;}
.hr-pct-info .hr-pct-list .hr-pct-switch{ width: 100%;}
.hr-pct-info .hr-pct-list .hr-pct-switch a{ display: inline-block; width: 33%; box-sizing: border-box; overflow: hidden;}
.hr-fillinfo .hr-finfo-content,.hr-fillwork .hr-work-content,.hr-filledubg .hr-filledubg-content,.hr-fillfile .hr-file-content {width:100%;}
.hr-popup .hr-popup-box {width:80%;margin:0 auto;margin-left:-40%;}
.finfo-step {width:100%;}
.finfo-step li {margin-left:0px;width:25%;}
.finfo-box {width:100%;}
.finfo-box dd label {width:30%; margin-right:10px;}

.hr-finfo-box.finfo-box .figure {top:40px; left:50%; margin-left: -60px;}
.hr-finfo-box.finfo-box .cl {margin-top:200px;}

.finfo-box dd {
  padding-bottom1: 20px;
}
.finfo-box strong.fieldset-init, .finfo-box strong.hr_selectmulti_block{
    display: block;
    margin:10px 1em 0 1em;
}
.finfo-box strong.fieldset-init input[type='text'] {
  width: calc(100% - 60px);
}
.finfo-box .data_school_date strong.fieldset-init input[type='text'],.finfo-box .data_work_date_p  strong.fieldset-init input[type='text'] {
  width: calc(100% - 80px);
 margin-bottom: 1em;
}
.finfo-box dd .hr_selectmulti_block input{
  width:calc(100% - 160px);
}
.finfo-box strong.fieldset-init textarea {
  width: calc(100% - 60px);
}
.finfo-box dd.link label {
  display:none;
}

}




/*个人信息 */
@media screen and (max-width:768px){

    #vivo-contain .hr-box{overflow: hidden; position: relative;}
#vivo-contain .hr-fillinfo{background: #fff; }
.hr-box .hr-popup{display: none;}
	
.hr-fillinfo .hr-finfo-content{width: 100%; overflow: hidden; position: relative;}
.hr-finfo-content .finfo-step,.hr-filledubg-content .finfo-step,.hr-work-content .finfo-step,.hr-file-content .finfo-step{padding-top: 20px; height: auto;}
.hr-fillwork .hr-work-content,.hr-fillfile .hr-file-content{height: auto;}
.finfo-step{text-align: center; padding-top: 2em; margin: 0; position: relative; width: 200%; left: 50%; margin-left: -100%;}
.finfo-step li{float: none; display: inline-block; width: 100px; margin-left: 0; margin: 0 .1em; -webkit-transform: scale(.9);}
.finfo-step li a{display: block; color: #666;}
.finfo-step li.pers{ margin-left: 0;}
.finfo-step li .figure{width: 100px; height: 100px; border-radius: 50%; background: #cacaca;position: relative;} 
.finfo-step li .figure:after{display: none;}
.finfo-step li.file{ display: none;}

.finfo-box{padding-top: 40px; width: 100%; margin: auto; position: relative;}
.finfo-box dd.link{margin: 0 1em;}
.finfo-box dd label{width: 80%; text-align: left; display: inline-block; margin-right: 0; margin-left: 1em;}
.finfo-box dd i{display: inline-block; margin-left: 15px; color: #008cd6; font-size: 18px; vertical-align: middle;}
.finfo-box dd input{ width: 70%; height: 36px; vertical-align: middle; padding: 0 10px;}
.finfo-box dd input[type='radio']{ width: auto;}
.finfo-box dd.option .option-box{display: inline-block; margin: 0 1em;}
.finfo-box dd .option-box label{width: auto; text-align: left; display: inline-block; margin: 0 20px 0 10px;}
.finfo-box dd .option-box span{display: inline-block; padding-right: 20px;}
.finfo-box dd .option-box span b{display: inline-block; width: 8px; height: 8px; border-radius: 50%; border: #9e9e9e 1px solid; margin-right: 10px; vertical-align: middle;}
.finfo-box dd .option-box span.current b{width: 4px; height: 4px; border: #008cd6 3px solid;}
.finfo-box dd.option  i{margin-left: -5px;}
.finfo-box dd.birthdate  i{margin-left: 5px;}
.finfo-box dd.finfo_select input{margin-left: -5px;}
.finfo-box dd textarea{ width: 510px; height: 100px; vertical-align: top; padding: 10px;}
.finfo-box dd.link a, .finfo-box dd.link button{width: 30%; height: 36px; line-height: 36px; text-align: center; color: #fff; display: inline-block; border-radius: 3px; vertical-align: middle; font-size: 14px; margin-right: 3%;}
.finfo-box dd.link a:last-child, .finfo-box dd.link button:last-child{margin-right: 0;}
.finfo-box dd.date input{width: 110px; margin-right: 10px;}
	
	
}



/*校园招聘*/
@media screen and (max-height: 1100px){
    .hr-main .hr-m-high{text-align: center; top: 4%;}
    .hr-main .hr-m-high img{width: auto; height: 210px;}
    .hr-main .hr-m-content{top: 4%;}
}
@media screen and (max-height: 900px){
    .hr-main .hr-m-high{text-align: center; top: 4%;}
    .hr-main .hr-m-high img{width: auto; height: 160px;}
    .hr-main .hr-m-content{top: 6%;}
}
@media screen and (max-width:1150px){
    #vivo-head{width: 100%;}
    #vivo-head .vivo-nav{width: 1000px; margin: auto;}
    .vivo-nav ul{margin-left: 3em; width: 650px;}
    .vivo-nav a.vivo-logo{margin-left: 2em;}
    .vivo-nav .search-user{float: left; margin-left: -3em;}
    .hr-m-content .hr-m-search{width: 550px;}
    .hr-m-search .search-box input{width: 400px;}
    .hr-main .hr-m-high{width: 800px;}
/*    .hr-main .hr-m-high img{width: 800px;  height: 240px !important;}*/
}

@media screen and (max-width:768px){
    .hr-main{width: 100%; height: auto; background-position: center top; background-color: #fff; overflow: hidden; background-position-x: 50%; background-size: auto 30%;}
    .hr-lsd-box .hr-lsd-switch{margin: 0;}
    .hr-main{background-image: url(../images/hr2017-mmm-high-bg.jpg);}
    .hr-main .hr-m-content{top: 10%;}
    .hr-m-nav{padding-top: 65%;}
    .hr-camp-homeposition{position: inherit; height: auto; margin-top: 200px; background-color:#fff;}
    .hr-camp-homeposition .hr-chpos-box{width: 100%; margin: auto; margin-top: 0; padding-top: 3em;}
    .hr-chpos-box ul li{width: 100%; height: auto;}
    .hr-chpos-box ul li dl{width: 100%;}
    .hr-chpos-box ul li dl dt{ line-height: 50px;  padding: 0 1em;  background: #f5f5f5;  color: #333; border-bottom: 1px #e5e5e5 solid;}
    .hr-chpos-box ul li dl dd a{width: 100%; color: #7b7a7a; position: relative; font-size: 14px; display: block;line-height: 50px;  border-bottom: #e5e5e5 1px solid;  padding: 0 1em;  white-space: nowrap; display: block; width: auto; margin: 0;}
    .hr-chpos-box ul li dl dd a:before{ display: inline-block;  content: '';  width: 4px;  height: 4px;  border-radius: 50%;  background: #7b7a7a;  margin-right: 5px;  vertical-align: 4px;}
    .hr-chpos-box ul li.camp-news-b:before{display: none;}
    .hr-chpos-box ul li.camp-news-b dl{margin-left: 0;}
    .hr-chpos-box ul li.camp-news-b dl dd.news{margin-left: 0; width: auto; display: block;}
    .hr-chpos-box ul li.camp-news-b dl dd.news a{display: block;}
    .hr-main .hr-m-high{margin-left: -450px; left: 50%;}
    .hr-chpos-box ul li.camp-news-b dl dd.video{ width: 100%; height: auto;}
    .hr-chpos-box ul li.camp-news-b dl dd.video a{text-align: center; padding: 0; width: 100%; min-height: 100px; height: auto; background-color: #000; position: relative;}
    .hr-chpos-box ul li.camp-news-b dl dd.video a img{opacity: .3;}
    .hr-chpos-box ul li.camp-news-b dl dd.video a p{ line-height: 1em; color: #fff; top: 70%;}
    .hr-chpos-box ul li.camp-news-b dl dd.video a:before{display: none;}
    .hr-chpos-box ul li.camp-news-b dl dd.video a img{width: 100%; height: auto; }
    .hr-chpos-box ul li dl dt{margin-bottom: 0;}
/*    .hr-main .hr-m-content{top: -20px;}*/
    .hr-lsd-box .hr-lsd-switch .hr-lsd-li{width: 50%;}
    .hr-list-content .hr-list-slide .title h2 strong{margin-left: 0;}
    .vivo-nav a.vivo-logo{margin-left: 1em;}
    #vivo-head .vivo-nav{width: 100%;}
    .vivo-nav ul{margin-left: 0; width: 100%;}
    .hr-m-content .hr-m-search{position: relative; width: 300px; height: 100%; padding-top: 40%}
    .hr-m-content .hr-m-search .search-box{position: relative;}
    .hr-m-search .search-box input{width: 150px;}
    
    .hr-main .hr-m-high{width: 350px; margin: auto; left: 50%; margin-left: -175px; margin-top: 60px;}
    .hr-main .hr-m-high img{width: 310px !important;  height: 93px !important; opacity: 0;}
    .hr-camp-homeposition{top: -200px;}
    .hr-camp-homeposition .hr-chpos-box{padding-top: 0 !important;}
    
.hr-m-position1 .pst-box dl dt{line-height: 50px;  padding: 0 1.5em;  background: #f5f5f5;  color: #333;  position: relative; border-bottom: 1px #e5e5e5 solid;}
    .hr-m-position1 .pst-box dl dt:before{display: inline-block; content: ''; width: 16px; height: 20px; vertical-align: middle; margin-right: 4px; position: relative; background: url(../images/hr-m-ico-x2.png) no-repeat; background-size: 500px 500px;}
    

}
/*校园招聘岗位*/
@media screen and (max-width:768px){
    .hr-list .hr-clist-high, .hr-list .hr-list-high{background: url(../images/hr2017-clist-high-demo-bg-m.jpg) center top no-repeat;}
    .hr-sch-selectcd .hr-sch-search{width: 320px;}
    .hr-sch-info .hr-sch-selectcd .hr-sch-search input{width: 180px;}
    .hr-list .hr-list-high{background-size: auto 80%; width: auto; height:50px;}
    .hr-list .hr-clist-high{background-size: auto 80%; width: auto; height: 525px; }
    .hr-sch-info .hr-sch-selectcd ul li .switch a{margin-top: 0.5em; }
    .hr-list-content .hr-list-slide{padding: 0 1em !important;}
}


/*宣讲行程*/
@media screen and (max-width:1000px){
    .hr-list .hr-list-content .hr-list-content-box{width: 100%;}
    .hr-list-content .hr-list-slide{min-width: auto; padding: 0 2em;}
    .hr-lsd-box .hr-lsd-switch{width: 100%;}
    .hr-lsd-box .hr-lsd-switch a{ margin-bottom: 1em;}
    
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a.trp{width: calc(100% - 110px);}
    
}
@media screen and (max-width:768px){
    
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure{width: 30%; height: auto;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure img{width: 80px !important; height: 80px !important;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont{width: auto; padding-left: 0; margin-left:  30%;}
    .hr-list-slide .hr-list-cont{top: 10px;}
    .hr-list-content .hr-list-slide .title h2{font-size: 20px;}
/*    .hr-lsd-box .hr-lsd-switch a{width: calc(50% - 20px);}*/
    .hr-lsd-box .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li{width: 100%;}
    .hr-lsdct-left li{text-align: left;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a.trp{width: 100%;}
    .hr-lsdct-left li .lsdct-addresscode-figure{display: none;}
    .hr-lsdct-left li .mlink{width: 20%; height: 36px; line-height: 36px; border: 1px #008cd6 solid; color: #008cd6; border-radius: 3px; text-align: center; padding: 0 1em; display: inline-block !important; float: left; margin-left: 30%; margin-top: 1em;}
}


/*走进vivo*/
@media screen and (max-width:1000px){
    .hr-about-page .hr-list-high{width: 100%;  background-position: center top; background-color: #fff; overflow: hidden; background-position-x: 40%; }
    
}
@media screen and (max-width:768px){
    .hr-about-page .hr-list-high{background-size: auto 108%; background-position-x: 37%;}
    .hr-about-page .hr-list-content-box .hr-about-list{width: 80%; height: 2.5em;}
    .hr-about-page .hr-list-content-box .hr-about-list li a{font-size: 14px; line-height: 36px;}
    .hr-about-page .hr-about-p3 ul li{width: 46%; margin-right: 4%; margin-bottom: 15px;}
    
    .hr-about-page .hr-about-p1,.hr-about-page .hr-about-p2,.hr-about-page .hr-about-p3,.hr-about-page .hr-about-p4{width: 90%;}
    .hr-about-page .hr-about-p1 .text-df .text-two-u li,.hr-about-page .hr-about-p2 ul li{width: 94%; margin: auto;}
    .hr-about-page .hr-about-p4 img{width: 100%; height: auto;}
}










/*校园招聘*/
/*
@media screen and (max-width:768px){
    
    .hr-list .hr-list-high{height: 480px; background-size: auto 50%; background-position: center top;}
    .hr-list-high h2{width: 100%; padding-top: 1em;}
    .hr-list-content .hr-list-slide .title{display: none;}
    .hr-list .hr-list-content{margin-top: -300px;}
    .hr-list .hr-list-content .hr-list-content-box{width: 100%; padding-top: 2em;}
    .hr-list-content .hr-list-slide{padding: 1em; margin: 0; min-height: auto;}
    .hr-lsd-box .hr-lsd-switch a{margin-top: 1em;}
	.hr-lsd-box .hr-lsd-switch a{width: 20%; height: 35px; line-height: 35px; font-size: 120%;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a{display: block;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont{padding-top: 0;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont h3{padding-bottom: 5px;}
    .hr-lsdct-left .lsdct-addresscode-figure{display: none;}
    .hr-list-slide .hr-list-cont .hr-lcont-switch li span{float: none; font-size: 16px;}
    .hr-list-slide .hr-list-cont .hr-lcont-switch li .switch{padding: 0; padding-top: 10px;}
    .hr-list-slide .hr-list-cont .hr-lcont-switch li .switch a{margin: 0; margin-right: 20px; margin-bottom: 10px; color: #008cd6; font-size: 16px;}
    .hr-list-slide .hr-list-cont .hr-lcont-switch li .switch a.current{color: #333;}
    
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure{width: 40%; height: auto; min-height: 80px;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .figure img{width: 100%; height: auto;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li a .cont{padding-left: 42%;}
    .hr-lsd-box .hr-lsd-slide .hr-lsdct-left ul li{margin-bottom: 2em;}
    
    .hr-list-slide .hr-list-cont{top: 0;}
    .hr-list-slide table.hr-tb.campus-hr-tb tr td.first{color: #008cd6;}
    
    .hr-video .hr-video-cont{padding: 2em;}
    .hr-video .hr-video-cont ul li{width: 100%; margin: 0 0 40px;}
    .hr-video .hr-video-cont ul li a .figure{width: 100%; height: auto;}
    .hr-video .hr-video-cont ul li a .figure img{width: 100%; height: auto;}
    
    .hr-news .hr-news-cont{padding: 2em 2em 0;}
    
    .hr-newsdl .hr-newsdl-cont{padding: 2em 2em 0;}




}
*/