.faq h3 {
  color: #000009;
  font-size: 1.25rem;
  font-weight: normal;
  font-family: var(--font-family1);
}
.faq p {
  font-size: 17px;
  color: #666;
  line-height: 1.6;
}

.padding-qianhe {
  padding: 100px 0;
}

.faq {
  width: 100%
}

.faq .container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.faq-height {
  width: 24%;
}

.faqcon {
  background: #fff
}

.faqfl a {
  display: block;
  padding: 25px 18px;
  font-size: 22px;
  font-family: var(--font-family1);
  color: #fff;
  letter-spacing: 2px;
  text-shadow: -1px -1px 0 #9c9c9c, 1px -1px 0 #9c9c9c, -1px 1px 0 #9c9c9c, 1px 1px 0 #9c9c9c;
  border-bottom: 1px solid #ddd
}

.faqfl a:hover,
.faqfl .current a {
  color: #ff1919;
  text-shadow: 0 0 0 #ff1919
}

.faqfixed {
  position: fixed;
  width: 322px;
  z-index: 2;
  max-height: 100%;
  overflow: auto
}

.faqfl .swiper-wrapper {
  display: block
}

.faqfr {
  width: 100%;
}

.faqfr .faq-list {
  width: 100%;
  padding: 20px;
  margin-top: 12px;
  border: 1px solid #dfe3e6
}

.faqfr .faq-txt p {
  width: 90%;
}

.faqfr .faq-txt {
  border-bottom: none
}

.faq-con {
  margin-top: -40px
}

.faq-sideMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden
}

.faq-sideMenu h3 {
  position: relative;
  padding-right: 10%;
  cursor: pointer;
}
.faq-sideMenu h3 span {
  width: 90%;
  font-size: 17px;
  color: #303030;
  letter-spacing: 0
}

.faq-txt {
  display: none;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
}
.faq-txt p {
  margin-top: 0;
  font-size: 16px;
  color: #666
}

.faq-sideMenu h3.on {
  border: none
}
.faq-sideMenu h3 i {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bolder;
  cursor: pointer;
}
.faq-sideMenu h3 i::before {
  content: "\e727";
  font-family: "qico" !important;
  font-size: 20px;
}

.faq-sideMenu h3.on i::before {
  content: "\e729";
}

.faq-sideMenu h3.on {
  padding-bottom: 10px
}

@media screen and (max-width: 1400px) {
  .faqfl a {
    font-size: 18px
  }
}

@media screen and (max-width: 1280px) {
  .padding-qianhe {
    padding: 60px 0
  }
}

@media screen and (max-width: 960px) {
  .padding-qianhe {
    padding: 40px 0
  }

  .faq p {
    font-size: 15px;
  }

  .faq .container {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .faq-height,
  .faqfr {
    width: 100%
  }

  .faqfixed {
    position: static
  }
}
  
  
  
  
  
  
  @media screen and (max-width:480px){
  .faq-sideMenu h3 span{
  font-size:15px !important;
  }
    .faqfr .faq-txt p{
    font-size:12px !important;
    }
  }