.slick.newsPic span { background:url(../Images/halfblack.png); position: absolute; left: 0; bottom:0; padding:5px 10px; font:bold 16px/32px "Microsoft Yahei"; font-weight:100; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width:100%; font-size:14px;}

.slick.newsPic .slick-dots { position: absolute; right:2px; bottom:15px; width: auto; z-index:990;}
.slick.newsPic .slick-dots li { display: inline-block; width: auto; height: 20px; margin:0;}
.slick.newsPic .slick-dots li button { display: inline-block; width: 20px; height:10px; border-radius:0; background-color:#FFF; border:0; border-top:1px solid #FFF; margin-right:2px;}
.slick.newsPic .slick-dots .slick-active button {background-color:#09F;}

/*customs*/
a,a:hover,a:visited { text-decoration: none; color:inherit;}
.container { width:95%; max-width:1246px;}
.pgbody {  padding:2%;}
.pgbody .prolist { min-height:200px; font-size:0; background-color:#eff5f7; padding:.8%; border:1px solid #CCC;}
.pgbody .prolist li {cursor:pointer; float:left; background-color:#FFF; width:95%; margin:.5%; overflow:hidden; position:relative; height:140px; padding:0; border-bottom:1px solid #CCC;}
.pgbody .prolist li:hover {background-color:#3e85a2; }
.pgbody .prolist li:hover p.name {color:#FFF;}
.pgbody .prolist li:hover p.brief {color:#FFF;}

.pgbody .prolist li a { display:block; cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0;}
.pgbody .prolist li span.pic {cursor:pointer; overflow:hidden; display:block; width:200px; height:120px; background-color:#f0f0f0; position:absolute; top:10px; left:10px;}
.pgbody .prolist li span.pic img {cursor:pointer; height:100%;}
.pgbody .prolist li p {cursor:pointer; margin-left:220px; padding-top:10px;}
.pgbody .prolist li p.name { font-size:18px; color:#018baa;}
.pgbody .prolist li p.name span { display:block; width:100%; overflow: hidden; font-size:14px; text-overflow:ellipsis; white-space: pre-wrap; word-wrap: break-word;  word-break: break-all;}
.pgbody .prolist li p.brief { font-size:14px;color:#555; padding-right:5px; height:40px; overflow: hidden; text-overflow:ellipsis; white-space: pre-wrap; word-wrap: break-word;  word-break: break-all;}
.nodata { font-size:16px; color:#333; text-align:center; margin:40px 0;}
@media screen and (max-width: 720px) {
}
.ProDetail { padding:20px;}
.ProDetail h1 { font-size:20px; color:#008cad;}
.ProDetail h1 span { display:block; font-weight:100; font-size:18px; color:#7bb2cb; margin-top:5px;}
.ProDetail .detail { font-size:16px; padding:20px 0; color:#333;}
.ProDetail .detail img { max-width:100%; display:block;}

.pgBar { margin-top:20px; padding:10px;}
.pgBar a { border:1px solid #CCC; padding:5px 10px; margin-right:10px;}
.pgBar a:hover,.pgBar a:active { background-color:#0081a3; border:1px solid #0081a3; color:#FFF;}