.tpd_a{background: url('/images/0101/1.jpg') no-repeat center;background-size: cover;height: 800px;display: flex;align-items: center;justify-content: flex-end;}
.tpd_a>img{padding-right: calc(50vw - 600px);}

.tpd_b{background: url('/images/0301/5.png') no-repeat center;background-size: cover;}
.tpd_b_c{padding: 100px 0;display: flex;flex-wrap: wrap;}
.tpd_b_i{width: 30%;margin-right: 5%;margin-bottom: 100px;}
.tpd_b_i:nth-child(3n){margin-right: 0;}
.tpd_b_i>h1{font-size: 40px;font-weight: bold;border-left: 15px solid var(--base);padding-left: 22px;color: #fff;}
.tpd_b_i>p{font-size: 20px;line-height: 2;color: #b3b3b3;margin-top: 40px;}

.tpd_c{background-color: #000;}
.tpd_c_c{display: flex;justify-content: space-between;align-items: center;padding: 100px 0;}
.tpd_c_i{width: 48%;transition: .3s;}
.tpd_c_i>img{width: 100%;height: 385px;object-fit: cover;}
.tpd_c_i>h1{text-align: center;color: #fff;font-size: 24px;font-weight: bold;line-height: 3;}
.tpd_c_i:hover{transform: scale(.9);}

.tpd_d{background-color: #000;padding: 200px 0;text-align: center;}

.tpd_e{background-image: linear-gradient(to bottom,#000,#1a1a1a);}
.tpd_e_c{display: flex;flex-wrap: wrap;padding: 100px 0;}
.tpd_e_i{width: 30%;margin-right: 5%;margin-bottom: 30px;transition: .3s;}
.tpd_e_i:nth-child(3n){margin-right: 0;}
.tpd_e_i>img{width: 100%;height: 280px;border-radius: 20px;object-fit: cover;}
.tpd_e_i>h1{text-align: center;color: #fff;line-height: 3;font-size: 20px;}
.tpd_e_i:hover {transform: scale(.9);}

.tpd_f{background-image: linear-gradient(to top,#000,#1a1a1a);}
.tpd_f_c{display: flex;justify-content: space-between;align-items: center;padding: 100px 0;}
.tpd_f_l{color: #fff;padding-bottom: 80px;}
.tpd_f_l>p{line-height: 3.5;font-size: 16px;padding: 0 20px;transition: .3s;border-bottom: 1px solid #333;}
.tpd_f_l>p:hover{background-color: #fff;transform: translateX(10px);color: #000;}

@media screen and (max-width: 766px) {
    .tpd_a{background-position: left top;background-size: auto 50vh;background-color: #000;height: unset;}
    .tpd_a>img{padding: 0;padding-top: 30rem;width: 100%;width: 80vw;margin: 0 auto;}

    .tpd_b_c{flex-direction: column;padding: 6rem 0;}
    .tpd_b_i{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .tpd_b_i>h1{font-size: 2.4rem;border-width: 1rem;}
    .tpd_b_i>p{font-size: 1.6rem;margin-top: 1rem;}

    .tpd_c_c{flex-direction: column;padding: 6rem 0;}
    .tpd_c_i{width: 100%;margin-bottom: 2rem;}
    .tpd_c_i>img{height: 20rem;}
    .tpd_c_i>h1{font-size: 1.6rem;}

    .tpd_d{padding: 10rem 0;}
    .tpd_d>img{width: 100%;}

    .tpd_e_c{padding: 6rem;justify-content: space-between;}
    .tpd_e_i{width: 48%;margin-right: 0;}
    .tpd_e_i>img{height: 18rem;}
    .tpd_e_i>h1{font-size: 1.6rem;}

    .tpd_f_c{flex-direction: column-reverse;padding: 6rem 0;}
    .tpd_f_r>img{width: 100%;}
    .tpd_f_l{padding-bottom: 0;}
    .tpd_f_l>p{font-size: 1.6rem;;}
}