@charset 'utf-8';



/**
 * 溯源产品
 */
.tracingPro{/* border: 1px solid #dbdee1; */padding: 28px 0;}
.tracingPro .linkMenuItem{width: 249px;height: auto;line-height: 20px;border: none;text-align: center;margin-bottom: 12px;}
.tracingPro .linkMenuItem:nth-child(3n-1){margin:0 30px}

.itemProWrap{position: relative;width: 100%;height: 170px;overflow: hidden;}
.tracingProImg{height: 100%;background: url(../images/noImg.jpg) center center no-repeat;background-size: contain;transition: transform 500ms ease-in-out;}
.tracingProTitle{height: 45px;line-height: 45px;font-size: 15px;color: #4b4b4b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tracingProBack{position: absolute;width: 100%;left: 0;top: 0;height: 100%;z-index: 10;border: 1px solid #dbdee1;background: #fff;box-sizing: border-box;-webkit-transform: translate(0,175px);-moz-transform: translate(0,175px);-ms-transform: translate(0,175px);transform: translate(0,175px);-webkit-transition: -webkit-transform 500ms ease-in-out;-moz-transition: -moz-transform 500ms ease-in-out;-ms-transition: -ms-transform 500ms ease-in-out;transition: transform 500ms ease-in-out;}
.tracingProCode{width: 120px;height: 118px;margin: 10px auto 0px;background: url(../images/noImg.jpg) center center no-repeat;background-size: contain;}
.tracingProTip{font-size: 14px;text-align: center;color: #f00;}

.tracingPro .linkMenuItem.hasTraceUrl:hover .tracingProImg{-webkit-transform: translate(0,-175px);-moz-transform: translate(0,-175px);-ms-transform: translate(0,-175px);transform: translate(0,-175px); }
.tracingPro .linkMenuItem.hasTraceUrl:hover .tracingProBack{-webkit-transform: translate(0,0);-moz-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0); opacity: 1; }