@charset "utf-8";
/* CSS Document */

/*关于我们*/

.about-ban {
  width: 100%;
  min-width: 1180px;
  height: 420px;
  background: url(../images/aboutbanner.jpg) no-repeat center #ff4646;
}

.about-text {
  width: 100%;
  min-width: 1180px;
  padding: 50px 0;
  background: #fff;
}

.about-txt {
  width: 980px;
  margin: 0 auto;
  color: #666;
}

.about-txt p {
  line-height: 30px;
}

.pro-zy {
  width: 100%;
  min-width: 1180px;
  padding: 50px 0;
  background: #f8f8f8;
}

.pro-zy h2 {
  text-align: center;
  margin-bottom: 30px;
}

.pro-zy p {
  text-align: center;
  color: #77a8fd;
  font-size: 32px;
  margin-bottom: 30px;
}

.strong-p {
  font-size: 40px;
  font-weight: 900;
}

.pro-zy-box {
  width: 1180px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}

.pro-zy-list {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 5px;
}

.pro-zy-list li {
  float: left;
  overflow: hidden;
  zoom: 1;
}

.mid-list {
  margin: 0 0 0 5px;
}

.t6-icon {
  width: 200px;
  height: 200px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: url(../images/gy-icon1.png) no-repeat center #02c67b;
  background-image: -webkit-image-set(url(../images/gy-icon1.png) 1x, url(../images/gy-icon1@2x.png) 2x);
  background-image: -moz-image-set(url(../images/gy-icon1.png) 1x, url(../images/gy-icon1@2x.png) 2x);
  background-image: -ms-image-set(url(../images/gy-icon1.png) 1x, url(../images/gy-icon1@2x.png) 2x);
  background-image: -o-image-set(url(../images/gy-icon1.png) 1x, url(../images/gy-icon1@2x.png) 2x);
  _background-image: url(../images/gy-icon1.png);
}

.t6-txt {
  width: 110px;
  height: 130px;
  padding: 70px 0 0 45px;
  background: #02d483;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.t-icon {
  width: 200px;
  height: 200px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: url(../images/gy-icon2.png) no-repeat center #fbb839;
  background-image: -webkit-image-set(url(../images/gy-icon2.png) 1x, url(../images/gy-icon2@2x.png) 2x);
  background-image: -moz-image-set(url(../images/gy-icon2.png) 1x, url(../images/gy-icon2@2x.png) 2x);
  background-image: -ms-image-set(url(../images/gy-icon2.png) 1x, url(../images/gy-icon2@2x.png) 2x);
  background-image: -o-image-set(url(../images/gy-icon2.png) 1x, url(../images/gy-icon2@2x.png) 2x);
  _background-image: url(../images/gy-icon2.png);
}

.t-txt {
  width: 110px;
  height: 130px;
  padding: 70px 0 0 45px;
  background: #ffc24f;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.t1-icon {
  width: 200px;
  height: 200px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: url(../images/gy-icon3.png) no-repeat center #488bfa;
  background-image: -webkit-image-set(url(../images/gy-icon3.png) 1x, url(../images/gy-icon3@2x.png) 2x);
  background-image: -moz-image-set(url(../images/gy-icon3.png) 1x, url(../images/gy-icon3@2x.png) 2x);
  background-image: -ms-image-set(url(../images/gy-icon3.png) 1x, url(../images/gy-icon3@2x.png) 2x);
  background-image: -o-image-set(url(../images/gy-icon3.png) 1x, url(../images/gy-icon3@2x.png) 2x);
  _background-image: url(../images/gy-icon3.png);
}

.t1-txt {
  width: 126px;
  height: 130px;
  padding: 70px 0 0 37px;
  background: #5695fd;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

p.white-p {
  color: #fff;
  text-align: left;
  line-height: 20px;
  font-size: 24px;
  margin-bottom: 20px;
}

.btn-pro {
  width: 588px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  background: #5695fd;
  border-radius: 3px;
}
.btn-pro.btn-pro-full {
  width: 100%;
}

.yw-box {
  width: 1180px;
  height: 537px;
  padding-top: 50px;
  margin: 0 auto;
  background: url(../images/gy-bg.png) no-repeat;
}

.yw-box h2 {
  text-align: center;
  margin-bottom: 40px;
}

.yw-box a {
  display: block;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 3px;
  color: #fff;
  font-size: 24px;
}

.btn-group1 {
  width: 720px;
  height: 60px;
  margin: 0 auto 40px;
}

.btn-group1 a {
  width: 200px;
  background: #2dda9c;
}

.mid-ju60 {
  margin: 0 60px;
}

.btn-group2 {
  width: 420px;
  height: 60px;
  margin: 0 auto 40px;
}

.btn-group2 a,
.btn-group3 a {
  width: 180px;
  background: #70a7fd;
}

.btn-group3 {
  width: 740px;
  height: 60px;
  margin: 0 auto 84px;
  position: relative;
}

.mid-ju100 {
  margin: 0 100px;
}

.btn-pos {
  position: absolute;
  top: 100px;
  left: 280px;
}

.btn-group4 {
  width: 700px;
  height: 60px;
  margin: 0 auto;
}

.btn-group4 a {
  width: 220px;
  background: #ffc24f;
}

/*安全保障*/

.p-saft-tit {
  margin-bottom: 14px;
  color: #333;
}

.safety-ban {
  width: 100%;
  min-width: 1180px;
  height: 420px;
  background: url(../images/banner_safe.jpg) no-repeat center #01a8f8;
  background-image: -webkit-image-set(url(../images/banner_safe.jpg) 1x, url(../images/banner_safe@2x.jpg) 2x);
  background-image: -moz-image-set(url(../images/banner_safe.jpg) 1x, url(../images/banner_safe@2x.jpg) 2x);
  background-image: -ms-image-set(url(../images/banner_safe.jpg) 1x, url(../images/banner_safe@2x.jpg) 2x);
  background-image: -o-image-set(url(../images/banner_safe.jpg) 1x, url(../images/banner_safe@2x.jpg) 2x);
  _background-image: url(../images/banner_safe.jpg);
}

.safety-list {
  width: 980px;
  margin: 40px auto;
}

.safety-list ul li {
  margin-bottom: 50px;
  overflow: hidden;
  color: #666;
}

.safety-list .last-list {
  margin-bottom: 0;
}

.safety-list ul li h3 {
  margin-right: 40px;
  width: 170px;
  height: 170px;
}

.li-w {
  width: 770px;
}

.safety-list ul li p {
  line-height: 24px;
}

.user-sf-icon {
  background: url(../images/icon_customer.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_customer.png) 1x, url(../images/icon_customer@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_customer.png) 1x, url(../images/icon_customer@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_customer.png) 1x, url(../images/icon_customer@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_customer.png) 1x, url(../images/icon_customer@2x.png) 2x);
  _background-image: url(../images/icon_customer.png);
}

.int-sf-icon {
  background: url(../images/icon_internet.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_internet.png) 1x, url(../images/icon_internet@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_internet.png) 1x, url(../images/icon_internet@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_internet.png) 1x, url(../images/icon_internet@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_internet.png) 1x, url(../images/icon_internet@2x.png) 2x);
  _background-image: url(../images/icon_internet.png);
}

.mes-sf-icon {
  background: url(../images/icon_message.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_message.png) 1x, url(../images/icon_message@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_message.png) 1x, url(../images/icon_message@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_message.png) 1x, url(../images/icon_message@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_message.png) 1x, url(../images/icon_message@2x.png) 2x);
  _background-image: url(../images/icon_message.png);
}

.con-sf-icon {
  background: url(../images/icon_control.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_control.png) 1x, url(../images/icon_control@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_control.png) 1x, url(../images/icon_control@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_control.png) 1x, url(../images/icon_control@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_control.png) 1x, url(../images/icon_control@2x.png) 2x);
  _background-image: url(../images/icon_control.png);
}

.ope-sf-icon {
  background: url(../images/icon_operation.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_operation.png) 1x, url(../images/icon_operation@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_operation.png) 1x, url(../images/icon_operation@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_operation.png) 1x, url(../images/icon_operation@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_operation.png) 1x, url(../images/icon_operation@2x.png) 2x);
  _background-image: url(../images/icon_operation.png);
}

.cloud-sf-icon {
  background: url(../images/icon_cloud.png) no-repeat left center;
  background-image: -webkit-image-set(url(../images/icon_cloud.png) 1x, url(../images/icon_cloud@2x.png) 2x);
  background-image: -moz-image-set(url(../images/icon_cloud.png) 1x, url(../images/icon_cloud@2x.png) 2x);
  background-image: -ms-image-set(url(../images/icon_cloud.png) 1x, url(../images/icon_cloud@2x.png) 2x);
  background-image: -o-image-set(url(../images/icon_cloud.png) 1x, url(../images/icon_cloud@2x.png) 2x);
  _background-image: url(../images/icon_cloud.png);
}

/*协议*/

.agree-txt {
  width: 800px;
  margin: 40px auto;
}

.agree-txt-full {
  width: 100%;
  margin: 80px auto;
}

.agree-txt-full-center {
  text-align: center;
}


.agree-txt h2 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 900;
}

.agree-txt .fz16 {
  margin-bottom: 6px;
  font-weight: 900;
}

.agree-txt p {
  line-height: 24px;
}

.p-style1 {
  margin-bottom: 24px;
}

/*wap-other*/

.pro-zy-box-wap,
.yw-box-wap {
  display: none;
  width: 100%;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.about-ban-wap,
.safe-ban-wap {
  display: none;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.yw-box-wap {
  margin-bottom: 30px;
}

.pro-zy-box-wap img,
.yw-box-wap img,
.about-ban-wap img,
.safe-ban-wap img {
  width: 100%;
}

@media (max-width: 767px) {

  /*重写 el-message 弹窗样式*/

  .el-message {
    width: 100% !important;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  .el-message__content {
    width: 70%
  }

  .btn-cz .el-button {
    position:relative;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
  }


}