/*****mei tu******/
.tssj.me-tu-img .res-lists {padding-top: 45px;}
.tssj.me-tu-img .res-list {padding: 15px 20px 0px 20px;width: 31.833%;height: 260px;box-sizing: border-box;margin-right: 2%;float: left;transition: all 0.5s ease;margin-bottom: 25px;background: url(../img/mtlb_bk.png) no-repeat;background-size: 100%;}
.tssj.me-tu-img .res-list:nth-child(3n) {margin-right: 0;}
.tssj.me-tu-img .res-dt {width: 100%;height: 100%;overflow: hidden;}
.tssj.me-tu-img .res-dt img {transition: all 0.5s ease;width: 100%;}
.tssj.me-tu-img .res-dd h3 {font-size: 16px;height: 40px;line-height: 40px;color: #333;text-align: center;transition: all 0.5s ease;}
.tssj.me-tu-img .res-dd p {font-size: 13px;color: #999;line-height: 28px;margin-bottom: 20px;}
.tssj.me-tu-img .res-list:hover {box-shadow: 0px 3px 3px rgba(235, 234, 234, 0.6), -3px 3px 3px rgba(235, 234, 234, 0.6), 5px 10px 5px rgba(235, 234, 234, 0.8);}
.tssj.me-tu-img .res-list:hover .res-dd h3 {color: #00aaff;}
.tssj.me-tu-img .res-list:hover .res-dt img {transform:scale(1.1);-ms-transform:scale(1.1); -webkit-transform:scale(1.1);}
.res-dl{position:relative;}
.tssj.me-tu-img .res-dd{position:absolute;bottom: 0px;width: 100%;height: 45px;line-height: 40px;background: #ffffffb8;}
/*****meishi techan******/
.grid{overflow:hidden;}
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;min-width: 320px;max-width: 480px;max-height: 360px;width: 31.333%;background: #dfaf5d;text-align: center;cursor: pointer;}
.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;}
.grid figure figcaption {padding: 1em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid figure h2 span {font-weight: 700;font-size: 22px;}
.grid figure h2,.grid figure p {margin: 0;}
.grid figure p {letter-spacing: 1px;font-size: 68.5%;}
.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
figure.effect-honey {background:  #00aaff;}
figure.effect-honey img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;}
figure.effect-honey:hover img {opacity: 0.5;}
figure.effect-honey figcaption::before {position: absolute;bottom: 0;left: 0;width: 100%;height: 10px;background:  #dfaf5d;content: '';-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,10px,0);}
figure.effect-honey h2 {position: absolute;bottom: 10px;left: 0;padding: 1em 1.5em;width: 100%;text-align: left;-webkit-transform: translate3d(0,-10px,0);transform: translate3d(0,-10px,0);}
figure.effect-honey h2 i {font-style: normal;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,-30px,0);transform: translate3d(0,-30px,0);}
figure.effect-honey figcaption::before,
figure.effect-honey h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.miao-xie{margin:10px 0;padding: 0px 10% 20px 10%;}
.miao-xie img{width:100%;padding: 10px;}
.miao-xie p{line-height: 2;color: #666;text-indent:35px;padding-top:5px;font-size: 16px;}
.title-05{padding: 30px 0 0 25px;font-size:20px;position: relative;}
.title-05:before{content:" ";display:inline-block;width: 45px;height:30px;background: url(../img/yunwen-01.png) no-repeat left bottom;position: absolute;bottom: -20px;left: 0px;background-size: 100%;}