/*--joinForm--*/
.joinForm{ margin:0 auto; padding:90px 0;overflow:hidden;background:#1f1f1f ;}
.container1{width:1200px; padding-left: 12px; padding-right: 12px;     margin: 0 auto;}
/*.joinForm .inner{border:rgba(255,255,255,0.1) solid 1px;}*/
.joinForm .inner h2{position:relative;line-height:70px;text-align:center;font-size:52px;color:#fff;transform:translateY(-50%);}
.joinForm .inner h2 span{display:inline-block;position:relative;z-index:2;padding:0 15px;background:#1f1f1f;}
.joinForm .msgBox{float:left;padding:0 20px;width:42%;overflow:hidden;}
.joinForm .msgBox .hd{padding-bottom:32px;overflow:hidden;border-bottom:#393939 solid 1px;}
.joinForm .msgBox .hd h3{font-size:24px;color:#fff;}
.joinForm .msgBox .bd{padding:30px 0;overflow:hidden;border-bottom:#393939 solid 1px;}
.joinForm .msg-slide{height:276px;overflow:hidden;}
.joinForm .msg-slide li{display:flex;justify-content:space-between;line-height:46px;font-size:18px;color:#999;overflow:hidden;}
.joinForm .msg-slide .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}
.joinForm .formBox{float:right;padding-right:56px;width:590px;    padding-top: 100px;}
.joinForm .formBox li{margin-top:20px;overflow:hidden;background:#fff;}
.joinForm .formBox li:last-child{margin-top:30px;}
.joinForm .formBox li .label{position:relative;float:left;width:128px;height:60px;line-height:60px;text-align:center;font-size:18px;color:#000;}
.joinForm .formBox li .label:after{display:block;position:absolute;top:50%;right:0;width:1px;height:20px;content:"";background:#e0e0e0;transform:translateY(-50%);}
.joinForm .formBox li .inputBox{overflow:hidden;}
.joinForm .formBox li .inputBox input{display:block;padding:15px 20px;width:100%;height:60px;font-size:18px;color:#000;border:none;outline:none;}
.joinForm .formBox li .inputBox input::-webkit-input-placeholder{color:#999;}

.joinForm .formBox li .selectBox{display:flex;}
.joinForm .formBox li .selectBox select{flex:none;width:33.33%;padding:15px 20px;height:60px;font-size:18px;color:#999;border:none;outline:none;cursor:pointer;background:url(../images/select_drop.png) no-repeat calc(100% - 20px) center;-webkit-appearance:none;appearance:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.joinForm .formBox li .selectBox select::-ms-expand{display:none;}
.joinForm .formBox li .selectBox select:hover{color:#000;}
.joinForm .formBox li:nth-child(4)  .selectBox select{width:100%;}
.joinForm .formBox li .txtBox{overflow:hidden;}
.joinForm .formBox li .txtBox textarea{display:block;padding:15px 20px;width:100%;height:90px;font-size:18px;color:#000;border:none;outline:none;resize:none;}
.joinForm .formBox li .txtBox textarea::-webkit-input-placeholder{color:#999;}
.joinForm .formBox li .txtBox textarea.txtDescribe{background:url(../images/txtdescribe.png) no-repeat calc(100% - 20px) 20px;}
.joinForm .formBox li button{display:block;width:100%; border:none; height:60px;line-height:60px;text-align:center;font-size:18px;color:#fff;background:#9c8c80;transition:all .5s;}
.joinForm .formBox li button:hover{background:#000;}
@media(max-width:1200px){
.joinForm .msgBox{padding:0 65px;}
.joinForm .formBox{padding-right:40px;width:500px;}
.cf:after {
    clear: both;
    content: '';
    display: block;
    height: 0;
    visibility: hidden;
}


/*--end joinForm--*/