.qpd_banner{position: relative;}
.qpd_banner>img{width: 100%;}

.qpd_msg{}

.qpd_msg_w{display: flex;}
.qpd_msg_l{width: 400px;position: relative;}
.qpd_msg_i{width: 100%;height: 485px;object-fit: contain;}
.qpd_msg_ls{position: absolute;bottom: 0;left: 0;display: flex;padding: 5px;}
.qpd_msg_ls>img{width: 84px;height: 72px;object-fit: contain;margin-right: 10px;cursor: pointer;border: 2px solid #d3d3d3;}
.qpd_msg_ls>img:last-child{margin-right: 0;}
.qpd_msg_ls>.qpd_msg_a{border: 2px solid var(--base);}

.qpd_msg_r{margin-left: 40px;flex: 1;padding: 20px 0;padding-right: 40px;position: relative;}
.qpd_msg_r>h1{line-height: 1.5;border-bottom: 1px solid #ddd;margin-bottom: 20px;font-size: 24px;padding: 15px 0;}
.qpd_msg_r>b{font-weight: lighter;display: block;font-size: 14px;padding: 15px 0;border-bottom: 1px solid #d9d9d9;}
.qpd_msg_r>p{white-space: pre-wrap;text-align: left;line-height: 2;font-size: 16px;margin-top: 20px;}

.qpd_file_l{padding: 20px;}
.qpd_file_l>h1{color: #333;text-align: center;line-height: 3;width: 100%;}
.qpd_file_i{display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #ddd;padding: 20px 0;}
.qpd_file_i>h1{font-size: 16px;color: #333;line-height: 2;}
.qpd_file_i>h1>p{font-size: 14px;color: #666;}
.qpd_file_i>a{background-color: #f7f7f7;color: #666;padding: 0 30px;height: 30px;line-height: 30px;}
.qpd_file_i:hover h1{color: var(--base);}
.qpd_file_i:hover a{background-color: var(--base);color: #fff;}

.qpd_rich{margin-top: 100px;padding: 0 40px 20px;}
.qpd_rich>h1{border-bottom: 1px solid #e5e5e5;margin-top: 10px;}
.qpd_rich>h2{border-bottom: 1px solid #e5e5e5;margin-top: 10px;padding-bottom: 10px;text-align: center;font-size: 24px;}
.qpd_rich>h1>span{font-size: 14px;padding: 0 30px;height: 42px;line-height: 42px;display: inline-block;cursor: pointer;}
.qpd_rich>h1>.qpd_rich_a{background-color: var(--base);color: #fff;}
.rich_text img{max-width: 100%;}

.qp_recom_c{background-color: #fff;display: flex;justify-content: space-between;padding: 40px;}
.qp_recom_i{width: 24%;margin-right: calc(4% / 3);border: 1px solid #e5e5e5;padding: 15px;margin-bottom: 15px;}
.qp_recom_i:nth-child(4n){margin-right: 0;}
.qp_recom_i>h1{text-align: center;font-size: 14px;line-height: 1.5;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-top: 10px;}
.qp_recom_img{overflow: hidden;text-align: center;}
.qp_recom_img>img{width: 100%;height: 260px;object-fit: contain;}

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

    .qj_left_l{width: 1100vw;}

    .qpd_msg{margin-top: 2rem;}
    .qpd_msg_w{flex-direction: column;}
    .qpd_msg_l{width: 100%;}
    .qpd_msg_i{height: 20rem;}
    .qpd_msg_r{margin-left: 0;padding-right: 0;}
    .qpd_msg_r>h1{font-size: 2.2rem;margin-bottom: 0;}
    .qpd_msg_r>b{padding: 1.5rem 0;font-size: 1.4rem;}
    .qpd_msg_r>p{font-size: 1.4rem;}

    .qpd_rich{margin-top: 6rem;padding: 0;}
    .qpd_rich>h1>span{font-size: 1.4rem;padding: 0 2rem;height: 4rem;line-height: 4.2rem;}

    .qpd_file_l{padding: 1.5rem 0;}
    .qpd_file_i>h1{font-size: 1.4rem;}
    .qpd_file_i>a{padding: 0 1.5rem;}

    .qp_recom_c{flex-direction: column;}
    .qp_recom_i{width: 100%;margin-right: 0;}

}