
.list-news1 li{ line-height:35px; border-bottom:#ececec 1px solid; overflow:hidden;}
.list-news1 li a{ float:left; background:url(../images/arr1.png) left center no-repeat; padding-left:15px; display:block}
.list-news1 li span{ float:right; color:#666}

.list-news2 li{  overflow:hidden; padding-bottom:1%; margin-bottom:1%; background:#f4f4f4; padding:2%}
.list-news2 li.odd{  }
.list-news2 li span{ display:block; overflow:hidden; margin-bottom:5px;}
.list-news2 li span a{ font-size:16px; line-height:1; float:left;display:block; font-weight:900;}
.list-news2 li span font{ float:right}
.list-news2 li p{ font-size:12px; line-height:180%;}

.list-news3 li{border-bottom:#ececec 1px solid; overflow:hidden; padding-bottom:2%; margin-bottom:2%}
.list-news3 li a.litpic{ float:left; display:block; width:20%;}
.list-news3 li a.litpic img{ width:100%;}
.list-news3 li span{ float:right; display:block; width:78%;}
.list-news3 li.noimg span{ width:100%; float:none}
.list-news3 li span a{ font-size:16px; line-height:200%; margin-bottom:5px;}
.list-news3 li span font{ display:inline-block; margin-top:5px;}

.list-news4 li{border-bottom:#ececec 1px solid; float:left; overflow:hidden;  width:32%; margin-right:2%; margin-bottom:2%; padding-bottom:2%;}
.list-news4 li.last{ margin-right:0;}
.list-news4 li a.litpic{   display:block; }
.list-news4 li a.litpic img{ width:100%; height:160px;}
.list-news4 li span{   display:block; }
.list-news4 li.noimg span{ width:100%; float:none}
.list-news4 li span a{ font-size:14px; height:40px; line-height:40px; overflow:hidden; display:block; }
.list-news4 li span font{ display:inline-block; margin-top:5px; }


/* shownews*/
.vtitle{ font-size:22px; line-height:30px; text-align:center; padding-top:20px;  margin-bottom:20px;  color:#000;;}
.vdes{  text-align:center; color:#A8A6A6; border-bottom:1px dotted #CCCCCC;border-top:1px dotted #CCCCCC; ; margin-bottom:10px; padding:4px 0;}
.ArticleMessage a:link{ text-align:center;color:#A8A6A6;}
.vcon{  line-height:180%; padding:10px 10px; }
.vcon img{ max-width:100%;}
.vpages { border:#f1f1f1 1px solid; background:#f7f7f7; padding:10px; margin:10px;}

ul,li{ margin:0; padding:0; list-style:none}
/*简单产品列表*/
.prolist ul{ margin:0 -15px;}
.prolist li{ float:left; margin-top:10px; width:33.3%;  }
.prolist li .item{ margin:15px 15px 0 15px;}
.prolist li a.txt{ display:block; text-align:center; line-height:35px; background:#eee; font-size:16px; line-height:35px;}
.prolist li a.img{ display:block; position:relative;  }
.prolist li a.img:before{content:""; display:block; padding-top:75%}
.prolist li a.img img{ height:100% ; position:absolute; width:100%;top:0; left:0; display:block; width:100%;}
.prolist li:hover a.txt{ background:#000; color:#fff;}

/*简单产品列表*/
.prolist1 ul{ }
.prolist1 li{ float:left; margin-top:10px; width:32%; margin-right:2%; position:relative;height:180px; }
.prolist1 li.last{ float:right; margin-right:0;}
.prolist1 li a.txt{ display:block; text-align:center; line-height:36px; position:absolute; bottom:0px; left:0; color:#fff; width:100%; font-size:14px; z-index:3}
.prolist1 li a.img{ display:block;    height:180px;}
.prolist1 li span{position:absolute; bottom:0px; left:0; width:100%; background:#000; z-index:2; background:#000; height:36px;/* older safari/Chrome browsers */  
    -webkit-opacity: 0.8;  
    /* Netscape and Older than Firefox 0.9 */  
    -moz-opacity: 0.8;  
    /* Safari 1.x (pre WebKit!) 老式khtml内核的Safari浏览器*/  
    -khtml-opacity: 0.8;  
    /* IE9 + etc...modern browsers */  
    opacity: .8;  
    /* IE 4-9 */  
    filter:alpha(opacity=80);  
    /*This works in IE 8 & 9 too*/  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    /*IE4-IE9*/  
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  }
 
/*面包屑导航*/
.vpos{ height:40px; line-height:40px; border-bottom:#d9d9d9 1px solid;}
.vpos font{ float:left; font-size:18px; margin-left:10px;}
.vpos span{ float:right; margin-right:10px;}