@media all
{
/* CSS Document*/
.Cases_topnav{ width:100%; background-color:#fff; box-shadow:0 1px 2px 0 rgba(102,102,102,0.4);}
.Cases_topnav .typeaere{ padding:0;}
.Cases_topnav .Cases_p{ padding:10px 5px; line-height:30px; text-align:center; cursor:pointer; margin-bottom:0; color:#5b5b5b;}
    .Cases_topnav .Cases_p.checked{color: #c7000b}
    .Cases_topnav .Cases_p.checked i{transform: rotate(180deg);transition: transform 0.3s;color: #c7000b}
.Cases_topnav .Cases_ul{ background-color: #fff;  border:1px solid #fcfcfc; border-top-color:#e7e7e7;display:none; padding:0px 15px 0; z-index:990;position: relative}
    .Cases_topnav .Cases_div:nth-child(2) .Cases_ul{left: -100%}
    .Cases_topnav .Cases_div:nth-child(3) .Cases_ul{left: -200%}
    .Cases_topnav .Cases_div:nth-child(4) .Cases_ul{left: -300%}
    .Cases_topnav .Cases_ul{overflow: hidden}
.Cases_topnav .Cases_ul li{ line-height:50px; text-align:center; cursor:pointer; font-size:12px; position:relative;float: left;width: 25%;border-bottom: 1px solid #e7e7e7;top: 1px}
.Cases_topnav .Cases_ul li:first-child{font-weight:700}
.Cases_topnav .Cases_ul li:hover{ color:#c7000b;}
.Cases_topnav .Cases_div{ float:left; width:25%; position:relative;}
.Cases_topnav i{ margin-left:5px; font-size:14px; display:inline-table; vertical-align:middle; color:#5b5b5b;transition: transform 0.3s}
.Cases_sousuo{ background:#f1f1f1; padding:10px 15px; margin:30px -15px;}
.Cases_sousuo >div >input{ border:1px solid #d1d1d1; background-color:#fff; padding:5px 10px; line-height:20px; width:140px; font-size:12px; float:left;}
.Cases_sousuo >div >button{ border:1px solid #d1d1d1; background-color:#c7000b; min-width:40px; color:#fff; line-height:29px; border-left:0; margin-left:0; float:left;}
.Cases_sousuo >p{ line-height:30px; margin-bottom:0;}

.Cases_box{ float:left; width:100%;background-color:#fff;cursor:pointer;margin-bottom: 20px;}
.Cases_img{ height:260px; background:url("http://www.dvaco.com/UploadPic/20160215/201635150302341.png") no-repeat center center / cover; position:relative;}
.Cases_BG0006{ position:absolute; bottom:0; width:100%; left:0; padding:10px 20px; background-color:rgba(0,0,0,.4);}
.Cases_H{ margin-top:0; font-size:14px; color:#fff; font-weight:normal;}
.Cases_border > ul >li{ float:left; padding:3px 20px 3px 0; color:#ddd; text-align:left;}
.Cases_border > ul >li i{ transform:scale(.4,.4); -moz-transform:scale(.4,.4); -ms-transform:scale(.4,.4); -o-transform:scale(.4,.4); -webkit-transform:scale(.4,.4); color:#fff; margin-right:2px;display: inline-block;width:10px;height: 10px;border-radius: 50%;background-color: #f8f8f8 ;vertical-align: baseline}
.Cases_box >h4{ padding:5px 0; text-align:left; font-size:14px;}

.typeaere >div.ta_c{ margin-bottom:50px; margin-top:20px;}
.typeaere >div.casesSB{ margin-bottom:80px;margin-top:0px;}
.typeaere h4 >span{ color:#c7000b; font-size:18px; font-weight:700;display:inline-block; vertical-align:middle;top: 0px;position: relative;}
.Cases_topnav .Cases_p span{display:none}
.GetMore:hover{ color:#4d4d4d;}
    .typeaere >div.ta_c .GetMore{border: 1px solid #c7000b;width: 200px;text-align: center;display: inline-block;padding: 8px 0;color: #c7000b;transition: all 0.5s}
    .typeaere >div.ta_c .GetMore:hover{background-color: #c7000b;color: #ffffff;transition: all 0.5s}
}
@media(min-width:768px){
    .Cases_div:nth-child(2)>ul,.Cases_div:nth-child(3)>ul{padding-top: 0}
    .Cases_div:nth-child(2)>ul>li:first-child,.Cases_div:nth-child(3)>ul>li:first-child{top: 15px;}
    .Cases_topnav .Cases_ul li{top: 0}
    .Cases_topnav{background-color: #f8f8f8}
    .Cases_topnav .Cases_div:nth-child(2) .Cases_ul{left:0}
    .Cases_topnav .Cases_div:nth-child(3) .Cases_ul{left:0}
    .Cases_topnav .Cases_div:nth-child(4) .Cases_ul{left:0}
    .Cases_border > ul >li{padding-right: 15px;}
    .Cases_box{margin-bottom: 0}
    .Cases_border>ul{margin-bottom: 10px;}
.Cases_topnav{box-shadow:none}
.Cases_topnav .typeaere{padding:0 15px;}
.Cases_topnav_wrap{margin-bottom:30px;}
.Cases_topnav .Cases_div{float:none;width:100%;}
.Cases_topnav .Cases_div +.Cases_div{border-top:1px solid #eaeaea;}
.Cases_topnav .Cases_p{color:#333;cursor:auto;width:60px;float:left;line-height:22px;font-size:14px;font-weight:bold;padding:20px 0;text-align:right}
.Cases_topnav .Cases_p span{display:inline-block}
.Cases_topnav .Cases_ul{display:block!important;position:inherit;float:left; width:auto;background:none;top:auto;border:none;max-width:655px;padding:15px 0 0;}
.Cases_topnav .Cases_ul li{ float:left; width:60px; line-height:20px; font-size:12px;margin-left:5px;border:1px solid transparent;padding: 5px 0}
    .Cases_topnav .Cases_ul li.kongjian{padding-bottom: 0;padding-top: 35px;background-repeat: no-repeat;background-position: center 10px }
    .kongjian1{background: url("../images/cata-KJ-gongyu.png")}
    .kongjian2{background: url("../images/cata-KJ-bieshu.png")}
    .kongjian3{background: url("../images/cata-KJ-shangye.png")}
    .kongjian4{background: url("../images/cata-KJ-jiudian.png")}
    .kongjian5{background: url("../images/cata-KJ-shequ.png")}
    .kongjian6{background: url("../images/cata-KJ-xiaozhen.png")}
    .kongjian7{background: url("../images/cata-KJ-yanglao.png")}
    .kongjian8{background: url("../images/cata-KJ-chuzu.png")}

    .Cases_topnav .Cases_ul .Cases_nav_On .Catalog-iconBOX{
        background-image: url(../images/Catalog-icon02.png);
    }
    .Cases_topnav .Cases_ul li:hover .Catalog-iconBOX{background-image: url(../images/Catalog-icon02.png);}
.Cases_topnav .Cases_ul li:hover{ color:#c7000b;}
.Cases_topnav .Cases_ul .Cases_nav_On .C_cloud{background-image: url("../images/C_cloud02.png")}
.Cases_topnav .Cases_ul li:hover>.C_cloud{background-image: url("../images/C_cloud02.png")}
.Cases_topnav .Cases_ul .Cases_nav_On,.Cases_topnav .Cases_ul .Cases_nav_On:hover{color:#c7000b;font-weight: 700}
    .Cases_topnav .Cases_ul li:first-child.Cases_nav_On{background-color: #c7000b;color: #FFFFff}
.Cases_sousuo{ padding:15px 20px; margin:30px 0;}
.Cases_sousuo >div >input{width:280px;line-height:30px;}
.Cases_sousuo >div >button{width:80px;line-height:40px;}
.Cases_sousuo > p{line-height:40px;font-size:16px;}
.Cases_sousuo > p >.colorred{font-size:20px;}
.Cases_box{width:49%;margin-right: 2%}
.Cases_box:nth-child(2n){margin-right:0;}
.Cases_BG0006{height:100%;transition:all ease .5s;-moz-transition:all ease .5s; -ms-transition:all ease .5s; -o-transition:all ease .5s; -webkit-transition:all ease .5s;opacity:0;transform:scale(0,0); -moz-transform:scale(0,0); -ms-transform:scale(0,0); -o-transform:scale(0,0); -webkit-transform:scale(0,0)}
.Cases_border{border:1px solid rgba(255,255,255,.9);padding:20px;height:100%;}
.Cases_img:hover .Cases_BG0006{opacity:1;transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);-webkit-transform:scale(1,1);}
.Cases_H{font-weight:700}

.Cases_border a{padding:5px 20px;color:#fff; border:1px solid #D5C8BF;display: inline-block}
.Cases_border a i{margin-left:15px;color:#D5C8BF;}
.Cases_border a:hover{background:#c7000b;color:#fff;border: none}
.Cases_border a:hover i{color:#fff;}
.Cases_box > h4{height:60px;}
    .Cases_img{height:220px;}
    .Cases_border>ul{margin-left:20px;}
}
@media (min-width:992px){
    .Cases_border>ul{margin-left:30px;}
.Cases_topnav .Cases_ul{max-width:870px;}
.Cases_img{height:240px;}
.Cases_H{margin-bottom:15px;}
    .Cases_box{width:32%;margin-right: 2%}
    .Cases_box:nth-child(2n){margin-right:2%}
    .Cases_box:nth-child(3n){margin-right: 0}
    .Cases_border > ul >li{padding-right: 20px;}
}
@media (min-width:1200px){
    .Cases_topnav .Cases_ul{max-width:none}
.Cases_topnav .Cases_ul li{width:65px;}
.Cases_img{height:220px;}
    .Cases_border>ul{margin-left:10px}
}