.ty_product_detail{}

.tpd_top{background-color: #aaa;}
.tpd_top_c{display: flex;justify-content: space-between;height: 60px;line-height: 60px;color: #fff;}
.tpd_top_c>h1{font-size: 16px;color: #fff;}

.tpd_prof{background: url('/images/4001/11.jpg') no-repeat center;background-size: cover;}
.tpd_prof_c{padding: 100px 0 150px;text-align: center;position: relative;}
.tpd_prof_c>img{}
.tpd_prof_i{padding: 15px;display: flex;border: 1px solid #264ede;position: absolute;align-items: center;transition: .3s;}
.tpd_prof_i>img{width: 75px;height: 75px;object-fit: cover;margin-right: 10px;}
.tpd_prof_i>div>h1{color: #264ede;font-size: 14px;font-weight: bold;}
.tpd_prof_i>div>p{font-size: 12px;color: #666;line-height: 1.5;width: 100px;margin-top: 10px;}
.tpd_prof_i:hover{margin-top: -10px;}
.tpd_prof_1{top: 100px;left: 100px;transform-origin: 100% 50%;}
.tpd_prof_2{top: 370px;left: 50px;transform-origin: 100% 50%;}
.tpd_prof_3{top: 590px;left: 160px;transform-origin: 100% 50%;}
.tpd_prof_4{top: 100px;right: 70px;transform-origin: 0% 50%;}
.tpd_prof_5{top: 360px;right: 50px;transform-origin: 0% 50%;}
.tpd_prof_6{top: 600px;right: 210px;transform-origin: 0% 50%;}
.tpd_prof_6>img{width: 150px;margin-right: 0;}


.tpd_tab_c{padding: 100px 0;display: flex;justify-content: space-between;align-items: center;}
.tpd_tab_l{width: 600px;}
.tpd_tab_l>img{width: 100%;transition: .3s;}
.tpd_tab_l>img:hover{transform: scale(1.1);}
.tpd_tab_r{width: 700px;}
.tpd_tab_rri{display: flex;}
.tpd_tab_rl{flex: 1;background-color: #dbe6f6;display: flex;justify-content: center;align-items: center;border-bottom: 3px solid #fff;border-right: 3px solid #fff;}
.tpd_tab_rr{flex: 3;}
.tpd_tab_rr{background-color: #f1f1f1;border-bottom: 3px solid #fff;padding: 10px 20px;}
.tpd_tab_rr>div{display: flex;}
.tpd_tab_rr>div>span{flex: 1;line-height: 30px;color: #333;}

.tpd_feat{height: 700px;background: url('/images/4001/2.jpg') no-repeat center;background-size: cover;}
.tpd_feat_c{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.tpd_feat_l{display: flex;flex-direction: column;height: 100%;position: relative;z-index: 1;color: #fff;justify-content: center;}
.tpd_feat_l>a{width: 200px;height: 50px;background-color: #1f3cda;color: #fff;border-radius: 20px;text-align: center;line-height: 50px;margin-bottom: 25px;}
.tpd_feat_l>a::before{content: '·';font-weight: bold;margin-right: 20px;}

.tpd_a_i{background-color: #f6f6f6;}
.tpd_a_ic{text-align: center;padding: 100px 0;}
.tpd_a_ic>h1{font-size: 30px;color: #666;}
.tpd_a_ic>div{display: flex;justify-content: center;margin: 20px 0 50px;}
.tpd_a_ic>div>span{padding: 10px 5px;background-color: #1f3cda;color: #fff;margin-right: 20px;}
.tpd_a_ic>div>span:last-child{margin-right: 0;}

.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_top_c{height: 6rem;line-height: 6rem;}
    .tpd_top_c>h1{font-size: 1.4rem;}

    .tpd_prof_c{padding: 5rem 0;}
    .tpd_prof_c>img{width: 100%;}
    .tpd_prof_i{top: unset;left: unset;right: unset;position: unset;width: 100%;margin-top: 1.5rem;}
    .tpd_prof_i>div>p{width: unset;}
    .tpd_prof_6>img{width: 100%;}

    .tpd_tab_c{flex-direction: column;}
    .tpd_tab_l{width: 100%;margin-bottom: 2rem;}
    .tpd_tab_r{width: 100%;}

    .tpd_feat{height: unset;}
    .tpd_feat_c{flex-direction: column;padding: 6rem 0;}
    .tpd_feat_l{height: unset;}
    .tpd_feat_l>a{width: 16rem;height: 5rem;line-height: 5rem;margin-bottom: 1.5rem;}

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

    .tpd_a_ic{padding: 6rem 0;}
    .tpd_a_ic>h1{font-size: 2.6rem;}
    .tpd_a_ic>div>span{font-size: 1.2rem;}
    .tpd_a_ic>img{width: 100%;}
}