.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/1001/4.jpg')no-repeat center;background-size: cover;}
.tpd_a_c{padding: 100px 0;}
.tpd_a_c>h1{font-size: 40px;color: #333;text-align: center;}
.tpd_a_l{margin-top: 80px;}
.tpd_a_i{text-align: center;}
.tpd_a_cate{display: flex;justify-content: center;margin-top: 60px;}
.tpd_a_cate>a{width: 168px;background-color: #fff;height: 50px;line-height: 50px;font-size: 20px;text-align: center;transition: .3s;cursor: pointer;}
.tpd_a_cate>.tpd_a_a{color: #fff;background-color: var(--base);}
.tpd_a_w{display: flex;flex-wrap: wrap;margin-top: 80px;}
.tpd_a_wi{width: 180px;margin-right: 320px;margin-bottom: 60px;}
.tpd_a_wi:nth-child(3n){margin-right: 0;}

.tpd_b{background: url('/images/1001/11.jpg') no-repeat center;background-size: cover;}
.tpd_b_c{padding: 100px 0;color: #fff;}
.tpd_b_c>h1{text-align: center;font-size: 40px;font-weight: bold;margin-bottom: 30px;}
.tpd_b_c>h2{text-align: center;font-size: 24px;line-height: 2;}
.tpd_b_w{margin-top: 40px;display: flex;justify-content: space-between;}
.tpd_b_i{display: flex;align-items: center;}
.tpd_b_i>span{width: 10px;height: 36px;background-color: var(--base);margin-right: 20px;}
.tpd_b_i>div{font-size: 40px;}
.tpd_b_i>div>span{font-size: 16px;}
.tpd_b_i>div>p{font-size: 20px;}

.tpd_c>img{width: 100%;}

.tpd_d{background: #efefef url('/images/1001/13.jpg')no-repeat center;background-size: cover;height: 600px;}
.tpd_d_c{padding-left: calc(60vw);padding-top: 100px;}
.tpd_d_c>h1{font-size: 30px;color: #333;margin-bottom: 40px;}
.tpd_d_c>h1>span{width: 20px;height: 30px;background-color: var(--base);margin-right: 10px;display: inline-block;vertical-align: middle;}
.tpd_d_c>p{font-size: 20px;color: #333;line-height: 2;}
.tpd_d_c>h2{font-size: 18px;color: #333;margin-top: 80px;}

.tpd_e{background-color: #efefef;}
.tpd_e_c{padding: 100px 0;text-align: center;}
.tpd_e_c>h1{font-size: 40px;color: #333;margin-bottom: 30px;}
.tpd_e_c>span{display: inline-block;width: 100px;height: 12px;background-color: var(--base);margin-bottom: 60px;}
.tpd_e_w{display: flex;justify-content: space-between;}
.tpd_e_i{width: 48%;transition: .3s;}
.tpd_e_i>img{width: 100%;}
.tpd_e_i>h1{font-size: 24px;margin-top: 20px;}
.tpd_e_i:hover{transform: scale(.95)}

.tpd_f{background: url('/images/1001/4.jpg')no-repeat center;background-size: cover;}
.tpd_f_c{padding: 100px 0;text-align: center;}
.tpd_f_c>h1{font-size: 40px;color: #333;margin-bottom: 30px;}
.tpd_f_c>span{display: inline-block;width: 100px;height: 12px;background-color: var(--base);margin-bottom: 30px;}
.tpd_f_c>p{font-size: 20px;color: #333;margin-bottom: 60px;}
.tpd_f_w{display: flex;justify-content: space-between;}
.tpd_f_i{width: 31%;transition: .3s;}
.tpd_f_i>img{width: 100%;height: 220px;object-fit: contain;}
.tpd_f_i>h1{font-size: 24px;margin-top: 20px;}
.tpd_f_i:hover{transform: scale(.95)}

@media screen and (max-width: 766px) {
    .tpd_banner>div>h1{font-size: 2.6rem;text-align: center;}
    .tpd_banner>div>img{margin-top: 2rem;}

    .tpd_a_c>h1{font-size: 3rem;}
    .tpd_a_i>img{width: 100%;}
    .tpd_a_cate>a{width: 10rem;height: 4rem;line-height: 4rem;font-size: 1.6rem;}

    .tpd_a_w{justify-content: space-between;}
    .tpd_a_wi{width: 40%;margin-right: 0;}
    .tpd_a_wi>img{width: 100%;}

    .tpd_b_c>h1{font-size: 3rem;}
    .tpd_b_c>h2{font-size: 1.8rem;text-align: left;}
    .tpd_b_w{flex-wrap: wrap;}
    .tpd_b_i{width: 44%;margin-bottom: 2rem;}
    .tpd_b_i>div{font-size: 3rem;}
    .tpd_b_i>div>span{font-size: 1.4rem;}
    .tpd_b_i>div>p{font-size: 1.6rem;}

    .tpd_d{height: unset;}
    .tpd_d_c{padding:  6rem 1.5rem;background-color: rgba(255,255,255,.6)}
    .tpd_d_c>h1{font-size: 2.8rem;}
    .tpd_d_c>p{font-size: 1.8rem;}
    .tpd_d_c>h2{margin-top: 4rem;line-height: 2;}

    .tpd_e_c{padding: 6rem 0;}
    .tpd_e_c>h1{font-size: 3rem;margin-bottom: 2rem;}
    .tpd_e_c>span{height: .8rem;}
    .tpd_e_w{flex-direction: column;}
    .tpd_e_i{width: 100%;}
    .tpd_e_i>h1{font-size: 1.8rem;line-height: 2;margin: 0 0 2rem;}

    .tpd_f_c{padding: 6rem 0;}
    .tpd_f_c>h1{font-size: 3rem;margin-bottom: 2rem;}
    .tpd_f_c>span{height: .8rem;}
    .tpd_f_c>p{font-size: 1.6rem;margin-bottom: 2rem;}
    .tpd_f_w{flex-direction: column;}
    .tpd_f_i{width: 100%;}
    .tpd_f_i>img{height: unset;}
    .tpd_f_i>h1{font-size: 1.8rem;line-height: 2;margin: 0 0 2rem;}

}