/*人力资源*/
.join{}
.join-top{line-height: 28px;color: #777676;}
.join-tit{padding-top:55px;padding-bottom:30px;text-align: center;font-size: 32px;color: #080808;}
.join-top-ul{margin: 0 -13px;padding-top: 30px;padding-bottom: 50px;}
.join-top-li{padding:13px;float: left;width: 33.3333%;}
.join-top-li img{display: block;width: 100%;}
.join-main{padding-bottom:40px;background-color: #eaf3fa;}
.join-nav{margin-bottom:40px;text-align: center;}
.join-nav a{display: inline-block;width: 120px;line-height: 45px;border-radius: 20px;color: #1279c1;font-size: 18px;}
.join-nav a.active{background-color: #1279c1;color: #fff;}
.join-cont{}
.join-item{display: none;}
.join-ul{}
.join-li{}
.join-list{padding:15px 0;line-height:20px;text-align:center;border-bottom: 1px solid #ddd;cursor: pointer;}
.join-list.tit{font-size: 16px;font-weight: bold;color: #fff;background-color: #1279c1;cursor: default;}
.join-list-a{float: left;}
.join-list-a.wid1{width: 40%;text-align: left;text-indent: 20px;}
.join-list-a.wid2{width: 20%;}
.join-list-a.wid3{width: 20%;}
.join-list-a.wid4{width: 20%;}
.join-li-main{padding: 20px;display:none;text-align:left;line-height: 30px;color: #666;border-bottom: 1px solid #f2f2f2;}
.join-li-cont{margin-bottom: 20px;}
.join-li-btn{width: 110px;height: 38px;color: #fff;background-color: #2b73c6;}
.join-form{position: absolute;left: 50%;top: 70%;z-index:10002;margin-left: -600px;display:none;padding:35px;width: 1200px;background-color: #fff;}
.join-form-top{margin-bottom:25px;color: #787878;}
.join-form-top .tit{margin-bottom:20px;text-align: center;font-size: 30px;color: #494949;}
.join-form-top-cont{padding-top: 20px;}
.join-form-top-inp{float: left;width: 315px;height: 38px;text-indent:10px;line-height: 38px;border: 1px solid #a2a2a2;}
.join-form-top-upload{position: relative;float: left;height: 38px;width: 93px;line-height: 38px;background-color: #a2a2a2;color: #fff;text-align: center;}
.join-form-top-upload input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;filter: alpha(opacity=0);}
.join-form-top-btn{margin-left:10px;float: left;height: 38px;width: 93px;color: #fff;background-color: #2b73c6;}
.join-form-main{}
.join-form-item{}
.join-form-tit{margin-bottom:10px;padding: 10px;font-size: 16px;font-weight: bold;background-color: #f2f2f2;}
.join-form-cont{position: relative;}
.join-form-dl{margin-bottom:10px;float: left;width: 33.3333%;}
.join-form-dt{float: left;width: 105px;text-align: right;line-height: 35px;}
.join-form-dd{float: left;}
.join-form-dd-inp{float: left;width: 248px;height: 35px;line-height: 35px;text-indent: 10px;border: 1px solid #e1e1e1;}
.join-form-btn{margin: 40px auto;display: block;width: 110px;height: 38px;color: #fff;background-color: #2b73c6;}
.join-form-notice{padding: 20px;line-height: 24px;background-color: #f2f2f2;}
.join-form-add{position: absolute;right: 0;top: 50px;width: 21px;height: 21px;background-repeat: no-repeat;background-position: center;background-image: url("../img/icon36.png");cursor: pointer;}
.join-form-add.del{background-image: url("../img/icon37.jpg");}

.od-clost{ position:absolute; right:0; top:0; width:30px; height:30px; background:url(../img/icon30.png) no-repeat center center;}
.shade {position: fixed;left: 0; top: 0; z-index: 10000;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }

@keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-webkit-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@-moz-keyframes ostar{
	0%{opacity:0}50%{opacity:1}100%{opacity:0}
}
@keyframes scaleW{
	0%{transform:scaleX(0)}100%{transform:scaleX(1)}
}
@-webkit-keyframes scaleW{
	0%{-webkit-transform:scaleX(0)}100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleW{
	0%{-moz-transform:scaleX(0)}100%{-moz-transform:scaleX(1)}
}
@keyframes scaleH{
	0%{transform:scaleY(0)}100%{transform:scaleY(1)}
}
@-webkit-keyframes scaleH{
	0%{-webkit-transform:scaleY(0)}100%{-webkit-transform:scaleY(1)}
}
@-moz-keyframes scaleH{
	0%{-moz-transform:scaleY(0)}100%{-moz-transform:scaleY(1)}
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0)} 100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown { 
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}100% { opacity: 1; -moz-transform: none;}
}
@keyframes fadeInUp {
	0% {opacity: 0;transform: translate3d(0, 50%, 0);}100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
	0% {opacity: 0;transform: translate3d(-50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
	0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
	0% {opacity: 0;transform: translate3d(50%, 0, 0);}100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
	0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}100% {opacity: 1;-moz-transform: none;}
}


@media screen and (max-width: 1200px) {

	/*人力资源*/
	.join-form{margin-left: -350px;width: 700px;}
	.join-form-dl{width: 50%;}
	.join-form-dd-inp{width: 200px;}
	.join-top-dd-inp{width: 196px;}
	

}
@media screen and (max-width: 740px) {
	
	
	/*人力资源*/
	.join-top{padding-left: 15px;padding-right: 15px;}
	.join-list-a{font-size: 14px;}
	.join-list-a.wid1{text-indent: 0;padding-left: 10px;}
	.join-form{padding:15px;margin-left: 0;left: 5%;width: 90%;}
	.join-form-top-inp{margin-bottom:10px;width: 100%;}
	.join-form-dl{width: 100%;}
	.join-form-dd{width: 59%;}
	.join-form-dd-inp{width: 100%;}
	.join-form-add{right: -16px;bottom: 0;}
	

   	
}