.tpd_banner{position: relative;}
.tpd_banner>img{width: 100%;height: calc(100vh - 100px);object-fit: cover;}
.tpd_banner>div{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.tpd_banner>div>img{margin-top: 50px;transition: .3s;}
.tpd_banner>div>h1{line-height: 2;font-weight: bold;font-size: 40px;}
.tpd_banner>div>img:hover{transform: rotate(360deg);}

.tpd_video{position: fixed;margin: 0 auto;left: 0;top: 0;right: 0;bottom: 0;z-index: 20;display: none;background-color: rgba(0,0,0,.5)}
.tpd_video>video{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80vw;}
.tpd_video>i{position: absolute;top: 3vw;right: 6vw;font-style: normal;font-weight: bold;font-size: 50px;color: #fff;z-index: 21;cursor: pointer;}

.tpd_a{background: url('/images/0203/2.jpg') no-repeat center;background-size: cover;}
.tpd_a_c{text-align: center;padding: 100px 0;}
.tpd_a_c>h1{font-size: 50px;color: #3b3b3b;}
.tpd_a_c>h2{font-size: 30px;color: #787878;margin: 34px 0 68px;}
.tpd_a_c>img{}
.tpd_a_l{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tpd_a_i{width: 30%;text-align: center;margin-bottom: 60px;}
.tpd_a_i>h1{font-size: 30px;color: #000;margin-top: 20px;}

.tpd_b{background: url('/images/0203/11.png') no-repeat center;background-size: cover;padding: 100px 0 0;display: flex;justify-content: space-between;align-items: center;}
.tpd_b_l{padding-left: calc(50vw - 600px);padding-bottom: 100px;}
.tpd_b_i{margin-bottom: 40px;}
.tpd_b_i>h1{color: var(--base);font-size: 30px;margin-top: 20px;border-left: 10px solid var(--base);padding-left: 10px;}
.tpd_b_i>p{font-size: 20px;margin-top: 20px;color: #999;}
.tpd_b>img{width: 64%;}

.tpd_c{background: url('/images/0203/13.jpg') no-repeat center;background-size: cover;}
.tpc_c_c{padding: 0 0 100px;display: flex;justify-content: space-between;align-items: center;}
.tpc_c_c>img{height: 700px;}
.tpd_c_r{padding-top: 100px;}
.tpd_c_i{color: #fff;margin-bottom: 40px;}
.tpd_c_i>h1{font-size: 30px;margin-bottom: 20px;border-left: 10px solid var(--base);padding-left: 10px;color: var(--base);}
.tpd_c_i>p{font-size: 20px;line-height: 2;padding-left: 20px;}
.tpd_c_i>p>span{color: var(--base);margin-right: 5px;}

.tpd_d{background: url('/images/0203/15.jpg') no-repeat center;background-size: cover;}
.tpd_d_c{text-align: center;padding: 100px 0;}
.tpd_d_c>h1{font-size: 50px;color: #3b3b3b;}
.tpd_d_c>h2{font-size: 30px;color: #787878;margin: 34px 0 68px;}
.tpd_d_c>h3{font-size: 50px;color: #3b3b3b;margin: 100px 0 50px;}
.tpd_d_c>img{}
.tpd_d_l>img{transition: .3s;width: 48%;}
.tpd_d_l>img:hover{transform: scale(.95);}

.tpd_e{background-color: #e7e8ea;}
.tpd_e_c{padding: 100px 0;}
.tpd_e_c>h1{text-align: center;font-size: 40px;color: #3b3b3b;margin-bottom: 67px;}
.tpd_e_l{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tpd_e_i{width: 30%;margin-bottom: 30px;transition: .3s;}
.tpd_e_i>img{width: 100%;}
.tpd_e_i>h1{text-align: center;font-size: 24px;color: #3b3b3b;line-height: 3;}
.tpd_e_i:hover{transform: scale(.95);}

.tpd_f{background: url('/images/0203/2.jpg') no-repeat center;background-size: cover;}
.tpd_f_c{padding: 100px 0;}
.tpd_f_c>h1{text-align: center;font-size: 40px;color: #3b3b3b;margin-bottom: 67px;}
.tpd_f_l{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tpd_f_i{width: 30%;margin-bottom: 30px;transition: .3s;}
.tpd_f_i>img{width: 100%;height: 300px;object-fit: contain;}
.tpd_f_i>h1{text-align: center;font-size: 16px;color: #3b3b3b;margin-top: 30px;}
.tpd_f_i:hover{transform: scale(.95);}

.tpd_g{background-color: #e7e8ea;}
.tpd_g_c{padding: 100px 0;}
.tpd_g_c>h1{text-align: center;font-size: 40px;color: #3b3b3b;margin-bottom: 67px;}
.tpd_g_l{display: flex;justify-content: space-between;flex-wrap: wrap;}
.tpd_g_i{width: 24%;margin-bottom: 30px;transition: .3s;background-color: #fff;padding: 20px;}
.tpd_g_i>h1{font-size: 16px;color: #3b3b3b;border-left: 10px solid var(--base);padding-left: 10px;line-height: 1.5;}
.tpd_g_i:hover{transform: scale(.95);}

@media screen and (max-width: 766px) {
    .tpd_banner>img{height: calc(100vh - 6rem)}
    .tpd_banner>div>h1{font-size: 2.4rem;}

    .tpd_a_c>h1{font-size: 2.8rem;}
    .tpd_a_c>h2{font-size: 2rem;}
    .tpd_a_c>img{width: 100%;}
    .tpd_a_i{margin-bottom: 2rem;}
    .tpd_a_i>img{width: 100%;}
    .tpd_a_i>h1{font-size: 1.4rem;}

    .tpd_b{flex-direction: column-reverse;padding: 6rem 0;}
    .tpd_b>img{width: 100%;}
    .tpd_b_l{padding: 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;}

    .tpc_c_c{flex-direction: column;padding: 6rem 0;}
    .tpc_c_c>img{width: 100%;height: unset;}
    .tpd_c_r{padding-top: 6rem;}
    .tpd_c_i{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .tpd_c_i>h1{font-size: 2.4rem;border-width: 1rem;}
    .tpd_c_i>p{font-size: 1.6rem;margin-top: 1rem;}

    .tpd_d_c>h1{font-size: 2.8rem;}
    .tpd_d_c>h2{font-size: 2rem;margin: 2rem 0 ;}
    .tpd_d_c>img{width: 100%;}
    .tpd_d_c>h3{font-size: 2.8rem;}
    .tpd_d_l>img{width: 100%;}

    .tpd_e_c>h1{font-size: 2.8rem;}
    .tpd_e_i{width: 48%;margin-bottom: 2rem;}
    .tpd_e_i>h1{font-size: 1.6rem;}

    .tpd_f_c{padding: 6rem 0;}
    .tpd_f_c>h1{font-size: 2.8rem;}
    .tpd_f_l{flex-direction: column;}
    .tpd_f_i{width: 100%;}
    .tpd_f_i>h1{font-size: 1.6rem;line-height: 2;}

    .tpd_g_c{padding: 6rem 0;}
    .tpd_g_c>h1{font-size: 2.8rem;margin-bottom: 3rem;}
    .tpd_g_i{width: 100%;padding: 1.5rem;margin-bottom: 2rem;}
    .tpd_g_i>h1{font-size: 1.6rem;}
    
}