.bg{ background: url("../images/al.png") no-repeat center;height: 600px;}
.case{  margin: 30px auto;}
.su_case ul li{    width: 364px;  margin-right: 32px; display: inline-block;}
.su_bt{    width: 1200px;  margin: 0px auto;  font-size: 25px;  color: #4c4438;  clear: both;  line-height: 84px;  margin-bottom: 10px;  font-weight: bold;}
.su_bt strong{font-weight: bold;}
.he_slideCaptionDown{background:#c30d23;width:360px;height:240px;padding:0;margin:0;border:1px solid #c6c6c6;position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block; width:360px; height:270px;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_img{ transform: scale(1.4);transition: 2s;}
.he_slideCaptionDown .he_slideCaptionDown_caption{color:#fff;background:rgba(254,114,83,0);-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);-ms-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{background:rgba(192,34,35,.5);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;margin:0;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{font-size:1.3em;font-weight:700;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:25%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{font-size:1.5em;text-align:center;width:80%;position:absolute;top:-50%;left:10%;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;transition:all .6s ease-in-out;overflow:hidden;opacity:0}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:45%;opacity:1}

.tpleft{    width: 82px;display: inline-block;  height: 82px;  margin-right: 20px;  background: url(../images/km.png) center center no-repeat;}
.more{    float: right;  color:#c30d23;  font-size: 14px;text-transform: uppercase;}
.su_case{width: 1200px;  margin: 0px auto;     padding-bottom: 34px; }
.tp{    margin-bottom: 27px; overflow: hidden}
.tp img{ width: 364px;height: 191px;}
.bt{display: block;  text-align: center;  font-size: 17px;  line-height: 30px;  height: 30px;  overflow: hidden;
    color: #4c4438;  margin-bottom: 5px; white-space: nowrap;text-overflow: ellipsis; }
.nr{    font-size: 13px;  line-height: 26px;  color: #4c4438;  height: 95px;}
.su_case ul li:hover .tp img{ transform: scale(1.2);transition: 1s; }
.su_case ul li:hover .more1{ color: #c30d23;}
.no2{    background: #f1f1f1;max-width: 1920px; padding-top: 40px;    margin-bottom: 35px;
}