.productTopBg{
    width:100%;
    position:relative;
    overflow:hidden;
    max-width:1250px;
    min-width:1060px;
    margin:0 auto;   
    border-bottom: 1px solid #dbdbdb;
    padding:10px 0;
}
.productTop{
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.productTop .outProBox{
    width:260px;
    float:left;
    padding-bottom:50px;
}
.productTop .proMenu{
    width:260px;
}
.productTop .proMenu li{
    margin:5px;
}
.productTop .proMenu li.on{
    background:#a3e231;
}
.productTop .proMenu li a {
    display: block;
    color: #666666;
    width: 218px;
    overflow: hidden;
    padding-left: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    border-bottom: 1px solid #dedede;
    font-size:14px;
    margin:auto;
    line-height:40px;
}
.productTop .proMenu li a:hover{
    color:#0099cc;
    background: url(/images/arr_new.png) no-repeat 0px 15px;
}
.productTop .proMenu li.on a{
    /*color:#0099cc;*/
    background: url(/images/arr_new2.png) no-repeat 0px 15px;
    border-bottom: 1px solid #a3e231;
    color:#fff;                /*改一下*/
}

.productTop .proMenu .proBigTitle{
    height:38px;
    padding-left:10px;
    line-height:38px;
    color:#ffffff;
    background:#0099cc;
    margin-bottom:5px;
    font-size:15px;
}
.productTop .proMenu .proBigTitle span{
    padding-left:6px;
    font-size:12px;
    color:#8cc9fb;
}
/**主要内容**/
.productTop .proAllInner{
    margin-left:270px;
}
.productTop .proAllInner .topPlace{
    height:40px;
    width:100%;
    line-height:40px;
    background:#F2F5F8;
}
.productTop .proAllInner .topPlace .curPosition{
    float:left;
    padding-left:10px;
    color:#0062B2;
}
.productTop .proAllInner .topPlace .curPosition a:hover{
    text-decoration:underline;
}
.productTop .proAllInner .desMenu{
    height:40px;
    overflow:hidden;
    margin-top:10px;
    width:100%;
    border-bottom:1px solid #0099cc;

}
.productTop .proAllInner .desMenu li{
    background:#F2F5F8;
    height:40px;
    width:120px;
    margin-right:10px;
    float:left;
    font-size:15px;
    color:#333333;
    line-height:40px;
    text-align:center;
    cursor:pointer;
}

.productTop .proAllInner .desMenu li.on{
    background:#0099cc;
    color:#ffffff;
}
.productTop .proAllInner .narrateBoxOut ul{
    display:none;
}
.productTop .proAllInner .narrateBoxOut ul.on{
    display:block;
}
.productTop .proAllInner .narrateBoxOut{
    width:100%;
    position:relative;
}


.productTop .proAllInner .narrateBoxOut .caseImg li{
    float:left;
    width:235px;
    margin:10px 5px 0;
}
.productTop .proAllInner .narrateBoxOut .caseImg{
    overflow:hidden;
    margin:0 auto;
}
.productTop .proAllInner .narrateBoxOut .caseImg a{
    display:block;
    position:relative;
    width:235px;
    height:202px;
    overflow:hidden;
    transition:all 0.1s linear;
    margin:0 auto;
}
.productTop .proAllInner .narrateBoxOut .caseImg a:hover{
    transform: translate3d(0,-2px,0);
    box-shadow: 0 3px 20px rgba(0,0,0,0.2);
}
.productTop .proAllInner .narrateBoxOut .caseImg a p{
    position:absolute;
    width:225px;
    height:30px;
    line-height:30px;
    color:#333333;
    opacity:0.8;
    background:#ffffff;
    filter:alpha(opacity = 80);
    bottom:5px;
    left:5px;
    font-size:13px;
    text-align:center;
}
.productTop .proAllInner .narrateBoxOut .caseImg a img{
    width:223px;
    height:190px;
    padding:5px;
    border:1px solid #dedede;
}
.productTop .proAllInner .narrateBoxOut .caseImg a:hover img{
    border-color:#999999;
}