@charset "UTF-8";

.bncolor .page-title {
  color: #575152;
}


/* page-contact-list */
.page-contact-list {
  padding: 0.38rem 0px 1rem;
}
.page-contact-list ul li {
  width: 33.33%;
}
.page-contact-list .page-img {
  overflow: hidden;
}
.page-contact-list .bg_container {
  padding-bottom: 30.9623%;
}
.page-contact-list .page-con {
  margin: 0.16rem 0.08rem 0px;
  background: #fff;
  padding: 0.18rem 0.18rem 0.31rem;
  box-shadow: 0px 0px 0.2rem rgba(0,0,0,0.1);
}
.page-contact-list .page-text {
  padding:0.2rem 0.4rem;
}
.page-contact-list .page-tit {
  letter-spacing: 0.1em;
}
.page-contact-list .page-tit label {
  color: #f6a026;
  padding-left: 0.26rem;
  letter-spacing: 0.05em;
}
.page-contact-list .page-txt {
  line-height:1.875;
  min-height: 9.375em;
  margin-top: 0.18rem;
}
.page-contact-list .page-tel {
  padding-top: 0.34rem;
}
.page-contact-list .page-tel .page-ico {
  padding-right: 0.24rem;
}
.page-contact-list .page-tel .page-ico img {
  width: 2.625em;
}
.page-contact-list .page-tel dl {
  padding-left: 0.26rem;
  line-height: 1.1;
  position: relative;
}
.page-contact-list .page-tel dl:before {
  position: absolute;
  content: "";
  left: 0px;
  top:0.02rem;
  width: 1px;
  background: #dcdcdc;
  bottom: 0.02rem;

}
.page-contact-list .page-tel dl dd {
  color:#f6a026;
  padding-top: 0.1rem;
}

.con-join-search .layui-form-select.layui-form-selectup dl {
  bottom: 115%;
  top:auto;
}

@media only screen and (max-width:980px){
  .page-contact-list ul li {
    width:50%;
  }
}  
@media only screen and (max-width:767px){
  .page-contact-list {
    padding: 0.5rem 0px 0.7rem;
  }
  .page-contact-list ul li {
    width:100%;
  }
} 
@media only screen and (max-width:340px){
  .page-contact-list .page-text {
    padding:0.2rem;
  }
} 

/* contact-join-wrap */
.contact-join-wrap {
  background: url(../images/contact-join-bg01.png) no-repeat center bottom/100% auto #f2f2f2;
}


/* con-join-search */
.con-join-search {
  padding: 0.46rem 0px 0.16rem;
}
.con-join-search .layui-input {
  font-size: inherit;
  border:2px solid #e1e1e1;
  height: auto;
  line-height: 3.125;
  padding: 0px 0.9rem 0px 0.48rem;
  width: 6.45rem;
  border-radius: 1.5em;
}
.con-join-search .layui-form-item .layui-input-inline {
  width:auto;
  margin-right: 0.14rem;
}
.con-join-search .layui-form-select dl {
  top:115%;
  border: 1px solid #eaeaea;
  padding:0.2rem 0.16rem;
  border-radius: 0.1rem;
}
.con-join-search .layui-form-select dl dd {
  padding: 0px 0.32rem;
  line-height: 2.7142;
  margin: 1px 0px;
  letter-spacing: 0.1em;
}
.con-join-search .layui-form-select dl dd.layui-select-tips {
  padding: 0px 0.32rem!important;
  color: #37302e;
  font-weight: bold;
}
.con-join-search .layui-form-select dl dd.layui-this {
  background: #f2f2f2;
  color: #37302e;
  border-radius: 0.1rem;
}
.con-join-search .layui-form-select dl dd:hover {
  border-radius: 0.1rem;
}

.con-join-search .layui-form-select .layui-edge {
  right: 0.34rem;
  border-width:0.4em 0.3846em;
  border-top-color:#484342;
}
.con-join-search .layui-form-selected .layui-edge {
  margin-top: -0.6em;
}
.con-join-search  .layui-btn {
  height: 100%;
  background: #f6b13b;
  border-radius: 1.5em;
  width: 6.923em;
}

@media only screen and (max-width:767px){
  .layui-form-item .layui-input-inline {
    margin-left: 0px;
    display: inline-block;
    margin-bottom: 0px;
  }
  .con-join-search .layui-form-item .page-all-select {
    width: 70%;
  }
  .con-join-search .layui-input {
    width: 100%;
  }
  .con-join-search .layui-form-item {
    margin-bottom: 0px;
  }
}


/* page-join-list */
.page-join-list {
  padding-bottom: 0.3rem;
}
.page-join-list .page-list ul li {
  background: #fff;
  margin-top: 0.3rem;
}
.page-join-list .page-list ul li .page-con {
   padding:0.17rem 0.83rem;
   position: relative;
}
.page-join-list .page-list .join-head {
  padding:0.39rem 0px 0.46rem;
}
.page-join-list .page-list .join-head .page-more i {
  position: relative;
  display: none;
  background: #f5b13b;
  line-height: 2.5714;
  border-radius:0.1rem;
  width: 10.0714em;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.page-join-list .page-list .join-head .page-more i span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 1.7692em;
  background: url(../images/jt05.png) no-repeat right 55%/0.6923em auto;
}
.page-join-list .page-list .join-head .page-more i::before {
  position: absolute;
  content: "";
  left: -100%;
  top:0px;
  bottom:0px;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.3);
  border-radius: 0.1rem;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-join-list .page-list .join-head .page-more i:hover:before {
  left: 0px;
}
.page-join-list .page-list .join-head .page-more .i1 {
  display: block;
}
.page-join-list .page-list ul li .join-head .page-more .i2 {
  background: #efefef;
  color: #332c2b;
}
.page-join-list .page-list ul li .join-head .page-more .i2 span {
  background: url(../images/jt06.png) no-repeat right 55%/0.6923em auto;
}
.page-join-list .page-list ul li.on .join-head .page-more .i2 {
  display: block;
}
.page-join-list .page-list ul li.on .join-head .page-more .i1 {
  display: none;
}
.page-join-list .page-list ul li.on .page-more i::before {
  width: 100%;
}
.page-join-list .page-list ul li.on .page-more i {
  color: #fff;
}

.page-join-list .page-list .join-head dl dd {
  padding-top: 0.3rem;
}
.page-join-list .page-list .join-head dl dd span {
  display: inline-block;
  color: #7d7d7d;
}
.page-join-list .page-list .join-head dl dd span {
  display: inline-block;
  padding-right: 0.2rem;
  margin-right: 0.2rem;
  position: relative;
}
.page-join-list .page-list .join-head dl dd span:before {
  position: absolute;
  content: "";
  width:1px;
  height:1.1538em;
  background: #8f8f8f;
  top:50%;
  right: 0px;
  margin-top: -0.5769em;
}
.page-join-list .page-list .join-head dl dd span:last-child::before {
  display: none;
}

.page-join-list .page-list .page-text {
  border-top:1px solid #d2d2d2;
  padding: 0.53rem 12em 0.47rem 0px;
  display: none;
  position: relative;
}
.page-join-list .page-list .page-text dl {
  padding-top: 0.06rem;
}
.page-join-list .page-list .page-text dd {
  padding: 0px 0px 0.46rem;
  line-height: 1.875;
}
.page-join-list .page-list .page-text .page-more {
  position: absolute;
  right: 0rem;
  bottom:0.88rem;
}
.page-join-list .page-list .page-text .page-more a {
  display: inline-block;
  background: #f5b13b;
  line-height: 2.5714;
  border-radius:0.1rem;
  width: 10.0714em;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.page-join-list .page-list .page-text .page-more a span {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-right: 1.7692em;
  background: url(../images/email02.png) no-repeat right 55%/0.7857em auto;
}
.page-join-list .page-list .page-text .page-more a::before {
  position: absolute;
  content: "";
  left: -100%;
  top:0px;
  bottom:0px;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.05);
  border-radius: 0.1rem;
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}
.page-join-list .page-list .page-text .page-more a:hover:before {
  left: 0px;
}

.page-join-list .layui-flow-more {
  position: relative;
}
.page-join-list .layui-flow-more a {
  margin-top: 0.3rem;
}


@media only screen and (max-width:767px){
  .page-join-list .page-list ul li .page-con .page-more {
    width: 100%;
    padding-top: 0.3rem;
  }
  .page-join-list .page-list ul li .page-con {
    padding:0px 0.3rem;
  }
  .page-join-list .page-list .page-text {
    padding-right: 0px;
  }
  .page-join-list .page-list .page-text .page-more {
    position: relative;
    bottom: auto;
  }
  .page-join-list .page-list .join-head .page-more i {
    width: 100%;
  }
}  



/* page-join-contact */
.page-join-contact {
  margin-top: 0px;
  padding-bottom: 1.19rem;
  position: relative;
}
.page-join-contact:before {
  position: absolute;
  content: "";
  left: 0px;
  bottom: 0px;
  right: 0px;
  height: 72.667%;
  background: #fff;
}
.page-join-contact .page-con {
  background: #fff;
  box-shadow: 0px 0.2rem 0.5rem rgba(0,0,0,0.1);
  padding: 0.75rem 0px;
  position: relative;
  z-index: 2;
}
.page-join-contact .page-title {
  letter-spacing: 0.1em;
}
.page-join-contact .page-title span {
  position: relative;
  z-index: 2;
}
.page-join-contact .page-title::before {
  position: absolute;
  content: "";
  bottom: 0px;
  background:#f9f9f9;
  height: 0.33em;
  width:3.33em;
  left: 50%;
  margin-left: -1.665em;
}
.page-join-contact .page-address {
  padding-top: 0.3rem;
}
.page-join-contact .page-address span {
  display: inline-block;
  background: url(../images/add01.png) no-repeat left 55%/0.8571em auto;
  padding-left: 1.466em;
}
.page-join-contact .page-email {
  padding-top: 0.22rem;
}
.page-join-contact .page-email a {
  color: #f5b13b;
}
.page-join-contact .page-email span {
  display: inline-block;
  background: url(../images/email01.png) no-repeat left 55%/0.8571em auto;
  padding-left: 1.466em;
}
.page-join-contact .page-email a:hover {
  text-decoration: underline;
}
.page-join-contact .page-tel {
  padding: 0.22rem 0px 0.02rem;
}
.page-join-contact .page-tel span {
  display: inline-block;
  background: url(../images/tel01.png) no-repeat left 55%/0.9259em auto;
  padding-left: 1.48148em;
  color: #f5b13b;
}

@media only screen and (max-width:767px){
  .page-join-contact {
      text-align: left;
  }
  .page-join-contact .page-con {
      padding: 0.5rem;
  }

}