@charset "UTF-8";

.mainbg {
  background: url(/images/join-mainbg01.jpg) no-repeat center top/100% auto #f9f9f9;
}
.page-more i {
  margin-top: 0.14rem;
  position: relative;
  display: inline-block;
  color: #2b2b2b;
  min-width: 1.4rem;
  padding: 0px 0.2rem;
  line-height: 2.875;
  text-align: center;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  cursor: pointer;
}
.page-more i span {
  position: relative;
  z-index: 2;
}
.page-more i::before {
  position: absolute;
  left: 0px;
  top:0px;
  height: 100%;
  width: 0px;
  bottom: 0px;
  background:#1263b5;
  content: "";
  transition:0.5s all; 
  -webkit-transition:0.5s all; 
  -ms-transition:0.5s all; 
  -o-transition:0.5s all;
}

.page-more a {
  display: inline-block;
  position: relative;
  color: #fff;
  padding-left: 1.11em;
  padding-right: 46px;
  background: #1263b5;
  line-height: 2.22;
}
.page-more a .page-jt {
  position: absolute;
  width: 1em;
  height: 2px;
  background: #fff;
  right:1.11em;
  top:50%;
  opacity: 0.8;
  filter:alpha(opacity=80);
}
.page-jt::before {
  position: absolute;
  right: 0px;
  top:-0.2em;
  content: "";
  width:0.435em;
  height: 2px;
  background: #fff;
  transform: rotate(45deg);
  z-index: 2;
}
.page-jt::after {
  position: absolute;
  right:0px;
  top:0.2em;
  content: "";
  width:0.435em;
  height: 2px;
  background: #fff;
  transform: rotate(-45deg);
  z-index: 2;
}
.page-more a:hover .page-jt {
  right:0.75em;
}


/* page-news-tab */
.page-news-tab {
  padding: 0.63rem 0px 0.62rem;
}
.page-news-tab .swiper-slide {
  width: auto!important;
  padding: 0px 0.18rem;
}
.page-news-tab  .swiper-wrapper {
  width: auto;
}
.page-news-tab .swiper-slide::before {
  position: absolute;
  content: "";
  width: 3.326em;
  height: 0.4285em;
  background: #e3e8ec;
  left: 50%;
  bottom: 0px;
  margin-left: -1.663em;
  z-index: 2;
}
.page-news-tab .swiper-slide span {
  display: inline-block;
  padding: 0px 0.2rem;
  line-height: 1.43;
  margin: 0px;
  position: relative;
  color: #666;
}
.page-news-tab .swiper-slide span i {
  position: relative;
  z-index: 3;
}
.page-news-tab .swiper-slide.on {
  top:-0.06rem;
}
.page-news-tab .swiper-slide.on span {
  font-size: 1.33em;
  font-weight: bold;
  background: none;
  color: #111;
}
.page-news-tab .swiper-slide.on::before {
  background:#6291c3;
  width: 4.2857em;
  margin-left: -2.14285em;
}



/* page-contact */
.page-contact {
  background: #fff;
  margin-top: 0px;
  padding-bottom: 0.78rem;
}
.page-contact .page-email a {
  color: #1263b5;
}
.page-contact .page-title {
  position: relative;
}
.page-contact .page-title span {
  position: relative;
  z-index: 2;
}
.page-contact .page-title::before {
  position: absolute;
  content: "";
  bottom: 0px;
  background:#f9f9f9;
  height: 0.33em;
  width:3.33em;
  left: 50%;
  margin-left: -1.665em;
}
.page-contact .page-tel {
  padding: 0.27rem 0px 0.1rem;
}



/* page-join-list */
.page-join-list {
  padding-bottom: 0.89rem;
}
.page-join-list .page-list ul li {
  border-top: 4px solid #dcdcdc;
  background: #fff;
  margin-bottom: 0.2rem;
}
.page-join-list .page-list ul li.on {
  border-top-color: #1263b5;
}
.page-join-list .page-list ul li.on .join-jt {
  display: block;
}
.page-join-list .page-list ul li .page-con {
   padding:0px 0.48rem;
   border: 1px solid #dcdcdc;
   border-top: none;
   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 {
  display: none;
}
.page-join-list .page-list .join-head .page-more .i1 {
  display: block;
}
.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.12rem;
}
.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: 14px;
  background: #dcdcdc;
  top:50%;
  right: 0px;
  margin-top: -7px;
}
.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 #dcdcdc;
  padding: 0.25rem 0px 0.83rem;
  display: none;
}
.page-join-list .page-list .page-text dl {
  padding-top: 0.06rem;
}
.page-join-list .page-list .page-text dt {
  font-weight: 400;
}
.page-join-list .page-list .page-text dd {
  padding: 0.2rem 0px;
  line-height: 1.875;
  color: #777;
}
.page-join-list .page-list .page-text .page-more {
  padding: 0.19rem 0px;
}
.page-join-list .join-jt {
  position: absolute;
  left: 50%;
  margin-left: -0.71875em;
  bottom: 0.52rem;
  width: 1.4375em;
  height: 1.25em;
  background: url(/images/jt04.png) no-repeat center center/100% 100%;
  cursor: pointer;
  display: none;
}


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


@media only screen and (max-width:767px){
  .page-join-list .page-list ul li .page-con .page-more {
    width: 100%;
  }
}