#join_in .banner {
  width: 100%;
  height: 420px;
  background: url("../img/join_in/bg_big1.png") center;
  text-align: center;
  color: #fff; }
  #join_in .banner h2 {
    padding: 110px 0 35px; }
    #join_in .banner h2 img {
      display: block;
      margin: 0 auto; }
  #join_in .banner .aim {
    font-size: 20px;
    margin-bottom: 34px; }
  #join_in .banner a {
    display: inline-block;
    width: 180px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #fff;
    background: url("../img/join_in/btn_bg.png"); }
  #join_in .banner .call {
    width: 200px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 18px;
    box-sizing: border-box;
    padding-left: 28px;
    background: url("../img/custom/tel_icon.png") 8px no-repeat; }
#join_in h3 {
  font-size: 30px;
  color: #666;
  padding: 50px 0 47px;
  text-align: center; }
#join_in .sub {
  font-size: 16px;
  color: #999;
  text-align: center; }
#join_in .prospect {
  height: 800px;
  background: url("../img/join_in/bg1.png.jpeg") center; }
  #join_in .prospect .pro_box {
    margin: 45px 0 0 113px; }
  #join_in .prospect .pro_img {
    width: 380px;
    height: 450px;
    margin-right: 40px;
    background: url("../img/join_in/pro_img.png") center; }
  #join_in .prospect .pro_con {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-around;
    width: 640px;
    height: 450px;
    padding: 20px 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 32px;
    color: #666; }
  #join_in .prospect .pro_item {
    padding-left: 40px;
    background: url("../img/join_in/1.png") 0 center no-repeat; }
    #join_in .prospect .pro_item:nth-child(2) {
      background-image: url("../img/join_in/2.png"); }
    #join_in .prospect .pro_item:nth-child(3) {
      background-image: url("../img/join_in/3.png"); }
    #join_in .prospect .pro_item:nth-child(4) {
      background-image: url("../img/join_in/4.png"); }
#join_in .advantage {
  height: 700px;
  background: #f9f9f9;
  text-align: center; }
  #join_in .advantage h3 {
    padding: 80px 0 30px; }
  #join_in .advantage ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 60px; }
  #join_in .advantage li {
    width: 280px;
    height: 360px;
    box-sizing: border-box;
    border: 1px solid #eee;
    padding-top: 200px;
    background: #fff url("../img/join_in/icon5.png") center 35px no-repeat;
    color: #666;
    transition: all .3s; }
    #join_in .advantage li .title {
      font-size: 20px;
      margin-bottom: 42px; }
    #join_in .advantage li p {
      font-size: 16px; }
    #join_in .advantage li:hover {
      box-shadow: 0 5px 20px #e5e5e7; }
    #join_in .advantage li:nth-child(2) {
      background-image: url("../img/join_in/icon6.png"); }
    #join_in .advantage li:nth-child(3) {
      background-image: url("../img/join_in/icon7.png"); }
    #join_in .advantage li:nth-child(4) {
      background-image: url("../img/join_in/icon8.png"); }
#join_in .distribution {
  height: 1100px;
  background: #fff url("../img/join_in/map.png") center no-repeat; }
  #join_in .distribution .w_1200 {
    position: relative;
    height: 100%; }
  #join_in .distribution h3 {
    padding: 80px 0; }
  #join_in .distribution ul {
    position: absolute;
    left: 0;
    bottom: 60px; }
  #join_in .distribution li {
    float: left;
    width: 300px;
    border-right: 1px solid #dfdfdf;
    padding-left: 95px;
    box-sizing: border-box;
    background: url("../img/join_in/icon1.png") 20px 1px no-repeat; }
    #join_in .distribution li em {
      display: block;
      margin-bottom: 20px;
      font-size: 50px;
      line-height: 52px;
      color: #666; }
    #join_in .distribution li p {
      font-size: 20px;
      color: #999; }
    #join_in .distribution li:last-child {
      border-right: 0; }
    #join_in .distribution li:nth-child(2) {
      background-image: url("../img/join_in/icon2.png"); }
    #join_in .distribution li:nth-child(3) {
      background-image: url("../img/join_in/icon3.png"); }
    #join_in .distribution li:nth-child(4) {
      background-image: url("../img/join_in/icon4.png"); }
#join_in .requirement {
  height: 500px;
  background: #f9f9f9; }
  #join_in .requirement h3 {
    padding: 80px 0 130px; }
  #join_in .requirement li {
    float: left;
    width: 300px;
    padding-top: 75px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #666;
    background: url("../img/join_in/01.png") center 0 no-repeat; }
    #join_in .requirement li:nth-child(2) {
      background-image: url("../img/join_in/02.png"); }
    #join_in .requirement li:nth-child(3) {
      background-image: url("../img/join_in/03.png"); }
    #join_in .requirement li:nth-child(4) {
      background-image: url("../img/join_in/04.png"); }
#join_in .support {
  height: 900px;
  background: url("../img/join_in/bg2.png.jpeg") center; }
  #join_in .support h3 {
    padding: 80px 0 30px;
    color: #fff; }
  #join_in .support .sub {
    margin-bottom: 60px;
    color: #fff; }
  #join_in .support ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #join_in .support li {
    width: 390px;
    height: 285px;
    padding: 145px 30px 0;
    box-sizing: border-box;
    margin-bottom: 12px;
    border-bottom: 6px solid #fe7a5d;
    background: #fff url("../img/join_in/sup1.png") center 50px no-repeat;
    text-align: center;
    transition: all .1s; }
    #join_in .support li .title {
      margin-bottom: 35px;
      font-size: 22px;
      font-weight: bold;
      color: #333; }
    #join_in .support li p {
      line-height: 26px;
      color: #999; }
    #join_in .support li:nth-child(2) {
      background-image: url("../img/join_in/sup2.png"); }
    #join_in .support li:nth-child(3) {
      background-image: url("../img/join_in/sup3.png"); }
    #join_in .support li:nth-child(4) {
      background-image: url("../img/join_in/sup4.png"); }
    #join_in .support li:nth-child(5) {
      background-image: url("../img/join_in/sup5.png"); }
    #join_in .support li:nth-child(6) {
      background-image: url("../img/join_in/sup6.png"); }
    #join_in .support li:hover .title {
      color: #fff; }
    #join_in .support li:hover p {
      color: #fff; }
    #join_in .support li:hover:nth-child(1) {
      background: #fe7a5d url("../img/join_in/sup11.png") center 50px no-repeat; }
    #join_in .support li:hover:nth-child(2) {
      background: #fe7a5d url("../img/join_in/sup22.png") center 50px no-repeat; }
    #join_in .support li:hover:nth-child(3) {
      background: #fe7a5d url("../img/join_in/sup33.png") center 50px no-repeat; }
    #join_in .support li:hover:nth-child(4) {
      background: #fe7a5d url("../img/join_in/sup44.png") center 50px no-repeat; }
    #join_in .support li:hover:nth-child(5) {
      background: #fe7a5d url("../img/join_in/sup55.png") center 50px no-repeat; }
    #join_in .support li:hover:nth-child(6) {
      background: #fe7a5d url("../img/join_in/sup66.png") center 50px no-repeat; }
#join_in .process {
  height: 700px;
  background: #f9f9f9; }
  #join_in .process h3 {
    padding: 80px 0 47px; }
  #join_in .process ul {
    height: 500px;
    padding-left: 150px;
    background: url("../img/join_in/12345.gif") 50px center no-repeat; }
  #join_in .process li {
    width: 1013px;
    height: 80px;
    background: url("../img/join_in/triangle.png") center no-repeat;
    padding: 17px 23px 0 35px;
    margin-bottom: 19px;
    box-sizing: border-box; }
    #join_in .process li:last-child {
      margin-bottom: 0; }
    #join_in .process li .title {
      font-size: 16px;
      color: #ff6800;
      margin-bottom: 12px; }
    #join_in .process li p {
      color: #666; }
#join_in .contact {
  height: 700px;
  background: url("../img/join_in/bg3.png") center;
  color: #fff; }
  #join_in .contact h3 {
    padding: 77px 0 22px;
    color: #fff; }
  #join_in .contact .sub {
    font-size: 18px;
    color: #fff; }
  #join_in .contact form {
    margin-top: 60px;
    padding: 0 100px; }
    #join_in .contact form input {
      width: 480px;
      height: 50px;
      padding: 0 15px;
      margin-bottom: 50px;
      box-sizing: border-box;
      font-size: 18px;
      line-height: 50px;
      background: #fff;
      border-radius: 4px;
      color: #333; }
    #join_in .contact form textarea {
      width: 100%;
      height: 120px;
      border: 0;
      padding: 15px;
      box-sizing: border-box;
      border-radius: 4px;
      font-size: 18px;
      color: #333;
      background: #fff;
      resize: none; }
    #join_in .contact form button {
      display: block;
      width: 200px;
      height: 60px;
      line-height: 60px;
      box-sizing: border-box;
      margin: 50px auto 40px;
      border: 2px solid #fff;
      border-radius: 6px;
      font-size: 18px;
      color: #fff; }
  #join_in .contact p {
    font-size: 16px;
    line-height: 26px;
    text-align: center; }

/*# sourceMappingURL=join_in.css.map */