.lead-box{padding:128px 0}
.lead-box h3{font-size:36px;color:#2b2b2b;line-height:1.5em;text-align:center;margin-bottom:50px}
.lead-list{margin-left:-2%}
.lead-list li{float:left;width:31.3%;margin-left:2%;margin-bottom:30px;box-shadow: 0 0 10px rgba(0, 0 , 0, .1); -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.lead-list li .pic{display:block;display:block;width:100%;height:0;overflow:hidden;position:relative;padding-top:62.44%}
.lead-list li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;transition:all .3s ease-out;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out}
.lead-list li .info{background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding:32px 0 25px}
.lead-list li .info .top{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px;line-height:34px;margin-bottom:15px;padding-left:35px;position:relative;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.lead-list li .info .top::before{content:'';width:5px;height:22px;background-color:#2087ea;position:absolute;left:0;top:6px;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.lead-list li .info .top strong{display:block;float:left;width:106px;font-size:24px;color:#333;-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;}
.lead-list li .info p{font-size:16px;color:#333;line-height:28px;height:84px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-left:35px}
.lead-list li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.lead-list li:hover .info .top{padding-left: 50px}
.lead-list li:hover .info .top::before{width: 20px}
.lead-list li:hover .info .top strong{color: #2087ea}
.lead-list li:hover .info .top span{color: #2087ea}
@media only screen and (max-width:1279px){
.lead-box{padding:120px 0 80px}
.lead-list li .info .top{padding-left:20px}
.lead-list li .info p{padding-left:20px;font-size:14px;line-height:24px;height:72px}
.lead-list li .info .top{font-size:14px}
.lead-list li .info .top strong{width:90px;font-size:20px}
}
@media only screen and (max-width:959px){
.lead-box{padding:60px 0 40px}
.lead-list li{width:48%}
.lead-list li .info{padding:15px 20px 25px}
}
@media only screen and (max-width:767px){
.lead-box h3{font-size:28px}
.lead-list li .info{padding:10px 10px 15px}
.lead-list li .info .tit{font-size:16px}
.lead-list li .info .date{font-size:12px;margin-bottom:6px}
}
@media only screen and (max-width:479px){
.lead-list{margin-left:0}
.lead-list li{width:100%;margin-left:0}
.lead-list li .info p{height:auto}
}