/* 工程案例 */
.case{padding-top: 60px;overflow: hidden;}
.case .content ul li{width: 460px;height: 586px;background-color: #ededed;margin:8px;float: left;}
.case .content ul li i{width: 460px;height: 367px;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.case .content ul li i .title-list{width: 114px;line-height:38px; background: linear-gradient(to right, #a904fd, #1b34ce);border-top-left-radius: 25px;border-bottom-left-radius: 25px;float: right;font-size: 16px;text-align: center;color: #fff;}
.case .content ul li .text{height: 202px; padding: 0 20px;}
.case .content ul li .text h3{font-size: 18px;font-weight: bold;line-height: 3.5;}
.case .content ul li .text span{font-size: 16px;margin-bottom: 30px;}
.case .content ul li .text .time{font-size: 16px;padding-left: 22px;position: relative;float: left;color: #696969;}
.case .content ul li .text .time::after{content: '';width: 18px;height: 18px;display: block;background:url(../img/index_7-time.png);background-position: center;background-repeat: no-repeat;background-size: cover; position: absolute;top: 2px;left: 0;}
.case .content ul li .text .Keywords{float: right;color: #474747;}

@media (max-width:1680px) {
    /* 工程案例 */
  
    .case .content ul li{width: 402px;height: 512px;margin:6px;}
    .case .content ul li i{width: 402px;height: 321px;}
    .case .content ul li .text{padding: 0 17px;}
    
    
}
@media (max-width:1560px) {
    /* 工程案例 */
  
    .case .content ul li{width: 373px;height: 476px;margin:5px;}
    .case .content ul li i{width: 373px;height: 298px;}
    .case .content ul li .text{padding: 0 15px;}
    
    
}
@media (max-width:1440px) {
    /* 工程案例 */
  
    .case .content ul li{width: 344px;height: 476px;margin:5px;}
    .case .content ul li i{width: 344px;height: 298px;}
    .case .content ul li .text{padding: 0 13px;}
 
    
}
@media (max-width:1366px) {
    /* 工程案例 */
  
    .case .content ul li{width: 326px;height: 476px;margin:5px;}
    .case .content ul li i{width:326px;height: 298px;}
    .case .content ul li .text{padding: 0 13px;}
    .case .content ul li .text .time{padding-left: 17px;}
    
}
@media (max-width: 1099.98px) ,(min-resolution: 192dpi), (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
     /* 工程案例 */
    .case{padding-top: 0.3rem;overflow: hidden;width: 7.2rem;margin: 0 auto;}
    .case .content ul li{width: 3.5rem;height: 5.5rem;background-color: #ededed;margin:0.05rem;float: left;}
    .case .content ul li i{width: 3.5rem;height: 3rem;display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
    .case .content ul li i .title-list{width: 1.5rem;line-height: 0.5rem; background: linear-gradient(to right, #a904fd, #1b34ce);border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem;float: right;font-size: 0.2rem;text-align: center;color: #fff;}
    .case .content ul li .text{height: 2.5rem; padding: 0 0.2rem;}
    .case .content ul li .text h3{font-size: 0.24rem;font-weight: bold;line-height: 3;}
    .case .content ul li .text span{font-size: 0.2rem;margin-bottom: 0.3rem;}
    .case .content ul li .text .time{font-size: 0.2rem;padding-left: 0.22rem;position: relative;float: none;color: #696969;display: block;}
    .case .content ul li .text .time::after{content: '';width: 0.2rem;height: 0.2rem;display: block;background:url(../img/index_7-time.png);background-position: center;background-repeat: no-repeat;background-size: cover;position: absolute;top: 2px;left: 0;}
    .case .content ul li .text .Keywords{float: none;color: #474747;font-size: 0.2rem;display: block;}  
}