html, body {
  height: 100%;
  background: url("../images/copyright-background.jpg");
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: '';
  clear: both;
}

.copright-content {
  height: 100%;
}

.copright-content .header_bars {
  width: 100%;
  height: 1rem;
  line-height: 1rem;
  background-size: cover;
  background: #fff;
}

.copright-content .header_bars .warp {
  margin: 0 .2rem;
  overflow: hidden;
}

.copright-content .header_bars .warp ul {
  position: relative;
}

.copright-content .header_bars .warp ul .fh {
  width: 10%;
}

.copright-content .header_bars .warp ul .fh a img {
  width: .23rem;
  height: .41rem;
  vertical-align: middle;
}

.copright-content .header_bars .warp ul .cp_title {
  width: 80%;
  height: 1rem;
}

.copright-content .header_bars .warp ul .cp_title a {
  line-height: 1rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  font-size: .38rem;
  color: #181818;
  font-weight: 700;
  width: 50%;
}

.copright-content .header_bars .warp ul li {
  float: left;
}

.copright-content .header_bars .warp ul li a {
  display: block;
}

.copright-content .banner img {
  width: 100%;
  display: block;
}

.copright-content .introduce {
  padding: 0 .2rem;
  position: relative;
}

.copright-content .introduce img {
  width: 100%;
  display: block;
}

.copright-content .introduce .benefit {
  position: relative;
  top: -1px;
  margin-bottom: .2rem;
}

.copright-content .introduce .benefit .benefit-button {
  padding-top: .4rem;
  background: #fff;
}

.copright-content .introduce .benefit a {
  width: 4.23rem;
  height: .54rem;
  display: block;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#8584ff), to(#76a6ff)), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
  background-image: linear-gradient(0deg, #8584ff 0%, #76a6ff 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal,  normal;
  -webkit-box-shadow: 0px 0.02rem 0.1rem 0px rgba(130, 139, 255, 0.42);
          box-shadow: 0px 0.02rem 0.1rem 0px rgba(130, 139, 255, 0.42);
  border-radius: .27rem;
  font-size: .3rem;
  line-height: .54rem;
  color: #fff;
  text-align: center;
  margin: auto;
}

.copright-content .introduce .benefit-details {
  line-height: 1.1rem;
  padding-left: .68rem;
  min-height: 1.1rem;
  border: .01rem solid #fff;
  background: #fff;
  position: relative;
  top: -1px;
}

.copright-content .introduce .benefit-details .title {
    color: #54538b;
    font-size: .26rem;
    line-height: .26rem;
    margin: .3rem 0 .1rem;
    font-weight: 600;
}

.copright-content .introduce .benefit-details .content {
  color: #54538b;
  font-size: .2rem;
  line-height: .38rem;
}

.copright-content .introduce .benefit-bg {
  background: #f9f8ff;
}

.copright-content .introduce .benefit-special {
  padding-bottom: .25rem;
  border-radius: 0 0 .14rem .14rem;
}

.copright-content .introduce .right-leaf {
  position: absolute;
  top: 0;
  width: .75rem;
  height: 1.23rem;
  right: 0;
  top: 30%;
}

.copright-content .introduce .left-leaf {
  position: absolute;
  width: .68rem;
  height: 1.26rem;
  left: 0;
  bottom: 6%;
}

.copright-content .service {
  padding: 0 .2rem;
  margin-bottom: .2rem;
}

.copright-content .service .service-box {
  background: #fff;
  border-radius: .14rem;
}

.copright-content .service .service-box .top {
  position: relative;
}

.copright-content .service .service-box .top .left {
  padding-left: .58rem;
  padding-top: .5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.copright-content .service .service-box .top .left .title {
  color: #7574ff;
  font-size: .32rem;
  position: relative;
  height: .3rem;
  padding-top: .5rem;
}

.copright-content .service .service-box .top .left .title .name {
    position: absolute;
    line-height: .3rem;
    top: 0rem;
    z-index: 99;
    font-weight: 450;
}

.copright-content .service .service-box .top .left .title .borders {
  width: .76rem;
  height: .1rem;
  background-color: #e4e4ff;
  border-radius: .05rem;
  position: absolute;
  top: .25rem;
  z-index: 44;
  left: .3rem;
}

.copright-content .service .service-box .top .left .high {
  position: relative;
  height: 1rem;
  line-height: 1rem;
}

.copright-content .service .service-box .top .left .high .name {
    position: absolute;
    line-height: .3rem;
    top: 0rem;
    z-index: 99;
    font-size: .22rem;
    color: #383760;
    font-weight: 600;
}

.copright-content .service .service-box .top .left .high .borders {
  width: .46rem;
  height: .1rem;
  background-color: #e4e4ff;
  border-radius: .05rem;
  position: absolute;
  top: .2rem;
  z-index: 44;
  left: 0rem;
}

.copright-content .service .service-box .top .left .high .content {
  font-size: .22rem;
  color: #9595b2;
}

.copright-content .service .service-box .top .right {
  position: absolute;
  right: .55rem;
  top: 1.54rem;
}

.copright-content .service .service-box .top .right img {
  width: 3.04rem;
  height: 1.82rem;
}

.copright-content .service .service-box .middle img {
  width: 100%;
}

.copright-content .service .service-box .bottom {
  padding: 0 .38rem 0 .32rem;
}

.copright-content .service .service-box .bottom img {
  width: 100%;
  display: block;
}

.copright-content .footer {
  padding: 0 .2rem;
  padding-bottom: .9rem;
}

.copright-content .footer .footer-box {
  padding: 0 .2rem;
  background: #fff;
  border-radius: .14rem;
  margin-bottom: .4rem;
}

.copright-content .footer .footer-box .title {
  font-size: .4rem;
  position: relative;
  height: .4rem;
  padding-top: .5rem;
  color: #7675fe;
}

.copright-content .footer .footer-box .title .name {
  position: absolute;
  line-height: .3rem;
  top: .4rem;
  left: 1.36rem;
  z-index: 99;
}

.copright-content .footer .footer-box .title .borders {
  width: 2.91rem;
  height: .13rem;
  background-color: #e4e4ff;
  border-radius: .07rem;
  position: absolute;
  top: .65rem;
  z-index: 44;
  left: 1.9rem;
}

.copright-content .footer .footer-box .imgs {
  margin-top: .4rem;
}

.copright-content .footer .footer-box .imgs li {
  float: left;
  width: 24%;
  margin-right: 1.33%;
  line-height: 0;
  margin-bottom: .2rem;
}

.copright-content .footer .footer-box .imgs li img {
  width: 100%;
}

.copright-content .footer .footer-box .imgs li:nth-child(4n) {
  margin: 0;
}

.copright-content .footer .online-apply {
  color: #fff;
  font-size: .34rem;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(1%, #2a50fe), to(#7092ff)), -webkit-gradient(linear, left top, left bottom, from(#ff9974), to(#ff9974));
  background-image: linear-gradient(90deg, #2a50fe 1%, #7092ff 100%), linear-gradient(#ff9974, #ff9974);
  background-blend-mode: normal,  normal;
  height: .9rem;
  line-height: .9rem;
  display: block;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index:999999;
}
/*# sourceMappingURL=copyright.css.map */