.faq .banner{padding:105px 30px;background:url(/lib/images/faq/img_bg.png) no-repeat center #f7f7f7}.faq .banner h1{text-align:center;margin-bottom:50px}.faq .banner .search{position:relative;width:650px;height:64px;margin:0 auto}.faq .banner .search input{width:100%;height:100%;border:2px solid #008574;padding-left:40px;border-radius:32px;color:#666;font-size:16px;background:#fff}.faq .banner .search svg{position:absolute;top:50%;transform:translateY(-50%);right:40px;cursor:pointer}.faq .faq_in{padding:80px 0}.faq .content{display:flex;justify-content:space-between}.faq .content>.left{border-right:1px solid #e5e5e5}.faq .content>.left .qa{width:1250px;padding:40px}.faq .content>.left .qa h3{font-size:24px;font-family:'Barlow-Medium';font-weight:400;margin-bottom:24px}.faq .content>.left .qa .line{width:100%;height:2px;background:#e5e5e5;display:inline-block;position:relative;margin-bottom:30px}.faq .content>.left .qa .line::after{position:absolute;width:160px;height:2px;background:#008574;left:0;top:0;content:''}.qa ul li{padding:30px 0;border-bottom:1px solid #e5e5e5}.qa ul li .q{display:flex;align-items:baseline;cursor:pointer}.qa ul li .q .left{font-size:16px;color:#008574;width:100px;font-family:'Barlow-Bold';flex-shrink:0}.qa ul li .q .right p{font-size:16px;color:#666;max-width:680px;line-height:1.5}.qa ul li .a{display:flex;align-items:baseline;padding-top:30px}.qa ul li .a .left{font-size:16px;color:#d45800;width:100px;font-family:'Barlow-Bold';flex-shrink:0}.qa ul li .a .right .txt{font-size:16px;color:#666;line-height:1.5}.qa ul li .q .right p.active{color:#101010;font-family:'Barlow-Bold'}.qa ul li .a .right .contact_us{display:flex;justify-content:space-between;align-items:center;margin-top:30px;position:relative;padding-left:30px}.qa ul li .a .right .contact_us::after{position:absolute;content:'';width:4px;height:100%;background:#008574;top:0;left:0}.qa ul li .a .right .contact_us p{font-size:16px;color:#666;font-family:'Barlow-Medium'}.qa ul li .a .right .contact_us a{display:flex;justify-content:center;align-items:center;width:160px;height:40px;border:2px solid #008574;font-size:16px;color:#008574;transition:all 0.5s}.qa ul li .a .right .contact_us a:hover{background:#008574;color:#fff}.faq .content>.right{max-width:380px;padding:30px}.faq .content>.right h3{font-size:24px;font-family:'Barlow-Medium';font-weight:400;margin-bottom:24px}.faq .content>.right .line{width:100%;height:2px;background:#e5e5e5;display:inline-block;position:relative;margin-bottom:30px}.faq .content>.right .line::after{position:absolute;width:60px;height:2px;background:#008574;left:0;top:0;content:''}.faq .content>.right .product{margin-bottom:50px}.faq .content>.right .product ul li{display:flex;align-items:center;margin-bottom:20px}.faq .content>.right .product ul li img{flex-shrink:0;margin-right:10px}.faq .content>.right .product ul li p{font-size:16px;color:#101010;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.faq .content>.right .product ul li:hover p{color:#008574}.faq .content>.right .blog ul li{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #e5e5e5}.faq .content>.right .blog ul li:hover p.txt{color:#008574}.faq .content>.right .blog ul li p.txt{color:#101010;font-size:16px;line-height:1.5}.faq .content>.right .blog ul li p.time{font-size:14px;color:#666;line-height:1.5;margin-top:20px}.faq .content>.left .contact_us{display:flex;justify-content:center;align-items:center}.faq .content>.left .contact_us img{margin-right:20px}.faq .content>.left .contact_us p{font-size:16px;color:#303030;margin-right:20px;line-height:1.5}.faq .content>.left .contact_us a{font-size:16px;color:#1ec59e;display:flex;align-items:center}@media (max-width:1600px){.content{width:100%}.faq .content>.left .qa{width:100%}.faq .content>.left{width:70%}.faq .content>.right{width:30%;padding:15px}}@media (max-width:1279px){.faq .content>.left .qa{padding:20px}}@media (max-width:1023px){.faq .content>.right{display:none}.faq .content>.left{width:100%;border:none}.content{padding:0 15px}}@media (max-width:767px){.faq .banner h1{font-size:28px}.faq .banner .search{width:100%}.faq .banner{padding:40px 15px}.faq .faq_in{padding:30px 0}.faq .content>.left .qa{padding:0;margin-bottom:30px}.faq .content>.left .qa .line{margin-bottom:0}.qa ul li{padding:20px 0}.qa ul li .q .left{width:40px}.qa ul li .a .left{width:40px}.qa ul li .a .right .contact_us{flex-direction:column;align-items:start}.qa ul li .a .right .contact_us a{margin-top:20px}}