.casepro2 p,.casepro2 ul,.casepro2 li{margin:0;padding:0;border:0;}
.casepro2 ul,.casepro2 li{list-style:none;}
.casepro2 a{text-decoration:none;outline:none;}
.casepro2 a:hover{text-decoration:underline;}
.casepro2 img{border:0;}
.casepro2 img{-ms-interpolation-mode:bicubic;}
.casepro2 .clearfix:after{content:'';display:block;height:0;clear:both;}
.casepro2 .clearfix{zoom:1;}
.casepro2 .clear{clear:both;}
.casepro2 img{border:0;vertical-align:middle;}
.casepro2 a{color:#3a3a3a;text-decoration:none;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;}
.casepro2 a:hover{text-decoration:none;}
.casepro2 ::-webkit-scrollbar{width:4px;}
.casepro2 ::-webkit-scrollbar-track{background-color:#f0f0f0;border-radius:0px;}
.casepro2 ::-webkit-scrollbar-thumb{background-color:#6d6e70;}
.casepro2 .h_tlt1{width:100%;}
.casepro2 .h_tlt1 p{font-size:24px;color:#515671;text-align:center;}
.casepro2 .h_tlt1 span{display:block;font-size:12px;font-weight:lighter;color:#999;text-align:center;height:40px;line-height:40px;}
.casepro2 {width:100%;}
.casepro2 .casepro2_in{width: 94%;max-width:1440px;margin:0 auto;/* padding:3% 0 10px; */}
.casepro2 .pro_hd{margin:30px auto 40px;}
.casepro2 .pro_hd ul{margin:0 auto;max-width:100%;max-height:84px;overflow:hidden;font-size:0;text-align:center;}
.casepro2 .pro_hd ul li{display:inline-block;vertical-align:top;margin:0 0 1px;}
.casepro2 .pro_hd ul li a{display:block;background:#ffffff;padding:8px 30px;color:#76838f;-webkit-transition:.25s;-o-transition:.25s;transition:.25s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:24px;line-height:24px;font-size:14px;max-width:150px;transition-duration:.3s;-ms-transition-duration:.3s;-moz-transition-duration:.3s;-webkit-transition-duration:.3s;border-radius:0 4px 0 4px;}
.casepro2 .pro_hd ul li a:hover{background:#02328d;color:#fff;}
.casepro2 .pro_hd ul li.on a{background:#e41e34;color:#fff;}
.casepro2 .pro_bd ul li{float:left;width:24.2%;margin-right:1%;margin-top:25px;}
.casepro2 .pro_bd ul li:nth-child(4n){margin-right:0px;}
.casepro2 .pro_bd ul li>div{display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:0 0 2px 2px;background: #f5f5f5;padding-bottom:20px;position:relative;}
.casepro2 .pro_bd ul li>div a{display:block;}
.casepro2 .pro_bd ul li>div .pro_img{text-align:center;width:100%;height: auto;background: #f5f5f5;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;}
.casepro2 .pro_bd ul li>div .pro_img img{vertical-align:middle;padding-top: 3%;max-width: 94%;max-height: 94%;}
.casepro2 .pro_bd ul li>div .pro_img .iblock{display:inline-block;height:100%;width:0;vertical-align:middle;}
.casepro2 .pro_bd ul li>div p a{height:30px;line-height:30px;margin-top:10px;font-size: 14px;text-align:center;color:#555;font-weight:bold;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.casepro2 .pro_bd ul li>div span{margin:0 auto;display:block;width:118px;height:34px;border:1px solid #dadada;display:block;text-align:center;line-height:34px;background:none;position:relative;}
.casepro2 .pro_bd ul li>div span:before{content:"";position:absolute;background:#e41e34;width:0;height:34px;left:0;z-index:0;transition:0.3s;-webkit-transition:0.3s;-moz-transition:0.3s;}
.casepro2 .pro_bd ul li>div span i{position:relative;z-index:1;background:url(../images/casepro2/pro_jt.png) center center no-repeat;display:block;width:100%;height:34px;}
.casepro2 .pro_bd ul li .l1{position:absolute;top:0;left:0;width:0;height:1px;background:#c62f1d;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;}
.casepro2 .pro_bd ul li .l2{position:absolute;top:0;right:0;width:1px;height:0;background:#c62f1d;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;}
.casepro2 .pro_bd ul li .l3{position:absolute;bottom:0;right:0;width:0;height:1px;background:#c62f1d;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;}
.casepro2 .pro_bd ul li .l4{position:absolute;bottom:0;left:0;width:1px;height:0;background:#c62f1d;-webkit-transition:all .25s;-moz-transition:all .25s;-ms-transition:all .25s;-o-transition:all .25s;transition:all .25s;}
.casepro2 .pro_bd ul li>div:hover .l1{width:100%;}
.casepro2 .pro_bd ul li>div:hover .l2{height:100%;}
.casepro2 .pro_bd ul li>div:hover .l3{width:100%;}
.casepro2 .pro_bd ul li>div:hover .l4{height:100%;}
.casepro2 .pro_bd ul li>div:hover span{border:1px solid #ffffff;}
.casepro2 .pro_bd ul li>div:hover span i{background:url(../images/casepro2/pro_jt2.png) center center no-repeat;}
.casepro2 .pro_bd ul li>div:hover span:before{width:100%;}
.casepro2 .h_tlt1{width:100%;}
.casepro2 .h_tlt1 p{font-size:24px;font-weight:bold;color:#515671;text-align:center;}
.casepro2 .h_tlt1 span{display:block;font-size:15px;font-weight:lighter;color:#999;text-align:center;height:40px;line-height:40px;}
@media (max-width:1199px){
.casepro2 .pro_hd ul{max-height:108px;}
.casepro2 .pro_bd ul li{width:30%;}
.casepro2 .pro_hd ul li{padding:8px 5px;}
.casepro2 .pro_bd ul li>div a .pro_img{height:300px;}
}
@media (max-width:992px){
.casepro2 .pro_bd ul li{width:48%;}
/* .casepro2 .pro_bd ul li:nth-child(2n){margin-right:0;} */
.casepro2 .pro_bd ul li:nth-child(2n){margin-right:4%;}
.casepro2 .pro_bd ul li:nth-child(6n){margin-right:0;}
}
@media (max-width:767px){
.casepro2 .h_tlt1 span{font-weight:lighter;color:#ccc;height:30px;line-height:30px;}
.casepro2 .casepro2_in{padding:20px 0 10px;}
.casepro2 .pro_hd{margin:15px auto 20px;height:auto;overflow:hidden;}
.casepro2 .pro_hd ul{max-height:inherit;}
.casepro2 .pro_hd ul li{margin:0 1px 1px 0;padding:4px 6px;}
.casepro2 .pro_hd ul li a{padding:4px 10px;}
.casepro2 .pro_bd ul li{width:48%;margin-right: 4%;}
.casepro2 .pro_bd ul li:nth-child(2n){margin-right:0px;}
.casepro2 .pro_bd ul li>div p a{margin:0;font-size:14px;}
.casepro2 .pro_bd ul li>div a .pro_img{height:auto;}
.casepro2 .pro_bd ul li>div span{width:88px;height:26px;}
.casepro2 .pro_bd ul li>div span i{height:26px;}
.casepro2 .pro_bd ul li>div .pro_img img {
    vertical-align: middle;
    padding-top: 3%;
    max-width: 94%;
    padding-left: 3%;
    max-height: 100%;
}
.casepro2 .pro_bd ul li>div {
    padding-bottom: 10px;
}
}