body{background-color:#f8f8f8;overflow: visible}
.banner{width:100%;}
.banner img{display:block;width:100%}
.history{margin-top:20px;margin-bottom:50px;width:100%}
.indent-2{font-size:13px;line-height:24px}
.history-img{display:block;margin:0 auto;width:45%}
.fixed-item{padding-top:80px}
.legal-a{color:#4072FF}
.about-company{overflow:hidden;padding:8rem 0;width:100%;background:url(../../images/about_background_1.png) no-repeat center;background-size:cover}
.about-text{padding-left:15px}
.join-item{box-shadow:0 0 20px transparent;cursor:pointer;-webkit-transition:.15s;transition:.15s;-ms-transition:.15s}
.join-item:hover{box-shadow:0 0 20px rgba(0,0,0,.3)}
.join-item:active{box-shadow:none}
.job-info{padding:0 15px 15px;text-align:left!important}
.info-title{margin-top:15px;margin-bottom:.25rem;font-weight:700;font-size:15px}
.info-item{font-size:14px;line-height:20px}
.form{margin:0 auto;width:38%}
.form input,.form-textarea{padding:1px 5px;width:100%;border:1px solid #fff;background-color:transparent}
.form input:focus,.form-textarea:focus{outline:0;border:1px solid #3FB7EC;background-color:#fff}
.form-input{height:35px}
.form-textarea{width:100%;height:150px;resize:none}
.contact{padding:100px 0;background:url(../../images/about_image_3.png) no-repeat center;background-size:cover}
.email{padding-right:.5rem}
.tell{padding-left:.5rem}
#hire{padding-bottom:116px;background:url(../../images/about_background_2.png) no-repeat;background-size:cover}
#legal{background:url(../../images/about_background_22.png) no-repeat;background-color:#fff;background-size:cover}
.legal-icon{margin-top:-2px;vertical-align:middle}
.need-btn{padding:.35rem 3rem;font-size:14px;border: none;background-color: #f1a417;border-radius: 4px;margin-right: 0.5rem;}
.legal-content{padding:4rem 6rem}
.img-text{width:13rem}
.legal-text{padding-right:15px}
.fixed-btn-group{position:fixed;right:0;bottom:30%;z-index:9999}
.fixed-btn{display:block;margin-bottom:2px;padding:.17rem 24px;background-color:rgba(127,141,171,.7);color:#fff;text-align:center;font-size:16px !important;}
.active-bg{background-color:#3877FF;background-image:url(../../images/arrow-r_icon.png);background-position:center left;background-size:18px 18px;background-repeat:no-repeat;background-position-x:6px}
@media (max-width:1024px){.about-company{padding:4rem 0}
  .img-text{width:9rem}
  .email{float:left;padding-right:0;width:100%}
  .tell{float:left;padding-left:0;width:100%}
  .join-item:hover{box-shadow:0 0 20px transparent}
  .join-item:active{box-shadow:0 0 20px rgba(0,0,0,.3)}
  .legal-content{padding:4rem 6rem}
  .history-img{display:block;margin:0 auto;width:75%}
  .form{margin:0 auto;width:51%}
}
@media (max-width:414px){.about-company{padding:3rem 0}
  .about-text{padding-left:0}
  .img-text{width:7rem}
  .contact{padding:50px 0;background:url(../../images/about_image_3.png) no-repeat center;background-size:cover}
  .form{width:100%}
  .email{float:left;padding-right:0;width:100%}
  .tell{float:left;padding-left:0;width:100%}
  .join-item:hover{box-shadow:0 0 20px transparent}
  .join-item:active{box-shadow:0 0 20px rgba(0,0,0,.3)}
  .join-item:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#e4e4e4;content:" ";-webkit-transform-origin:left bottom;transform-origin:left bottom}
  .last-join-item:after{position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#e4e4e4;content:" ";-webkit-transform-origin:left bottom;transform-origin:left bottom}
  .legal-content{padding:1.5rem 0}
  .fixed-btn-group{position:fixed;right:0;bottom:15px;z-index:9999}
  .history-img{display:block;margin:0 auto;width:100%}
  .legal-text{padding-right:0}
  .fixed-item{padding-top:40px}
}