.page_product{height:40px;width:200;line-height:40px; float:right; font-size:16px; margin-right:30px} /*line-height一定要和height一样才能保持文字居中*/
.page_product img{width:20px; height:20px;  margin-top:-5px; margin-left:0px; vertical-align:middle}/*图片垂直居中，需要设定图片高度，然后加个浮动,居中距离=(190-120)/2 */
.page_product a img{width:20px; height:20px;  margin-top:-5px; margin-left:0px; vertical-align:middle}

img{max-width:100%;height:auto;}
.slider .materials-list{padding:10px 0 0 0;display:flex;flex-wrap:wrap}
.slider .materials-list .preview{padding:10px 0 0 0;position:relative;width:50%}
.slider .materials-list .preview img{ width:auto; height:260px}
.slider .materials-list .preview{text-align:center}
.slider .materials-list .preview .hover{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;padding:20px;background:rgba(0,0,0,0.5);color:white;display:flex;align-items:center;justify-content:center;opacity:0;transition:1s}
.slider .materials-list .preview .hover:hover{opacity:1}

@media only screen and (min-width: 768px){.slider{padding:20px 0 0 0}.slider .materials-list{padding:20px 0 0 0}.slider .materials-list .preview{width:33.33%}}
@media only screen and (max-width: 768px){.slider .materials-list .preview img{ width:auto; height:190px}}


.product_img{ border:solid 1px #cccccc;padding:0px !important}
.previewimg{width:100%; text-align:center}