.ty_product_detail{background-color: #133136;}

.tpd_banner{position: relative;background: url('/images/3001/1.jpg') no-repeat center;background-size: cover;height: calc(100vh - 100px);width: 100%;}
.tpd_banner_t{display: flex;justify-content: space-between;color: #fff;height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}
.tpd_banner_t>h1{font-size: 16px;}
.tpd_banner_t>div>a{margin-left: 20px;}
.tpd_banner_b{margin-top: 40vh;color: #fff;padding-left: 800px;}
.tpd_banner_b>h1{font-size: 50px;font-weight: bold;}
.tpd_banner_b>h2{font-size: 30px;font-weight: bold;margin: 50px 0 70px;}
.tpd_banner_b>a{display: inline-block;background-color: var(--base);height: 42px;line-height: 42px;padding: 0 20px;border-radius: 5px;}

.tpd_item{padding: 100px 0;}
.tpd_item_t{display: flex;justify-content: space-between;align-items: center;color: #fff;margin-bottom: 53px;}
.tpd_item_t>h1{font-weight: bold;font-size: 35px;border-left: 15px solid var(--base);padding-left: 15px;}
.tpd_item_t>p{width: 600px;font-size: 16px;line-height: 1.5;color: #b2b2b2;}
.tpd_item_b{overflow: hidden;border-radius: 20px;}
.tpd_item_b>img{width: 100%;transition: .3s;height: 530px;}
.tpd_item_b>img:hover{transform: scale(1.1);}

.tpd_prod{background-color: #fff;}
.tpd_prod_c{padding: 100px 0;width: 442px;text-align: center;}
.tpd_prod_c>h1{color: #666;font-size: 30px;font-weight: 400;}
.tpd_prod_c>h1>span{color: var(--base);font-weight: bold;}
.tpd_prod_c>h1>a{color: #333;}
.tpd_prod_c>img{width: 100%;margin: 63px 0 30px;transition: .3s;}
.tpd_prod_c>img:hover{transform: scale(1.1);}
.tpd_prod_l{display: flex;flex-wrap: wrap;justify-content: space-between;}
.tpd_prod_l>span{padding: 0 17px;height: 30px;line-height: 29px;border: 1px solid #999;border-radius: 5px;color: #444;margin-bottom: 10px;transition: .3s;}
.tpd_prod_l>span:hover{background-image: linear-gradient(52deg, #28272c 0%, #575962 100%), linear-gradient(#404040, #404040);color: #fff;}
.tpd_prod_c>a{width: 115px;height: 35px;line-height: 35px;background-image: linear-gradient(52deg, #28272c 0%, #575962 100%), linear-gradient(#404040, #404040);display: inline-block;margin-top: 80px;color: #fff;border-radius: 5px;}

@media screen and (max-width: 766px) {
    .tpd_banner{background-position: left;}
    .tpd_banner_b{margin-top: 20rem;}
    .tpd_banner_b>h1{font-size: 3rem;}
    .tpd_banner_b>h2{font-size: 2rem;margin: 2rem 0;}

    .tpd_item{padding: 3rem 0;}
    .tpd_item_t{flex-direction: column;align-items: flex-start;margin-bottom: 2rem;}
    .tpd_item_t>h1{font-size: 2rem;}
    .tpd_item_t>p{width: 100%;font-size: 1.6rem;line-height: 2;margin-top: 2rem;}

    .tpd_prod_l{justify-content: center;}
    .tpd_prod_l>span{margin: 0 10px 10px;}
    .tpd_prod_c>a{margin-top: 2rem;}
}