.le,
.left {
  float: left;
}
.ri,
.right {
  float: right;
}
.clear {
  clear: both;
}
.center {
  max-width: 1280px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
}
.center::after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.jz {
  position: absolute;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.fd:hover,
.fd:focus {
  -webkit-animation: fd 1s;
  animation: fd 1s;
  box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
@-webkit-keyframes fd {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
@keyframes fd {
  0% {
    box-shadow: 0 0 0 0 var(--hover);
  }
}
.xsqsmzqfh_banner {
  width: 100%;
  height: 4.34rem;
  position: relative;
  overflow: hidden;
  padding-top: 0.5rem;
  box-sizing: border-box;
  background-color: #f9f8f7;
}
.xsqsmzqfh_banner .pic {
  display: none;
}
.xsqsmzqfh_banner .zi {
  float: left;
  width: 4rem;
  margin-top: 0.6rem;
}
.xsqsmzqfh_banner .zi h3 {
  color: #4f4f4f;
  font-size: 0.4rem;
  line-height: 0.4rem;
  font-weight: bold;
}
.xsqsmzqfh_banner .zi p {
  line-height: 0.3rem;
  letter-spacing: 0rem;
  color: #9d9d9d;
  font-size: 0.18rem;
  margin: 0.18rem 0 0.4rem;
}
.xsqsmzqfh_banner .zi .mo {
  display: block;
  width: 2rem;
  height: 0.45rem;
  background-color: #ff4e00;
  border-radius: 0.05rem;
  text-align: center;
  line-height: 0.45rem;
  font-size: 0.18rem;
  color: #fff;
}
.xsqsmzqfh_banner .tu {
  float: right;
  width: 4.78rem;
  height: 3.38rem;
  position: relative;
  z-index: 999;
}
.xsqsmzqfh_banner .tu img {
  border-radius: 0.1rem;
  box-shadow: 0 0 0.2rem 1px rgba(0, 0, 0, 0.03);
}
.xsqsmzqfh_banner .tu img:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0px;
}
.xsqsmzqfh_banner .tu img:nth-child(2) {
  position: absolute;
  top: 0.09rem;
  right: 0px;
}
.xsqsmzqfh_banner .tu img:nth-child(3) {
  position: absolute;
  bottom: 0.38rem;
  left: 0.12rem;
}
.xsqsmzqfh_banner .tu img:nth-child(4) {
  position: absolute;
  bottom: 0.7rem;
  right: 0.27rem;
}
.xsqsmzqfh_banner .tu img:nth-child(5) {
  position: absolute;
  top: 1rem;
  left: 1.8rem;
  box-shadow: none;
}
.xsqsmzqfh_banner .tu img:nth-child(6) {
  position: absolute;
  bottom: -0.16rem;
  left: 1.25rem;
  z-index: -1;
}
.xsqsmzqfh_qkpf {
  width: 100%;
  padding-top: 1.03rem;
}
.xsqsmzqfh_qkpf .biao {
  width: 100%;
  text-align: center;
}
.xsqsmzqfh_qkpf .biao h3 {
  color: #000000;
  font-size: 0.38rem;
  line-height: 0.38rem;
  font-weight: bold;
}
.xsqsmzqfh_qkpf .biao p {
  color: #636363;
  line-height: 0.3rem;
  font-size: 0.18rem;
  max-width: 73%;
  margin: 0.14rem auto 0;
}
.xsqsmzqfh_qkpf ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.66rem;
}
.xsqsmzqfh_qkpf ul li {
  width: 2.94rem;
  height: 5.19rem;
  background-color: #ffffff;
  border-radius: 0.2rem;
  box-shadow: 0 0 0.3rem 1px rgba(0, 0, 0, 0.03);
  overflow: hidden;
}
.xsqsmzqfh_qkpf ul li i {
  display: block;
  width: 100%;
  height: 2.49rem;
  position: relative;
}
.xsqsmzqfh_qkpf ul li i img {
  position: absolute;
  display: block;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.xsqsmzqfh_qkpf ul li h4 {
  color: #6a6a6a;
  text-align: center;
  font-size: 0.22rem;
  line-height: 0.22rem;
  font-weight: bold;
  margin-bottom: 0.21rem;
}
.xsqsmzqfh_qkpf ul li p {
  box-sizing: border-box;
  padding: 0 0.38rem 0 0.45rem;
  background: url(../images/xsqsmzqfh-ti1.png) no-repeat 0.33rem 0.1rem;
  line-height: 0.25rem;
  letter-spacing: 0rem;
  color: #919191;
  font-size: 0.16rem;
  margin-bottom: 0.2rem;
}
.xsqsmzqfh_qcd {
  width: 100%;
  padding-top: 1rem;
  padding-bottom: 0.88rem;
  overflow: hidden;
}
.xsqsmzqfh_qcd .pic {
  display: none;
}
.xsqsmzqfh_qcd .zi {
  float: left;
  margin-top: 0.92rem;
  width: 4.4rem;
  box-sizing: border-box;
  padding-left: 0.19rem;
}
.xsqsmzqfh_qcd .zi h3 {
  position: relative;
  font-size: 0.38rem;
  line-height: 0.34rem;
  font-weight: bold;
  color: #000000;
}
.xsqsmzqfh_qcd .zi h3::after {
  width: 0.1rem;
  height: 0.36rem;
  background-color: #ff4e00;
  position: absolute;
  top: 0px;
  left: -0.19rem;
  content: "";
}
.xsqsmzqfh_qcd .zi p {
  line-height: 0.36rem;
  letter-spacing: 0rem;
  color: #5b5a5a;
  font-size: 0.22rem;
  margin: 0.24rem 0 0.07rem;
}
.xsqsmzqfh_qcd .zi span {
  color: #797979;
  font-size: 0.18rem;
  line-height: 0.18rem;
  display: block;
}
.xsqsmzqfh_qcd .zi .mo:hover {
  color: #ff4e00;
  margin-top: 0.3rem;
}
.xsqsmzqfh_qcd .zi .mo {
  width: 1.42rem;
  height: 0.36rem;
  border-radius: 0.05rem;
  border: solid 0.01rem #dfdfdf;
  line-height: 0.34rem;
  display: block;
  transition: 0.5s;
  letter-spacing: 0.04rem;
  color: #6e6e6e;
  box-sizing: border-box;
  padding-left: 0.18rem;
  font-size: 0.18rem;
  margin-top: 0.33rem;
  background: url(../images/qqdhk-mo1.png) no-repeat 1.14rem center;
}
.xsqsmzqfh_qcd .tu {
  width: 4.57rem;
  height: 3.75rem;
  float: right;
  position: relative;
  /* animation: wcj_one_bannerRGd1 2s ease-out; */
  transform: rotate(0deg);
  -webkit-transition: .5s;
  transition: .5s;
}

@keyframes wcj_one_bannerRGd1 {
  0%{
      transform: rotate(0deg);
  }
  30% {
      transform: rotate(30deg);
  }


  100% {
      transform: rotate(0deg);
  }
}
.xsqsmzqfh_qcd .tu img:nth-child(1) {
  position: absolute;
  top: 0.88rem;
  left: -0.12rem;
  z-index: 3;
}
.xsqsmzqfh_qcd .tu img:nth-child(2) {
  position: absolute;
  top: -0.12rem;
  left: 0.61rem;
  z-index: 3;
}
.xsqsmzqfh_qcd .tu img:nth-child(3) {
  position: absolute;
  top: -0.08rem;
  left: 1.8rem;
}
.xsqsmzqfh_qcd .tu img:nth-child(4) {
  position: absolute;
  top: 0.02rem;
  right: 0.84rem;
}
.xsqsmzqfh_qcd .tu img:nth-child(5) {
  position: absolute;
  top: 0.6rem;
  right: -0.12rem;
  z-index: 3;
}
.xsqsmzqfh_qcd .tu img:nth-child(6) {
  position: absolute;
  bottom: -0.12rem;
  left: 1.22rem;
}
.xsqsmzqfh_qcd .tu img:nth-child(7) {
  position: absolute;
  top: 1rem;
  left: 1.9rem;
  z-index: 3;
}

.xsqsmzqfh_qcd .tu em{
  position: absolute;
  bottom: -8px;
  left: 1.3rem;
  width: 2.6rem;
  height: 2rem;
  background: #fff;
  -webkit-transition: 3s;
  transition: 3s;
}
.xsqsmzqfh_bcg {
  width: 100%;
  padding-top: 0.9rem;
  padding-bottom: 0.98rem;
  background-color: #fcfcfc;
  overflow: hidden;
}
.xsqsmzqfh_bcg .pic {
  display: none;
}
.xsqsmzqfh_bcg .tu {
  float: left;
  width: 5.34rem;
  height: 4.21rem;
}
.xsqsmzqfh_bcg .tu img:nth-child(1) {
  position: absolute;
  top: 0px;
  left: 0px;
}
.xsqsmzqfh_bcg .tu img:nth-child(2) {
  position: absolute;
  top: 1.87rem;
  right: -0.7rem;
  left: auto;
  border-radius: 0.1rem;
  box-shadow: 0 0 0.3rem 1px rgba(0, 0, 0, 0.05);
  z-index: 999;
}
.xsqsmzqfh_bcg .zi {
  float: right;
  margin-top: 0.68rem;
}
.xsqsmzqfh_bcg span{
  width: 2.8rem;
  background: #fff;
  z-index: 999;
  height: 0.57rem;
  position: absolute;
  right: -0.7rem;
  bottom: 1.78rem;
  border-radius: 9px;
  -webkit-transition: .5s;
  transition: .5s;
}
.xsqsmzqfh_bcg b{
  position: absolute;
    width: 4.1rem;
    height: 1.96rem;
    background: #fff;
    bottom: 0.22rem;
    right: 0.3rem;
    border-radius: 20px;
    -webkit-transition: 3s;
    transition: 3s;
   
}

.xsqsmzqfh_bcg span.xsqsmzqfh_bcg0{
  height: 0;
}
@keyframes fffd{
  0%{
    height: 0.57rem;
  }

  100%{
    height: 0;
  }
}

.xsqsmzqfh-bcg2{
/* opacity: 0; */
-webkit-transition: 2s;
transition: 2s;
/* height: 0; */
/* width: 2.97rem; */
z-index: 99;

}

.xsqsmzqfh_bcg b{
  position: absolute;
  width: 4.1rem;
  height: 1.96rem;
  background: #fff;
  bottom: 0.22rem;
  right: 0.3rem;
  border-radius: 20px;
  -webkit-transition: 3s;
  transition: 3s;
  z-index: 9;
}


.xsqsmzqfh_qcd .tu img.xsqsmzqfh-tu4B{
  top: 0.53rem;
  right: 0;
  left: auto;
  z-index: 9;
  opacity: 0;
  -webkit-transition: .5s;
  transition: 2s;
  z-index: 10;
}

.xsqsmzqfh_qsm .tu u{
  position: absolute;
    width: 100%;
    height: 3.1rem;
    background: #fff;
    bottom: 17px;
    right: 0;
    -webkit-transition: 2s;
    transition: 2s;
    z-index: 9;
}

.xsqsmzqfh_qsm {
  width: 100%;
  padding-top: 0.85rem;
  padding-bottom: 1rem;
  overflow: hidden;
}
.xsqsmzqfh_qsm .pic {
  display: none;
}
.xsqsmzqfh_qsm .zi {
  margin-top: 0.4rem;
}
.xsqsmzqfh_qsm .tu {
  width: 5.53rem;
  height: 3.72rem;
}
.xsqsmzqfh_qsm .tu img:nth-child(1) {
  position: absolute;
  top: -0.27rem;
  left: -0.27rem;
}
@media screen and (max-width: 980px) {
  .center {
    max-width: 980px;
    box-sizing: border-box;
    padding: 0 0.2rem;
  }
  .xsqsmzqfh_banner {
    padding-top: 0;
    height: auto;
  }
  .xsqsmzqfh_banner .zi {
    width: 100%;
  }
  .xsqsmzqfh_banner .zi h3 {
    font-size: 0.3rem;
    line-height: 0.3rem;
  }
  .xsqsmzqfh_banner .zi p {
    font-size: 0.16rem;
    margin-bottom: 0.3rem;
  }
  .xsqsmzqfh_banner .zi .mo {
    width: 1.5rem;
    height: 0.4rem;
    line-height: 0.4rem;
    font-size: 0.16rem;
    margin-bottom: 0.2rem;
  }
  .xsqsmzqfh_banner .tu {
    display: none;
  }
  .xsqsmzqfh_banner .pic {
    display: block;
    width: 100%;
  }
  .xsqsmzqfh_banner .pic img {
    max-width: 100%;
  }
  .xsqsmzqfh_qkpf {
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
  }
  .xsqsmzqfh_qkpf .biao h3 {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
  .xsqsmzqfh_qkpf .biao p {
    font-size: 0.16rem;
    line-height: 0.16rem;
    line-height: 0.3rem;
    max-width: 100%;
  }
  .xsqsmzqfh_qkpf ul {
    margin-top: 0.4rem;
  }
  .xsqsmzqfh_qkpf ul li {
    width: 48%;
    height: auto;
    margin-bottom: 0.2rem;
  }
  .xsqsmzqfh_qkpf ul li i {
    height: 1.6rem;
  }
  .xsqsmzqfh_qkpf ul li i img {
    max-width: 100%;
  }
  .xsqsmzqfh_qkpf ul li h4 {
    font-size: 0.18rem;
    line-height: 0.18rem;
  }
  .xsqsmzqfh_qkpf ul li p {
    padding: 0 0.1rem 0 0.15rem;
    font-size: 0.15rem;
    background-position-x: 0.05rem;
  }
  .xsqsmzqfh_qcd {
    padding-top: 0.3rem;
    padding-bottom: 0.4rem;
  }
  .xsqsmzqfh_qcd .zi {
    width: 100%;
    margin-top: 0;
  }
  .xsqsmzqfh_qcd .zi h3 {
    font-size: 0.24rem;
    line-height: 0.3rem;
  }
  .xsqsmzqfh_qcd .zi h3::after {
    height: 0.32rem;
    width: 0.05rem;
  }
  .xsqsmzqfh_qcd .zi p {
    font-size: 0.19rem;
  }
  .xsqsmzqfh_qcd .zi span {
    font-size: 0.17rem;
  }
  .xsqsmzqfh_qcd .zi .mo {
    font-size: 0.17rem;
    margin-bottom: 0.2rem;
  }
  .xsqsmzqfh_qcd .tu {
    display: none;
  }
  .xsqsmzqfh_qcd .pic {
    display: block;
    width: 100%;
  }
  .xsqsmzqfh_qcd .pic img {
    max-width: 100%;
  }
  .xsqsmzqfh_bcg .zi {
    margin: 0.2rem 0;
  }
}