.qa_banner{position: relative;}
.qa_banner>img{width: 100%;transition: .3s;}

.qa_item{padding: 40px;}

.qa_base>p{line-height: 2;color: #333;text-indent: 2em;}
.qa_base>h3{font-weight: 600;font-size: 16px;margin-top: 20px;}
.qa_base>img{width: 100%;transition: .3s;margin-top: 30px;}
.qa_base>img:hover{transform: scale(.96);}

.qa_tact_w{display: flex;justify-content: space-between;margin-bottom: 60px;}
.qa_tact_l>h1{font-size: 20px;color: #333;font-weight: 600;margin-bottom: 20px;}
.qa_tact_l>p{line-height: 2;color: #666;font-size: 16px;}
.ta_map{height: 460px;}

.qa_qua_c{display: flex;flex-wrap: wrap;}
.qa_qua_i{width: 31%;margin-right: 3.5%;margin-bottom: 40px;position: relative;border: solid 1px #e0e0e0;}
.qa_qua_i:nth-child(3n){margin-right: 0;}
.qa_qua_i>img{width: 100%;height: 200px;object-fit: contain;}
.qa_qua_i>h1{position: absolute;left: 0;top: 0;bottom: 0;right: 0;background-color: rgba(54,169,104,.7);line-height: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #fff;font-size: 16px;font-weight: 800;text-align: center;opacity: 0;transition: .3s;}
.qa_qua_i:hover h1{opacity: 1;}

.qa_page{padding: 50px 0;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #f9f9f9;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #f9f9f9;}

.qa_leave{}
.qa_leave_c{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 50px;}
.qa_leave_i{width: 31%;margin-bottom: 40px;}
.qa_leave_i>span{display: block;line-height: 2;color: #666;}
.qa_leave_i>input{width: 100%;color: #333;padding: 0 10px;height: 50px;border-radius: 10px;background-color: #f7f7f7;}
.qa_leave_j{width: 100%;}
.qa_leave_j>textarea{width: 100%;height: 150px;padding: 10px;margin-top: 20px;resize: none;color: #666;line-height: 1.5;border-radius: 10px;background-color: #f7f7f7;}
.qa_leave_btn{margin-top: 50px;width: 100%;}
.qa_leave_btn>button{width: 134px;height: 40px;line-height: 40px;text-align: center;outline: none;background-color: var(--base);color: #fff;cursor: pointer;float: right;border-radius: 5px;}
.qa_leave_btn>[type="reset"]{margin-right: 40px;background-color: #cacaca;color: #fff;}


@media screen and (max-width: 766px) {
    .qa_banner>img{height: 18rem;object-fit: cover;}

    .qa_item{padding: 2rem 0;}

    .qa_base>p{font-size: 1.6rem;}

    .qa_qua_i{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .qa_qua_i>img{height: 40rem;}
    .qa_qua_i>h1{line-height: 20rem;}

    .qa_tact_l>p{font-size: 1.6rem;}
    .ta_map{height: 60vh;}

    .qa_leave_i{width: 100%;margin-bottom: 1.5rem;}
    .qa_leave_i>input{height: 4rem;}
    .qa_leave_btn>button{width: 10rem;}
    .qa_leave_btn>[type="reset"]{margin-right: 2rem;}


    

}