.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_ls{margin-top: 50px;transition: .3s;}
.tpd_banner_ls: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_pta{height: 800px;background-color: #000;position: relative;}
.tpd_pta>img{position: absolute;top: 0;width: 60vw;}
.tpd_pta_c{display: flex;justify-content: flex-end;align-items: center;height: 100%;position: relative;z-index: 1;}

.tpd_ptb{background: url('/images/0301/5.png') no-repeat center;background-size: cover;}
.tpd_ptb_c{padding: 100px 0;display: flex;flex-wrap: wrap;}
.tpd_ptb_i{width: 31%;margin-right: 3.5%;margin-bottom: 80px;}
.tpd_ptb_i:nth-child(3n){margin-right: 0;}
.tpd_ptb_i>h1{font-size: 40px;font-weight: bold;border-left: 15px solid var(--base);padding-left: 22px;color: #fff;}
.tpd_ptb_i>p{font-size: 20px;line-height: 2;color: #b3b3b3;margin-top: 40px;}

.tpd_ptc{background: url('/images/0301/7.jpg') no-repeat center;background-size: cover;}
.tpd_ptc_c{display: flex;padding: 100px 0;align-items: center;}
.tpd_ptc_l{width: 50%;}
.tpd_ptc_l>img{width: 100%;}
.tpd_ptc_r{color: #fff;padding-left: 200px;}
.tpd_ptc_i{margin-bottom: 20px;}
.tpd_ptc_i>h1{font-size: 30px;font-weight: bold;}
.tpd_ptc_i>h1>span{font-size: 50px;color: var(--base);margin-right: 20px;font-style: italic;}
.tpd_ptc_i>p{font-size: 16px;color: #b2b2b2;line-height: 2;margin-top: 20px;padding-left: 60px;}

.tpd_ptd{background: url('/images/0301/9.jpg') no-repeat center;background-size: cover;}
.tpd_ptd_c{display: flex;padding: 100px 0;align-items: center;flex-direction: row-reverse;justify-content: space-between;}

.tpd_pte{background: url('/images/0301/10.png') no-repeat center;background-size: cover;}
.tpd_pte_c{padding: 100px 0;color: #fff;}
.tpd_pte_c>h1{text-align: center;font-size: 50px;font-weight: bold;}
.tpd_pte_c>p{font-size: 24px;color: #b2b2b2;line-height: 2;text-align: center;margin-top: 100px;}
.tpd_pte_l{display: flex;justify-content: space-between;margin-top: 50px;}
.tpd_pte_i>h1{font-size: 100px;color: var(--base);font-weight: bold;}
.tpd_pte_i>h1>span{font-size: 30px;color: #fff;}
.tpd_pte_i>p{text-align: center;font-size: 30px;font-weight: bold;}

.tpd_ptf{position: relative;background-color: #000;background-image: 
    radial-gradient(closest-side, rgba(9, 0, 87, 1), rgba(9, 0, 87, 0)),
    radial-gradient(closest-side, rgba(0, 58, 68, 1), rgba(0, 58, 68, 0)),
    radial-gradient(closest-side, rgba(4, 24, 0, 1), rgba(4, 24, 0, 0)),
    radial-gradient(closest-side, rgba(53, 53, 53, 1), rgba(53, 53, 53, 0)),
    radial-gradient(closest-side, rgba(26, 0, 99, 1), rgba(26, 0, 99, 0));background-size: 130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;background-repeat: no-repeat;animation: 10s movement linear infinite;}
.tpd_ptf_c{width: 1020px;padding: 100px 0;position: relative;z-index: 1;}
.tpd_ptf_c>img{width: 100%;}

@keyframes movement {
    0%, 100% {
        background-size: 130vmax 130vmax,80vmax 80vmax,90vmax 90vmax,110vmax 110vmax,90vmax 90vmax;
        background-position:-80vmax -80vmax,60vmax -30vmax,10vmax 10vmax,-30vmax -10vmax,50vmax 50vmax;
    }
    25% {
        background-size: 100vmax 100vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,60vmax 60vmax;
        background-position:-60vmax -90vmax,50vmax -40vmax,0vmax -20vmax,-40vmax -20vmax,40vmax 60vmax;
        }
    50% {
        background-size: 80vmax 80vmax,110vmax 110vmax,80vmax 80vmax,60vmax 60vmax,80vmax 80vmax;
        background-position:-50vmax -70vmax,40vmax -30vmax,10vmax 0vmax,20vmax 10vmax,30vmax 70vmax;
    }
    75% {
        background-size: 90vmax 90vmax,90vmax 90vmax,100vmax 100vmax,90vmax 90vmax,70vmax 70vmax;
        background-position:-50vmax -40vmax,50vmax -30vmax,20vmax 0vmax,-10vmax 10vmax,40vmax 60vmax;
    }
}

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

    .tpd_pta{height: unset;}
    .tpd_pta>img{width: 100%;}
    .tpd_pta_c{height: unset;padding-top: 31rem;}
    .tpd_pta_c>img{width: 100%;}

    .tpd_ptb_c{padding: 8rem 0;flex-direction: column;}
    .tpd_ptb_i{width: 100%;margin-right: 0;margin-bottom: 2rem;}
    .tpd_ptb_i>h1{font-size: 2rem;}
    .tpd_ptb_i>p{font-size: 1.6rem;margin-top: 1rem;}
    .tpd_ptb_i>p>br{display: none;}

    .tpd_ptf_c{}

    .tpd_ptc_c{flex-direction: column;padding: 5rem 0;}
    .tpd_ptc_l{width: 100%;}
    .tpd_ptc_r{width: 100%;padding-left: 0;}
    .tpd_ptc_i>h1{font-size: 2rem;}
    .tpd_ptc_i>h1>span{font-size: 3rem;}
    .tpd_ptc_i>p{padding-left: 3rem;font-size: 1.4rem;}

    .tpd_ptd_c{flex-direction: column;padding: 5rem 0;}
    .tpd_ptd_l{width: 100%;}
    .tpd_ptd_r{width: 100%;padding-left: 0;}
    .tpd_ptd_i>h1{font-size: 2rem;}
    .tpd_ptd_i>h1>span{font-size: 3rem;}
    .tpd_ptd_i>p{padding-left: 3rem;font-size: 1.4rem;}

    .tpd_pte_c>h1{font-size: 3rem;}
    .tpd_pte_l{flex-direction: column;}
    .tpd_pte_i{margin-bottom: 2rem;}
    .tpd_pte_i>h1{font-size: 4rem;text-align: center;}
    .tpd_pte_i>h1>span{font-size: 1.4rem;}
    .tpd_pte_i>p{font-size: 1.6rem;font-weight: lighter;line-height: 2;}
    .tpd_pte_c>p{font-size: 1.4rem;margin-top: 2rem;}
}