.com_ul{width: 1220px}
.box2{background: rgb(240,240,240)}
.box2_ul{margin-top: 50px;justify-content: flex-start;}
.box2_ul .list{width: 32%;margin-bottom: 40px;background: white}
.box2_ul .list .p1{line-height: 60px;padding: 0 20px;color: rgb(76,76,76)}
.box2_ul .list .pic{overflow: hidden;position:relative;}
.box2_ul .list .pic .show{position:absolute;left:0;top:100%;right:0;bottom:0;background:rgba(240,133,25,0.8);padding:20px;transition:all 0.5s}
.box2_ul .list .pic .show h3{font-size:16px;margin-bottom:10px;}
.box2_ul .list .pic .show .text{font-size:14px;line-height:25px;max-height:250px;overflow: hidden;}
.box2_ul .list:hover .pic .show{top:0;transition:all 0.5s}
.box2_ul .list:hover{background: #F08519;transition: 0.5s}
.box2_ul .list .pic img{width:100%}
.box2_ul .list:hover .pic img{transform: scale(1.1);transition: 0.5s}
.box2_ul .list:hover .p1{color: white}
.box2 .contain .banners{display: none}
.box2 .contain .banners.sels{display: block}
@media (min-width:1200px){
    .box2_ul .list{margin-right:2%}
    .box2_ul .list:nth-child(3n){margin-right:0;}
}
@media (max-width:768px){
    .box2_ul{margin:0;padding:15px;}
    .box2_ul .list{width:100%;margin-bottom:20px;}
    .com_ul{display:flex;width:100%;}
    .com_ul .com_li{width:auto;flex:1;font-size:14px;line-height:40px;height:40px;}
    .com_ul .com_li + .com_li{border-left:1px solid #ddd;}
}
@media (max-width:992px) and (min-width:768px){
    .box2_ul .list{width:49%;margin-right:2%;box-shadow: 0 10px 10px #ddd;}
    .box2_ul .list:nth-child(2n){margin-right:0;}
    .box2_ul .list .pic .show{display:none !important;}
}
@media (min-width:1024px) and (max-width:1343px){
    .box2_ul .list .pic{height:229px;}
}