@charset "utf-8";

#tf_Product01 {
    position: absolute;
    left: 50%;
    top: 200px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product02 {
    position: absolute;
    left: 50%;
    top: 270px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product03 {
    position: absolute;
    left: 50%;
    top: 540px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product04 {
    position: absolute;
    left: 50%;
    top: 690px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product05 {
    position: absolute;
    left: 50%;
    top: 770px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product06 {
    position: absolute;
    left: 50%;
    top: 880px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product07 {
    position: absolute;
    left: 50%;
    top: 1040px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product08 {
    position: absolute;
    left: 50%;
    top: 1030px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product09 {
    position: absolute;
    left: 50%;
    top: 1310px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product010 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product011 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product012 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product013 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product014 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product015 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product016 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product017 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product018 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product019 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

#tf_Product020 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 763px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -382px;
    background-color: #FFF;
    padding-bottom: 20px;
    z-index: 1001;
    display: none;
}

.tf_Product_img {
    float: left;
    width: 763px;
    position: relative;
}

.tf_Product_img img {
    float: left;
}

.tf_close {
    position: absolute;
    height: 47px;
    width: 51px;
    float: right;
    right: 10px;
    top: 10px;
    z-index: 1002;
    cursor: pointer;
}

.tf_Product_gq {
    width: 100%;
    max-width: 1000px;
    height: 30px;
    padding-top: 40px;
    margin-bottom: 50px;
    float: left;
    text-align: center;
}

.tf_Product_gq a {
    float: left;
    margin: 0 auto;
    color: #FFF;
    background-color: #F00;
    font-size: 20px;
    text-align: center;
    width: 250px;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    text-decoration: none;
    border-radius: 5px;
    background-image: url(../image/small/xunwen.png);
    background-repeat: no-repeat;
    background-position: 70px center;
    margin-left: 360px;
}

.tf_Product_gq a:hover {
    background-color: #ff6262;
}

/*询价弹窗*/



#tf3_msgDiv1 {
    position: absolute;
    left: 50%;
    top: 200px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv2 {
    position: absolute;
    left: 50%;
    top: 270px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv3 {
    position: absolute;
    left: 50%;
    top: 540px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv4 {
    position: absolute;
    left: 50%;
    top: 690px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv5 {
    position: absolute;
    left: 50%;
    top: 770px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv6 {
    position: absolute;
    left: 50%;
    top: 880px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv7 {
    position: absolute;
    left: 50%;
    top: 1040px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv8 {
    position: absolute;
    left: 50%;
    top: 1030px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv9 {
    position: absolute;
    left: 50%;
    top: 1310px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv10 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv11 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv12 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv13 {
    position: absolute;
    left: 50%;
    top: 1580px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv14 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv15 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv15 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv16 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv17 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv18 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv19 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

#tf3_msgDiv20 {
    position: absolute;
    left: 50%;
    top: 1925px;
    width: 660px;
    height: auto;
    border: #CCC 1px solid;
    font-size: 12px;
    margin-left: -315px;
    background-color: #FFF;
    display: none;
    padding-bottom: 20px;
    z-index: 1002;
}

.tf_pro3_navK {
    float: left;
    width: 685px;
    margin-left: 30px;
    height: 26px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-left-color: #CCC;
    line-height: 25px;
}

.tf_pro3_navK li {
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.tf_pro3_navHover {
    float: left;
    height: 25px;
    width: 227px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    text-align: center;
}

.tf_pro3_navNormal {
    text-align: center;
    float: left;
    height: 25px;
    width: 227px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    background-color: #f0f0ef;
}

.tf_pro3_divK {
    float: left;
    width: 683px;
    height: auto;
    margin-left: 30px;
    margin-bottom: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
}

.tf_pro10_navK {
    float: left;
    width: 685px;
    margin-left: 30px;
    height: 26px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-left-color: #CCC;
    line-height: 25px;
}

.tf_pro10_navK li {
    float: left;
    cursor: pointer;
    font-size: 14px;
}

.tf_pro10_navHover {
    float: left;
    height: 25px;
    width: 341px;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #CCC;
    text-align: center;
}

.tf_pro10_navNormal {
    text-align: center;
    float: left;
    height: 25px;
    width: 341px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    background-color: #f0f0ef;
}

.tf_pro10_divK {
    float: left;
    width: 683px;
    height: auto;
    margin-left: 30px;
    margin-bottom: 10px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #CCC;
    border-bottom-color: #CCC;
    border-left-color: #CCC;
}

@media(max-width: 999px) {
    .tf_Product_16_color img {
        width: 100%;
        aspect-ratio: 144 / 89;
    }

    .tf_Product_16_color .tf_Product_01_color_p div,
    .tf_Product_16_color .tf_Product_02_color_p div,
    .tf_Product_16_color .tf_Product_03_color_p div,
    .tf_Product_16_color .tf_Product_04_color_p div,
    .tf_Product_16_color .tf_Product_05_color_p div,
    .tf_Product_16_color .tf_Product_06_color_p div,
    .tf_Product_16_color .tf_Product_07_color_p div,
    .tf_Product_16_color .tf_Product_08_color_p div,
    .tf_Product_16_color .tf_Product_09_color_p div,
    .tf_Product_16_color .tf_Product_10_color_p div,
    .tf_Product_16_color .tf_Product_11_color_p div,
    .tf_Product_16_color .tf_Product_12_color_p div,
    .tf_Product_16_color .tf_Product_13_color_p div,
    .tf_Product_16_color .tf_Product_14_color_p div,
    .tf_Product_16_color .tf_Product_15_color_p div,
    .tf_Product_16_color .tf_Product_16_color_p div,
    .tf_Product_16_color .tf_Product_17_color_p div,
    .tf_Product_16_color .tf_Product_18_color_p div,
    .tf_Product_16_color .tf_Product_19_color_p div,
    .tf_Product_16_color .tf_Product_20_color_p div {
        height: auto;
    }
}