.contacts>form{    position: relative;
    z-index: 6;
}
.join{padding:0 100px 102px;}
.contacts{padding:0 90px 117px 100px;}
.joinText{float:left;width:315px;margin-top:76px;}
.joinText h2{font-size:30px;color:#275182;font-weight:400;margin-bottom: 21px;letter-spacing: 1.4px;}
.joinText .articleBody p{font-size:18px;color:#666;margin-bottom: 24px;letter-spacing: 0.8px;}
.joinText .articleBody p span{white-space:inherit!important;}
.joinList{float:left;width:586px;padding:19px 28px 90px 21px;background:#fff;box-shadow:0 0 10px #aaa;margin-left: 50px;margin-top: 38px;}
.joinList h2{border-left:6px solid #99bcdb;height:36px;font-size:16px;color:#666666;line-height: 38px;padding-left: 8px;letter-spacing: 0.8px;margin-bottom: -4px;}
.joinList li > a{display:block;cursor:pointer;font-size:14px;color:#333;padding:10px 0 11px 13px;background:url(../images/_down.png) no-repeat 575px 21px;letter-spacing: 0.7px;border-bottom:1px dashed #d6d6d6;}
.joinList li:hover > a{color:#337ab7;background:url(../images/_downHover2.png) no-repeat 575px 21px;border-bottom:1px solid #337ab7;}
.joinList li.on > a{color:#337ab7;background:url(../images/_downHover.png) no-repeat 575px 21px;border-bottom:1px solid #337ab7;}
.details{font-size:14px;color:#333333;margin-top: 15px;margin-bottom: 29px;}
.jobText .details .articleBody{    margin-left: 15px;}
.details h3{font-weight:400;font-size:14px;letter-spacing: 0.7px;margin-bottom: 5px;color:#333;}
.jobText .button a{float:right;font-size:16px;display:inline-block;    margin-right: 11px;margin-top: -13px;letter-spacing: 0.8px; padding-bottom: 4px;color:#337ab7;background:url(../images/joinButton.png) no-repeat bottom center;}
.jobText .button a:hover{background:none;padding-bottom:3px;border-bottom:1px solid #c8c4c4;}
.details p{margin-bottom:5px;letter-spacing: 0.7px;color:#666;}
.jobText {
padding-left:14px;padding-right: 15px;padding-bottom: 54px;display:none;
}



/*鑱旂郴淇℃伅*/
.map{width:654px;height:310px;float:left;}
.contacts{
    margin-top: 37px;
}
.contactText{float:left;width:304px;margin-left: 52px;}
.contactText h2{color:#337ab7;font-weight:400;font-size:18px;letter-spacing: 1.5px;margin-bottom: 36px;}
.detailInfo li{font-size:16px;color:#333;margin-bottom: 13px;}
.detailInfo li span{font-size:14px;color:#666;display:inline-block;padding:0;letter-spacing: 0.7px;}
.en .detailInfo li span{    width: 177px;
    vertical-align: top;
}
.en .detailInfo .telephone{    padding-left: 128px;}
.detailInfo li a{font-size:14px;font-family:Arial;color:#337ab7;letter-spacing: 0.6px;}
.detailInfo li img{position:absolute;left:0;top:50%;margin-top:-9px;}
.en .detailInfo li img{top:12px;}
.detailInfo li p{letter-spacing: 0.5px;padding-left: 73px;    margin-bottom: 13px;}
.en .detailInfo li p{    padding-left: 84px;
}
.detailInfo li p:first-child{position:relative;padding-left: 24px;margin-bottom:11px;}
.contactText div > a{display:inline-block;height:38px;line-height:38px;margin-left:49px;border:1px solid #337ab7;font-size:18px;color:#337ab7;margin-top: 29px;border-radius:2px;    padding-right: 29px;}
.contactText div > a:hover{color:#fff;background:#347ab6;border:1px solid #347ab6;}
.contactText div > a img{float:left;margin:8px 10px 7px 26px;display:none;}
.contactText div > a img:first-child{display:inline;}
.contactText div > a:hover img{display:inline;}
.contactText div > a:hover img:first-child{display:none;}
.form{width:1000px;border-top:1px solid #e1e1e1;margin-top:41px;}
.container>formfirst{min-height:940px;}
.form input{width:503px;height:20px;border-radius:2px;padding:9px 14px;border:1px solid #d9dee1;font-size:14px;color:#333;font-family:"\5FAE\8F6F\96C5\9ED1";    box-sizing: initial;}
.form .en > div{float:left;}
.form .en > div:first-child{margin-right:-77px;}
.form .en > div input{width:176px;}
.form li>span{width:503px;height:20px;border-radius:2px;padding:9px 14px;border:1px solid #d9dee1;font-size:14px;color:#333;display:inline-block;position:relative;background:url(../images/contact1.png) no-repeat 504px 16px;cursor:pointer;    box-sizing: initial;}
.form li>select,.form li select>option{width:503px;height:20px;border-radius:2px;padding:9px 14px;border:1px solid #d9dee1;font-size:14px;color:#333;display:inline-block;position:relative;background:url(../images/contact1.png) no-repeat 504px 16px;cursor:pointer;    box-sizing: initial;}

.form span i{font-style:normal;white-space:nowrap;display:inline-block;width:100%;overflow:hidden;text-indent:0;text-overflow:ellipsis;}
.form li label span{position:absolute;top:0;}
.form textarea{width:533px;border-radius:2px;padding:9px 14px;border:1px solid #d9dee1;font-size:14px;color:#333;font-family:"\5FAE\8F6F\96C5\9ED1";height:60px;resize:none;}
.submit input{width:160px;height:40px;background:#fff;border:1px solid #337ab7;border-radius:2px;font-size:24px;color:#275182;padding:0 0 6px;}
.submit input:hover{background:#347ab6;color:#fff;}
.form h2{font-size:18px;color:#275182;margin-top: 28px;font-weight: 400;margin-left: -1px;letter-spacing: 0.5px;margin-bottom: 19px;}
.form li label{font-size:14px;color:#333333;display:inline-block;width:180px;text-align:right;float:left;margin-right:6px;
letter-spacing: 0.6px;margin-top: 8px;background:url(../images/_must.png) no-repeat right 5px;padding-right:20px;    position: relative;}
.form > div{padding-left:183px;}
.form li{margin-bottom:15px;position:relative;}
.form .en label{margin-top:10px;letter-spacing:0.7px;}
.form .submit{padding-left: 253px;margin-top:61px;text-align:center;}
.form span ul{position:absolute;left:-1px;top:38px;width:100%;background:#fff;border:1px solid #d9dee1;z-index:5;display:none;}
.form span ul li{padding-left:14px;border-top:1px solid #d9dee1;margin:0;line-height:38px;text-indent:0;}
.form span ul li:first-child{border-top:0;}
.form .hidden{display:none;}


.form  li select option{padding-left:14px;border-top:1px solid #d9dee1;margin:0;line-height:38px;text-indent:0;}
.form span ul li:first-child{border-top:0;}


.form label.error{font-size:12px;color:red;display:inline;text-align:left;background:none;margin:0;margin-left: 9px;}
@media(min-width:999px){
.form label.error{
width:inherit;
}
}
.form .errorWrap{position:absolute;left:198px;top:39px;}
.form .beizhu .errorWrap{top:81px;}
.form li .firstName label{width: 90px;}
.firstName{margin-left:82px;}
.form .firstName label.error{margin-left: 344px;    width: inherit;
}


    .map iframe{width:100%;height:100%;}
@media (max-width: 1240px) {
    .joinText{width:31.5%;}
    .joinList {
        width: 58.6%;
        margin-left: 5%;
        padding: 19px 2.8% 90px 2.1%;
    }
    .join {
     padding:0 0 102px;
     width:1000px;
     margin:0 auto;
    }
    .map{width:65%;}
    .contactText{width:30.4%;margin-left:4.6%;}
    .contacts{padding:0 0 117px;}
    .contactInfo.clearfix{width:1000px;margin:0 auto;}

    /*鑱旂郴淇℃伅*/
    .form{margin: 41px auto 0;}
}

@media (max-width: 1040px) {
.containerWarp{padding:0 20px;}
.join {width:auto;}
.contactInfo.clearfix{width:auto;}
.form{width:auto;}
}

@media (max-width:999px) {
  .form label.error{margin-left: 0;}
.form .firstName label.error{margin-left: 0;}
.joinText {
    width:100%;float:none;
}
.joinList{width:auto;margin-left:0;padding:19px 2.8% 90px 2.1%;margin-bottom:94px;float:none;}
.joinList li > a{background: url(../images/_down.png) no-repeat right 21px;padding-left:2px;}
.joinText{margin-top:48px;}
.joinList li:hover > a{background: url(../images/_down.png) no-repeat right 21px;}
.joinList li.on > a{background: url(../images/_downHover.png) no-repeat right 21px;}
.jobText .button a{
    color: #337ab7;
    background: url(../images/joinButton.png) no-repeat bottom center;
}
.joinText h2{font-size:28px;}

/*鑱旂郴淇℃伅*/
.map{width:100%;float:none;}
.contactText{float:none;margin-left:0;margin:32px auto 0;width:100%;}
.contactText .zixun{display:none;}
.form{border:none;margin-top: 0;}
.form > div{padding-left:0;}
.form li label{margin-left:9px;width:auto !important;float:none;display:inline-block;height:30px;position: relative;z-index: 2;margin-top:10px;line-height: 24px;    overflow: hidden;
}
.form .en label{margin-top:10px;}
.form li.beizhu label{height:73px;}
.form li input{width:98%;padding-left:1%;padding-right:1%;position:absolute;left:0;z-index:0;}
.form .en > div input{width:98%;padding-left:1%;padding-right:1%;}
.form .en > div{float:none;margin:0 0 10px !important;}
.form .en > div:last-child{margin-bottom:0 !important;}
.form li>span{display:block;width:auto;background: url(../images/contact1.png) no-repeat 98% 16px;margin-top:3px;padding-left:0;}
.form .submit{padding-left:0;}
.contacts {
    padding: 0 0 238px;
}
.form textarea{width:100%;padding-left:1%;padding-right:1%;position:absolute;left:0;z-index:0;}
.form .hidden{
    margin-top: 20px;display:none;
}
.form .errorWrap{position:static;}
.form .hidden li>span{position:absolute;width:100%;top:-3px;z-index:3;padding-left:0;padding-right:0;}
.en .detailInfo li span{width:inherit;}
}

@media (max-width:768px) {
.containerWarp{padding:0 10px;}
}

@media (max-width:750px) {
.joinText h2 {
    font-size: 26px;margin-bottom: 27px;
}
.joinText .articleBody p{font-size:16px;}
.jobText .button a{font-size:14px;}
.map{height:256px;}
}

@media (max-width:480px) {
   .topBanner img{height:78px;}
   .joinText {
    margin-top: 43px;
   }
   .joinText h2 {
    margin-bottom: 25px;
   }
   .joinText .articleBody p{margin-bottom:24px;line-height:24px;}
   .joinList{margin-top:58px;padding-left: 12px;padding-top:14px;padding-right:13px;padding-bottom: 37px;}
   .joinList h2{padding-left:20px;    margin-left: 3px;}
   .jobText{padding:13px 0 0 2px;}
   .details h3{margin-bottom:5px;}
   .details p{line-height: 24px;letter-spacing: 0.6px;margin-bottom:0;}
   .button.clearfix {
    margin-top: 54px;
   }
   .jobText .button a{margin-right: -3px;padding-bottom: 5px;}
   .contacts {margin-top: 50px;}
   .contactText h2{padding-left:4px;margin-bottom: 21px;}
   .detailInfo li{padding-left:3px;margin-bottom: 17px;}
   .detailInfo li p:first-child{padding-left:25px;margin-bottom: 13px;}
   .detailInfo li p{padding-left:74px;}
   .form h2{margin-top:30px;margin-bottom: 21px;}
   .form li{margin-bottom:10px;}
}
@media (max-width:385px) {
  .en .detailInfo li span {    width: 170px;}
}

@media (max-width:320px) {
  .detailInfo li p{padding-left:67px;}
.joinText h2 {
    font-size: 24px;
}
.joinText .articleBody p{font-size:14px;}
.details h3{font-size:12px;}
.details p{font-size:12px;}
.jobText .button a{font-size:12px;}
/*鑱旂郴淇℃伅*/
.contactText h2{font-size:16px;}
.detailInfo li{font-size:14px;}
.detailInfo li span{font-size:12px;}
.en .detailInfo .telephone {
    padding-left: 116px;
}
}