

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

.faq {width:100%;position:relative;}
.faq .container {display:flex;justify-content:space-between}
.faq-height {width:270px;position:relative;}
.faq-height .affix {position:fixed;top:0;width:270px;}
.faq-height .affix-bottom {position:absolute;}
.faqcon {background:#fff;padding:0;}
.faqcon li {border-bottom:1px solid #ddd}
.faqcon li.active a {color:#1a449a;}
.faqcon li a {display:block;padding:20px 5px;font-size:17px;color:#333;font-weight:600;text-transform:capitalize;}
.faqcon li a:hover {color: #71ba2b;}
.faqfixed {position:fixed;width:322px;z-index:2;max-height:100%;overflow:auto}
.faqfl .swiper-wrapper {display:block}
.faqfr {flex:1;margin-left:60px;}
.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 {}
.faq-sideMenu .list:not(:last-child) {padding-bottom:18px;}
.faq-sideMenu .list:not(:last-child)::after {content:"";height:2px;background:#ccc;width:100%;display:block;margin-top:30px;}
.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;padding:10px 0 0;}
.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.active i::before {content:"\e729";}
.faq-sideMenu h3.active {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:960px) {
.faq-height .affix {position:initial ! important;}
}

                                             
                                             @media screen and (max-width:992px){
.faqfr {
    margin-left: 0 ! important;
}
}