.font-size-middle {
  font-size: 0.25rem;
}
.layout-flex {
  display: flex;
}
.col-center {
  align-items: center;
}
.row-center {
  justify-content: center;
}
.font-size-large {
  font-weight: bold;
  font-size: 0.3958rem;
}
/* 版心宽度 */
.layout-center-width {
  width: 11.6667rem;
  margin: auto;
}
.col-center-row-center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
body {
  color: #222222;
}
/* header--------------------------------- */
.top-header {
  height: 1.0417rem;
  background: #ecf0fd;
}
.nav-item {
  margin-right: 1.0313rem;
  /* border-bottom: 2px solid #3a6dff; */
  height: 1.0417rem;
  padding: 0 0.1042rem;
}

.brand-box {
  /* background: #3a6dff; */
  width: 1.8229rem;
  height: .6771rem;
  margin-left: 4.1667rem;
  margin-right: 1.9271rem;
}

/* main--------------------------------- */
.banner-box {
  height: 6.25rem;
}
.banner-img {
  height: 6.25rem;
  background: url("../img/a2.png") no-repeat;
  background-size: 100% 100%;
}
.home-banner-box {
  width: 100%;
  display: flex;
  padding-top: 1.5625rem;
}
.home-banner-box .home-banner-box-l {
  margin-left: 4.8958rem;
  margin-right: .8125rem;
}
.home-banner-box .banner-inner-img {
  width: 3.8854rem;
  height: 3.7396rem;
  background: url("../img/a1.png") no-repeat;
  background-size: 100% 100%;
  margin-top: -0.1042rem;
}
.home-banner-box  .double-box {
  width: 2.5625rem;
  height: .4063rem;
  display: flex;
  text-align: center;
  line-height: .4063rem;
  font-size: .25rem;
  border: 1px solid #107EE4;
  margin-bottom: .3125rem;
}
.home-banner-box  .min-QRcode-img {
  width: 1.2813rem;
  height: 1.2813rem;
  /* background-color: blanchedalmond;
  background: url("../img/官网PC二维码.png") no-repeat;
  background-size: 100% 100%; */
}
.section1 .text1 {
  font-size: 0.4375rem;
  color: #222222;
  text-align: center;
  margin-top: 1.2396rem;
  margin-bottom: 0.2083rem;
}
.section1 .text2 {
  font-size: 0.3125rem;
  color: #3a6dff;
  text-align: center;
}

.section1 .text-img-group-box {
  width: 11.6667rem;
  margin: 0 auto;
  font-size: 0.25rem;
  color: #222222;
  margin-top: 0.8229rem;
  margin-bottom: 1.2604rem;
  display: flex;
  justify-content: space-between;
}
.section1 .text-img-group-box .text-img-group {
  width: 2.5rem;
}
.section1 .text-img-group-box .img-box {
  position: relative;
  width: 2.5rem;
  height: 2.2292rem;
  position: relative;
  background: url("../img/img1.png") no-repeat;
  background-size: 100% 100%;
}
.section1 .text-img-group-box .NO {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.3125rem;
  color: #3a6dff;
  width: 2.5rem;
  text-align: center;
  z-index: 2;
}
.section1 .text-img-group-box .inner-img {
  position: absolute;
  width: 2.5rem;
  height: 1.875rem;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.section1 .text-img-group-box .img-bottom-text {
  text-align: center;
  margin-top: 0.4167rem;
}

.section2 {
  height: 11.6563rem;
  background: #f7f7f7;
}
.section2 .text {
  font-size: 0.4375rem;
  color: #222222;
  text-align: center;
}
.section2 .row {
  width: 11.6667rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.2083rem;
}
.section2 .group-wrap .text-group {
  width: 3.75rem;
  height: 3.75rem;
  padding: 0.3646rem 0.2604rem 0 0.2604rem;
  background: #fff6f6;
  border-radius: 0.1042rem;
  border: 1px solid #3a6dff;
  position: relative;
}
.section2 .group-wrap .text-group .text1 {
  font-size: 0.3125rem;
  color: #222222;
  font-weight: 500;
  margin-bottom: 0.2396rem;
}
.section2 .group-wrap .text-group .text2 {
  font-size: 0.2083rem;
  color: #333333;
  line-height: 0.3333rem;
}

.section2 .group-wrap .text-group .img {
  width: 0.9375rem;
  height: 0.9375rem;
  position: absolute;
  bottom: 0;
  right: 0.2604rem;
}

.section3 {
  height: 13.7604rem;
  background: url("../img/background.png") no-repeat;
  background-size: 100% 13.7604rem;
  font-size: 0.2292rem;
  color: #222222;
  text-align: center;
}
.section3-text-wrap {
  padding-top: 1.0417rem;
  padding-bottom: 0.8333rem;
  text-align: center;
}
.section3-text1 {
  font-size: 0.4375rem;
  color: #222222;
  line-height: 0.3333rem;
  margin-bottom: 0.1979rem;
}
.section3-text2 {
  font-size: 0.3125rem;
  color: #3a6dff;
  line-height: 0.3333rem;
}
.section3-icon-wrap1 {
  border-bottom: 1px solid #1749d8;
}
.section3-icon-group {
  width: 1.25rem;
  height: 1.4583rem;
  border-radius: 0.1042rem;
  border: 2px solid #ff2727;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.section3-icon {
  width: 0.625rem;
  height: 0.625rem;
}
.section3-icon-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5208rem;
}
.section3-icon-wrap2 {
  padding-top: 0.8333rem;
}
.section3-icon-wrap2-group {
  width: 2.1146rem;
  height: 2.1458rem;
  border-radius: 0.1042rem;
  border: 1px solid #3a6dff;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.section3-wrap2-icon {
  width: 0.625rem;
  height: 0.625rem;
}
.section3-icon-text1 {
  font-size: 0.2292rem;
  color: #222222;
}
.section3-icon-text2 {
  padding: 0 10px ;
  font-size: 0.1875rem;
  color: #333333;
}

.section4 {
  text-align: center;
}
.section4-text {
  margin-top: 1.0417rem;
  font-size: 0.4375rem;
  color: #222222;
}
.section4-img {
  height: 2.9375rem;
  margin-top: 0.625rem;
  margin-bottom: 1.0417rem;
  position: relative;
}
.section4-img-text {
  position: absolute;
  left: 2.4271rem;
  top: .9479rem;
  font-size: .3125rem;
  color: #FFFFFF;
  text-align: left;
}
.section4-img2 {
  width: 3.2292rem;
  height: 0.8438rem;
  margin: auto;
  position: relative;
}
.section4-img2-text {
  width: 3.2292rem;
  text-align: center;
  position: absolute;
  font-size: 0.4375rem;
  line-height: .7292rem;
  color: #ffffff;
}
.section4-QRcode {
  width: 2.7083rem;
  height: 2.7083rem;
  background: url("../img/官网PC二维码.png") no-repeat;
  background-size: 100% 100%;
  margin: 0.4271rem auto 0.2083rem auto;
  /* background: #d8d8d8; */
}
.section4-text2 {
  font-size: 0.25rem;
  color: #333333;
  margin: auto;
  margin-bottom: 0.8333rem;
  text-align: center;
}

/* footer-------------------------------------- */
.footer-box {
  height: 1.25rem;
  background: #ff2727;
  color: #ffffff;
}
.input-group {
  width: 7.0104rem;
  height: 0.5208rem;
  background: #ffffff;
  margin-left: 0.3125rem;
}
.input-idea {
  height: 0.4792rem;
  line-height: 0.4792rem;
  outline: none;
  border: 0;
}
.button-idea {
  /* background-color: #ff2727; */
  font-size: 0.2917rem;
  height: 0.4792rem;
  line-height: 0.4792rem;
  /* padding: 0 0.2604rem; */
  margin-right: 0.0208rem;
  position: relative;
  
}
#submitTel {
  background-color: #ff2727;
  font-size: 0.2917rem;
  height: 0.4792rem;
  line-height: 0.4792rem;
  color: #fff;
  cursor: pointer;
  padding: 0 0.2604rem;

}
#submitTel:hover {
  background-color: #ed2424;
}
.text-idea {
  position: absolute;
  right: 0;
  top: 0.4208rem;
  font-size: 0.1667rem;
  width: 1.8021rem;
  text-align: center;
}
.fixed-right-contact {
  position: fixed;
  right: 0;
  bottom: 100px;
  font-size: .2083rem;
  color: #222222;
  z-index: 999;
}
.fixed-right-contact-group {
  width: 1.25rem;
  height: 1.5625rem;
  background: #ECF0FD;
  border-radius: .1042rem 0px 0px 0px;
  border: 1px solid #3A6DFF;
}
.fixed-right-icon {
  width: .7292rem;
  height: .7292rem;
}
.fixed-right-icon-text {
  font-size: .2083rem;
  color: #222222;
}
.fixed-right-contact-group1 {
  width: 1.7813rem;
  height: .9167rem;
  font-size: .2083rem;
  color: #222222;
  justify-content: center;
  
}
.fixed-right-contact-group2 {
  width: 1.7813rem;
  height: 2.0729rem;
}
#fixed-right-contact-lbox{
  visibility: hidden;
  /* visibility: visible; */
}
/* 数据安全------------------------------------------------------ */
.ds-banner-img {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ds-banner-img-text1 {
  font-weight: bold;
  font-size: .625rem;
  color: #1749D8;
  margin-top: 1.7396rem;
  margin-bottom: .2813rem;
}
.ds-banner-img-text2 {
  font-size: .25rem;
  color: #333333;
  border-radius: .2396rem;
  border: 1px solid #1749D8;
  padding: .1042rem .2917rem;
}



.ds-3-text {
  font-size: .4375rem;
  color: #222222;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: .875rem;
}
.ds-3-box {
  display: flex; 
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.ds-group-wrap {
  width: 3.125rem;
  height: 2.4583rem;
  padding-left: .375rem;
  padding-top: .1563rem;
  position: relative;
}
.ds-group-icon {
  width: .7083rem;
  height: .7083rem;
  margin-bottom: .3229rem;
}
/* 关于我们----------------------------------------- */
.as-brief-text {
  font-size: .4375rem;
  margin-top: 1.2604rem;
  margin-bottom: .5938rem;
}
.au-wrap {
  display: flex;
  margin-top: 1.1771rem;
  margin-bottom: .3854rem;
}
.au-wrap-text {
  flex: 1;
  font-size: .2083rem;
  line-height: .375rem;
  margin-right: .6667rem;
}
.au-wrap-img {
  width: 3.9583rem;
  height: 2.5rem;
}
.as-resume-wrap {
  height: 5.8333rem;
  background-size: 100% 100%;
  padding-top: .6146rem;
  margin-bottom: .8229rem;
}
.as-line-wrap {
  margin-top: 1.5625rem;
}
.as-line {
  height: .0417rem;
  background-color: #1749D8;
  position: relative;
}
.as-line-circle-wrap {
  width: .3125rem;
  height: .3125rem;
  background-size: 100% 100%;
  margin-top: .125rem;
  margin-bottom: .3021rem;
}
.as-line-group-wrap {
  display: flex;
  justify-content: space-around;
}
.as-line-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.as-line-group-wrap-position {
  position: absolute;
  left: 0;
  top: -.6458rem;
  width: 11.6667rem;
}

.pointer {
  cursor: pointer;
}

.about-banner-img-text-box {
  color: #fff;
  margin-top: 1.6667rem;
  margin-left: 6.25rem;
}
.about-banner-img-text1 {
  width: 6.9375rem;
  font-weight: bold;
  font-size: .625rem;
}
.about-banner-img-text2 {
  padding-top: .3125rem;
  font-size: .25rem;

}

/* 备案号 */
.Provider {
  height: .3125rem;
  line-height: .3125rem;
  /* background-color: #ecf0fd; */
  font-size: .1667rem;
  color: #999;
}
.Provider-footer {
  height: 100%;
  display: flex;
  justify-content: space-around;
  
  /* flex-direction: column;
  justify-content: space-around;
  align-content:space-between */
}
.Copyright:hover {
  color: #00a4ff !important;
}