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

.fs_left_l{padding: 35px 0;}
.tp_left_i{margin-bottom: 10px;}
.tp_left_i>a{background-color: #f7f7f7;border-left: 10px solid var(--base);height: 50px;line-height: 50px;display: block;padding-left: 24px;font-size: 16px;cursor: pointer;}
.tp_left_i>a>i{font-family: monospace,serif;float: right;font-style: normal;padding: 18px 10px;color: var(--base);line-height: 1;transition: .3s;}
.tp_left_ii{padding: 10px 0;display: none;}
.tp_left_ii>a{display: block;height: 46px;line-height: 46px;font-size: 14px;padding-left: 34px;color: #474747;cursor: pointer;}
.tp_left_ii>.tp_left_ia{background-color: var(--base);color: #fff;position: relative;}
.tp_left_ii>.tp_left_ia::before{content: '';width: 9px;height: 100%;position: absolute;left: 0;background-color: var(--base);}

.wpd_msg{padding: 44px;}

.wpd_msg_w{display: flex;}
.wpd_msg_l{width: 48%;position: relative;}
.wpd_msg_ll{border: 2px solid #d3d3d3;}
.wpd_msg_lli{width: 100%;height: 380px;background-position: center;background-repeat: no-repeat;cursor: move;background-size: contain;}
.wpd_msg_lli[zoom]{background-size: 960px 960px;background-position: calc(var(--x) * 100%) calc(var(--y) * 100%);}
.wpd_msg_ls{display: flex;padding: 10px 0;}
.wpd_msg_lsi{width: 92px;height: 92px;object-fit: contain;margin-right: 10px;cursor: pointer;border: 2px solid #d3d3d3;}
.wpd_msg_lsi:last-child{margin-right: 0;}
.wpd_msg_ls>.wpd_msg_a{border: 2px solid var(--base);}

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

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

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

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

.wpd_recom_c{background-color: #fff;display: flex;justify-content: space-between;padding: 0 0 40px;}
.wpd_recom_i{width: 23%;margin-right: calc(16% / 3);margin-bottom: 40px;position: relative;overflow: hidden;}
.wpd_recom_i:nth-child(4n){margin-right: 0;}
.wpd_recom_img{overflow: hidden;text-align: center;}
.wpd_recom_i>h1{text-align: center;font-size: 14px;line-height: 2;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;position: absolute;bottom: -40px;left: 0;right: 0;transition: .3s;background-color: var(--base);color: #fff;text-align: center;}
.wpd_recom_img>img{width: 100%;height: 260px;object-fit: contain;transition: .3s;}
.wpd_recom_i:hover>h1{bottom: 0;}

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

    .fs_nav{display: block;}
    .fs_nav_c{padding: 0 1.5rem;width: 300vw;}
    .fs_right{margin-top: 0;}

    .wpd_msg{margin-top: 0;padding: 1.5rem 0;}
    .wpd_msg_w{flex-direction: column;}
    .wpd_msg_l{width: 100%;}
    .wpd_msg_i{height: 20rem;}
    .wpd_msg_r{margin-left: 0;padding-right: 0;}
    .wpd_msg_r>h1{font-size: 2rem;margin-bottom: 0;}
    .wpd_msg_r>b{padding: 1.5rem 0;font-size: 1.4rem;}
    .wpd_msg_r>p{font-size: 1.4rem;}

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

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

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

}