@charset "utf-8";.main{}
.conl{float:left;padding-top:50px;width:300px;font-size:16px;color:#999;line-height:22px}
.catel{padding-left:118px}
.cateseli{padding-bottom:8px}
.cateseli a{font-size:14px}
a.catet{color:#777;background:url(/img/sleftxl.gif) left 0 no-repeat;padding-left:18px}
a.cateon{font-weight:700;background:url(/img/orgarr.png) left center no-repeat;display:block;color:#f08519}
.cateseli a:hover{color:#f08519}
.content{padding:50px 0 40px 0;}
.con-title{padding:10px 0 30px}
.con-title h1{font-size:38px;color:#222;font-weight:400;
              display:block}
.con-detail{font-size:16px;color:#666;line-height:28px;text-align:justify;min-height:300px;overflow:hidden;
            padding:5px;
}
    .con-detail p {
        margin: 0;
        padding: 0;
    }
    .con-detail img {
        max-width: 100%;
        border: solid 1px #f3f3f3;
        margin-bottom: 15px;
        display: block;
    }
.con-img{padding-bottom:15px}

.con-detail p.con-telt{font-size:17px;color:#f08519;background:#f2f2f2;padding:20px 10px;margin-bottom:30px}
.con-detail .con-tel{color:#555}

.probn {
    height: 30px;
    line-height: 30px;
    padding: 75px 0 0;
}
    .probn a {
        color: #333;
        font-size: 22px;
        font-weight: 700;
    }
.propos a, .propos {
    color: #999;
}
    .propos a:hover {
        color: #bc2d31
    }
.pnav {
    padding-bottom: 10px;
}
.pnavbox {
    border-bottom: solid 1px #e9e8e8;
}

.pro-info {padding-bottom:30px;
}

.pro-face {width:450px;float:left;
}
.pro-face img{display:block;width:100%;
}
.pro-attr { 
}

.pro-buy-act {padding-top:40px;height:50px;
}

.con-des {
    color: #666;
    font-size: 15px;
    line-height: 30px;
    background: #f2f2f2;
    padding: 20px
}
    

    a.tobuybtn, a.toaskbtn {
        display: block;
        height: 25px;
        line-height: 25px;
        text-align: center;
        color: #fff;
        font-size: 14px;
        background: #BC2D31;
        border: solid 1px #BC2D31;
        border-radius: 25px;
        width: 120px;
        padding: 7px 0;
        float: left;
    }

   

a.toaskbtn {
    background: #fff;
    color: #BC2D31;
    border: solid 1px #BC2D31;margin-left:30px;
}
a.tobuybtn:hover, a.toaskbtn:hover{
    background: #eb0007;color:#fff;
    border: solid 1px #eb0007;
}
    a.toaskbtn:hover {
    }

.rel-product {padding:20px 0 40px;
}
.reli {float:left;width:25%;text-align:center;
}
    .reli a {display:block;overflow:hidden;margin-right:15px;
    }
.titlep {padding:10px;
}
.imgp {
overflow:hidden;}
.reli img {
    display: block;
    width: 100%;
    border: solid 1px #eee;
}
    .reli strong {font-size:15px;color:#333;display:block;height:22px;line-height:22px;text-overflow:ellipsis;
                  white-space:nowrap;overflow:hidden;font-weight:400;
    }
    .reli a:hover strong{color:#bc2d31;}
    .rel-title {
        color: #31A39B;
        font-size: 17px;
        font-weight: 700;
        border-bottom: solid 1px #f2f2f2;
        padding: 10px 0;
    }
.relbox{margin-right:-15px;padding-top:20px;

}

@media screen and (max-width:900px) {
  
    .pnavl {
        display: block;
    }

    .pnavr {
        display: none;
    }
    .con-title {
        padding: 10px 10px 25px;
    }
    .con-des { 
        padding: 15px;
    }
    .rel-product {
        padding: 20px 10px 40px;
    }
    .relbox {
        margin-right: 0;
    }
    .reli { 
        width: 50%; 
    }
    .titlep {
        padding: 7px 5px 20px 5px;
    }
}
@media screen and (max-width:750px) {
    .probn { 
        padding: 38px 10px 0;
    }
    .pnavr li {
            width: auto;
            text-align: left;
            padding-right: 15px
        }

        .main {
            padding-top: 0
        }

        .pnavr li a.pnavon {
            font-weight: 700
        }

        .m_left {
            display: block;
            border-top: solid 1px #cbcbcb;
            padding: 25px 0
        }

        .conl {
            float: none;
            width: auto;
            padding: 10px 10px 10px 10px;
            border-bottom: solid 8px #eee
        }

        .catel {
            padding-left: 0
        }

        .cateseli {
            padding-bottom: 8px;
            float: left;
            margin-right: 15px;
            height: 22px;
            line-height: 22px
        }

        a.catet {
            padding-left: 12px;
            color: #999
        }

        .content {
            padding: 20px 0 40px 0;
        }

        .pro-curr {
            display: none
        }


        .con-title h1 {
            font-size: 22px
        }

        .con-detail .con-tel a {
            color: #555
        }

            .con-detail .con-tel a:hover {
                color: #f08519
            }

        .con-detail {
            padding: 0 10px
        }

        a.cateon {
            color: #f08519;
            font-weight: 400
        }
    .pnavbox {
        border-bottom: solid 10px #eee;
        padding: 0 10px;
    }

        .w {
            margin: 0
        }
    .reli a { 
        margin-right: 5px;
        margin-left: 5px;
    }
    .pnavl {
        display: block;
        text-overflow: ellipsis;
        float: none;
        white-space: nowrap;
    }
    }